@font-face{font-family:"Noto Serif Display";src:url(../fonts/noto-serif-display.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Serif Display";src:url(../fonts/noto-serif-display-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Albert Sans";src:url(../fonts/albert-sans.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Dire Jakarta";src:url(../fonts/dire-jakarta.woff2) format("woff2");font-weight:200 800;font-display:swap}

:root{
 --paper:#FFFFFF;--shell:#FBF6F2;--blush:#F6ECE4;--plaster:#F2E1D6;--sand:#E8D2BB;
 --copper:#E9894C;--copper-ink:#A44E1C;--copper-lt:#F2B48C;
 --ink:#241A1E;--ink2:#4B3F43;--mute:#6E6164;--line:#EADFD7;
 --serif:"Noto Serif Display",Georgia,"Times New Roman",serif;
 --sans:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
 --wrapw:1240px;--gut:clamp(16px,4vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink2);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
picture{display:block}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3{font-family:var(--serif);color:var(--ink);font-weight:300;letter-spacing:-.015em;line-height:1.04;margin:0;text-wrap:balance}
h1 em,h2 em{font-style:italic;color:var(--copper-ink);font-weight:300}
:focus-visible{outline:2px solid var(--copper-ink);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:600}
.skip:focus{top:12px}
.wrap{width:calc(100% - 2 * var(--gut));max-width:var(--wrapw);margin-inline:auto}
.sec{padding:clamp(72px,9vw,132px) 0}
.link{color:var(--copper-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.link:hover{color:var(--ink)}
.nw{white-space:nowrap}
.kick{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:italic 400 19px/1.3 var(--serif);color:var(--copper-ink);letter-spacing:0}
.lead{font-size:clamp(18px,1.55vw,20px);line-height:1.6;max-width:34em;color:var(--ink2);margin:0}
h2{font-size:clamp(38px,4.8vw,68px)}
.hexmark{fill:none;stroke:var(--copper);stroke-width:3;stroke-linejoin:round;overflow:visible}
.kick-mark{width:18px;height:18px;stroke-width:4}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;border:1.5px solid transparent;font:600 15.5px/1.1 var(--sans);letter-spacing:.01em;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .25s}
.btn svg{width:19px;height:19px;flex:0 0 auto}
.btn-lg{min-height:56px;padding:0 30px;font-size:16.5px}
.btn-sm{min-height:44px;padding:0 18px;font-size:14.5px}
.btn-book{background:var(--copper-ink);color:#fff}
.btn-book:hover{background:var(--ink)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--copper-ink)}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line:hover{background:var(--ink);color:#fff}
.btn:active{transform:translateY(1px)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ctas.center{justify-content:center;margin-top:44px}

/* Header */
.head{position:sticky;top:0;z-index:50;background:rgba(251,246,242,.97);border-bottom:1px solid transparent;transition:border-color .3s,background-color .3s}
.head.scrolled,.head.solid{border-color:var(--line);background:rgba(255,255,255,.97)}
.head-in{display:flex;align-items:center;gap:24px;height:78px}
.brand{display:inline-flex;align-items:center;min-height:44px;flex:0 0 auto}
.brand img{width:176px}
.nav{display:flex;gap:6px;margin-left:auto}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-size:15.5px;font-weight:500;color:var(--ink2);text-decoration:none;border-radius:999px;transition:color .2s}
.nav a:hover{color:var(--ink)}
.nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--copper);text-decoration-thickness:2px;text-underline-offset:8px}
.head-cta{display:flex;align-items:center;gap:10px}
.call{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;color:var(--ink);font-weight:600;font-size:15.5px;text-decoration:none;white-space:nowrap}
.call svg{width:18px;height:18px;color:var(--copper-ink)}
.call:hover{color:var(--copper-ink)}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;position:relative;padding:0}
.burger span,.burger span::before,.burger span::after{position:absolute;left:50%;width:18px;height:1.6px;margin-left:-9px;background:var(--ink);border-radius:2px;transition:transform .3s,opacity .3s}
.burger span{top:50%;margin-top:-.8px}
.burger span::before,.burger span::after{content:"";left:0;margin-left:0}
.burger span::before{top:-6px}
.burger span::after{top:6px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
.menu{display:none}
@media (max-width:1099px){.call span{display:none}.call{width:46px;height:46px;padding:0;justify-content:center;border:1px solid var(--line);border-radius:50%;background:#fff}}
@media (max-width:959px){
 .nav{display:none}
 .head-cta{margin-left:auto}
 .burger{display:block}
 .head-in{height:68px;gap:12px}
 .brand img{width:150px}
 .menu{position:fixed;left:0;right:0;bottom:0;top:var(--menu-top,68px);z-index:49;background:var(--shell);padding:28px var(--gut) calc(28px + env(safe-area-inset-bottom,0px));flex-direction:column;overflow-y:auto}
 .menu.open{display:flex}
 .menu nav{display:flex;flex-direction:column}
 .menu nav a{font:300 36px/1.1 var(--serif);color:var(--ink);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line)}
 .menu-cta{display:grid;gap:10px;margin-top:28px}
 .menu-note{margin-top:20px;font-size:15px;color:var(--mute)}
}
@media (max-width:400px){.brand img{width:128px}.head-cta{gap:8px}.head-cta .btn-book{padding:0 16px;font-size:14.5px}}

/* Rating and status */
.rate{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--ink2);text-decoration:none;font-size:15px}
.rate b{color:var(--ink);font-weight:700}
.rate:hover span{text-decoration:underline;text-underline-offset:3px}
.stars{display:inline-flex;gap:2px;font-size:17px;line-height:1}
.stars svg{width:1em;height:1em;fill:var(--copper)}
.stars .s8{display:inline-block;width:.8em;overflow:hidden}
.status{display:inline-flex;align-items:center;gap:9px;margin:0;padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid var(--line);font-size:14.5px;line-height:1.2;color:var(--ink)}
.status i{width:8px;height:8px;border-radius:50%;background:#2F7A4F;box-shadow:0 0 0 4px rgba(47,122,79,.16);flex:0 0 auto}
.status.closed i{background:#B5523B;box-shadow:0 0 0 4px rgba(181,82,59,.16)}
.status.on-dark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}

/* Hero */
.hero{position:relative;overflow:hidden;background:var(--shell);padding:clamp(28px,5vw,72px) 0 clamp(64px,8vw,112px)}
.hero-sheen{position:absolute;inset:0;pointer-events:none;background:
 radial-gradient(38% 46% at 82% 30%,rgba(207,230,227,.85),rgba(207,230,227,0) 70%),
 radial-gradient(30% 40% at 95% 70%,rgba(231,217,238,.8),rgba(231,217,238,0) 70%),
 radial-gradient(34% 40% at 62% 82%,rgba(247,221,203,.9),rgba(247,221,203,0) 70%)}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.hero h1{font-size:clamp(54px,7.6vw,116px);line-height:.96;letter-spacing:-.025em;margin:0 0 26px}
.hero h1 em{display:block}
.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:26px}
.hexfig{position:relative;margin:0;aspect-ratio:71.89/53.1;isolation:isolate}
.hex-photo{position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71.89 53.1' preserveAspectRatio='none'%3E%3Cpath d='M70.98,19.2c-0.91-0.6-1.95-1.3-2.86-2c-4.55-3.3-8.97-6.7-13.39-10.1c-2.86-2.2-5.85-4.4-8.71-6.5c-0.65-0.5-1.3-0.6-2.21-0.4c-0.91,0.2-1.69,0.5-2.6,0.7C31.59,3.3,21.84,5.7,12.09,8.1c-1.43,0.3-2.08,0.9-2.47,2c-1.43,4.2-2.99,8.5-4.55,12.7c-1.69,4.5-3.25,9-4.94,13.5c-0.39,1-0.26,1.2,0.91,1.9c1.3,0.7,2.6,1.4,3.77,2.1c7.54,4.2,15.08,8.3,22.75,12.5c0.39,0.2,1.04,0.4,1.3,0.5c2.34-0.2,4.42-0.4,6.5-0.6c4.68-0.4,9.23-0.9,13.91-1.3c3.9-0.4,7.8-0.7,11.7-1.1c1.95-0.2,2.08-0.2,2.6-1.7c1.43-4.8,2.86-9.7,4.29-14.5c1.3-4.3,2.6-8.7,3.9-13C72.02,20.2,71.76,19.7,70.98,19.2z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71.89 53.1' preserveAspectRatio='none'%3E%3Cpath d='M70.98,19.2c-0.91-0.6-1.95-1.3-2.86-2c-4.55-3.3-8.97-6.7-13.39-10.1c-2.86-2.2-5.85-4.4-8.71-6.5c-0.65-0.5-1.3-0.6-2.21-0.4c-0.91,0.2-1.69,0.5-2.6,0.7C31.59,3.3,21.84,5.7,12.09,8.1c-1.43,0.3-2.08,0.9-2.47,2c-1.43,4.2-2.99,8.5-4.55,12.7c-1.69,4.5-3.25,9-4.94,13.5c-0.39,1-0.26,1.2,0.91,1.9c1.3,0.7,2.6,1.4,3.77,2.1c7.54,4.2,15.08,8.3,22.75,12.5c0.39,0.2,1.04,0.4,1.3,0.5c2.34-0.2,4.42-0.4,6.5-0.6c4.68-0.4,9.23-0.9,13.91-1.3c3.9-0.4,7.8-0.7,11.7-1.1c1.95-0.2,2.08-0.2,2.6-1.7c1.43-4.8,2.86-9.7,4.29-14.5c1.3-4.3,2.6-8.7,3.9-13C72.02,20.2,71.76,19.7,70.98,19.2z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.hex-photo picture,.hex-photo img{width:100%;height:100%}
.hex-photo img{object-fit:cover;object-position:50% 42%}
.hex-opal{position:absolute;inset:0;z-index:-1;transform:translate(-4%,-6%) rotate(4deg) scale(.94);background:linear-gradient(120deg,#CFE6E3,#E7D9EE 30%,#F7DDCB 60%,#D9E8F0 85%,#CFE6E3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71.89 53.1' preserveAspectRatio='none'%3E%3Cpath d='M70.98,19.2c-0.91-0.6-1.95-1.3-2.86-2c-4.55-3.3-8.97-6.7-13.39-10.1c-2.86-2.2-5.85-4.4-8.71-6.5c-0.65-0.5-1.3-0.6-2.21-0.4c-0.91,0.2-1.69,0.5-2.6,0.7C31.59,3.3,21.84,5.7,12.09,8.1c-1.43,0.3-2.08,0.9-2.47,2c-1.43,4.2-2.99,8.5-4.55,12.7c-1.69,4.5-3.25,9-4.94,13.5c-0.39,1-0.26,1.2,0.91,1.9c1.3,0.7,2.6,1.4,3.77,2.1c7.54,4.2,15.08,8.3,22.75,12.5c0.39,0.2,1.04,0.4,1.3,0.5c2.34-0.2,4.42-0.4,6.5-0.6c4.68-0.4,9.23-0.9,13.91-1.3c3.9-0.4,7.8-0.7,11.7-1.1c1.95-0.2,2.08-0.2,2.6-1.7c1.43-4.8,2.86-9.7,4.29-14.5c1.3-4.3,2.6-8.7,3.9-13C72.02,20.2,71.76,19.7,70.98,19.2z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71.89 53.1' preserveAspectRatio='none'%3E%3Cpath d='M70.98,19.2c-0.91-0.6-1.95-1.3-2.86-2c-4.55-3.3-8.97-6.7-13.39-10.1c-2.86-2.2-5.85-4.4-8.71-6.5c-0.65-0.5-1.3-0.6-2.21-0.4c-0.91,0.2-1.69,0.5-2.6,0.7C31.59,3.3,21.84,5.7,12.09,8.1c-1.43,0.3-2.08,0.9-2.47,2c-1.43,4.2-2.99,8.5-4.55,12.7c-1.69,4.5-3.25,9-4.94,13.5c-0.39,1-0.26,1.2,0.91,1.9c1.3,0.7,2.6,1.4,3.77,2.1c7.54,4.2,15.08,8.3,22.75,12.5c0.39,0.2,1.04,0.4,1.3,0.5c2.34-0.2,4.42-0.4,6.5-0.6c4.68-0.4,9.23-0.9,13.91-1.3c3.9-0.4,7.8-0.7,11.7-1.1c1.95-0.2,2.08-0.2,2.6-1.7c1.43-4.8,2.86-9.7,4.29-14.5c1.3-4.3,2.6-8.7,3.9-13C72.02,20.2,71.76,19.7,70.98,19.2z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.hexline{position:absolute;overflow:visible;pointer-events:none}
.hexfig .hexline{inset:0;width:100%;height:100%;z-index:2;transform:translate(3%,5%) rotate(-3deg)}
.hexline path{fill:none;stroke:var(--copper);stroke-width:.3;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.4s .35s cubic-bezier(.65,.05,.25,1) forwards}
.hexfig figcaption{position:absolute;left:0;bottom:2%;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#fff;box-shadow:0 10px 30px -12px rgba(36,26,30,.3);font:italic 400 16px/1.2 var(--serif);color:var(--ink)}
@keyframes draw{to{stroke-dashoffset:0}}
@media (max-width:959px){
 .hero-in{grid-template-columns:1fr;gap:28px}
 .hexfig{width:calc(100% - 14px);order:-1;max-width:620px}
}
@media (max-width:599px){
 .hero .ctas .btn{flex:1 1 100%}
 .hexfig figcaption{font-size:14px;padding:7px 13px}
}

/* Intro */
.intro{background:var(--paper)}
.intro-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,112px);align-items:center}
.intro-pics{position:relative;aspect-ratio:1/1.08}
.ip{position:absolute}
.ip img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:999px 999px 18px 18px}
.ip1{left:0;top:0;width:60%}
.ip2{right:0;bottom:0;width:52%}
.ip2 img{border:8px solid #fff;box-shadow:0 30px 60px -30px rgba(36,26,30,.35)}
.intro h2{margin-bottom:26px}
.perks{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.perks li{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--ink)}
.pk{width:15px;height:15px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 61.3 59.1'%3E%3Cpath d='M54.6,19.2c-0.7-0.6-1.5-1.3-2.2-2c-3.5-3.3-6.9-6.7-10.3-10.1c-2.2-2.2-4.5-4.4-6.7-6.5c-0.5-0.5-1-0.6-1.7-0.4c-0.7,0.2-1.3,0.5-2,0.7C24.3,3.3,16.8,5.7,9.3,8.1c-1.1,0.3-1.6,0.9-1.9,2c-1.1,4.2-2.3,8.5-3.5,12.7c-1.3,4.5-2.5,9-3.8,13.5c-0.3,1-0.2,1.2,0.7,1.9c1,0.7,2,1.4,2.9,2.1c5.8,4.2,11.6,8.3,17.5,12.5c0.3,0.2,0.8,0.4,1,0.5c1.8-0.2,3.4-0.4,5-0.6c3.6-0.4,7.1-0.9,10.7-1.3c3-0.4,6-0.7,9-1.1c1.5-0.2,1.6-0.2,2-1.7c1.1-4.8,2.2-9.7,3.3-14.5c1-4.3,2-8.7,3-13C55.4,20.2,55.2,19.7,54.6,19.2z' fill='none' stroke='%23E9894C' stroke-width='5.5' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:859px){.intro-in{grid-template-columns:1fr}.intro-pics{max-width:460px;width:100%}}
@media (max-width:480px){.perks{grid-template-columns:1fr}}

/* Section heads */
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 56px;margin-bottom:clamp(32px,4vw,56px)}
.sec-head>p{max-width:30em;margin:0}

/* Services on home */
.services{background:var(--shell)}
.svc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.svc a{display:flex;flex-direction:column;gap:12px;height:100%;padding:34px 30px 36px;background:#fff;color:inherit;text-decoration:none;transition:background-color .3s}
.svc a:hover{background:#FFFAF6}
.svc a:hover .svc-n{color:var(--copper-ink)}
.ico{width:54px;height:54px;color:var(--ink)}
.ico .a{stroke:var(--copper)}
.svc-t{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;margin-top:6px}
.svc-n{font:400 29px/1.1 var(--serif);color:var(--ink);letter-spacing:-.01em;transition:color .25s}
.svc-p{font-size:14.5px;font-weight:700;color:var(--copper-ink);white-space:nowrap}
.svc-d{font-size:16px;line-height:1.6}
@media (max-width:959px){.svc-list{grid-template-columns:1fr 1fr}}
@media (max-width:599px){.svc-list{grid-template-columns:1fr}.svc a{padding:26px 22px 28px}}

/* Stylist finder */
.finder{background:var(--paper)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #DCCDC4;background:#fff;color:var(--ink);font:500 15px/1.1 var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.finder-count{margin:18px 0 26px;font-size:14.5px;color:var(--mute)}
.st-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
.st[hidden]{display:none}
.st-a{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.arch{display:block;overflow:hidden;border-radius:999px 999px 18px 18px;background:var(--plaster);aspect-ratio:4/5}
.arch picture,.arch img{width:100%;height:100%}
.arch img{object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.st-a:hover .arch img{transform:scale(1.04)}
.st-n{margin-top:18px;font:300 32px/1.05 var(--serif);color:var(--ink)}
.st-a:hover .st-n{color:var(--copper-ink)}
.st-r{margin-top:6px;font-size:13.5px;font-weight:700;color:var(--copper-ink)}
.st-s{margin-top:2px;font-size:15px;line-height:1.5}
@media (max-width:1099px){.st-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:699px){
 .chips.scroll,.finder .chips,.jump{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--gut));padding:2px var(--gut) 6px;scrollbar-width:none}
 .finder .chips::-webkit-scrollbar,.jump::-webkit-scrollbar{display:none}
 .st-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--gut));padding:0 var(--gut) 10px;scroll-padding:0 var(--gut);scrollbar-width:none}
 .st-grid::-webkit-scrollbar{display:none}
 .st{flex:0 0 64%;scroll-snap-align:start}
 .st-n{font-size:28px}
}

/* Work gallery */
.work{background:var(--ink);color:#D8CDD0}
.work h2{color:#fff}
.work .kick{color:var(--copper-lt)}
.scr-ctl{display:flex;gap:10px}
.scr-b{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;cursor:pointer;transition:background-color .2s,opacity .2s}
.scr-b:hover:not(:disabled){background:rgba(255,255,255,.1)}
.scr-b:disabled{opacity:.3;cursor:default}
.scr-b svg{width:22px;height:22px}
.work :focus-visible{outline-color:var(--copper-lt)}
.gal{list-style:none;margin:0;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(var(--gut),calc((100% - var(--wrapw)) / 2)) 8px;scroll-padding:0 max(var(--gut),calc((100% - var(--wrapw)) / 2))}
.gal::-webkit-scrollbar{display:none}
.gal li{flex:0 0 clamp(230px,23vw,300px);scroll-snap-align:start}
.wk{margin:0}
.wk img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;background:#3a2c31}
.wk figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 12px;margin-top:8px;font-size:14px}
.wk figcaption span{font:400 19px/1.2 var(--serif);color:#fff}
.wk figcaption a{display:inline-flex;align-items:center;min-height:44px;color:var(--copper-lt);text-decoration:none}
.wk figcaption a:hover{text-decoration:underline}
.work-more{margin:28px 0 0}
.work-more a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--copper-lt)}
.work-more svg{width:20px;height:20px}
@media (max-width:699px){.gal li{flex-basis:70%}.scr-ctl{display:none}}

/* Reviews */
.reviews{background:var(--blush)}
.rev-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:28px clamp(40px,6vw,96px);margin-bottom:clamp(36px,4vw,56px)}
.rev-score{display:flex;flex-direction:column;gap:10px}
.rev-score .big{font:300 clamp(96px,11vw,156px)/.82 var(--serif);color:var(--ink);letter-spacing:-.04em}
.rev-score .stars{font-size:24px}
.rev-n{font-size:15px;color:var(--ink2)}
.rev-head .ctas{margin-top:22px}
.qs{list-style:none;margin:0;padding:0;columns:3 300px;column-gap:22px}
.qs li{break-inside:avoid;margin-bottom:22px}
.q{margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 28px 22px}
.q blockquote{margin:0}
.q p{margin:0;font:400 19.5px/1.5 var(--serif);color:var(--ink);letter-spacing:-.005em}
.q figcaption{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:13.5px;font-weight:600;color:var(--mute)}
.gg{width:16px;height:16px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M23.5 12.3c0-.8-.1-1.6-.2-2.3H12v4.4h6.5a5.6 5.6 0 0 1-2.4 3.6v3h3.9c2.2-2.1 3.5-5.1 3.5-8.7z'/%3E%3Cpath fill='%2334A853' d='M12 24c3.2 0 6-1.1 8-2.9l-3.9-3c-1.1.7-2.5 1.2-4.1 1.2-3.1 0-5.8-2.1-6.7-5H1.3v3.1A12 12 0 0 0 12 24z'/%3E%3Cpath fill='%23FBBC05' d='M5.3 14.3a7.2 7.2 0 0 1 0-4.6V6.6H1.3a12 12 0 0 0 0 10.8z'/%3E%3Cpath fill='%23EA4335' d='M12 4.8c1.8 0 3.3.6 4.6 1.8l3.4-3.4A12 12 0 0 0 1.3 6.6l4 3.1c.9-2.8 3.6-4.9 6.7-4.9z'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:759px){
 .rev-head{grid-template-columns:1fr}
 .qs{columns:auto;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--gut));padding:0 var(--gut) 10px;scroll-padding:0 var(--gut);scrollbar-width:none;align-items:flex-start}
 .qs::-webkit-scrollbar{display:none}
 .qs li{flex:0 0 86%;margin:0;scroll-snap-align:start}
 .q{padding:24px 22px 18px}
 .q p{font-size:18px}
}

/* Visit steps */
.visit{background:var(--paper)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px}
.steps li{padding-top:26px;border-top:1px solid var(--ink)}
.steps .n{display:block;margin-bottom:16px;font:italic 300 46px/1 var(--serif);color:var(--copper-ink)}
.steps h3{font-size:30px;margin:0 0 12px}
.steps p{margin:0;font-size:16px}
@media (max-width:959px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:559px){.steps{grid-template-columns:1fr}}

/* FAQ */
.faq{background:var(--shell)}
.faq-in{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:40px clamp(40px,7vw,112px)}
.faq h2{margin-bottom:20px}
.faq-list{border-top:1px solid #E0D2C9}
.faq details{border-bottom:1px solid #E0D2C9}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:22px 0;cursor:pointer;font:400 22px/1.3 var(--serif);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--copper-ink)}
.faq summary i{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid #D7C6BC}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:var(--ink);transition:transform .3s}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq details p{margin:0 0 24px;max-width:40em}
@media (max-width:859px){.faq-in{grid-template-columns:1fr}.faq summary{font-size:20px}}

/* Closer */
.closer{position:relative;overflow:hidden;background:var(--shell);padding:clamp(88px,12vw,168px) 0;text-align:center}
.closer-sheen{position:absolute;inset:0;background:
 radial-gradient(40% 60% at 20% 30%,rgba(207,230,227,.8),rgba(207,230,227,0) 70%),
 radial-gradient(36% 56% at 80% 70%,rgba(247,221,203,.9),rgba(247,221,203,0) 70%),
 radial-gradient(30% 50% at 60% 20%,rgba(231,217,238,.7),rgba(231,217,238,0) 70%)}
.closer-hex{position:absolute;left:50%;top:50%;width:min(1040px,150vw);height:auto;aspect-ratio:71.89/53.1;transform:translate(-50%,-50%) rotate(-5deg)}
.closer-hex path{stroke-width:.16;stroke-dashoffset:0;animation:none;opacity:.85}
.ph-hex path,.closer-hex path{stroke-dashoffset:0;animation:none}
@media (max-width:699px){.closer-hex{width:124vw;height:86%;aspect-ratio:auto;transform:translate(-50%,-50%) rotate(-4deg)}.closer-hex path{stroke-width:.22}}
.closer-in{position:relative;display:flex;flex-direction:column;align-items:center}
.closer-mark{width:52px;height:52px;margin-bottom:22px;stroke-width:2.6}
.closer h2{font-size:clamp(46px,6.4vw,96px);margin:0 0 20px}
.closer p{max-width:32em;font-size:18px}
.closer .ctas{justify-content:center;margin:20px 0 26px}

/* Footer */
.foot{background:var(--ink);color:#CDC1C4;padding:72px 0 32px;font-size:15.5px}
.foot a{color:#fff;text-decoration:none}
.foot a:hover{color:var(--copper-lt)}
.foot-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12)}
.foot-top .brand img{width:220px}
.foot-line{margin:0;font:italic 300 28px/1.2 var(--serif);color:#fff;margin-right:auto}
.foot .btn-book{color:#fff}
.foot .btn-book:hover{background:#fff;color:var(--ink)}
.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-top:44px}
.fh{margin:0 0 12px;font:600 14px/1.3 var(--sans);letter-spacing:.02em;color:var(--copper-lt)}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:0;line-height:1.5}
.foot li a{display:inline-flex;align-items:center;min-height:44px}
.fhours li{display:flex;justify-content:space-between;gap:12px;max-width:230px;padding:3px 0}
.fhours li span:first-child{color:#fff}
.soc{display:flex;gap:10px;margin-top:6px}
.soc a{width:46px;height:46px;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:50%}
.soc svg{width:20px;height:20px}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:14px}
@media (max-width:899px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr}.foot-top .brand img{width:190px}}

/* Dire badge */
.dire-pow{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 13px!important;border-radius:100px;background:#FCFBF9;border:1px solid #E9E2D2;text-decoration:none!important;font-family:"Dire Jakarta","Plus Jakarta Sans",system-ui,sans-serif;font-size:12.5px;line-height:1.6;color:#6F675B!important;transition:border-color .25s,box-shadow .25s,transform .25s}
.dire-pow i{position:relative;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#7C2B22}
.dire-pow i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid #7C2B22;opacity:0;animation:direping 2.8s ease-out infinite}
.dire-pow span{color:#6F675B}
.dire-pow b{font-weight:800;color:#0C0B0A;letter-spacing:-.01em}
.dire-pow:hover{border-color:#7C2B22;box-shadow:0 6px 18px rgba(124,43,34,.14);transform:translateY(-1px)}
.dire-pow:focus-visible{outline:2px solid #7C2B22;outline-offset:3px}
@keyframes direping{0%{transform:scale(.6);opacity:.9}80%,100%{transform:scale(1.7);opacity:0}}

/* Phone bar */
.bar{display:none}
@media (max-width:759px){
 .bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(36,26,30,.08);padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom,0px));transition:transform .3s}
 .bar .btn{min-height:50px;padding:0 12px}
 .bar.away{transform:translateY(115%)}
 .foot{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
}

/* Inner page hero */
.phero{position:relative;overflow:hidden;background:var(--shell);padding:clamp(36px,5vw,72px) 0 clamp(56px,7vw,96px)}
.phero .wrap{position:relative}
.ph-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px 72px;align-items:center}
.ph-side{position:relative;margin:0 4% 0 0;width:clamp(260px,25vw,340px);isolation:isolate}
.ph-hex path{stroke-width:.2}
.ph-hex{left:-30%;top:12%;width:160%;height:auto;aspect-ratio:71.89/53.1;z-index:-1;transform:rotate(-7deg)}
.ph-side figcaption{position:absolute;left:-10%;bottom:8%;padding:8px 15px;border-radius:999px;background:#fff;box-shadow:0 10px 30px -12px rgba(36,26,30,.3);font:italic 400 15.5px/1.2 var(--serif);color:var(--ink)}
@media (max-width:899px){.ph-grid{grid-template-columns:1fr}.ph-side{display:none}}
.crumb{margin:0 0 22px;font-size:14px;color:var(--mute)}
.crumb a{color:var(--ink2);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:10px 0}
.phero h1{font-size:clamp(50px,6.6vw,100px);line-height:.98;letter-spacing:-.025em;margin:0 0 24px;max-width:13ch}
.phero .lead{max-width:38em}

/* Services page */
.chooser{background:var(--paper)}
.ch-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px clamp(40px,6vw,88px);align-items:start}
.goals{border:0;padding:0;margin:28px 0 0;display:grid;gap:10px;min-width:0}
.goals legend{padding:0;margin-bottom:12px;font-weight:600;font-size:15px;color:var(--ink)}
.goal{position:relative;display:block}
.goal input{position:absolute;opacity:0;width:1px;height:1px}
.goal span{position:relative;display:flex;align-items:center;min-height:58px;padding:12px 20px 12px 54px;border:1px solid var(--line);border-radius:16px;background:#fff;font-size:16.5px;color:var(--ink);cursor:pointer;transition:border-color .2s,background-color .2s}
.goal span::before{content:"";position:absolute;left:20px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;border:1.5px solid #B9A8A0;background:#fff;transition:border .2s}
.goal:hover span{border-color:#CDBAB0}
.goal input:checked+span{border-color:var(--ink);background:var(--shell)}
.goal input:checked+span::before{border:6px solid var(--copper-ink)}
.goal input:focus-visible+span{outline:2px solid var(--copper-ink);outline-offset:2px}
.ch-a{position:sticky;top:104px;overflow:hidden;min-height:380px;padding:clamp(28px,3.4vw,44px);border-radius:26px;background:var(--shell);isolation:isolate}
.ch-hex{right:-34%;bottom:-46%;width:78%;height:auto;aspect-ratio:71.89/53.1;z-index:-1;transform:rotate(-8deg);opacity:.75}
.ch-hex path{stroke-width:.24;stroke-dashoffset:0;animation:none}
.res[hidden]{display:none}
.res-k{margin:0;font:italic 400 19px/1.3 var(--serif);color:var(--copper-ink)}
.res h3{margin:8px 0 10px;font-size:clamp(34px,3.4vw,48px)}
.res-p{margin:0 0 14px;font-weight:700;font-size:17px;color:var(--ink)}
.res .ctas{margin-top:22px}
.ch-note{margin:28px 0 0;padding-top:18px;border-top:1px solid #E6D7CE;font-size:15.5px}
.ch-note b{color:var(--ink)}
@media (max-width:859px){.ch-in{grid-template-columns:1fr}.ch-a{position:relative;top:0;min-height:0}}
.menu-wrap{background:var(--shell)}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(36px,4vw,56px)}
.grp{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:20px clamp(32px,5vw,80px);padding:clamp(40px,5vw,64px) 0;border-top:1px solid #E3D5CC;scroll-margin-top:96px}
.grp-h h2{font-size:clamp(34px,3.4vw,48px)}
.grp-h p{margin:12px 0 0;font-size:16px}
@media (min-width:860px){.grp-h{position:sticky;top:104px;align-self:start}}
.rows{list-style:none;margin:0;padding:0}
.row{display:flex;justify-content:space-between;gap:28px;padding:22px 0;border-bottom:1px solid #E8DBD2}
.row:first-child{padding-top:4px}
.row h3{margin:0 0 6px;font:600 18px/1.35 var(--sans);letter-spacing:0;color:var(--ink)}
.row p{margin:0;font-size:15.5px;line-height:1.6;max-width:36em}
.row-p{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 auto}
.pr{font:400 25px/1.1 var(--serif);color:var(--ink);white-space:nowrap}
.pr .link{font-size:19px}
.fine{font-size:14.5px;color:var(--mute);margin-top:18px}
@media (max-width:859px){.grp{grid-template-columns:1fr}}
@media (max-width:599px){.row{flex-direction:column;gap:12px}.row-p{flex-direction:row;align-items:center;justify-content:space-between}}

/* Stylists page */
.team-hero .jump{margin:30px 0 0}
.team-photo{margin:clamp(40px,5vw,64px) 0 0}
.team-photo img{width:100%;border-radius:26px}
.team-photo figcaption{margin-top:12px;font-size:14.5px;color:var(--mute)}
.profs{background:var(--paper);padding-top:clamp(24px,3vw,40px);overflow-x:clip}
.prof{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px clamp(40px,7vw,112px);align-items:center;padding:clamp(48px,6vw,96px) 0;border-bottom:1px solid var(--line);scroll-margin-top:84px}
.prof-pic{position:relative;width:100%;max-width:440px;isolation:isolate}
.prof.flip .prof-pic{order:2;justify-self:end}
.prof-hex{position:absolute;left:-14%;top:18%;width:128%;height:auto;aspect-ratio:71.89/53.1;z-index:-1;transform:rotate(-6deg)}
.prof.flip .prof-hex{transform:rotate(7deg)}
.prof-hex path{stroke-width:.2;stroke-dashoffset:0;animation:none}
.prof-r{margin:0 0 8px;font-size:14.5px;font-weight:700;color:var(--copper-ink)}
.prof h2{font-size:clamp(52px,6vw,88px);letter-spacing:-.025em}
.full{display:block;margin-top:10px;font:400 15px/1.3 var(--sans);letter-spacing:.01em;color:var(--mute)}
.tags{list-style:none;margin:20px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{padding:7px 14px;border-radius:999px;background:var(--shell);border:1px solid var(--line);font-size:14px;color:var(--ink);line-height:1.3}
.prof-copy>p{max-width:36em}
.q-sm{margin:24px 0 0;background:var(--shell);border:0;padding:22px 24px 18px}
.q-sm p{font-size:18.5px}
.mini{list-style:none;margin:22px 0 0;padding:0;display:flex;gap:10px}
.mini li{width:min(118px,31%)}
.mini img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px}
.coord{display:flex;align-items:center;gap:clamp(24px,4vw,48px);padding:clamp(48px,6vw,80px) 0 0;scroll-margin-top:84px}
.coord .arch{flex:0 0 auto;width:clamp(140px,18vw,210px)}
.coord h2{font-size:clamp(42px,4.6vw,64px)}
.coord p{margin:16px 0 0;max-width:34em}
@media (max-width:859px){
 .prof{grid-template-columns:1fr}
 .prof.flip .prof-pic{order:0;justify-self:start}
 .prof-pic{max-width:380px;width:88%}
}
@media (max-width:520px){.coord{flex-direction:column;align-items:flex-start}}
.careers{background:var(--ink);color:#D8CDD0}
.careers h2{color:#fff;margin-bottom:20px}
.careers .kick{color:var(--copper-lt)}
.car-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:40px clamp(40px,6vw,96px);align-items:center}
.car-card{padding:clamp(26px,3vw,40px);border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.car-card h3{color:#fff;font-size:30px;margin:0 0 6px}
.car-card .tags li{background:transparent;border-color:rgba(255,255,255,.22);color:#fff}
.car-card .btn-ink{background:#fff;color:var(--ink)}
.car-card .btn-ink:hover{background:var(--copper-lt)}
.careers :focus-visible{outline-color:var(--copper-lt)}
@media (max-width:859px){.car-in{grid-template-columns:1fr}}

/* Contact */
.contact-sec{background:var(--paper)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:28px;align-items:start}
.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,3vw,40px)}
.card h2{font-size:clamp(32px,3vw,42px);margin:0 0 8px}
.note{font-size:15.5px;color:var(--mute)}
.form-card{position:relative;box-shadow:0 40px 80px -40px rgba(36,26,30,.25);scroll-margin-top:96px}
.field{margin:0 0 18px;padding:0;border:0;min-width:0}
.field label,.field legend{display:block;padding:0;margin:0 0 8px;font-weight:600;font-size:14.5px;color:var(--ink)}
.field small{font-weight:400;color:var(--mute)}
input,textarea{width:100%;min-height:54px;padding:13px 16px;border:1px solid #D6C7BF;border-radius:14px;background:#fff;color:var(--ink);font:400 16px/1.4 var(--sans);transition:border-color .2s}
textarea{min-height:136px;resize:vertical}
input:focus,textarea:focus{outline:2px solid var(--copper-ink);outline-offset:1px;border-color:var(--ink)}
[aria-invalid="true"]{border-color:#B5523B}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:520px){.two{grid-template-columns:1fr;gap:0}}
.kinds{display:flex;flex-wrap:wrap;gap:8px}
.kinds label{position:relative;margin:0;font-weight:500}
.kinds input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}
.kinds span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #DCCDC4;border-radius:999px;font-size:15px;color:var(--ink);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.kinds label:hover span{border-color:var(--ink)}
.kinds input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.kinds input:focus-visible+span{outline:2px solid var(--copper-ink);outline-offset:2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-err{min-height:1.5em;margin:2px 0 14px;font-weight:600;font-size:15px;color:#9E3B26}
.form-err a{color:#9E3B26}
.done{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:#fff;border-radius:24px}
.done[hidden]{display:none}
.done-mark{width:64px;height:64px;margin-bottom:18px;stroke-width:2.4}
.done h3{font-size:44px;margin:0 0 12px}
.done p{max-width:26em}
.callbox{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px;padding:clamp(26px,3vw,36px);border-radius:24px;background:var(--ink);color:#D8CDD0}
.cb-k{margin:0;font:italic 400 19px/1.3 var(--serif);color:var(--copper-lt)}
.callbox .phone{font:300 clamp(36px,3.4vw,46px)/1.05 var(--serif);color:#fff;text-decoration:none;letter-spacing:-.01em}
.callbox .mail{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-size:15.5px;word-break:break-all}
.callbox .btn-book:hover{background:#fff;color:var(--ink)}
.callbox :focus-visible{outline-color:var(--copper-lt)}
.hours{width:100%;border-collapse:collapse;margin-top:10px}
.hours th,.hours td{padding:12px 0;border-bottom:1px solid var(--line);font-size:15.5px;text-align:left}
.hours th{font-weight:500;color:var(--ink)}
.hours td{text-align:right}
.hours .today th,.hours .today td{color:var(--copper-ink);font-weight:700}
.side .card .note{margin:16px 0 0}
.map-row{margin-top:28px}
.map-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:0;overflow:hidden}
.map-copy{padding:clamp(26px,3vw,40px)}
address{margin:8px 0 10px;font:300 28px/1.3 var(--serif);font-style:normal;color:var(--ink)}
.map{display:block;width:100%;height:100%;min-height:400px;border:0;background:var(--plaster)}
@media (max-width:959px){.contact-grid{grid-template-columns:1fr}.map-card{grid-template-columns:1fr}.map{min-height:320px}}

/* 404 */
.nf{min-height:calc(100vh - 78px);min-height:calc(100svh - 68px);padding-top:clamp(48px,9vh,120px)}
.nf-mark{width:58px;height:58px;margin-bottom:24px;stroke-width:2.6}

@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .hexline path{animation:none;stroke-dashoffset:0}
 .dire-pow i::after{animation:none}
 *,*::before,*::after{transition-duration:.01ms!important}
}