@import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&family=Itim&family=Kalam:wght@300;400;700&family=DM+Mono:wght@400;500&display=swap');
:root{--ink:#f7fcff;--paper:#203346;--muted:#7791a5;--orange:#75c9f4;--lilac:#c5eaff;--line:#d8eaf5;--surface:#fff;--sky:#e9f7ff;--shadow:0 20px 70px #a7d5ed55}html[data-theme="dark"]{--ink:#111a24;--paper:#eff8ff;--muted:#91a9bb;--orange:#7dd1fb;--lilac:#c5eaff;--line:#344754;--surface:#192633;--sky:#1b2936;--shadow:0 20px 70px #0007}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,'Noto Sans Thai',sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 36px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{color:var(--paper);text-decoration:none;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:700;letter-spacing:.13em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--orange);color:var(--ink);font-weight:800;font-size:18px;letter-spacing:0}.nav nav{display:flex;gap:30px}.nav nav a,.nav-cta,footer a{color:var(--paper);text-decoration:none;font-size:12px}.nav nav a{color:var(--muted)}.nav nav a:hover,.nav nav .active{color:var(--paper)}.nav-cta{border:1px solid var(--line);padding:12px 17px;border-radius:30px}.nav-cta span,.text-link span{color:var(--orange)}.menu{display:none;background:none;border:0;color:var(--paper);font-size:22px}.hero{max-width:1280px;margin:auto;min-height:760px;padding:120px 9% 75px;position:relative;overflow:hidden}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1,.page-hero h1,.contact-page h1{font-size:clamp(58px,9.8vw,142px);line-height:.92;letter-spacing:-.085em;margin:42px 0 60px;font-weight:600;position:relative;z-index:2}.hero h1 em,.page-hero h1 em,.contact-page h1 em,.statement em{font-family:Georgia,serif;font-weight:400;color:var(--orange);letter-spacing:-.07em}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;max-width:690px;position:relative;z-index:2}.hero-bottom p{max-width:410px;font-size:16px;line-height:1.7;color:var(--muted);margin:0}.circle-link{width:118px;height:118px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--paper);text-decoration:none;font-size:12px;transition:.3s}.circle-link:hover{background:var(--orange);color:#173047;transform:rotate(10deg)}.circle-link b{font-size:20px;font-weight:400}.hero-grid{position:absolute;width:570px;height:570px;right:-70px;top:150px;background:linear-gradient(145deg,#252127,#2b2331);border-radius:50%;opacity:.9}.hero-grid:after{content:'';position:absolute;inset:75px;border:1px solid #62565e;border-radius:50%;box-shadow:0 0 0 45px #2a242c,0 0 0 46px #5e5260,0 0 0 90px #2a242c,0 0 0 91px #51454f}.orb{position:absolute;border-radius:50%;z-index:1}.orb-a{width:130px;height:130px;background:var(--orange);right:16%;top:255px;filter:blur(2px)}.orb-b{width:32px;height:32px;background:var(--lilac);right:27%;top:540px}.ticker{border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:21px 0;color:var(--muted);font:12px 'DM Mono',monospace;letter-spacing:.18em}.ticker div{word-spacing:25px;animation:marquee 25s linear infinite}.ticker span{color:var(--orange)}@keyframes marquee{to{transform:translateX(-30%)}}.section{max-width:1280px;margin:auto;padding:145px 9%}.section-label{font:11px 'DM Mono',monospace;color:var(--orange);letter-spacing:.13em}.intro{display:grid;grid-template-columns:27% 1fr;gap:8%}.intro h2,.statement h2{font-size:clamp(38px,5.2vw,76px);line-height:1.02;letter-spacing:-.07em;margin:0 0 33px}.intro h2 span{color:var(--muted)}.intro p{max-width:620px;color:var(--muted);line-height:1.8}.intro .lead{font-size:20px;color:var(--paper);line-height:1.5}.feature-card{display:grid;grid-template-columns:1.3fr 1fr;margin-top:52px;background:var(--surface);min-height:510px}.feature-art{position:relative;overflow:hidden;background:linear-gradient(135deg,#d6f2ff,#8bcff2);display:flex;align-items:center;justify-content:center}.feature-art:before{content:'';position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.05),0 0 0 100px rgba(255,255,255,.04)}.art-word{position:absolute;top:25px;left:25px;font:12px 'DM Mono';color:#ffcfbd}.art-ui{position:relative;z-index:1;background:var(--sky);color:#1c1820;width:240px;height:300px;padding:27px;box-shadow:18px 22px 0 rgba(20,15,20,.23);transform:rotate(-7deg)}.art-ui small{font:10px 'DM Mono';color:#8f6e65}.art-ui strong{display:block;font-size:36px;line-height:.9;letter-spacing:-.08em;margin-top:78px}.mini-bar{display:block;height:6px;background:var(--orange);width:62px;margin-top:45px}.feature-copy{padding:70px 60px;display:flex;flex-direction:column;justify-content:center}.kicker{font:10px 'DM Mono';letter-spacing:.14em;color:var(--orange)}.feature-copy h3{font-size:clamp(48px,6vw,88px);line-height:.85;letter-spacing:-.08em;margin:35px 0}.feature-copy h3 i{font-family:Georgia,serif;font-weight:400;color:var(--lilac)}.feature-copy>p:not(.kicker){color:var(--muted);line-height:1.7;max-width:290px}.text-link{color:var(--paper);text-decoration:none;margin-top:42px;font-size:13px}.text-link span{margin-left:12px;font-size:20px}.service-list{margin-top:45px;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:9% 1fr 1fr 30px;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:29px 0;transition:.3s}.service:hover{padding-left:18px;background:var(--sky)}.service span,.service p{color:var(--muted);font:11px 'DM Mono'}.service h3{font-size:25px;margin:0;letter-spacing:-.04em}.service p{font-family:Manrope;line-height:1.6;margin:0}.service b{font-size:20px;color:var(--orange);font-weight:400}.statement{text-align:center;border-top:1px solid var(--line);padding-bottom:165px}.statement .eyebrow{margin-bottom:35px}.statement h2{font-size:clamp(43px,7vw,100px)}.statement em{display:block}.big-button{display:inline-flex;align-items:center;gap:50px;border:1px solid var(--line);border-radius:40px;color:var(--paper);background:transparent;padding:17px 22px 17px 28px;text-decoration:none;font-size:13px;margin-top:30px;transition:.3s}.big-button span{display:grid;place-items:center;background:var(--orange);color:var(--ink);width:30px;height:30px;border-radius:50%;font-size:18px}.big-button:hover{background:var(--orange);color:var(--ink);border-color:var(--orange)}footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:35px 36px 50px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}footer .brand{color:var(--paper)}footer a:last-child{color:var(--muted)}.page-hero{max-width:1280px;margin:auto;padding:125px 9% 105px}.page-hero h1{margin:38px 0 30px}.page-hero>p:last-child{color:var(--muted);max-width:360px;line-height:1.7}.projects{max-width:1280px;margin:auto;padding:0 9%}.project{margin-bottom:100px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.48);box-shadow:0 14px 36px rgba(38,76,110,.08)}.project-art{height:500px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-art:before{content:'';width:520px;height:520px;border:1px solid rgba(20,20,20,.18);border-radius:50%;box-shadow:0 0 0 80px rgba(20,20,20,.05),0 0 0 160px rgba(20,20,20,.04)}.project-art>span{position:absolute;font-size:100px;line-height:.8;letter-spacing:-.09em;font-weight:700;color:var(--ink);z-index:1}.project-art i{font-family:Georgia,serif;font-weight:400}.project-art small{position:absolute;left:25px;top:25px;font:11px 'DM Mono';color:rgba(20,20,20,.6)}.project-orange .project-art{background:var(--orange)}.project-lilac .project-art{background:var(--lilac)}.project-blue .project-art{background:#88b9c5}.project-meta{display:flex;align-items:center;gap:18px;min-height:92px;padding:20px 26px;background:rgba(255,255,255,.68);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.project-meta h2{font-size:25px;margin:0;flex:1}.project-meta p{font:11px 'DM Mono';color:var(--muted);flex:1}.project-meta b{font-size:24px;color:var(--orange);font-weight:400}.contact-page{max-width:1280px;margin:auto;padding:125px 9% 180px;display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact-page h1{margin:35px 0}.contact-note{color:var(--muted);max-width:350px;line-height:1.8}.contact-form{padding-top:55px}.contact-form label{display:block;font:11px 'DM Mono';color:var(--muted);margin-bottom:25px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:10px;background:none;border:0;border-bottom:1px solid #625c61;color:var(--paper);padding:12px 0;font:16px Manrope;outline:0;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange)}.contact-form .big-button{cursor:pointer}.reveal{animation:rise .9s both}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:720px){.nav{height:72px;padding:0 20px}.nav nav,.nav-cta{display:none}.menu{display:block}.hero{min-height:680px;padding:95px 20px 50px}.hero h1{font-size:16vw;margin:38px 0 45px}.hero-grid{width:350px;height:350px;right:-115px;top:290px}.orb-a{right:22%;top:350px}.hero-bottom{display:block}.hero-bottom p{font-size:14px;max-width:310px}.circle-link{margin-top:28px;width:95px;height:95px}.section{padding:90px 20px}.intro{display:block}.intro .section-label{margin-bottom:45px}.intro h2{font-size:48px}.feature-card{display:block}.feature-art{height:360px}.feature-copy{padding:45px 30px 55px}.feature-copy h3{font-size:62px}.service{grid-template-columns:35px 1fr 25px;gap:10px}.service p{display:none}.service h3{font-size:20px}.page-hero{padding:90px 20px 70px}.page-hero h1{font-size:20vw}.projects{padding:0 20px}.project-art{height:300px}.project-art>span{font-size:58px}.project-meta{display:grid;grid-template-columns:1fr 30px;gap:10px}.project-meta p{grid-column:1}.contact-page{display:block;padding:90px 20px 110px}.contact-page h1{font-size:18vw}.contact-form{padding-top:65px}footer{padding:28px 20px 40px;display:grid;gap:22px}footer span{order:3}}

.nav{border-color:var(--line)}.prefs{display:flex;align-items:center;gap:9px}.prefs button{border:1px solid var(--line);background:var(--surface);color:var(--paper);border-radius:22px;padding:9px 12px;cursor:pointer;font:11px 'DM Mono'}.nav-cta{border-color:var(--line)}.hero-grid{background:radial-gradient(circle at var(--mx,60%) var(--my,40%),#dff5ff,#c2e9fb 35%,#effaff 70%);box-shadow:var(--shadow)}.hero-grid:after{border-color:#83c9e888;box-shadow:0 0 0 45px #d7f1fc88,0 0 0 46px #83c9e866,0 0 0 90px #d7f1fc88,0 0 0 91px #83c9e866}.orb-a{background:linear-gradient(135deg,#fff,#74c9f2);box-shadow:var(--shadow)}.orb-b{background:#a7dcf7}.feature-card{box-shadow:var(--shadow)}.feature-art{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#fff,#afe4fb 42%,#8acde9)}.project-art{transition:filter .3s;filter:saturate(.75)}.project-art:after{content:'✦';position:absolute;left:var(--mx,50%);top:var(--my,50%);transform:translate(-50%,-50%);font-size:48px;color:#fff;opacity:.68;pointer-events:none}.project-orange .project-art{background:#bceaff}.project-lilac .project-art{background:#dcecff}.project-blue .project-art{background:#a6d9ed}.project-art>span{color:#24445a}.contact-form input,.contact-form textarea{color:var(--paper)}.grain{opacity:.018}.bow{display:inline-block;font-size:clamp(34px,5vw,58px);filter:drop-shadow(0 7px 12px #83c9e877);animation:bob 3s ease-in-out infinite}.bow-hero{position:absolute;right:23%;top:135px;z-index:3}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(460px circle at var(--mx,80%) var(--my,45%),#c8efff55,transparent 70%);pointer-events:none}.hero>*{z-index:1}.hero-grid{z-index:0}.project-art{background-image:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),#ffffff88,transparent 70%)}.feature-art{background-image:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),#ffffffaa,transparent 72%)}@keyframes bob{50%{transform:translateY(-9px) rotate(5deg)}}@media(max-width:720px){.prefs{gap:5px}.prefs .nav-cta{display:none}.bow-hero{right:14%;top:255px}}.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 4px 18px #78bde755}.brand{gap:12px}.nav{min-height:82px}.brand-mark{display:none}
body{font-family:Itim,'Charm',cursive}html[lang="en"] body{font-family:Kalam,'Charm',cursive}html[lang="en"] .eyebrow,html[lang="en"] .section-label{font-family:'DM Mono',monospace}html[lang="en"] .hero h1,html[lang="en"] .page-hero h1,html[lang="en"] .contact-page h1{font-family:Kalam,'Charm',cursive;font-weight:700;letter-spacing:-.035em}html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{font-family:Itim,cursive;font-weight:400;letter-spacing:0}

/* Airy glass interface and responsive full-bleed hero */
:root{--glass:rgba(255,255,255,.54);--glass-strong:rgba(255,255,255,.76);--glass-border:rgba(117,174,205,.28);--glass-blur:18px}html[data-theme="dark"]{--glass:rgba(27,42,56,.56);--glass-strong:rgba(27,42,56,.78);--glass-border:rgba(168,216,241,.18)}body{background:radial-gradient(ellipse at 20% 0%,#e5f7ff 0,transparent 42%),radial-gradient(ellipse at 90% 35%,#d8f1ff 0,transparent 40%),var(--ink)}html[data-theme="dark"] body{background:radial-gradient(ellipse at 20% 0%,#19354a 0,transparent 42%),radial-gradient(ellipse at 90% 35%,#1c3446 0,transparent 40%),var(--ink)}.nav{position:sticky;top:12px;margin:12px auto 0;width:min(96%,1500px);max-width:none;border:1px solid var(--glass-border);border-radius:24px;background:var(--glass);backdrop-filter:blur(var(--glass-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);box-shadow:0 12px 40px #80b9d322}.hero{width:100%;max-width:none;min-height:min(920px,calc(100svh - 105px));padding:clamp(110px,15vh,190px) clamp(28px,8vw,150px) 90px;display:flex;flex-direction:column;justify-content:center;transition:transform .35s ease;transform:scale(var(--scroll-scale,1));transform-origin:center center}.hero h1{font-size:clamp(76px,13.1vw,210px);line-height:.83;max-width:100%;margin:clamp(38px,6vh,70px) 0 clamp(55px,9vh,110px);letter-spacing:-.045em;white-space:nowrap}.hero h1 em{display:inline-block}.hero-bottom{width:min(100%,1150px);max-width:none}.hero-bottom p{font-size:clamp(15px,1.35vw,20px);max-width:570px}.hero-grid{width:min(47vw,700px);height:min(47vw,700px);right:2%;top:50%;transform:translateY(-47%);opacity:.55}.orb-a{right:19%;top:37%}.orb-b{right:30%;top:68%}.section,.page-hero,.projects,.contact-page{transition:transform .32s ease;transform:scale(var(--scroll-scale,1));transform-origin:center center}.section{max-width:1500px}.intro,.feature-card,.service-list,.project-art,.contact-form{border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:blur(var(--glass-blur)) saturate(135%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%);box-shadow:0 18px 55px #70acd31b;border-radius:28px;overflow:hidden}.intro{padding:clamp(30px,5vw,70px);grid-template-columns:23% 1fr}.feature-card{background:var(--glass)}.feature-copy{background:var(--glass)}.service-list{padding:8px 28px}.service{border-color:var(--glass-border)}.service:hover{background:var(--glass-strong);border-radius:16px}.statement{border-top:0}.project-art{border-radius:26px}.project-meta{padding:22px 18px}.contact-form{padding:40px;}.ticker{border-color:var(--glass-border);background:var(--glass);backdrop-filter:blur(12px)}.circle-link,.big-button,.prefs button{background:var(--glass);backdrop-filter:blur(10px)}.is-near{--near-glow:1}.is-near.intro,.is-near .feature-card,.is-near .project-art{box-shadow:0 24px 80px #77c7ef3b,0 0 0 1px var(--glass-border)}footer{max-width:1500px;border-color:var(--glass-border);padding-left:clamp(22px,5vw,72px);padding-right:clamp(22px,5vw,72px)}@media(min-width:1500px){.hero h1{font-size:clamp(190px,13.4vw,250px)}}@media(max-width:1050px){.hero{padding-left:6vw;padding-right:6vw;min-height:780px}.hero h1{font-size:clamp(76px,12.2vw,145px);white-space:normal}.hero-grid{width:55vw;height:55vw;right:-7%;top:53%;opacity:.38}.intro{grid-template-columns:1fr;gap:32px}.feature-copy{padding:50px 38px}.nav{padding:0 24px}.service{grid-template-columns:7% 1fr 1fr 26px}}@media(max-width:650px){.nav{top:7px;margin-top:7px;width:calc(100% - 18px);height:66px;min-height:66px;padding:0 15px;border-radius:20px}.brand-logo{width:36px;height:36px}.brand{font-size:11px}.prefs{gap:5px}.prefs button{padding:8px 10px}.hero{min-height:calc(92svh - 66px);padding:100px 22px 54px;justify-content:center}.hero h1{font-size:clamp(54px,13.7vw,88px);line-height:.9;white-space:normal;margin:40px 0 45px;letter-spacing:-.04em}.hero h1 em{white-space:nowrap}.hero-bottom{display:flex;align-items:flex-start;gap:22px}.hero-bottom p{font-size:14px;line-height:1.65;max-width:72%}.circle-link{flex:0 0 78px;width:78px;height:78px;font-size:10px;margin:0}.hero-grid{width:78vw;height:78vw;right:-25%;top:48%;opacity:.3}.orb-a{width:80px;height:80px;right:20%;top:42%}.orb-b{right:31%;top:66%;width:21px;height:21px}.bow-hero{right:10%;top:100px;font-size:36px}.section{padding:75px 18px}.intro{padding:26px 22px;border-radius:22px}.intro h2{font-size:clamp(37px,10vw,54px)}.intro .lead{font-size:17px}.feature-card{border-radius:22px}.feature-art{height:290px}.feature-copy{padding:35px 24px 42px}.service-list{padding:4px 18px;border-radius:22px}.service{grid-template-columns:30px 1fr 20px;padding:22px 0}.service h3{font-size:18px}.page-hero{padding:85px 22px 60px}.page-hero h1{font-size:clamp(64px,17vw,100px)}.projects{padding:0 16px}.project{margin-bottom:65px}.project-art{height:270px;border-radius:0}.project-art>span{font-size:clamp(45px,13vw,65px)}.project-meta{padding:16px 18px;gap:12px}.project-meta h2{font-size:21px}.contact-page{padding:85px 20px 95px}.contact-page h1{font-size:clamp(58px,16vw,90px)}.contact-form{padding:28px 22px;border-radius:22px}.statement{padding-bottom:95px}.statement h2{font-size:clamp(38px,10vw,62px)}footer{margin:0 16px;padding:25px 4px 35px}}

/* Fix narrow CTA text and contact heading collisions */
.big-button{gap:18px;justify-content:space-between;min-height:62px;max-width:100%;white-space:normal;color:var(--paper)!important;font-family:Itim,cursive;font-size:17px;line-height:1.2}.big-button>span:first-child{display:inline!important;place-items:initial;background:none;color:var(--paper);width:auto;height:auto;border-radius:0;font-size:inherit;flex:1}.big-button>span:last-child{flex:0 0 32px}.nav-cta{white-space:nowrap;display:inline-flex;align-items:center;gap:10px}.contact-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,6vw,90px)}.contact-page h1{font-size:clamp(54px,7.2vw,104px);line-height:1.04;letter-spacing:-.025em;overflow-wrap:anywhere}.contact-form{min-width:0;align-self:stretch}.contact-form label{font-size:14px}.contact-form input,.contact-form textarea{font-size:17px}.bow{display:block;width:82px;height:64px;margin:0 0 18px;animation:bob 3s ease-in-out infinite}.bow-image{display:block;width:100%;height:100%;object-fit:contain}.bow-hero{width:110px;height:84px}.hero .bow-hero{position:absolute}.prefs .nav-cta{color:var(--paper)!important}@media(max-width:760px){.contact-page{display:grid;grid-template-columns:1fr;gap:18px}.contact-page h1{font-size:clamp(49px,12.5vw,76px);line-height:1.05;overflow-wrap:normal}.contact-form{padding:25px 20px}.contact-form .big-button{width:100%;min-height:60px}.statement .big-button{width:min(100%,380px)}.bow-hero{top:92px;right:12%;width:76px;height:58px}}@media(min-width:761px) and (max-width:1100px){.contact-page{gap:32px}.contact-page h1{font-size:clamp(54px,7vw,78px)}}

/* Mobile-only navigation: brand left, menu centered, preferences right */
@media(max-width:760px){.nav{display:grid!important;grid-template-columns:1fr 48px 1fr;align-items:center;justify-content:initial}.nav>.brand{grid-column:1;justify-self:start;min-width:0}.nav>.menu{grid-column:2;grid-row:1;display:grid!important;place-items:center;justify-self:center;width:44px;height:44px;border:1px solid var(--glass-border);border-radius:50%;background:var(--glass-strong);backdrop-filter:blur(14px);color:var(--paper);font-size:21px;line-height:1;cursor:pointer;z-index:12;pointer-events:auto;touch-action:manipulation}.nav>.prefs{grid-column:3;grid-row:1;justify-self:end;display:flex!important;position:static!important;gap:5px}.nav>.prefs .lang-toggle,.nav>.prefs .theme-toggle{display:grid;place-items:center;min-width:36px;height:36px;padding:0 8px}.nav>.prefs .nav-cta{display:none!important}.nav>nav{display:none;position:absolute;top:calc(100% + 9px);left:0;right:0;padding:12px;border:1px solid var(--glass-border);border-radius:20px;background:var(--glass-strong);backdrop-filter:blur(22px);box-shadow:var(--shadow);z-index:11;flex-direction:column;gap:4px}.nav.menu-open>nav{display:flex}.nav>nav a{padding:14px 16px;border-radius:12px;color:var(--paper);font-size:16px}.nav>nav a:hover{background:var(--sky)}.nav .menu:focus-visible,.nav .prefs button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}}