@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Tagalog&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,500&display=swap";:root{--gold:#c8944a;--gold-2:#d9ad69;--dark:#3b1f0b;--cream:#f8f6f0;--ink:#2c1810;--muted:#76675e;--surface:#fff;--subtle:#f0ede4;--green:#4a7c59;--line:#e5ded1;--shadow:0 22px 60px #3b1f0b1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fdfcf9;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#fdfcf9f0;border-bottom:1px solid #3b1f0b17;align-items:center;gap:42px;height:76px;padding:0 max(28px,50vw - 620px);display:flex;position:relative}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.brand>span:last-child>span{color:var(--gold)}.brand-mark{background:var(--dark);width:36px;height:36px;color:var(--gold-2);border-radius:50%;place-items:center;font:20px Noto Sans Tagalog,sans-serif;display:grid}.site-header nav{gap:30px;margin-left:auto;display:flex}.site-header nav a{color:#62534a;font-size:13px;font-weight:600;text-decoration:none}.site-header nav a:hover{color:var(--gold)}.nav-cta{background:var(--dark);color:#fff;border-radius:9px;padding:11px 18px;font-size:12px;font-weight:700;text-decoration:none}.hero{color:#fff;background:radial-gradient(circle at 15% 20%,#c8944a2b,#0000 32%),linear-gradient(135deg,#2f1608 0%,#49270f 55%,#8a5b25 100%);grid-template-columns:1fr 1fr;min-height:690px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";opacity:.12;background-image:repeating-linear-gradient(45deg,#0000 0 26px,#e0b56e 27px 28px),repeating-linear-gradient(-45deg,#0000 0 26px,#e0b56e 27px 28px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.hero-copy{z-index:2;padding:105px 40px 105px max(34px,50vw - 620px);position:relative}.eyebrow{color:var(--gold);letter-spacing:.19em;text-transform:uppercase;margin:0 0 17px;font-size:11px;font-weight:700;line-height:1.2}.hero h1{letter-spacing:-.07em;margin:0;font-family:Georgia,serif;font-size:clamp(62px,7vw,102px);font-weight:400;line-height:.84}.hero h1 em{color:var(--gold-2);font-weight:400}.gold-line{background:var(--gold);width:64px;height:2px;margin:32px 0}.hero-copy>p:not(.eyebrow){color:#e9ddcf;max-width:570px;margin:0 0 30px;font:400 17px/1.75 Plus Jakarta Sans}.primary-button{background:var(--gold);color:var(--dark);border-radius:10px;align-items:center;gap:28px;padding:15px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 10px 30px #c8944a33}.primary-button:hover{background:var(--gold-2);transform:translateY(-2px)}.hero-copy small{color:#baa997;margin-top:14px;font-size:10px;display:block}.hero-art{place-items:center;min-height:620px;font-family:Noto Sans Tagalog,sans-serif;display:grid;position:relative}.hero-art:after{content:"";border:1px solid #e6bb7429;border-radius:50%;width:420px;height:420px;position:absolute;box-shadow:0 0 0 80px #e6bb7409,0 0 0 160px #e6bb7405}.hero-art>span:first-child{color:#efc982;filter:drop-shadow(0 24px 50px #0000004d);z-index:2;font-size:230px;animation:6s ease-in-out infinite float}.hero-art>span:nth-child(2){color:#c99147;font-size:52px;animation:7s ease-in-out 1s infinite float;position:absolute;top:120px;right:18%}.hero-art>span:nth-child(3){color:#fff3;font-size:32px;position:absolute;bottom:115px;left:10%}.hero-art i{background:#efc982;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 15px #efc982}.hero-art i:first-of-type{top:28%;left:20%}.hero-art i:nth-of-type(2){top:38%;right:16%}.hero-art i:nth-of-type(3){bottom:25%;right:28%}.hero-art p{text-transform:uppercase;letter-spacing:.3em;color:#c9aa7a;font:10px Plus Jakarta Sans;position:absolute;bottom:66px;right:14%}@keyframes float{50%{transform:translateY(-15px)rotate(2deg)}}.translator-section{background:linear-gradient(#f8f6f0,#fdfcf9);padding:96px max(24px,50vw - 620px)}.section-heading{text-align:center;max-width:720px;margin:0 auto 40px}.section-heading.left{text-align:left;margin-left:0}.section-heading h2,.story-copy h2,.comparison-section h2,.lesson-grid h2,.article-body h2{letter-spacing:-.04em;margin:0;font:400 clamp(34px,4vw,52px)/1.08 Georgia,serif}.section-heading>p:last-child{color:var(--muted);font-size:14px;line-height:1.7}.translator-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;position:relative;overflow:hidden}.translator-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:70px;padding:14px 18px;display:flex}.tabs{background:var(--subtle);border-radius:10px;padding:4px;display:flex}.tabs button{color:#77685e;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 16px;font-size:11px;font-weight:700}.tabs button.active{color:var(--dark);background:#fff;box-shadow:0 2px 8px #3b1f0b17}.local-badge{color:var(--green);font-size:10px;font-weight:700}.local-badge i{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.translator-grid{grid-template-columns:1fr 1fr;min-height:330px;display:grid}.input-pane,.output-pane{flex-direction:column;padding:23px;display:flex}.input-pane{border-right:1px solid var(--line)}.pane-label{color:#74655d;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.pane-label small{color:#aaa09a}.pane-label label{align-items:center;gap:7px;display:flex}.pane-label select{border:1px solid var(--line);color:#695a51;text-transform:none;background:#fff;border-radius:6px;padding:4px;font-size:9px}.input-pane textarea{resize:none;min-height:210px;color:var(--ink);border:0;outline:0;flex:1;padding:24px 0;font-size:22px;line-height:1.6}.detected{color:#998c84;font-size:10px}.output-pane{background:var(--cream)}.baybayin-output{text-align:center;flex-wrap:wrap;flex:1;place-content:center;align-items:center;padding:25px 8px;font:44px/1.7 Noto Sans Tagalog,sans-serif;display:flex}.baybayin-output span{animation:.35s ease-out both charIn;position:relative}.baybayin-output span:hover:after{content:attr(data-latin);background:var(--dark);color:#fff;white-space:nowrap;border-radius:6px;padding:5px 8px;font:9px Plus Jakarta Sans;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.font-bloc .baybayin-output,.font-bloc .tattoo-render{letter-spacing:.03em;font-weight:700}.font-pnt .baybayin-output{font-style:italic;transform:rotate(-1deg)}@keyframes charIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.latin-guide{color:#9d9189;flex-wrap:wrap;justify-content:center;min-height:28px;font:9px ui-monospace,monospace;display:flex}.latin-guide span{padding:0 4px}.action-row{border-top:1px solid var(--line);align-items:center;gap:8px;min-height:64px;padding:11px 18px;display:flex}.action-row button{border:1px solid var(--line);color:#594940;cursor:pointer;background:#fff;border-radius:8px;padding:10px 13px;font-size:10px;font-weight:700}.action-row button:hover{border-color:var(--gold);transform:translateY(-1px)}.transparent-toggle{color:#84766d;margin-left:3px;font-size:9px}.tattoo-action{background:var(--dark);color:#fff;border-radius:8px;margin-left:auto;padding:11px 15px;font-size:10px;font-weight:700;text-decoration:none}.toast{background:var(--green);color:#fff;box-shadow:var(--shadow);border-radius:8px;padding:10px 16px;font-size:11px;position:absolute;bottom:78px;right:24px}.learn-section,.guide-section,.faq-section,.articles-section,.character-section{padding:100px max(24px,50vw - 620px)}.feature-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.feature-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;min-height:390px;padding:24px;transition:all .2s;display:flex;position:relative;overflow:hidden}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card-number{color:#b7aca4;font-size:9px;position:absolute;top:17px;right:18px}.card-icon{height:150px;color:var(--gold);background:var(--cream);border-radius:12px;place-items:center;font:86px Georgia;display:grid}.feature-card h3{margin:22px 0 10px;font:400 23px Georgia}.feature-card p{color:var(--muted);font-size:12px;line-height:1.65}.feature-card a{color:var(--gold);margin-top:auto;font-size:10px;font-weight:700;text-decoration:none}.mini-alphabet{background:var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;height:150px;display:grid;overflow:hidden}.mini-alphabet span{background:var(--cream);place-items:center;font:23px Noto Sans Tagalog;display:grid}.mini-alphabet span:hover:after{content:attr(data-latin);color:var(--gold);font:7px Plus Jakarta Sans}.island-lines{height:150px;color:var(--dark);letter-spacing:.2em;background:linear-gradient(150deg,#e9d7b5,#c8944a);border-radius:12px;place-items:center;font:40px Noto Sans Tagalog;display:grid}.tattoo-line{color:#2b1912;text-shadow:0 1px #fff3;background:radial-gradient(circle,#cf9d78,#9b6447);border-radius:12px;place-items:center;height:150px;font:40px Noto Sans Tagalog;display:grid}.story-section{background:var(--dark);color:#fff;grid-template-columns:.85fr 1.15fr;min-height:610px;display:grid}.story-aside{background:radial-gradient(circle,#c8944a3d,#0000 55%);border-right:1px solid #ffffff14;align-content:center;place-items:center;display:grid}.story-aside span{color:var(--gold-2);font:66px Noto Sans Tagalog}.story-aside p{color:#bba991;font:italic 14px Georgia}.story-copy{padding:90px max(40px,50vw - 620px) 90px 80px}.story-copy p:not(.eyebrow){color:#cfc2b7;font-size:14px;line-height:1.85}.story-copy a{color:var(--gold-2);margin-top:16px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.steps{background:var(--line);border:1px solid var(--line);border-radius:15px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.steps article{background:#fff;padding:36px}.steps article>span{border:1px solid var(--gold);width:38px;height:38px;color:var(--gold);border-radius:50%;place-items:center;font:12px Georgia;display:grid}.steps h3{margin:40px 0 12px;font:400 20px Georgia}.steps p{color:var(--muted);font-size:12px;line-height:1.7}.comparison-section{background:#f5f1e8;grid-template-columns:1fr 1fr;gap:90px;padding:105px max(24px,50vw - 620px);display:grid}.comparison-section p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.85}.script-list{border-top:1px solid #d8cdbd}.script-list a{border-bottom:1px solid #d8cdbd;grid-template-columns:40px 1fr 1fr 30px;align-items:center;padding:20px 5px;text-decoration:none;display:grid}.script-list a:hover{color:var(--gold);padding-left:10px}.script-list span,.script-list small{color:#a19489;font-size:9px}.script-list strong{font:400 20px Georgia}.faq-section{background:#fff}.faq-list{border-top:1px solid var(--line);max-width:900px;margin:auto}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;grid-template-columns:40px 1fr 20px;align-items:center;gap:10px;padding:22px 5px;font:400 17px Georgia;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#afa49c;font:9px Plus Jakarta Sans}.faq-list summary b{color:var(--gold);font:300 18px Plus Jakarta Sans}.faq-list details[open] summary b{transform:rotate(45deg)}.faq-list details p{color:var(--muted);margin:0 40px 24px;font-size:12px;line-height:1.8}.final-cta{text-align:center;background:var(--cream);flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex;position:relative;overflow:hidden}.final-cta .watermark{color:#c8944a0f;font:380px Noto Sans Tagalog;position:absolute}.final-cta>:not(.watermark){position:relative}.final-cta h2{margin:0;font:400 clamp(38px,5vw,64px) Georgia}.final-cta p:not(.eyebrow){color:var(--muted);margin-bottom:25px;font-size:13px}footer{color:#d7c9be;background:#24130a;padding:70px max(24px,50vw - 620px) 25px}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:50px;display:grid}.footer-grid>div{flex-direction:column;gap:12px;display:flex}.footer-brand{color:#fff;margin-bottom:8px}.footer-grid p{color:#917f73;max-width:350px;font-size:11px;line-height:1.7}.footer-grid h3{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin:5px 0 10px;font-size:10px}.footer-grid a:not(.brand){color:#a99a90;font-size:11px;text-decoration:none}.footer-grid a:hover{color:#fff}.footer-bottom{color:#75655b;border-top:1px solid #ffffff14;justify-content:space-between;margin-top:55px;padding-top:22px;font-size:9px;display:flex}.inner-page{background:#fdfcf9}.page-hero{text-align:center;background:radial-gradient(circle at 50% -15%,#c8944a38,transparent 58%),var(--cream);border-bottom:1px solid #c8944a1f;min-height:330px;padding:68px max(24px,50vw - 490px) 74px}.page-hero h1{letter-spacing:-.055em;max-width:1050px;margin:0 auto;font:400 clamp(46px,6vw,78px)/1 Georgia}.page-hero>p:last-of-type{max-width:730px;color:var(--muted);margin:21px auto 0;font-size:14px;line-height:1.7}.learn-hero{padding-bottom:66px}.learn-hero+.character-section{padding-top:58px}.article-body{max-width:820px;margin:0 auto;padding:95px 24px}.article-body h3{margin:40px 0 12px;font:400 25px Georgia}.article-body p{color:#64564d;font-size:15px;line-height:1.9}.inline-links{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.inline-links a{border:1px solid var(--line);color:var(--gold);border-radius:8px;padding:12px 15px;font-size:10px;font-weight:700;text-decoration:none}.tattoo-studio{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:1240px;margin:-76px auto 0;padding:22px;position:relative;box-shadow:0 28px 80px #3b1f0b24}.tattoo-controls{grid-template-columns:1fr 2fr .5fr;gap:18px;padding:5px;display:grid}.tattoo-controls label>span,.tattoo-controls>div>span{color:#7b6c62;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px;font-size:9px;font-weight:700;display:block}.tattoo-controls input,.tattoo-controls select{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;height:50px;padding:0 12px;transition:border-color .18s,box-shadow .18s}.tattoo-controls input:focus,.tattoo-controls select:focus{border-color:var(--gold);outline:0;box-shadow:0 0 0 4px #c8944a21}.style-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.style-options button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;grid-template-columns:38px 1fr;align-items:center;height:82px;padding:8px;transition:transform .18s,border-color .18s,background .18s;display:grid}.style-options button:hover{border-color:#d8bb8c;transform:translateY(-2px)}.style-options button:focus-visible{outline-offset:2px;outline:3px solid #c8944a3d}.style-options button.active{border-color:var(--gold);background:#fffaf2;box-shadow:inset 0 0 0 1px #c8944a26}.style-options i{grid-row:1/3;font:28px Noto Sans Tagalog}.style-options b{font-size:9px}.style-options small{color:#9b8f87;font-size:7px}.skin-preview{background-color:#bf8962;background-image:radial-gradient(circle at 30% 20%,#ffffff40,#0000 25%),repeating-radial-gradient(circle at 0 0,#45231414 0 1px,#0000 1px 5px);border-radius:14px;align-content:center;place-items:center;height:440px;margin-top:17px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px 18px #3d1e0e1f}.skin-light{background-color:#e4b990}.skin-deep{background-color:#8c593c}.tattoo-render{color:#21130e;text-shadow:0 2px 1px #ffffff26;font:96px Noto Sans Tagalog;transition:color .25s,text-shadow .25s,letter-spacing .25s,opacity .25s}.tattoo-tribal .tattoo-render{letter-spacing:.12em;border-block:5px double #21130e;padding:24px;font-weight:700}.tattoo-watercolor .tattoo-render{color:#2f2947;text-shadow:10px -8px 18px #c95c7c,-9px 8px 18px #3d9bba}.tattoo-minimal .tattoo-render{opacity:.72;font-weight:400}.skin-preview>span{color:#2c1810a6;font-size:8px;position:absolute;bottom:14px}.studio-actions{justify-content:flex-end;align-items:center;gap:12px;padding:16px 4px 0;display:flex}.studio-actions button,.studio-actions a{background:var(--dark);color:#fff;border:0;border-radius:8px;padding:11px 15px;font-size:10px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s}.studio-actions button:hover,.studio-actions a:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b1f0b21}.studio-actions a{color:var(--gold);border:1px solid var(--line);background:#fff}.font-showcase{gap:16px;max-width:1100px;margin:80px auto;padding:0 24px;display:grid}.font-showcase article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1.2fr 1fr 1.3fr auto;align-items:center;gap:30px;padding:28px;display:grid}.font-showcase article>div{flex-direction:column;display:flex}.font-showcase article>div span{font:35px Noto Sans Tagalog}.font-showcase .font-bloc>div span{font-weight:700}.font-showcase .font-pnt>div span{font-style:italic}.font-showcase h2{margin:0;font:23px Georgia}.font-showcase p{color:var(--muted);font-size:11px;line-height:1.6}.font-showcase a{color:var(--gold);font-size:9px;font-weight:700;text-decoration:none}.font-showcase small{color:#a69890;font-size:8px}.character-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.character-grid article{perspective:500px;height:145px}.character-grid article div{border:1px solid var(--line);height:100%;transform-style:preserve-3d;background:#fff;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;transition:all .4s;display:flex}.character-grid article:hover div{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-4px)}.character-grid span{color:var(--dark);font:46px Noto Sans Tagalog}.character-grid b{letter-spacing:.12em;color:var(--gold);margin-top:8px;font-size:9px}.character-grid small{color:#a69a92;margin-top:3px;font-size:8px}.kudlit-demo{background:var(--dark);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:24px;margin-top:36px;padding:28px;display:flex}.kudlit-demo>div{flex-direction:column;align-items:center;display:flex}.base-char{color:var(--gold-2);font:34px Noto Sans Tagalog}.mark{color:var(--gold-2);font-size:9px}.kudlit-demo strong{margin-top:5px;font-size:9px}.demo-divider{background:#fff3;width:1px;height:45px}.lesson-grid{background:var(--dark);color:#fff;grid-template-columns:1fr 1.2fr;gap:80px;padding:90px max(24px,50vw - 550px);display:grid}.lesson-grid p{color:#c9b9ae;font-size:13px;line-height:1.8}.lesson-grid a{color:var(--gold-2);font-size:10px;font-weight:700;text-decoration:none}.word-breakdown{align-items:center;gap:16px;margin:25px 0;display:flex}.word-breakdown span{border:1px solid #fff3;border-radius:8px;padding:10px 15px}.word-breakdown i{color:#89766a}.word-breakdown strong{color:var(--gold-2);font:34px Noto Sans Tagalog}.article-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.article-grid>a{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;min-height:330px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.article-grid>a:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.article-grid>a>span{color:#b3a69e;font-size:8px}.article-glyph{background:var(--cream);height:100px;color:var(--gold);border-radius:9px;place-items:center;margin:12px 0;font:48px Noto Sans Tagalog;display:grid}.article-grid h3{margin:10px 0;font:400 20px/1.2 Georgia}.article-grid p{color:var(--muted);font-size:10px;line-height:1.6}.article-grid b{color:var(--gold);margin-top:auto;font-size:9px}.long-article{max-width:800px;margin:auto;padding:90px 24px}.long-article>header{text-align:center;margin-bottom:75px}.long-article h1{letter-spacing:-.05em;margin:0;font:400 clamp(48px,6vw,76px)/1 Georgia}.long-article>header>p:not(.eyebrow){color:var(--muted);font:18px/1.7 Georgia}.long-article>header>div{color:#9d9088;justify-content:center;gap:20px;font-size:9px;display:flex}.long-article section{margin:55px 0}.long-article section h2{margin:0 0 20px;font:400 34px Georgia}.long-article section p{color:#56483f;font:15px/1.95 Georgia}.long-article aside{background:var(--dark);color:#fff;border-radius:14px;grid-template-columns:100px 1fr;align-items:center;padding:32px;display:grid}.long-article aside>span{color:var(--gold);font:58px Noto Sans Tagalog}.long-article aside h2{margin:0;font:26px Georgia}.long-article aside p{color:#c6b7ad;font-size:11px}.long-article aside a{color:var(--gold-2);font-size:9px;text-decoration:none}.long-article nav{border-top:1px solid var(--line);justify-content:space-between;margin-top:50px;padding-top:22px;display:flex}.long-article nav a{color:var(--gold);font-size:9px;font-weight:700;text-decoration:none}.region-hero{position:relative;overflow:hidden}.region-glyph{color:#c8944a17;font:180px Noto Sans Tagalog;position:absolute;bottom:-50px;right:6%}.regional-note{background:#fffaf0;border:1px solid #e7d5b7;border-radius:10px;grid-template-columns:180px 1fr;align-items:center;max-width:1000px;margin:-30px auto 50px;padding:20px 25px;display:grid;position:relative}.regional-note strong{color:var(--gold);font:16px Georgia}.regional-note p{color:var(--muted);font-size:10px;line-height:1.65}.regional-translator{max-width:1100px;margin:0 auto;padding:0 24px}.translator-compact .translator-grid{min-height:260px}.related-scripts{background:var(--cream);padding:80px max(24px,50vw - 550px)}.related-scripts h2{margin:0 0 30px;font:38px Georgia}.related-scripts>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.related-scripts a{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1fr 30px;padding:20px;text-decoration:none;display:grid}.related-scripts a span{font:22px Georgia}.related-scripts a small{color:var(--muted);grid-column:1;font-size:8px}@media (width<=900px){.site-header{padding:0 18px}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:720px}.hero-copy{padding:75px 28px 10px}.hero-art{min-height:280px}.hero-art>span:first-child{font-size:135px}.hero-art:after{width:220px;height:220px}.translator-grid,.story-section,.comparison-section,.lesson-grid{grid-template-columns:1fr}.input-pane{border-right:0;border-bottom:1px solid var(--line)}.feature-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.story-copy{padding:65px 30px}.story-aside{min-height:260px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{display:none}.tattoo-controls{grid-template-columns:1fr}.font-showcase article{grid-template-columns:1fr 1fr}.character-grid{grid-template-columns:repeat(4,1fr)}.related-scripts>div{grid-template-columns:1fr}.article-grid{gap:9px}}@media (width<=600px){.site-header{height:62px}.nav-cta{padding:9px 11px;font-size:9px}.brand{font-size:13px}.brand-mark{width:31px;height:31px}.hero{min-height:680px}.hero-copy{padding-top:60px}.hero h1{font-size:57px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-art{min-height:245px}.translator-section,.learn-section,.guide-section,.faq-section,.articles-section,.character-section{padding:70px 14px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:37px}.translator-topbar{align-items:flex-start;gap:10px}.tabs{overflow:auto}.tabs button{white-space:nowrap;padding:8px;font-size:8px}.local-badge{display:none}.translator-grid{min-height:0}.input-pane textarea{min-height:150px;font-size:18px}.baybayin-output{min-height:180px;font-size:36px}.action-row{flex-wrap:wrap}.action-row button{flex:1}.transparent-toggle{order:5}.tattoo-action{text-align:center;width:100%;margin:4px 0 0}.feature-grid,.steps,.footer-grid,.article-grid{grid-template-columns:1fr}.feature-card{min-height:350px}.story-aside{min-height:230px}.comparison-section{gap:40px;padding:70px 22px}.steps article{padding:28px}.page-hero{min-height:0;padding:52px 18px 58px}.page-hero h1{font-size:44px}.page-hero>p:last-of-type{margin-top:17px;font-size:12px}.learn-hero+.character-section{padding-top:42px}.tattoo-studio{margin:-28px 10px 0;padding:12px}.style-options{grid-template-columns:1fr 1fr}.skin-preview{height:330px}.tattoo-render{font-size:54px}.font-showcase{margin:50px auto}.font-showcase article{grid-template-columns:1fr;padding:22px}.character-grid{grid-template-columns:repeat(3,1fr);gap:6px}.character-grid article{height:120px}.kudlit-demo{gap:10px;padding:20px 10px;overflow:auto}.lesson-grid{gap:30px;padding:65px 22px}.article-grid>a{min-height:290px}.footer-grid{gap:35px}.footer-grid>div:nth-child(n+3){display:none}.footer-bottom{flex-direction:column;gap:8px}.long-article{padding:65px 21px}.long-article h1{font-size:48px}.long-article aside{grid-template-columns:1fr}.regional-note{grid-template-columns:1fr;margin:-25px 12px 40px}.related-scripts{padding:60px 22px}.action-row button span{display:none}}.sound-reference{grid-template-columns:repeat(6,1fr);gap:6px;margin:24px 0;display:grid}.sound-reference span{background:#ffffff09;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:58px;display:flex}.sound-reference b{color:var(--gold-2);font:24px Noto Sans Tagalog,sans-serif}.sound-reference small{color:#a99689;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:7px}@media (width<=600px){.sound-reference{grid-template-columns:repeat(4,1fr)}}