/* Allure's glass language extends into the imagery, talent catalogue and enquiry flow. */
:root{--glass-white:rgba(255,255,255,.52);--glass-edge:rgba(255,255,255,.9);--glass-shadow:0 22px 60px rgba(76,49,65,.12),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(125,94,110,.12)}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{background:radial-gradient(ellipse at 82% 9%,rgba(239,213,226,.36),transparent 28%),radial-gradient(ellipse at 4% 53%,rgba(231,227,239,.38),transparent 26%),var(--paper)}
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.54;background:radial-gradient(500px circle at var(--pointer-x,78%) var(--pointer-y,20%),rgba(255,255,255,.78),transparent 78%)}
.hero{min-height:850px;gap:6.5%;padding-top:155px}
.hero-gallery{height:600px;isolation:isolate}
.hero-gallery:before{content:"";position:absolute;z-index:-1;inset:9% 5% 5% 14%;border-radius:48%;background:radial-gradient(ellipse,rgba(217,158,188,.27),rgba(255,255,255,0) 67%);filter:blur(20px)}
.hero-main{left:11%;width:59%;border:1px solid rgba(255,255,255,.79);border-radius:27px;background:#e6dce0;box-shadow:0 26px 66px rgba(65,43,54,.18),inset 0 1px 0 rgba(255,255,255,.85)}
.hero-main:after{inset:48% 0 0;background:linear-gradient(transparent,rgba(27,18,24,.5))}
.hero-main figcaption{left:16px;right:16px;bottom:16px;display:flex;gap:12px;align-items:center;padding:12px 15px;border:1px solid rgba(255,255,255,.65);border-radius:17px;background:linear-gradient(120deg,rgba(255,255,255,.58),rgba(255,255,255,.27));box-shadow:inset 0 1px 0 rgba(255,255,255,.87),0 8px 24px rgba(30,19,25,.13);backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}
.hero-main figcaption span{margin:0 auto 0 0;color:rgba(255,255,255,.9);font-size:7px}
.hero-main figcaption strong{font-size:22px}
.hero-side{border:1px solid rgba(255,255,255,.82);border-radius:22px;box-shadow:0 17px 40px rgba(65,43,54,.14),inset 0 1px 0 rgba(255,255,255,.75)}
.hero-side-top{right:1%;top:3%;transform:rotate(2deg)}
.hero-side-bottom{right:-1%;bottom:3%;transform:rotate(-2deg)}
.hero-side-top,.hero-side-bottom{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.hero-gallery:hover .hero-side-top{transform:translate(-5px,-4px) rotate(1deg)}
.hero-gallery:hover .hero-side-bottom{transform:translate(-5px,4px) rotate(-1deg)}
.talent-switcher{bottom:22px;left:12%;border-color:rgba(255,255,255,.93);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(251,246,249,.52) 60%,rgba(255,255,255,.7));box-shadow:var(--glass-shadow),0 16px 36px rgba(71,49,62,.13);backdrop-filter:blur(32px) saturate(185%);-webkit-backdrop-filter:blur(32px) saturate(185%)}
.talent-switcher button[aria-pressed=true]{background:rgba(255,255,255,.88);box-shadow:inset 0 1px 0 white,0 4px 13px rgba(77,53,65,.13)}
.hero-main img{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .4s,opacity .24s}
.hero-main img.is-changing{opacity:.35;filter:blur(3px)}
.hero-gallery:after{z-index:2;mix-blend-mode:soft-light;opacity:.9}
.button{position:relative;overflow:hidden;min-height:52px;padding-inline:23px;border-radius:16px;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s,filter .3s}
.button-dark{border:1px solid rgba(255,255,255,.33);background:linear-gradient(135deg,#8f5274 0%,#71435e 44%,#59394f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(38,20,31,.15),0 10px 23px rgba(99,58,82,.23)}
.button-dark:before,.nav-book:before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.38),transparent 34%,transparent 70%,rgba(255,255,255,.12));opacity:.8;transition:opacity .3s}
.button-dark:hover{transform:translateY(-3px) scale(1.015);background:linear-gradient(135deg,#a65f84,#78445f 54%,#5f3a52);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 16px 32px rgba(99,58,82,.28)}
.button-dark.is-pressed{transform:translateY(1px) scale(.965);box-shadow:inset 0 2px 9px rgba(47,26,39,.24),0 3px 9px rgba(99,58,82,.14)}
.nav-book{overflow:hidden;border:1px solid rgba(255,255,255,.57);background:linear-gradient(135deg,#965779,#70445d 55%,#51364b);box-shadow:inset 0 1px 0 rgba(255,255,255,.43),0 8px 21px rgba(72,43,61,.19)}
.nav-book.is-pressed{transform:translateY(1px) scale(.96);filter:brightness(1.12)}
.portrait{border:1px solid rgba(255,255,255,.85);border-radius:20px;background:linear-gradient(145deg,#fff,#eadfe5);box-shadow:0 15px 32px rgba(78,52,66,.09),inset 0 1px 0 white;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.portrait img{transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .6s}
.talent-card:hover .portrait{transform:translateY(-5px);box-shadow:0 25px 48px rgba(78,52,66,.17),inset 0 1px 0 white}
.portrait-index{border:1px solid rgba(255,255,255,.75);border-radius:11px;background:rgba(255,255,255,.57);box-shadow:inset 0 1px 0 white,0 5px 14px rgba(46,30,39,.12);backdrop-filter:blur(24px) saturate(170%)}
.portrait-action{border-color:rgba(255,255,255,.92);background:linear-gradient(135deg,rgba(255,255,255,.83),rgba(255,255,255,.52));box-shadow:inset 0 1px 0 white,0 10px 24px rgba(34,19,28,.19);backdrop-filter:blur(30px) saturate(175%);-webkit-backdrop-filter:blur(30px) saturate(175%)}
.talent-meta{border-color:rgba(81,55,70,.14)}
.profile-link{position:relative;overflow:hidden;min-height:35px;margin-top:12px;padding:0 14px;border:1px solid rgba(255,255,255,.88);border-radius:12px;background:linear-gradient(125deg,rgba(255,255,255,.78),rgba(255,255,255,.37));box-shadow:inset 0 1px 0 white,0 5px 14px rgba(72,49,62,.08);color:#68495b;font-size:9px;transition:transform .25s,box-shadow .25s,background .25s}
.profile-link:after{display:none}
.profile-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 white,0 9px 18px rgba(72,49,62,.13);color:#a55379}
.profile-link:active{transform:scale(.96)}
.services-wrap,.intro-band{position:relative;overflow:hidden;background:linear-gradient(140deg,rgba(245,239,242,.96),rgba(238,231,236,.88) 48%,rgba(249,246,245,.93));border-block-color:rgba(255,255,255,.9)}
.services-wrap:before,.intro-band:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% 18%,rgba(255,255,255,.87),transparent 43%),radial-gradient(ellipse at 8% 87%,rgba(222,187,207,.19),transparent 48%)}
.intro-inner,.services{position:relative;z-index:1}
.service-list{display:grid;gap:10px;border:0}
.service-list article{--mist-radius:18px;min-height:100px;padding:15px 19px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:linear-gradient(125deg,rgba(255,255,255,.68),rgba(255,255,255,.35) 58%,rgba(255,255,255,.51));box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(115,84,101,.08),0 9px 22px rgba(82,59,70,.055);backdrop-filter:blur(21px) saturate(150%);-webkit-backdrop-filter:blur(21px) saturate(150%);transition:transform .38s cubic-bezier(.2,.7,.2,1),background .35s,border-color .35s,box-shadow .35s}
.service-list article:hover{padding-inline:19px;transform:translateY(-3px) scale(1.008);border-color:#fff;background:linear-gradient(125deg,rgba(255,255,255,.9),rgba(255,255,255,.54));box-shadow:inset 0 1px 0 white,0 17px 34px rgba(82,59,70,.11)}
.service-list article>a{padding:10px 13px;border:1px solid rgba(255,255,255,.84);border-radius:11px;background:rgba(255,255,255,.49);box-shadow:inset 0 1px 0 white,0 4px 11px rgba(82,59,70,.055);transition:transform .24s,background .24s,box-shadow .24s}
.service-list article>a:hover{transform:translateY(-2px);background:rgba(255,255,255,.84);box-shadow:0 9px 18px rgba(82,59,70,.1)}
#booking-form{--mist-radius:26px;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.94);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.43) 48%,rgba(251,245,249,.68));box-shadow:var(--glass-shadow),0 24px 64px rgba(76,49,65,.11);backdrop-filter:blur(30px) saturate(165%);-webkit-backdrop-filter:blur(30px) saturate(165%)}
#booking-form:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(340px circle at var(--glass-x,94%) var(--glass-y,0%),rgba(255,255,255,.88),transparent 75%),linear-gradient(135deg,rgba(255,255,255,.18),transparent 38%,rgba(221,178,202,.12));opacity:.9}
#booking-form .form-heading{position:relative;border-color:rgba(86,59,74,.12)}
input,select,textarea{border:1px solid rgba(255,255,255,.9);border-radius:12px;background:rgba(255,255,255,.53);box-shadow:inset 0 1px 4px rgba(77,53,65,.045),0 2px 5px rgba(77,53,65,.025);transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
input:hover,select:hover,textarea:hover{background:rgba(255,255,255,.77)}
input:focus,select:focus,textarea:focus{transform:translateY(-1px);border-color:rgba(165,83,121,.46);background:rgba(255,255,255,.93);box-shadow:0 0 0 4px rgba(165,83,121,.08),0 7px 16px rgba(77,53,65,.06)}
.profile-dialog{border-radius:25px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(246,239,243,.87));backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%)}
#profile-dialog:not([open]){display:none!important}
.scroll-progress{position:fixed;z-index:40;top:0;left:0;width:100%;height:2px;pointer-events:none;background:linear-gradient(90deg,#d88eb3,#986186,#eac2d7);transform:scaleX(var(--scroll-progress,0));transform-origin:left center;box-shadow:0 0 12px rgba(186,112,151,.48);will-change:transform}
.reveal-ready .reveal{opacity:0;transform:none;translate:0 14px;transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.2,1)}
.reveal-ready .reveal.is-visible{opacity:1;transform:none;translate:0 0}
@supports (animation-timeline:view()){
  .reveal-ready .reveal{opacity:1;translate:0 0;animation:scroll-mist-reveal 1s linear both;animation-timeline:view(block);animation-range:entry 0% entry 100%;will-change:opacity,filter,clip-path}
  @keyframes scroll-mist-reveal{
    0%{opacity:0;filter:blur(20px) brightness(1.18) drop-shadow(0 0 16px rgba(226,163,197,.42));clip-path:inset(0 0 96% 0 round var(--mist-radius,0px))}
    18%{opacity:.14;filter:blur(15px) brightness(1.14) drop-shadow(0 0 13px rgba(226,163,197,.34));clip-path:inset(0 0 78% 0 round var(--mist-radius,0px))}
    48%{opacity:.56;filter:blur(8px) brightness(1.08) drop-shadow(0 0 9px rgba(226,163,197,.2));clip-path:inset(0 0 39% 0 round var(--mist-radius,0px))}
    80%{opacity:.94;filter:blur(2px) brightness(1.02) drop-shadow(0 0 3px rgba(226,163,197,.08));clip-path:inset(0 0 7% 0 round var(--mist-radius,0px))}
    100%{opacity:1;filter:none;clip-path:inset(0 round var(--mist-radius,0px))}
  }
}
.scroll-mist{position:fixed;z-index:19;inset:0;pointer-events:none;contain:strict}
.glass-cursor{position:fixed;z-index:60;top:0;left:0;width:40px;height:52px;pointer-events:none;opacity:0;transform:rotate(-9deg) scale(.68);transform-origin:7px 49px;filter:drop-shadow(0 4px 7px rgba(107,63,90,.26));transition:opacity .18s,transform .24s cubic-bezier(.2,.8,.2,1);will-change:left,top,transform}
.glass-cursor svg{display:block;width:100%;height:100%;overflow:visible}
.glass-cursor.is-visible{opacity:.94;transform:rotate(-9deg) scale(.9)}
.glass-cursor.is-hovering{transform:rotate(-9deg) scale(1.08);filter:drop-shadow(0 7px 12px rgba(107,63,90,.3))}
.glass-cursor.is-pressing{transform:rotate(-16deg) scale(.78);filter:drop-shadow(0 2px 4px rgba(107,63,90,.2))}
.ripple-host{position:relative;overflow:hidden}
.liquid-press{position:absolute;z-index:4;width:18px;height:18px;border:1px solid rgba(255,255,255,.78);border-radius:50%;pointer-events:none;background:rgba(255,255,255,.53);box-shadow:0 0 18px rgba(255,255,255,.65);transform:translate(-50%,-50%) scale(.2);animation:press-lens .62s cubic-bezier(.1,.65,.25,1) forwards}
@keyframes press-lens{to{transform:translate(-50%,-50%) scale(12);opacity:0}}
@media(max-width:800px){.nav.is-open{overflow:visible;z-index:22}.nav.is-open .nav-links{z-index:5;border-color:rgba(255,255,255,.95);background:linear-gradient(135deg,rgba(255,255,255,.91),rgba(248,241,246,.78));box-shadow:inset 0 1px 0 white,0 16px 38px rgba(68,45,58,.17);-webkit-backdrop-filter:blur(30px) saturate(175%)}.hero{padding-top:121px;min-height:0}.hero-gallery{height:min(114vw,510px);min-height:365px}.hero-main{border-radius:23px}.talent-switcher{left:3%;right:3%;bottom:18px}.service-list{gap:8px}.service-list article{padding:14px;border-radius:15px;grid-template-columns:25px 1fr}.service-list article:hover{padding-inline:14px}.service-list article>a{justify-self:start;margin-top:3px}.service-list h3{font-size:18px}#booking-form{border-radius:21px;padding:21px 17px}.scroll-progress{display:none}}
@media(max-width:480px){.hero-main{left:8%;width:66%;border-radius:20px}.hero-side{border-radius:17px}.talent-switcher{bottom:13px}.service-list article>a{padding:9px 11px}#booking-form{border-radius:19px}}
@media(pointer:coarse){.glass-cursor{display:none}}
@media(pointer:fine){html.has-glass-cursor body,html.has-glass-cursor a,html.has-glass-cursor button,html.has-glass-cursor .portrait,html.has-glass-cursor .talent-switcher button{cursor:none!important}html.has-glass-cursor input,html.has-glass-cursor textarea{cursor:text!important}}
@media(prefers-reduced-motion:reduce){.reveal-ready .reveal{opacity:1;translate:0 0;transform:none;animation:none!important;transition:none}.scroll-mist{display:none}.talent-card:hover .portrait,.hero-gallery:hover .hero-side-top,.hero-gallery:hover .hero-side-bottom{transform:none}.liquid-press{display:none}}
/* One Apple-like location capsule, integrated into the hero rather than a legacy label. */
.place-line{position:relative;width:max-content;max-width:100%;min-height:39px;margin:0 0 28px;padding:0 14px;border:1px solid rgba(255,255,255,.96);border-radius:999px;background:linear-gradient(112deg,rgba(255,255,255,.72),rgba(255,255,255,.4) 48%,rgba(255,255,255,.67));box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(109,77,96,.07),0 9px 22px rgba(79,54,68,.07);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);font-size:8px;letter-spacing:1.3px}
.place-line:before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.45),transparent 42%,rgba(255,255,255,.13))}
.place-dot{position:relative;width:6px;height:6px;flex:0 0 6px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#a55379;box-shadow:0 0 0 3px rgba(165,83,121,.1),0 0 9px rgba(165,83,121,.3)}
.place-rule{width:19px;background:linear-gradient(90deg,rgba(151,111,133,.16),rgba(151,111,133,.55),rgba(151,111,133,.16))}
.brand-mark-image{display:block;width:48px;height:37px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(97,56,77,.13))}
.brand-caption{display:block;margin-top:1px;color:#75485e;font:600 9.5px/1.1 var(--mono);letter-spacing:1.1px;white-space:nowrap}
.nav-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.brand{flex-direction:column;justify-content:center;gap:0}
.footer .brand-mark-image{width:50px;height:39px}
.inner-page main.page{padding-top:145px}
.subpage-hero{padding:32px 0 58px}
.subpage-hero .place-line{margin-bottom:39px}
.subpage-hero h1{margin:0;color:#34252d;font:500 clamp(3.8rem,7.6vw,6.6rem)/.94 var(--serif);letter-spacing:-.07em}
.subpage-hero h1 em,.planning-note h2 em,.approach-grid h2 em,.subpage-cta h2 em{color:#a55379;font-style:italic;font-weight:500}
.subpage-lead{max-width:610px;margin:26px 0 0;color:var(--muted);font-size:14px;line-height:1.9}
.talent-page .roster{padding-top:12px;padding-bottom:85px}
.experience-list{display:grid;gap:12px;margin:0 0 85px;border:0}
.experience-list article{grid-template-columns:40px 1fr auto}
.experience-list article h2{margin:0 0 6px;font:500 22px var(--serif);letter-spacing:-.025em;color:#3a2931}
.experience-list article p{max-width:570px;font-size:11px;line-height:1.65}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:18px 0 90px}
.glass-note{min-height:245px;padding:23px 24px;border:1px solid rgba(255,255,255,.92);border-radius:21px;background:linear-gradient(135deg,rgba(255,255,255,.77),rgba(255,255,255,.36));box-shadow:inset 0 1px 0 white,0 12px 30px rgba(76,54,65,.07);backdrop-filter:blur(23px) saturate(155%)}
.glass-note>span{color:#a55379;font:9px var(--mono);letter-spacing:1.3px}
.glass-note h2{margin:35px 0 12px;font:500 25px/1.1 var(--serif);letter-spacing:-.035em;color:#34252d}
.glass-note p,.planning-note>p,.standards-panel>div:nth-child(2)>p{color:var(--muted);font-size:12px;line-height:1.85}
.planning-note,.standards-panel{display:grid;grid-template-columns:.9fr 1fr;gap:12%;align-items:end;padding:45px 38px;margin:0 0 85px;border:1px solid rgba(255,255,255,.9);border-radius:25px;background:linear-gradient(130deg,rgba(255,255,255,.74),rgba(248,241,245,.55));box-shadow:inset 0 1px 0 white,0 17px 42px rgba(76,54,65,.07);backdrop-filter:blur(24px) saturate(160%)}
.planning-note h2,.standards-panel h2,.subpage-cta h2{margin:0;font:500 clamp(2.8rem,4.4vw,4.4rem)/.98 var(--serif);letter-spacing:-.06em;color:#34252d}
.planning-note>p,.standards-panel>div:nth-child(2)>p{margin:0 0 17px}
.standards-panel .text-link{display:inline-block;margin-top:5px}
.subpage-cta{padding:60px 0 105px;border-top:1px solid rgba(92,67,80,.12)}
.subpage-cta .eyebrow{margin-bottom:16px}
.subpage-cta .button{margin-top:27px}
.home-experiences{display:grid;grid-template-columns:1.1fr .7fr;gap:12%;align-items:center;padding-top:118px;padding-bottom:125px}
.home-experiences h2,.home-contact h2{margin:0;color:#34252d;font:500 clamp(3.4rem,5.6vw,5.4rem)/.94 var(--serif);letter-spacing:-.065em}
.home-experiences h2 em,.home-contact h2 em{font-weight:500;color:#a55379}
.home-experiences>div:first-child>p:not(.eyebrow){max-width:460px;margin:23px 0;color:var(--muted);font-size:13px;line-height:1.9}
.home-note{padding:31px;border:1px solid rgba(255,255,255,.91);border-radius:24px;background:linear-gradient(140deg,rgba(255,255,255,.76),rgba(247,239,244,.55));box-shadow:inset 0 1px 0 white,0 16px 38px rgba(76,54,65,.08);backdrop-filter:blur(24px) saturate(160%)}
.home-note>span{font:8px var(--mono);letter-spacing:1.5px;color:#936b7e}
.home-note>p{margin:30px 0 24px;color:#392832;font:500 28px/1.2 var(--serif)}
.home-contact{background:linear-gradient(130deg,#eee8e5,#f7f2f3 70%,#ece4e9);border-block:1px solid rgba(255,255,255,.85)}
.home-contact-inner{padding-top:90px;padding-bottom:96px}
.home-contact-inner>p:not(.eyebrow){max-width:470px;margin:22px 0;color:var(--muted);font-size:13px;line-height:1.9}
.place-line,.button{--mist-radius:999px}
.button{--mist-radius:16px}
.glass-note{--mist-radius:21px}
.planning-note,.standards-panel{--mist-radius:25px}
.home-note{--mist-radius:24px}
@media(max-width:800px){.brand-mark-image{width:44px;height:33px}.footer .brand-mark-image{width:48px;height:36px}.inner-page main.page{padding-top:116px}.subpage-hero{padding-top:14px;padding-bottom:42px}.approach-grid{grid-template-columns:1fr;gap:11px;padding-bottom:60px}.glass-note{min-height:auto;padding:19px 20px}.glass-note h2{margin:21px 0 9px}.planning-note,.standards-panel{grid-template-columns:1fr;gap:20px;padding:26px 23px;margin-bottom:60px}.experience-list{margin-bottom:60px}.experience-list article{grid-template-columns:27px 1fr}.experience-list article>a{grid-column:2}.home-experiences{grid-template-columns:1fr;gap:31px;padding-top:77px;padding-bottom:82px}.home-note{padding:25px}.home-contact-inner{padding-top:70px;padding-bottom:75px}#booking-form{--mist-radius:21px}.service-list article{--mist-radius:15px}}
@media(max-width:480px){.brand-mark-image{width:42px;height:31px}.brand-caption{font-size:9px;letter-spacing:.8px}.subpage-hero h1{font-size:clamp(3.4rem,14vw,4.6rem)}.subpage-lead{font-size:13px}.experience-list article h2{font-size:19px}.planning-note h2,.standards-panel h2,.subpage-cta h2{font-size:3.1rem}.home-experiences h2,.home-contact h2{font-size:3.35rem}.subpage-cta{padding-bottom:75px}#booking-form{--mist-radius:19px}}
/* Keep the compact header in one measured row on phones, even at 320px widths. */
@media(max-width:800px){
  .header{top:max(8px,env(safe-area-inset-top));padding-inline:12px}
  .nav{display:flex;grid-template-columns:none;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:62px;padding:6px 7px 6px 12px}
  .brand{flex:0 0 auto;min-width:0;margin-right:auto}
  .brand-mark-image{width:44px;height:34px}
  .nav-menu{display:flex;align-self:center;align-items:center;justify-content:center;flex:0 0 auto;min-width:50px;height:40px;min-height:40px;margin:0;padding:0 10px;white-space:nowrap}
  .nav-book{display:flex;align-self:center;align-items:center;justify-content:center;flex:0 0 auto;height:40px;min-height:40px;margin:0;padding:0 12px;white-space:nowrap;font-size:9px}
  .nav-links{left:0;right:0;width:100%}
}
@media(max-width:360px){
  .nav{gap:6px;padding-left:9px}
  .brand-mark-image{width:40px;height:30px}
  .nav-menu{min-width:46px;padding-inline:8px}
  .nav-book{padding-inline:9px;font-size:8px}
}