/* SIIA / Light and space. Shared optical rules, with content-specific proportions. */
:root{--paper:#e9edf0;--ink:#0c0e11;--accent:#c8734a;--muted:#535b63;--line:rgba(12,14,17,.19);--ease:cubic-bezier(.22,.7,.26,1);--quick:180ms;--settle:360ms;--pad:clamp(22px,4.45vw,80px)}
:root{--sans:Inter,'Helvetica Neue',Helvetica,Arial,sans-serif}
.siia-icon{display:block;width:20px;height:20px;flex:0 0 20px;max-width:none;vertical-align:middle;pointer-events:none}
.copper{color:var(--accent)}
button,a{touch-action:manipulation}
h1,h2,h3{ text-wrap:balance }
p{ text-wrap:pretty }
.eyebrow,.card-kicker{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.site-header{padding-block:24px}
.wordmark{gap:.24em;letter-spacing:.02em}
.wordmark>span:first-child,.type .n{font-weight:500}
.wordmark-light{font-weight:300}
.plus::after{top:0}
.plus::before{left:0}
.home-page #brandBtn::before{content:none}
.site-header .page-label{color:var(--ink)}
.hero{min-height:740px}
.hero-content{padding-top:clamp(155px,18vh,205px)}
.hero h1{font-size:clamp(58px,6.4vw,102px);letter-spacing:-.055em;line-height:1.06}
.hero-description{max-width:390px;font-size:16px;line-height:1.75;margin-top:30px}
.hero-bottom{padding-bottom:36px}
.hero-founders .eyebrow{font-size:11px}
.hero-founders p{margin-top:12px}
.scroll-link{min-height:44px}
.circle-arrow{width:44px;height:44px}
.section-intro{margin-bottom:64px;gap:40px}
.intro-copy{max-width:50ch;line-height:1.75}
.founder-row{grid-template-columns:56px 1fr 1fr;gap:40px;padding-block:52px 60px}
.founder-copy{max-width:47ch}
.founder-copy>p{line-height:1.8}
.role{max-width:280px;font-size:12px}
.founders-foot{font-size:10px;line-height:1.7}
.spatial-study{aspect-ratio:4/5}
.spatial-study img{height:100%;object-position:83% 62%;transform:scale(2.05);transform-origin:78% 100%}
.spatial-study figcaption{padding:60px 24px 24px;font-size:12px}
.spatial-study figcaption span+span{font-size:10px}
.principles h3{line-height:1.25}
.principles p{line-height:1.8}
.practice-link{grid-template-columns:56px minmax(0,1fr) 24px;gap:40px;padding-block:32px}
.practice-link p{font-size:15px;max-width:48ch}
.practice-arrow{justify-self:end}
.practice-link:hover .practice-arrow{transform:translateX(3px)}
.text-link,.back-top{align-items:center;min-height:44px}
.text-link{font-size:15px;gap:40px;padding-block:14px}
.text-link>span,.contact-links a>span{display:inline-flex;flex-shrink:0}
.text-link:hover span{transform:translateX(3px)}
.contact::before{content:none}
.contact{background:linear-gradient(135deg,#dce3e7,#e2e8eb);padding-bottom:44px}
.contact-top{font-size:11px}
.contact-main{grid-template-columns:1.2fr .8fr;gap:clamp(40px,7vw,100px);margin-block:54px 64px;align-items:end}
.contact h2{font-size:clamp(56px,6.5vw,100px);line-height:1.05;letter-spacing:-.052em}
.contact-note{max-width:350px;padding-bottom:8px}
.contact-note p{font-size:17px;line-height:1.7;margin-bottom:22px;max-width:33ch}
.contact-note .text-link{display:flex}
.contact-links{gap:40px;font-size:14px;padding-top:16px;align-items:center}
.contact-links a{gap:20px;min-height:48px}
.contact-links a:first-child{font-size:16px}
.site-footer{padding-top:36px}
.back-top{gap:16px}
.footer-mark{font-size:clamp(64px,17vw,300px);margin-top:38px;line-height:1.12;letter-spacing:-.064em}
.footer-bottom{font-size:11px;line-height:1.6}
.services-hero{padding-top:160px}
.services-opening{grid-template-columns:1.7fr 1fr;gap:clamp(40px,7vw,100px)}
.services-opening h1{font-size:clamp(42px,5.2vw,86px);line-height:1.1;letter-spacing:-.052em;text-wrap:initial}
.services-intro{font-size:16px;line-height:1.75;max-width:34ch}
.service-index{margin-top:60px;gap:40px}
.service-index a{font-size:14px;min-height:80px}
.service-index a>span:first-child{font-size:11px}
.service-visual{margin-inline:var(--pad);height:clamp(300px,36vw,560px)}
.service-visual img{object-position:center 70%}
.service-visual figcaption{padding-inline:24px;font-size:11px}
.service-chapter{grid-template-columns:1fr 1fr;gap:clamp(48px,9vw,140px)}
.service-heading h2{font-size:clamp(36px,3.6vw,58px);letter-spacing:-.045em;line-height:1.12}
.service-lead{max-width:36ch;line-height:1.75}
.service-detail h3{font-size:25px;line-height:1.3}
.service-detail article p{max-width:48ch;line-height:1.8}
.service-context{font-size:13px;line-height:1.75;max-width:52ch}
/* A shared glass menu across the three pages. All destinations remain visible. */
.sheet,.glass-dialog{background:rgba(233,237,240,.88);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 70px rgba(12,14,17,.12);backdrop-filter:blur(28px) saturate(1.15);-webkit-backdrop-filter:blur(28px) saturate(1.15)}
.sheet,.menu-dialog{border-radius:20px;max-width:1100px;left:20px;right:20px;margin-inline:auto}
.sheet{padding:22px 36px 0;transition:transform var(--settle) var(--ease),opacity var(--quick) ease,visibility 0s linear var(--settle)}
.sheet.open{transition:transform var(--settle) var(--ease),opacity var(--quick) ease,visibility 0s}
.menu-sheet{padding:16px 36px 0}
.sheet-nav,.menu-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 24px;margin-top:24px}
.sheet-nav a,.menu-links a{display:grid;grid-template-columns:1fr 20px;align-items:center;gap:8px;padding:18px 0 22px;min-height:85px;font-family:var(--sans);font-size:20px;font-weight:400;line-height:1.3;letter-spacing:-.025em;border-top:1px solid var(--line);border-bottom:0;opacity:1;transition:color var(--quick),transform var(--quick) var(--ease)}
.sheet-nav .nav-number,.menu-links a>span:first-child{grid-column:1/-1;font-size:10px;font-weight:400;letter-spacing:.06em;color:var(--muted)}
.sheet-nav a>svg,.menu-links a>span:last-child{grid-column:2;grid-row:2;justify-self:end}
.sheet-nav a[aria-current],.menu-links a[aria-current]{color:#955131}
.menu-links a:hover{padding-left:0;transform:translateY(-2px)}
.sheet-mark,.menu-mark{font-family:Poppins,'Century Gothic',sans-serif;font-size:clamp(64px,15.5vw,185px);letter-spacing:-.06em;line-height:.92;margin-top:28px;margin-bottom:-.13em;color:rgba(255,255,255,.9)}
.menu-bottom{display:none}
.sheet-close,.close-button,.card-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px}
.close-button>span{display:block}
.glass-dialog[open]{animation:siia-dialog-in var(--settle) var(--ease) both}
.glass-dialog[open].is-closing{animation:siia-dialog-out 160ms ease both}
@keyframes siia-dialog-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes siia-dialog-out{to{opacity:0;transform:translateY(8px)}}
/* The still appears immediately; relighting enhances it without a blocking intro. */
.home-page .fallback{background-image:url('d-beauty.jpg')}
.home-page .fallback{background-image:image-set(url('optimized/d-beauty.webp') type('image/webp'),url('d-beauty.jpg') type('image/jpeg'))}
.home-page .loader{display:none}
.home-page canvas#gl{opacity:0;transition:opacity 500ms ease}
.home-page canvas#gl[data-state="ready"]{opacity:1}
.home-page .type .ctl{min-height:44px;opacity:.8}
.home-page .type .ctl.on{opacity:1}
.home-page .type .ctl:first-child{margin-top:-13px}
.home-page #brandBtn{min-height:44px;margin-top:-12px}
.home-page .type .n{font-weight:500}
.home-page .studio-position{font-size:clamp(12px,.95vw,14px);line-height:1.65}
.home-page .meta{font-size:11px;line-height:1.75;letter-spacing:.025em}
.light-invitation{display:block;color:var(--muted);margin-top:4px}
.touch-hint{display:none}
.home-page .card{background:rgba(233,237,240,.93);transition:opacity var(--settle) var(--ease),visibility 0s linear var(--settle)}
.home-page .card.open{transition:opacity var(--settle) var(--ease),visibility 0s}
.home-page .card-grid{transition:opacity var(--settle) var(--ease),transform var(--settle) var(--ease);transform:translateY(10px)}
.home-page .card.open .card-grid{transform:none}
.card-kicker{margin-bottom:28px}
.home-page .card h2{font-size:clamp(40px,4.6vw,66px);line-height:1.08;letter-spacing:-.045em}
.home-page .card-email,.home-page .card-foot a:not(.card-ig){display:inline-flex;align-items:center;min-height:44px}
.home-page .card-submit{gap:28px;min-width:160px;justify-content:space-between;transition:color var(--quick);font-size:14px}
.home-page .card-submit .siia-icon{transition:transform var(--quick) var(--ease)}
.home-page .card-submit:hover .siia-icon{transform:translateX(3px)}
.home-page .form-note{font-size:12px;line-height:1.6}
.home-page .field label{font-size:11px}
@media(orientation:portrait){.home-page .fallback{background-image:url('m-beauty.jpg');background-image:image-set(url('optimized/m-beauty.webp') type('image/webp'),url('m-beauty.jpg') type('image/jpeg'))}}
.spatial-study picture{display:block;width:100%;height:100%}
@media(hover:hover){.contact-links a:hover .siia-icon{color:#955131}.practice-link:hover h3{color:#955131}}
@media(pointer:coarse){.fine-hint{display:none}.touch-hint{display:inline}}
@media(max-width:1100px){
 .hero-description{max-width:380px}.services-opening{gap:32px}.services-intro{font-size:15px}
 .founder-row{grid-template-columns:32px 1fr 1fr;gap:24px}.founder-heading h3{font-size:36px}
 .sheet-nav,.menu-links{gap:0 20px}.sheet-nav a,.menu-links a{font-size:18px}
 .service-index{gap:24px}.service-index a{font-size:12px;gap:12px}
}
@media(max-width:760px){
 :root{--pad:24px;--section:80px}
 .site-header{padding-block:16px}.site-header .page-label{font-size:10px}.wordmark{font-size:12px}.menu-trigger{font-size:12px}
 .hero{height:100svh;min-height:740px;max-height:1000px}.hero-content{padding-top:138px}
 .hero h1{font-size:clamp(44px,10.2vw,66px);line-height:1.07;letter-spacing:-.052em;max-width:580px}
 .hero-description{font-size:15px;line-height:1.7;max-width:32ch;margin-top:24px}
 .hero-kicker{font-size:11px}.hero-location{display:none}.hero-bottom{padding-block:64px 28px}
 .hero-founders p{font-size:13px}.hero-founders .eyebrow{font-size:10px}
 .section-intro{gap:26px;margin-bottom:42px}.section-label{font-size:11px}.section-number{margin-right:14px}
 h2{font-size:clamp(34px,8vw,52px);line-height:1.12}.intro-copy{font-size:16px;line-height:1.75}
 .founder-row{grid-template-columns:24px minmax(0,1fr);gap:20px;padding-block:32px 40px}
 .founder-heading h3{font-size:clamp(30px,7.8vw,46px);line-height:1.15}.founder-copy>p{font-size:15px;line-height:1.8}
 .founder-index{font-size:11px}.role{font-size:12px;margin-top:16px}.founders-foot{font-size:9px;gap:18px}
 .approach-layout{gap:40px}.spatial-study{aspect-ratio:5/6}.spatial-study img{height:100%}
 .practice-link{grid-template-columns:22px minmax(0,1fr) 20px;gap:16px;padding-block:26px}
 .practice-link h3{font-size:24px;line-height:1.25}.practice-link p{font-size:14px;line-height:1.7}.capability-number{font-size:11px}
 .contact{padding-block:68px 30px}.contact-top{font-size:11px}.contact-main{grid-template-columns:1fr;gap:28px;margin-block:36px 40px}
 .contact h2{font-size:clamp(42px,11.5vw,70px);line-height:1.05;letter-spacing:-.05em}
 .contact-note{max-width:100%;padding:0}.contact-note p{font-size:16px;line-height:1.7;max-width:32ch;margin-bottom:20px}
 .contact-note .text-link{max-width:100%;font-size:15px;padding-block:13px}
 .contact-links{font-size:14px;gap:10px 28px;padding-top:18px}.contact-links a:first-child{font-size:16px;flex-basis:100%;margin:0;justify-content:space-between}
 .contact-links a{gap:14px;min-height:48px}.site-footer{padding-top:26px}.back-top{font-size:12px;gap:12px}.footer-top>.eyebrow{font-size:11px}
 .footer-mark{font-size:16.8vw;margin-top:38px}.footer-bottom{font-size:10px;gap:12px;padding-block:20px 24px}
 .services-hero{padding-top:136px}.services-opening{grid-template-columns:1fr;gap:28px;margin-top:28px}
 .services-opening h1{font-size:clamp(30px,8.35vw,60px);letter-spacing:-.05em;line-height:1.14}
 .services-intro{font-size:15px;max-width:39ch}.services-intro p:first-child{margin-bottom:12px}
 .service-index{grid-template-columns:1fr;gap:0;margin-top:38px}.service-index a{font-size:14px;min-height:62px;gap:16px}
 .service-visual{height:330px;margin-inline:0}.service-visual figcaption{font-size:11px;padding-inline:var(--pad)}
 .service-chapter{grid-template-columns:1fr;gap:40px}.service-heading h2{font-size:clamp(33px,8.3vw,52px)}.service-lead{font-size:16px;line-height:1.75}
 .service-heading .eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:24px}.service-detail h3{font-size:24px}.service-detail-label{font-size:11px}.service-context{font-size:13px}
 .sheet,.menu-dialog{left:12px;right:12px;width:calc(100% - 24px);border-radius:18px;max-height:calc(100svh - 24px)}
 .sheet{padding:18px 22px 0;overflow:auto}.menu-sheet{padding:12px 22px 0}.sheet-top{font-size:10px;gap:12px}
 .sheet-nav,.menu-links{grid-template-columns:1fr;gap:0;margin-top:16px}
 .sheet-nav a,.menu-links a{grid-template-columns:24px minmax(0,1fr) 20px;gap:16px;min-height:58px;padding:14px 0;font-size:23px;border-top:0;border-bottom:1px solid var(--line)}
 .sheet-nav .nav-number,.menu-links a>span:first-child{grid-column:1;grid-row:1;font-size:10px}
 .sheet-nav a>svg,.menu-links a>span:last-child{grid-column:3;grid-row:1}
 .sheet-mark,.menu-mark{font-size:16vw;margin-top:28px;margin-bottom:-.13em;line-height:.95}
 .home-page .studio-position{font-size:12px}.home-page .meta{font-size:10px}.home-page .studio-intro{max-width:56%}.home-page footer:has(#sceneStatus:empty) .meta{max-width:38%}
 .home-page .card{padding-inline:var(--pad);padding-top:70px}.card-kicker{margin-bottom:20px}.home-page .card-grid{gap:36px}
 .home-page .card-foot{margin-top:18px;gap:32px}.home-page .card-email{font-size:15px;margin-top:18px}.home-page .card-foot h3{font-size:11px}
}
@media(max-width:350px){
 :root{--pad:20px}.hero h1{font-size:40px}.hero-description{font-size:14px}.hero{min-height:710px}.hero-founders p{font-size:12px}
 .hero-kicker{font-size:10px}.founder-row{gap:16px}.founder-heading h3{font-size:28px}.practice-link{gap:12px}.practice-link h3{font-size:22px}
 .founders-foot{flex-wrap:wrap}.footer-top>.eyebrow{font-size:10px}.contact h2{font-size:42px}.contact-links{gap:8px 20px}
 .services-opening h1{font-size:29px}.service-heading h2{font-size:32px}.sheet-top{font-size:9px}.sheet-nav a,.menu-links a{font-size:21px}
 .home-page .type{font-size:10px;gap:6px}.home-page .studio-position{font-size:11px}.home-page .meta{font-size:9px}
}
@media(max-height:500px) and (orientation:landscape){
 .hero{height:auto;min-height:720px}.hero-content{padding-top:130px}.hero h1{font-size:54px;max-width:720px}
 .sheet,.menu-dialog{max-height:calc(100dvh - 24px);overflow:auto}.sheet-nav,.menu-links{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
 .sheet-nav a,.menu-links a{display:flex;min-height:55px;font-size:14px;gap:8px;flex-wrap:wrap}.sheet-nav .nav-number,.menu-links a>span:first-child{display:none}.sheet-nav .siia-icon,.menu-links .siia-icon{width:16px;height:16px;flex-basis:16px}
 .home-page .card-grid{margin-block:0}.home-page .card{padding-top:60px}.sheet-mark,.menu-mark{font-size:13vw}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .sheet-nav a:hover,.menu-links a:hover,.practice-link:hover .practice-arrow,.text-link:hover span,.back-top:hover span{transform:none}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sheet,.glass-dialog,.home-page .card{background:#e9edf0}}
/* The close control stays outside the scrolling form, including with a software keyboard. */
.home-page .card{display:block;overflow:hidden;padding:0}
.home-page .card-scroll{position:absolute;inset:64px 0 0;overflow:auto;display:flex;padding:24px max(30px,5.5vw) max(32px,env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-block:24px}
.home-page .card-close{position:absolute;top:12px;right:max(12px,env(safe-area-inset-right));background:rgba(233,237,240,.94);color:var(--ink)}
.home-page .field input,.home-page .field textarea{font-size:16px}
@media(max-width:760px){.home-page .card-scroll{padding:16px var(--pad) max(28px,env(safe-area-inset-bottom))}}

/* A single architectural language: still space, responsive light, a lifted glass plane. */
:root{--glass-ease:cubic-bezier(.2,.72,.24,1);--glass-time:480ms}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sheet,.menu-dialog{
 left:8px;right:8px;bottom:max(20px,env(safe-area-inset-bottom));width:calc(100% - 16px);max-width:none;
 border-radius:clamp(24px,2.5vw,42px);border:1px solid rgba(255,255,255,.78);
 background:linear-gradient(155deg,rgba(241,245,248,.57),rgba(233,237,240,.68));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 24px 68px -28px rgba(12,14,17,.29);
 backdrop-filter:blur(32px) saturate(1.1);-webkit-backdrop-filter:blur(32px) saturate(1.1);
 transform-origin:50% 100%;isolation:isolate;max-height:calc(100svh - 40px)
}
.sheet{padding:28px clamp(24px,2.7vw,48px) 0;transform:perspective(1600px) translateY(38px) rotateX(5deg);opacity:0;visibility:hidden;
 transition:transform var(--glass-time) var(--glass-ease),opacity 260ms ease,visibility 0s linear var(--glass-time)}
.sheet.open{transform:none;opacity:1;visibility:visible;transition-delay:0s}
.menu-sheet{padding:28px clamp(24px,2.7vw,48px) 0}
.sheet::before,.menu-dialog::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
 background:radial-gradient(ellipse at var(--glass-x,62%) var(--glass-y,20%),rgba(255,255,255,.24),transparent 66%);opacity:.65}
.sheet-top,.menu-sheet .dialog-top{display:flex;align-items:center;gap:clamp(14px,2vw,34px);font-size:12px;line-height:1.5;min-height:44px;color:var(--ink);font-weight:400}
.sheet-top{padding-right:48px}
.menu-sheet .dialog-top{padding:0;border:0}
.sheet-top .rule,.dialog-top .rule{display:block;height:1px;flex:1;min-width:16px;background:rgba(12,14,17,.2)}
.sheet-close{right:-10px}
.menu-sheet .close-button{margin-right:-10px;color:var(--ink)}
.sheet-nav,.menu-links{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;flex-wrap:nowrap}
.sheet-nav a,.menu-links a{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:8px 0;gap:0;
 border:0;font:400 16px/1.5 var(--sans);letter-spacing:0;color:#424a51;opacity:1;
 transition:color 180ms ease,transform 240ms var(--glass-ease)}
.sheet-nav a[aria-current],.menu-links a[aria-current]{color:var(--ink)}
.sheet-nav a::after,.menu-links a::after{content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;background:currentColor;
 transform:scaleX(0);transform-origin:0 50%;transition:transform 260ms var(--glass-ease);opacity:.55}
.sheet-nav a:focus-visible,.menu-links a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.sheet-nav a:focus-visible::after,.menu-links a:focus-visible::after{transform:scaleX(1)}
.sheet-mark,.menu-mark{font-family:Poppins,'Century Gothic',sans-serif;font-size:clamp(68px,19.1vw,380px);line-height:.94;
 letter-spacing:-.06em;margin-top:26px;margin-bottom:-.21em;color:#fff;pointer-events:none;user-select:none}
.sheet-mark .n,.menu-mark>span:first-child{font-weight:400}
.sheet-mark .t,.menu-mark>span:last-child{font-weight:100}
.menu-dialog[open]{animation:siia-glass-in var(--glass-time) var(--glass-ease) backwards}
.menu-dialog[open].is-closing{animation:siia-glass-out 160ms ease both}
.menu-dialog::backdrop{background:rgba(12,14,17,.07);backdrop-filter:none;animation:siia-backdrop-in 280ms ease both}
.menu-dialog.is-closing::backdrop{animation:siia-backdrop-out 160ms ease both}
@keyframes siia-glass-in{from{opacity:0;transform:perspective(1600px) translateY(38px) rotateX(5deg)}to{opacity:1;transform:none}}
@keyframes siia-glass-out{to{opacity:0;transform:perspective(1600px) translateY(18px) rotateX(2deg)}}
@keyframes siia-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes siia-backdrop-out{to{opacity:0}}
/* The light study remains the only continuously controllable scene. Text stays still. */
.home-page .light-invitation{transition:opacity 400ms ease}
.home-page.light-engaged .light-invitation{opacity:0}
.home-page .card-submit:hover,.home-page .card-submit:focus-visible{gap:28px}
.site-header{z-index:10}
@media(hover:hover) and (pointer:fine){
 .sheet-nav a:hover,.menu-links a:hover{color:var(--ink);transform:translateY(-1px)}
 .sheet-nav a:hover::after,.menu-links a:hover::after{transform:scaleX(1)}
}
@media(max-width:760px){
 .sheet,.menu-dialog{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:24px;
 background:linear-gradient(155deg,rgba(241,245,248,.84),rgba(233,237,240,.88))}
 .sheet{padding:18px 24px 0;overflow:auto}.menu-sheet{padding:18px 24px 0}
 .sheet-top,.menu-sheet .dialog-top{font-size:11px;gap:12px;min-height:44px}
 .menu-rights{display:none}
 .sheet-nav,.menu-links{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:16px}
 .sheet-nav a,.menu-links a{display:flex;font-size:25px;line-height:1.3;min-height:56px;padding:10px 0;width:100%;letter-spacing:-.025em}
 .sheet-nav a::after,.menu-links a::after{right:auto;width:28px;bottom:4px}
 .sheet-mark,.menu-mark{font-size:17vw;margin-top:32px;margin-bottom:-.19em}
}
@media(max-width:350px){.sheet,.menu-sheet{padding-inline:20px}.sheet-top,.menu-sheet .dialog-top{font-size:10px}.sheet-nav a,.menu-links a{font-size:23px;min-height:54px}}
@media(max-height:500px) and (orientation:landscape){
 .sheet,.menu-dialog{max-height:calc(100dvh - 24px);overflow:auto;bottom:12px}
 .sheet,.menu-sheet{padding-top:12px}.sheet-nav,.menu-links{display:flex;flex-direction:row;gap:16px;margin-top:12px}
 .sheet-nav a,.menu-links a{width:auto;font-size:15px;min-height:44px}.sheet-mark,.menu-mark{font-size:17vw;margin-top:18px}
}
@media(prefers-reduced-motion:reduce){
 .sheet,.sheet.open,.menu-dialog[open],.menu-dialog[open].is-closing{transform:none;animation:none!important;transition:none!important}
 .menu-dialog::backdrop,.menu-dialog.is-closing::backdrop{animation:none!important}
 .sheet-nav a:hover,.menu-links a:hover{transform:none}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sheet,.menu-dialog{background:#e9edf0}}
@media(forced-colors:active){.sheet,.menu-dialog{background:Canvas;border-color:CanvasText}.sheet-mark,.menu-mark{color:CanvasText}.sheet-nav a,.menu-links a{color:LinkText}.sheet::before,.menu-dialog::before{display:none}}