:root{color-scheme:light;--ink:#1d1d1f;--subtle:#6e6e73;--action:#252525;--panel:#f5f5f7;--line:#dedee3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,textarea,summary,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #5b5b60;outline-offset:5px}button{cursor:pointer}[hidden]{display:none!important}figure,p,h1,h2,h3{margin:0}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.wordmark{font-size:29px;letter-spacing:-1.4px;font-weight:700;line-height:1.1}.wordmark span{font-weight:400}.wordmark small{font-size:8px;letter-spacing:1.15px;display:block;font-weight:500;margin-top:5px}.header nav{display:flex;gap:32px;align-items:center;font-size:13px}.header nav>a:not(.button){color:#424245}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--action);color:white;border:0;border-radius:99px;padding:15px 26px;line-height:1.25;font-size:16px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#414144;transform:translateY(-1px)}.button.small{padding:10px 19px;font-size:13px}.button:disabled{opacity:.65;cursor:wait;transform:none}.text-link{display:inline-block;color:#3c3c40;font-size:17px}.text-link{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b5b5ba}.text-link:hover{text-decoration-color:#3c3c40}.hero{padding-top:73px;padding-bottom:40px;text-align:center}.eyebrow{font-size:15px;font-weight:600;color:var(--subtle);letter-spacing:0;margin-bottom:20px}.hero .eyebrow{font-size:20px;color:var(--ink);font-weight:600;margin-bottom:16px}.hero h1{font-size:clamp(54px,6.2vw,88px);line-height:1.04;font-weight:650;letter-spacing:-4.3px;margin:0 auto 23px}.hero h1 em{font-style:normal;color:#86868b}.intro{font-size:23px;color:#6e6e73;line-height:1.4;font-weight:400;letter-spacing:-.5px;margin:0 auto 27px}.hero-actions{display:flex;gap:25px;align-items:center;justify-content:center}.micro{font-size:12px;color:var(--subtle);margin-top:16px}.hero-figure{margin-top:49px}.hero-visual{height:490px;overflow:hidden;border-radius:28px;background:#f5f5f7}.hero-image{height:100%;width:100%;object-fit:cover;object-position:center 53%;display:block}figcaption{font-size:12px;color:#86868b;line-height:1.5;margin-top:12px;text-align:center}.occasion-strip{display:flex;align-items:center;justify-content:center;gap:40px;padding:24px 20px 60px;font-size:12px;color:#77777e;letter-spacing:.5px}.strip-dot{font-size:10px;color:#b8b8bf}.section{padding-block:110px}h2{font-size:clamp(36px,4vw,55px);font-weight:650;line-height:1.08;letter-spacing:-2px;margin-bottom:26px}h3{font-size:19px;line-height:1.3;letter-spacing:-.4px}.experience{display:grid;grid-template-columns:1.02fr 1fr;gap:80px;align-items:center;padding-top:50px}.interior-figure img{width:100%;height:620px;object-fit:cover;display:block;border-radius:28px}.experience-copy>p:not(.eyebrow){font-size:20px;line-height:1.5;color:var(--subtle);letter-spacing:-.3px;margin-bottom:36px}.benefit{display:flex;gap:19px;margin-block:25px}.benefit-number{font-size:14px;color:#86868b;line-height:1.75}.benefit h3{font-size:17px;font-weight:600;letter-spacing:-.2px;margin-bottom:7px}.benefit p{color:var(--subtle);font-size:15px;line-height:1.5}.experience .text-link{margin-top:15px}.occasions{background:var(--panel)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}.section-heading h2{margin:0}.section-heading>p{font-size:20px;line-height:1.5;color:var(--subtle);max-width:340px}.occasion-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.occasion-cards article{background:#fff;padding:35px 30px;border-radius:25px;min-height:330px;display:flex;flex-direction:column}.card-index{font-size:12px;font-weight:600;color:#86868b;letter-spacing:.5px}.occasion-cards h3{font-size:29px;letter-spacing:-1px;line-height:1.13;font-weight:650;margin:32px 0 20px}.occasion-cards p{font-size:16px;color:var(--subtle);line-height:1.5}.card-footer{font-size:12px;color:#86868b;padding-top:35px;margin-top:auto}.center-cta{text-align:center;margin-top:40px}.center-heading{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding:0;margin:65px 0 0;list-style:none}.steps li{text-align:center}.steps span{font-size:34px;font-weight:600;color:#b6b6bd;display:block;margin-bottom:24px;letter-spacing:-1px}.steps h3{font-weight:600;font-size:21px;margin-bottom:14px}.steps p{font-size:16px;color:var(--subtle);max-width:270px;margin:auto}.faq-section{background:var(--panel)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq-grid>div>p:not(.eyebrow){font-size:18px;color:var(--subtle);margin-bottom:27px}.faq-list details{border-bottom:1px solid #dcdce0;padding:24px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;font-size:17px;font-weight:600;cursor:pointer;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-weight:400;color:#86868b;font-size:24px;line-height:1;flex-shrink:0}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:var(--subtle);font-size:16px;line-height:1.6;padding-top:17px}.quote-section{background:#fff}.quote-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:100px;align-items:center}.quote-copy h2{font-size:clamp(45px,5vw,66px);letter-spacing:-2.8px;line-height:1.07}.quote-copy h2 em{font-style:normal;color:#86868b}.quote-copy>p:not(.eyebrow){font-size:20px;line-height:1.5;color:var(--subtle);max-width:350px}.quote-assurance{display:grid;grid-template-columns:25px 1fr;gap:16px 15px;margin:35px 0 48px;align-items:center}.quote-assurance span{font-size:12px;color:#86868b}.quote-assurance p{font-size:16px}.quote-copy .quote-area{font-size:12px!important;line-height:1.8!important}.quote-area strong{font-size:17px;color:var(--ink);font-weight:500}.form-card{padding:38px;background:var(--panel);border-radius:28px;min-width:0}.form-heading h3{font-size:28px;font-weight:650;letter-spacing:-.8px;line-height:1.2;margin-bottom:12px}.form-heading p{font-size:15px;color:var(--subtle);margin-bottom:28px}.form-progress{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:14px;color:#86868b;margin-bottom:28px}.form-progress span{padding-bottom:13px;border-bottom:2px solid #dedee3}.form-progress .active{border-color:var(--action);color:var(--ink);font-weight:500}fieldset{margin:0;padding:0;border:0;min-width:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:20px;min-width:0}.field label{font-size:14px;font-weight:500;display:block;margin-bottom:8px}.field label span{font-weight:400;color:var(--subtle)}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:48px;border:1px solid #ceced3;border-radius:10px;background:#fff;padding:12px;font-size:16px;color:var(--ink)}.field input::placeholder,.field textarea::placeholder{color:#86868b}.field textarea{resize:vertical}.full{width:100%}.form-note{font-size:12px;color:var(--subtle);text-align:center;line-height:1.5;margin-top:20px}.form-error{font-size:14px;color:#b52b2b;margin-top:15px}.form-error:empty{display:none}.back-button{display:block;margin:16px auto 0;padding:5px;border:0;background:transparent;color:#3c3c40;font-size:14px}.back-button:hover{text-decoration:underline}.honeypot{position:absolute;left:-9999px;opacity:0}.success-mark{font-size:42px;color:var(--action);margin-bottom:24px}#success h3{font-size:34px;margin-bottom:20px}#success p:not(.eyebrow){font-size:17px;color:var(--subtle);margin-bottom:24px}#success .reference{font-size:13px!important}.footer{border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:36px}.footer .wordmark{font-size:24px}.footer p{color:#86868b;font-size:13px}.footer>span{font-size:12px;color:#86868b}.footer>span a:hover{color:var(--action)}.mobile-cta{display:none}.skip-link{position:fixed;top:-60px;left:15px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.experience,.faq-grid,.quote-grid{gap:45px}.hero-visual{height:440px}.interior-figure img{height:580px}.occasion-cards{gap:16px}.occasion-cards article{padding:28px 23px}.occasion-cards h3{font-size:25px}.form-card{padding:28px}.header nav{gap:23px}}
@media(max-width:700px){body{padding-bottom:78px}.wrap{width:calc(100% - 40px)}.header{height:68px}.wordmark{font-size:26px}.wordmark small{font-size:7px}.header nav>a:not(.button){display:none}.button.small{font-size:13px}.hero{padding-top:52px;padding-bottom:25px}.hero .eyebrow{font-size:16px;margin-bottom:18px}.hero h1{font-size:54px;letter-spacing:-2.5px;line-height:1.04;margin-bottom:21px}.intro{font-size:20px;letter-spacing:-.3px}.hero-actions{gap:20px}.button{font-size:15px;padding:14px 23px}.text-link{font-size:16px}.micro{font-size:12px;max-width:260px;margin:18px auto 0}.hero-figure{margin-top:35px}.hero-visual{height:330px;border-radius:20px}.hero-image{object-position:51% center}figcaption{font-size:11px;max-width:340px;margin:10px auto 0}.occasion-strip{gap:13px;padding:14px 22px 30px;flex-wrap:wrap;font-size:10px}.strip-dot{display:none}.section{padding-block:72px}h2{font-size:38px;letter-spacing:-1.5px}.eyebrow{font-size:14px;margin-bottom:17px}.experience{grid-template-columns:1fr;gap:35px;padding-top:30px}.experience-copy{order:-1}.experience-copy>p:not(.eyebrow){font-size:19px}.interior-figure img{height:450px;border-radius:22px}.benefit{margin:23px 0}.benefit h3{font-size:17px}.benefit p{font-size:16px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:18px;margin-top:22px}.occasion-cards{grid-template-columns:1fr;gap:17px}.occasion-cards article{min-height:265px;padding:28px;border-radius:22px}.occasion-cards h3{font-size:29px;margin:24px 0 16px}.card-footer{padding-top:25px}.steps{grid-template-columns:1fr;gap:38px;margin-top:40px}.steps li{display:grid;grid-template-columns:45px 1fr;gap:0 12px;text-align:left}.steps span{grid-row:1/3;font-size:26px}.steps h3{font-size:21px;margin-bottom:10px}.steps p{max-width:none;margin:0}.faq-grid,.quote-grid{grid-template-columns:1fr;gap:38px}.faq-list summary{font-size:16px}.faq-list p{font-size:16px}.quote-copy h2{font-size:48px}.quote-assurance{margin:25px 0 0}.quote-area{display:none}.form-card{padding:26px 20px}.form-heading h3{font-size:27px}.form-row{gap:12px}.field input,.field select{padding:10px;font-size:16px}.field label{font-size:13px}.footer{flex-wrap:wrap;padding-block:28px}.footer p{order:3;width:100%;font-size:12px}.footer>span{max-width:180px;text-align:right;font-size:11px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:#ffffffee;backdrop-filter:blur(16px);padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid #ddd;z-index:50}.mobile-cta.is-hidden{display:none}}
@media(max-width:380px){.hero h1{font-size:46px;letter-spacing:-2px}.hero-actions{flex-direction:column;gap:16px}.form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Complete brand lockup, sized for navigation. */
.brand-logo{display:block;position:relative;width:156px;height:46px;overflow:hidden;flex-shrink:0}.brand-logo img{position:absolute;display:block;width:164px;max-width:none;height:auto;left:-5px;top:-10px;clip-path:inset(0 0 30% 0)}.brand-descriptor{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:9px;line-height:12px;font-weight:500;letter-spacing:.3px;white-space:nowrap;color:var(--ink)}.header{height:76px}.footer .brand-logo{width:180px;height:53px}.footer .brand-logo img{width:190px;left:-6px;top:-11px}.footer .brand-descriptor{font-size:10px;line-height:14px}
@media(max-width:700px){.header{height:68px;gap:20px}.header .brand-logo{width:130px;height:39px}.header .brand-logo img{width:138px;left:-5px;top:-8px}.header .brand-descriptor{font-size:8px;letter-spacing:0;line-height:11px}.header .button.small{padding:10px 16px;font-size:12px}.footer .brand-logo{width:164px;height:49px}.footer .brand-logo img{width:174px;left:-6px;top:-10px}}

/* A full-width stage for each cinematic setting. */
.hero{padding-bottom:64px}.cinema{background:#080808;color:#fff;position:relative}.cinema-window{overflow:hidden;touch-action:pan-y}.cinema-track{display:flex;transition:transform .75s cubic-bezier(.22,.61,.36,1)}.cinema-slide{flex:0 0 100%;min-width:0;position:relative}.cinema-slide img{display:block;width:100%;height:auto;aspect-ratio:2752/1536;object-fit:contain}.cinema-slide figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;margin:0;max-width:none;padding:100px max(40px,calc((100% - 1200px)/2)) 48px;background:linear-gradient(transparent 50%,rgba(0,0,0,.78));color:#fff}.cinema-slide h2{font-size:clamp(36px,4.5vw,64px);margin:0 0 12px;letter-spacing:-2px}.cinema-slide p{font-size:18px;color:#eee}.gallery-note{font-size:11px;color:var(--subtle);margin:20px;text-align:center}
@media(max-width:700px){.hero{padding-bottom:38px}.cinema-slide figcaption{position:static;background:#080808;padding:25px 24px 8px;min-height:116px}.cinema-slide h2{font-size:34px;letter-spacing:-1px;margin-bottom:9px}.cinema-slide p{font-size:14px}.gallery-note{margin:16px 25px}.cinema-track{transition-duration:.5s}}
/* Keep branding and the quote action in view as visitors scroll. */
.header.wrap{position:sticky;top:0;z-index:100;width:100%;padding-inline:max(40px,calc((100% - 1200px)/2));background:#fff;transition:background-color .2s,border-color .2s}.header.is-scrolled{background:#000;border-bottom-color:#000}.header.is-scrolled nav>a:not(.button){display:none}.header.is-scrolled .brand-logo img{filter:brightness(0) invert(1)}.header.is-scrolled .brand-descriptor{color:#fff}.header.is-scrolled .button{background:#fff;color:#000}.header.is-scrolled .button:hover{background:#e9e9e9}.header.is-scrolled a:focus-visible{outline-color:#fff}.skip-link{z-index:110}
@media(max-width:1000px){.header.wrap{padding-inline:28px}}
@media(max-width:700px){.header.wrap{padding-inline:20px}}

.footer .instagram-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:#000;border-radius:50%;transition:background-color .2s}.footer .instagram-link:hover{background:#f0f0f0}.footer .instagram-link svg{display:block}

/* Full-width monochrome footer. */
.footer.wrap{width:100%;background:#000;border-top:0;color:#fff;padding-inline:max(40px,calc((100% - 1200px)/2));padding-block:40px}.footer .brand-logo img{filter:brightness(0) invert(1)}.footer .brand-descriptor,.footer p,.footer>span,.footer .instagram-link{color:#fff}.footer>span a:hover{color:#fff;text-decoration:underline}.footer .instagram-link:hover{background:#222}.footer a:focus-visible{outline-color:#fff}
@media(max-width:1000px){.footer.wrap{padding-inline:28px}}
@media(max-width:700px){.footer.wrap{padding-inline:20px;padding-block:32px}.cinema-slide figcaption{padding-bottom:28px}}

.cinema-link{display:block;color:inherit}.cinema-link:focus-visible{outline:3px solid white;outline-offset:-6px}.cinema-slide figcaption{pointer-events:none}.usage-hero .intro{max-width:740px}.usage-image img{display:block;width:100%;height:auto;aspect-ratio:2752/1536;object-fit:cover}.usage-cards{margin-top:48px}.usage-cards article{background:var(--panel);min-height:260px}.usage-cards h3{margin-top:0}.usage-nav{display:flex;justify-content:center;gap:36px;padding-bottom:60px;font-size:15px}.usage-nav a:hover{text-decoration:underline}@media(max-width:700px){.usage-nav{flex-wrap:wrap;gap:18px;padding-bottom:36px}.usage-hero h1{font-size:44px;letter-spacing:-2px}.usage-hero .intro{font-size:19px}}

.occasion-strip a{padding-block:12px;text-underline-offset:5px;transition:color .2s}.occasion-strip a:hover{color:var(--ink);text-decoration:underline}.occasion-strip a:focus-visible{outline-offset:4px}

/* Local coverage and concise rental planning content. */
.hero h1{font-size:clamp(44px,5.6vw,78px);letter-spacing:-3px}.service-area{background:#f5f5f7}.area-intro{max-width:850px;font-size:19px;color:var(--subtle);line-height:1.65}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:44px}.area-grid h3{font-size:20px;margin-bottom:16px}.area-grid p,.area-bottom p{color:var(--subtle);line-height:1.7}.area-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:40px}.area-bottom p{max-width:650px;font-size:14px}.area-bottom .button{flex-shrink:0}.rental-guide{max-width:1100px}.rental-guide h2{max-width:850px}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;font-size:18px;color:var(--subtle);line-height:1.75}.guide-area{margin-top:28px;color:var(--subtle)}.guide-area .text-link{font-size:inherit}.header nav{gap:22px}@media(max-width:1000px){.header nav{gap:15px;font-size:12px}.area-grid{gap:24px}}@media(max-width:700px){.hero h1{font-size:43px;letter-spacing:-2px}.area-grid,.guide-columns{grid-template-columns:1fr;gap:28px}.area-bottom{display:block}.area-bottom .button{margin-top:24px}.area-intro,.guide-columns{font-size:17px}.service-area h2{font-size:35px}}

.area-hero{padding-bottom:80px}.area-hero h1{font-size:clamp(40px,5.4vw,74px)}.area-hero .micro{max-width:none}.area-planning{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;padding-top:36px;border-top:1px solid var(--line)}.area-planning h3{margin:16px 0 12px;font-size:20px}.area-planning p{font-size:16px;line-height:1.7;color:var(--subtle)}@media(max-width:700px){.area-hero{padding-bottom:48px}.area-hero h1{font-size:41px}.area-hero .hero-actions{flex-direction:column}.area-hero .button{max-width:100%;font-size:14px}.area-planning{grid-template-columns:1fr;gap:32px}}

.rental-process h2{max-width:850px}.process-intro{color:var(--subtle);font-size:21px}.process-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:45px 0}.process-grid li{border-top:1px solid #dcd9d3;padding-top:25px}.process-grid h3{font-size:23px;letter-spacing:-.5px;line-height:1.2;margin:18px 0}.process-grid p{color:var(--subtle);line-height:1.65}.process-note{color:var(--subtle);font-size:12px}#rental-process{scroll-margin-top:90px}@media(max-width:900px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.process-grid{grid-template-columns:1fr}.rental-process h2{font-size:36px;letter-spacing:-1.4px}}

/* Responsive audit: comfortable controls and reliable small-screen layouts. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.header .button.small{min-height:44px}.button{text-align:center;max-width:100%}
.back-button{min-height:44px;padding:10px 14px}.usage-nav a,.footer a:not(.brand-logo),.occasion-strip a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:900px){.quote-grid,.faq-grid{grid-template-columns:1fr;gap:38px}.quote-copy>p:not(.eyebrow){max-width:650px}.quote-copy .quote-area{display:none}.experience{grid-template-columns:1fr;gap:35px}.experience-copy{order:-1}.interior-figure{max-width:560px;margin-inline:auto;width:100%}.interior-figure img{height:auto;aspect-ratio:1122/1402}.occasion-cards{grid-template-columns:1fr}.occasion-cards article{min-height:0}.header nav>a:not(.button){display:none}}
@media(max-width:700px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.header.wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.mobile-cta{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.footer.wrap{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.usage-nav{padding-inline:20px}.hero h1{overflow-wrap:break-word}.cinema-slide figcaption{min-height:140px}.process-intro{font-size:18px}}
@media(max-width:540px){.form-row{grid-template-columns:1fr}.field label{font-size:14px}.form-progress{font-size:13px}}
@media(max-height:500px) and (orientation:landscape){.mobile-cta{display:none}.header{height:60px}}
body:has(input:focus) .mobile-cta,body:has(textarea:focus) .mobile-cta,body:has(select:focus) .mobile-cta{display:none}

/* Keep the expanded positioning copy readable at every size. */
.hero:not(.usage-hero) .intro{max-width:850px;font-size:clamp(18px,2vw,23px)}.hero:not(.usage-hero) .micro{max-width:620px;margin-inline:auto}.hero:not(.usage-hero) h1{font-size:clamp(38px,5.1vw,70px)}@media(max-width:700px){.hero:not(.usage-hero) h1{font-size:clamp(34px,9.2vw,43px)}.hero:not(.usage-hero) .micro{max-width:310px}}

/* Mobile header navigation; desktop navigation keeps its existing layout. */
.mobile-menu-toggle{display:none}
@media(max-width:700px){
 .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:var(--ink);flex-shrink:0}
 .mobile-menu-toggle:hover{background:var(--panel)}
 .mobile-menu-toggle .menu-close,.menu-open .mobile-menu-toggle .menu-lines{display:none}
 .menu-open .mobile-menu-toggle .menu-close{display:block}
 .header #main-navigation{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:10px max(20px,env(safe-area-inset-right)) 18px max(20px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #0000000a;max-height:calc(100dvh - 150px);overflow-y:auto}
 .header.menu-open #main-navigation{display:flex}
 .header #main-navigation>a:not(.button){display:flex;align-items:center;min-height:48px;padding:12px 4px;font-size:16px;border-bottom:1px solid #eee}
 .header #main-navigation>.button{display:none}
}
@media(max-width:700px){
 .header.is-scrolled .mobile-menu-toggle{color:#fff}
 .header.is-scrolled .mobile-menu-toggle:hover{background:#262626}
 .header.is-scrolled .mobile-menu-toggle:focus-visible{outline-color:#fff}
 .header.is-scrolled #main-navigation a:focus-visible{outline-color:#5b5b60}
}