/* Presley / chrome, cold light, real hair. */
:root{--dark:#101312;--paper:#edf0ed;--ice:#bce9ef;--muted:#a4aeaa;--display:'Anton','Arial Narrow',Impact,sans-serif;--serif:'Instrument Serif',Georgia,serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--dark);color:var(--paper);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}::selection{background:var(--ice);color:var(--dark)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:6px}img{display:block;max-width:100%;width:100%;height:100%;object-fit:cover}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:400}button{border:0}button[hidden],[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;z-index:50;padding:15px 25px;background:var(--ice);color:var(--dark)}.skip:focus{top:10px}.eyebrow,.section-label{font-size:11px;font-weight:650;letter-spacing:.12em}.underlink{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:12px 0 8px;border-bottom:1px solid currentColor;font-size:13px;font-weight:550}.underlink span{font-size:20px;transition:transform .3s}.underlink:hover span{transform:translate(3px,-3px)}.section-label{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #10131235}.section-light{background:var(--paper);color:var(--dark)}
/* The opening is a film poster. */
.header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:25px 4%;gap:30px;border-bottom:1px solid #ffffff28}.brand{display:flex;align-items:center;gap:11px}.monogram{height:40px;width:36px;color:var(--ice)}.brand>span{font-family:var(--display);font-size:27px;letter-spacing:.015em;line-height:1}.brand small{display:block;font-family:var(--body);font-size:8px;letter-spacing:.15em;font-weight:600;margin-top:8px}.header nav{display:flex;gap:40px}.header nav a{font-size:13px;font-weight:500;position:relative}.header nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--ice);transition:width .2s}.header nav a:hover:after{width:100%}.header sup{font-size:8px;color:var(--ice);margin-left:3px}.nav-cta{display:flex;justify-content:space-between;align-items:center;gap:38px;background:var(--ice);color:var(--dark);font-weight:650;font-size:13px;padding:14px 19px}.nav-cta span{font-size:23px;line-height:1}.nav-cta:hover{background:#e3faff}.hero{position:relative;min-height:790px;height:100svh;max-height:1250px;isolation:isolate;overflow:hidden}.hero-film,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-film{background:#252a27}.hero-film video,.hero-poster{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:65% 40%;filter:saturate(.25) contrast(1.08)}.hero-poster{object-position:center 40%;opacity:.6}.hero-film video{opacity:0;transition:opacity 1s}.hero-film video.ready{opacity:1}.hero-shade{background:linear-gradient(90deg,#0c1314db 0%,#0c131456 42%,#0c13140a 70%),linear-gradient(0deg,#101312eb 0%,#10131204 55%,#10131290 100%)}.hero-intro{position:absolute;top:22%;left:4%}.hero-intro .eyebrow{display:flex;align-items:center;gap:10px;color:#d4dbd7}.hero-intro .eyebrow i{width:18px;height:2px;background:var(--ice)}.hero-intro p{font-family:var(--serif);font-size:clamp(42px,4.8vw,83px);line-height:1.01;margin:30px 0 15px;letter-spacing:-.02em}.hero-intro em{font-weight:400;color:var(--ice)}.hero-intro .underlink{font-size:12px;border-color:#c9d2cd65;gap:50px}.hero-side{position:absolute;right:2%;top:30%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.18em;color:#eef4f0a6}.hero-signoff{position:absolute;bottom:25px;left:4%;right:4%}.hero h1{font-family:var(--display);font-size:24.65vw;line-height:.92;letter-spacing:-.04em;position:relative;margin-left:-.014em;width:max-content;max-width:100%;color:#f0f4ed}.hero-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;margin-top:30px;font-size:10px;line-height:1.6;letter-spacing:.1em}.hero-bottom>p{color:var(--ice);font-weight:700}.hero-location{text-align:center;color:#e2e8e2}.video-control{display:flex;justify-content:flex-end;align-items:center;gap:14px}.video-control button{display:flex;align-items:center;gap:8px;background:none;padding:7px 0;font-size:10px;white-space:nowrap;letter-spacing:.03em}.control-icon{font-size:14px}.film-track{width:70px;height:2px;background:#ffffff4a}.film-track span{display:block;height:100%;background:var(--ice);width:0;transition:width .15s linear}.film-time{font-size:9px;color:#d5ded8}.hero-round{position:absolute;right:6%;top:40%;height:126px;width:126px;border:1px solid #e4f4efb5;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ice);transform:rotate(10deg);backdrop-filter:blur(8px);transition:background .3s,color .3s,transform .4s}.hero-round span{font-size:10px;font-weight:650;text-align:center;line-height:1.5;letter-spacing:.1em}.hero-round b{font-weight:400;font-size:35px;line-height:1}.hero-round:hover{background:var(--ice);color:var(--dark);transform:rotate(0deg)}
.services-line{background:var(--ice);color:var(--dark);padding:25px 4%;display:flex;align-items:center;gap:28px}.services-line>span{font-size:24px;font-family:var(--display)}.services-line i{font-size:23px;font-style:normal;color:#45636a}.services-line p{margin-left:auto;font-size:13px}
/* Contact-sheet rhythm, not cards. */
.cuts{padding:65px 6% 45px;overflow:hidden}.cuts-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:26px;row-gap:50px;margin-top:65px}.cuts-heading{grid-column:1/6;grid-row:1;padding:30px 0}.cuts-heading h2{font-family:var(--display);font-size:clamp(46px,6.1vw,100px);line-height:1.02;letter-spacing:-.015em}.cuts-heading h2>span{color:transparent;-webkit-text-stroke:1px #202723}.cuts-heading>p{font-size:15px;line-height:1.8;margin-top:28px}.script-note{display:block;font-family:var(--serif);font-size:54px;font-style:italic;transform:rotate(-8deg);margin:30px 0 0 16%;color:#3c777f}.cut{min-width:0}.cut-main{grid-column:7/13;grid-row:1/3;margin-top:0}.cut-texture{grid-column:1/5;grid-row:2/4;transform:rotate(-3deg);margin-top:0}.cut-classic{grid-column:7/12;grid-row:3/5;margin:24px 0 0 12%}.cut-open{display:block;position:relative;width:100%;padding:0;background:#cbd2cc;overflow:hidden;text-align:left}.cut-main .cut-open{aspect-ratio:3/3.8}.cut-texture .cut-open{aspect-ratio:3/3.75}.cut-classic .cut-open{aspect-ratio:1.08}.cut-open img{object-position:center 43%;transition:transform .8s cubic-bezier(.2,.65,.3,1),filter .5s;filter:saturate(.75)}.cut-open:hover img{transform:scale(1.04);filter:saturate(1)}.cut-hover{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--ice);color:var(--dark);font-size:10px;font-weight:700;letter-spacing:.12em;opacity:0;transform:translateY(10px);transition:.3s}.cut-hover b{font-size:20px;font-weight:400}.cut-open:hover .cut-hover,.cut-open:focus-visible .cut-hover{opacity:1;transform:none}.cut figcaption{display:flex;align-items:flex-start;gap:15px;padding-top:17px}.cut-num{border-top:1px solid #15211b;font-size:11px;padding-top:6px;min-width:24px}.cut h3{font-size:15px;font-weight:700;line-height:1.4}.cut h3 small{display:block;font-size:11px;font-weight:400;margin-top:6px;color:#58665e}.cut figcaption>span:last-child{font-size:23px;margin-left:auto;line-height:1}.cuts-note{grid-column:2/6;grid-row:4;display:flex;gap:30px;align-items:flex-start;margin-top:0}.mini-cross{font-family:var(--serif);font-size:65px;line-height:.8;color:#467881}.cuts-note p{font-size:15px;line-height:1.8}.cuts-note strong{font-weight:650}.cuts-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #10131235;margin-top:65px;padding-top:25px;gap:20px}.cuts-bottom>span{font-size:9px;letter-spacing:.12em}.cuts-bottom .underlink{border:0;padding:0}
/* A tactile interlude. */
.craft{position:relative;min-height:730px;display:flex;align-items:center;padding:90px 6%;overflow:hidden;background:#101211;isolation:isolate}.craft-image{position:absolute;right:0;top:0;bottom:0;width:57%;z-index:-1}.craft-image img{object-fit:cover;object-position:center;opacity:.93}.craft-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101211 0%,#10121100 27%)}.craft-copy{max-width:53%;position:relative}.craft-copy .eyebrow{color:var(--ice)}.craft h2{font-family:var(--display);font-size:clamp(62px,7.5vw,126px);line-height:1.02;letter-spacing:-.02em;margin:35px 0 30px}.craft h2 em{display:block;font-family:var(--serif);font-weight:400;font-size:.74em;white-space:nowrap;color:var(--ice);line-height:1.1}.craft-copy>p{max-width:305px;font-size:14px;line-height:1.85;color:#bac3bc}.craft-rule{display:flex;gap:25px;border-top:1px solid #f4fbf030;margin-top:35px;padding-top:18px;font-size:9px;letter-spacing:.08em;color:#b5bfb8;width:max-content}.craft-vertical{position:absolute;right:2.5%;bottom:60px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#bec9c0}
/* Real salon, editorial composition. */
.salon{padding:65px 6% 105px}.salon-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end;margin:60px 0 55px}.salon-heading h2{font-family:var(--display);font-size:clamp(64px,8.3vw,135px);letter-spacing:-.025em;line-height:.99}.salon-heading em{font-family:var(--serif);color:#3c777f;font-size:1.2em;font-weight:400}.salon-intro{max-width:330px;padding-bottom:8px}.salon-intro .eyebrow{font-size:10px}.salon-intro p{font-size:16px;line-height:1.75;margin-top:20px}.salon-intro p:last-child{color:#56635b;font-size:14px}.salon-images{display:grid;grid-template-columns:1.6fr 1fr;gap:6%;align-items:center}.interior{aspect-ratio:1.3;position:relative}.interior img{filter:saturate(.6);object-position:50% 62%}.interior figcaption{display:flex;justify-content:space-between;margin-top:16px;font-size:9px;letter-spacing:.1em}.exterior{position:relative;transform:rotate(4deg);padding:14px 14px 20px;background:#dce3df;margin-bottom:30px}.exterior img{aspect-ratio:1.1;object-position:50% 12%;filter:saturate(.65)}.exterior figcaption{font-size:9px;letter-spacing:.05em;padding-top:18px}.image-tag{position:absolute;top:-26px;right:15px;background:var(--dark);color:var(--ice);padding:14px 22px;transform:rotate(-7deg);font-size:10px;font-weight:600;letter-spacing:.08em;z-index:1}
/* The way to the chair. */
.visit{background:var(--ice);color:var(--dark);padding:50px 6% 70px}.visit-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:25px}.visit-heading h2{font-family:var(--display);font-size:clamp(100px,18vw,300px);line-height:1.2;letter-spacing:-.045em}.visit-arrow{font-size:clamp(70px,12vw,195px);font-family:Arial,sans-serif;line-height:1;transition:transform .4s}.visit-arrow:hover{transform:translate(10px,-10px)}.visit-details{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:45px;border-top:1px solid #10131255;padding-top:35px}.visit-signature{font-family:var(--serif);font-size:50px;line-height:1.04;letter-spacing:-.02em}.visit-details h3{font-size:10px;font-weight:650;letter-spacing:.13em;margin-bottom:18px}.visit-details>div>p{font-size:14px;line-height:1.7}.visit-details .underlink{margin-top:18px;font-size:12px;min-width:200px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 4%;font-size:9px;letter-spacing:.06em;color:#b5bfb8}.footer-brand{font-family:var(--display);font-size:24px;color:var(--paper);letter-spacing:0}.footer-brand span{display:block;font-family:var(--body);font-size:8px;letter-spacing:.15em;margin-top:4px}.footer-links{display:flex;gap:25px;font-size:12px}.footer-links a:hover{color:var(--ice)}.to-top{border:1px solid #9ba79e66;width:42px;height:42px;display:grid;place-items:center;font-size:20px}
/* Image viewer. */
.lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:28px 5%;background:#0f1413f5;backdrop-filter:blur(20px);color:var(--paper)}.lightbox::backdrop{background:#101312}.lightbox-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.1em}.lightbox-close{display:flex;gap:20px;align-items:center;background:none;font-size:14px;padding:8px}.lightbox-close span{font-size:32px;line-height:1}.lightbox-stage{display:flex;align-items:center;justify-content:center;gap:35px;height:calc(100dvh - 170px);margin:15px 0}.lightbox-stage>img{object-fit:contain;width:auto;max-width:75%;max-height:100%}.lightbox-stage>button{flex-shrink:0;width:50px;height:50px;border:1px solid #a0b7a980;background:none;border-radius:50%;font-size:25px}.lightbox-stage>button:hover{background:var(--ice);color:var(--dark)}.lightbox-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:620px;margin:auto}.lightbox-caption h2{font-size:15px}.lightbox-caption>span{font-size:11px;color:var(--ice)}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s,transform .75s cubic-bezier(.2,.65,.3,1)}.reveal.visible{opacity:1;transform:none}
@media(min-width:1800px){.hero h1{font-size:24.7vw}.hero-intro p{font-size:90px}.hero-intro{top:19%}.hero-round{top:30%}.craft{min-height:880px}}
@media(max-width:1100px){.hero{min-height:740px}.hero-intro{top:22%}.hero-round{top:40%;width:108px;height:108px}.hero-intro p{font-size:62px}.hero h1{font-size:24.3vw}.cuts-layout{column-gap:20px;row-gap:35px}.script-note{font-size:45px}.cut h3{font-size:13px}.craft{min-height:660px}.craft-rule{gap:18px}.salon-intro{max-width:280px}.visit-signature{font-size:42px}.visit-details{gap:30px}.visit-details .underlink{min-width:0;width:100%}}
@media(max-width:760px){.header{padding:22px 5%;gap:15px}.brand>span{font-size:23px}.monogram{height:32px;width:29px}.brand small{font-size:7px}.header nav{gap:22px}.header nav a{font-size:12px}.header nav a:nth-child(2){display:none}.header sup{display:none}.nav-cta{padding:11px 14px;gap:20px;font-size:12px}.hero{min-height:690px;height:94svh;max-height:900px}.hero-intro{left:5%;top:21%}.hero-intro p{font-size:58px;margin-top:25px}.hero-intro .eyebrow{font-size:9px}.hero-film video{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#0c1314c2,#0c131424 80%),linear-gradient(0deg,#101312f5,#10131200 60%,#1013129c)}.hero-signoff{left:5%;right:5%;bottom:22px}.hero h1{font-size:23.9vw}.hero-round{top:51%;right:7%;width:94px;height:94px}.hero-round span{font-size:8px}.hero-round b{font-size:26px}.hero-side{display:none}.hero-bottom{margin-top:25px;font-size:8px;grid-template-columns:1fr 1fr;row-gap:20px}.hero-location{display:none}.video-control{gap:9px}.film-track{width:35px}.film-time{display:none}.services-line{padding:22px 5%;gap:22px;justify-content:space-between}.services-line>span{font-size:21px}.services-line p{display:none}.services-line i{font-size:18px}.cuts,.salon{padding:42px 5% 50px}.section-label{font-size:9px;letter-spacing:.07em;padding-bottom:20px}.section-label>span:last-child{text-align:right}.cuts-layout{grid-template-columns:repeat(6,minmax(0,1fr));gap:35px 16px;margin-top:35px}.cuts-heading{grid-column:1/7;grid-row:1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;padding:0}.cuts-heading h2{font-size:clamp(40px,8.5vw,64px);white-space:nowrap}.cuts-heading>p{font-size:13px;margin:0}.script-note{display:none}.cut-main{grid-column:3/7;grid-row:2/4}.cut-texture{grid-column:1/4;grid-row:4/6;margin-top:20px}.cut-classic{grid-column:4/7;grid-row:5/7;margin:55px 0 0}.cuts-note{grid-column:1/3;grid-row:3;flex-direction:column;gap:15px}.cuts-note p{font-size:12px}.mini-cross{font-size:45px}.cut figcaption{gap:9px;padding-top:12px}.cut h3{font-size:11px}.cut h3 small{font-size:10px;line-height:1.5}.cut-num{font-size:9px;min-width:18px}.cut figcaption>span:last-child{display:none}.cut-hover{display:none}.cuts-bottom{margin-top:40px;align-items:flex-start}.cuts-bottom>span{font-size:8px;max-width:120px;line-height:1.5}.cuts-bottom .underlink{font-size:11px;gap:10px}.craft{padding:65px 5%;min-height:740px;align-items:flex-start}.craft-copy{max-width:76%;z-index:1}.craft h2{font-size:70px;margin:28px 0 23px}.craft-copy>p{font-size:13px;max-width:270px}.craft-image{width:73%;height:75%;top:auto;bottom:-45px;right:-16%}.craft-image img{object-position:center;opacity:.7}.craft-image:after{background:linear-gradient(180deg,#101211,#10121100 35%),linear-gradient(90deg,#10121195,#10121100 70%)}.craft-rule{font-size:8px;gap:17px;margin-top:25px}.craft-vertical{bottom:30px;right:5%;font-size:8px}.salon-heading{grid-template-columns:1fr;gap:30px;margin-top:35px;margin-bottom:40px}.salon-heading h2{font-size:90px}.salon-intro{max-width:370px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.salon-intro .eyebrow{grid-column:1/3;font-size:9px}.salon-intro p{font-size:14px;margin:0}.salon-intro p:last-child{font-size:13px}.salon-images{grid-template-columns:1fr;gap:65px}.interior{aspect-ratio:1.2}.exterior{width:68%;margin-left:auto;margin-right:5%;margin-bottom:10px}.visit{padding:40px 5% 45px}.visit-heading{gap:15px;padding:22px 0}.visit-heading h2{font-size:18vw;line-height:1.15}.visit-arrow{font-size:14vw}.visit-details{grid-template-columns:1fr 1fr;gap:30px 24px;padding-top:25px}.visit-signature{grid-column:1/3;font-size:38px;line-height:1.1}.visit-signature br{display:none}.visit-details h3{font-size:9px;letter-spacing:.06em}.visit-details>div>p{font-size:13px}.visit-details .underlink{font-size:11px;gap:5px;margin-top:10px}footer{padding:30px 5%;display:grid;grid-template-columns:1fr auto;gap:25px}.footer-links{font-size:11px;gap:18px}.footer-brand{font-size:26px}.footer-brand span{font-size:7px}footer>span{font-size:8px}.to-top{justify-self:end}.lightbox{padding:20px 5%}.lightbox-stage{height:calc(100dvh - 170px);gap:10px;position:relative}.lightbox-stage>img{max-width:100%;width:100%;padding-bottom:45px}.lightbox-stage>button{position:absolute;bottom:0;width:40px;height:40px;z-index:2}.photo-prev{left:calc(50% - 50px)}.photo-next{right:calc(50% - 50px)}.lightbox-caption h2{font-size:12px}}
@media(max-width:400px){.header nav{display:none}.hero-intro p{font-size:54px}.hero-round{top:49%}.hero{min-height:670px}.cuts-heading{grid-template-columns:1fr;gap:22px}.cuts-heading h2{font-size:58px}.cuts-heading>p{font-size:14px}.cuts-heading>p br{display:none}.cut-main{grid-column:2/7}.cuts-note{grid-column:1/2;grid-row:2;margin-top:25px}.cuts-note p{display:none}.cut-texture{grid-column:1/5;grid-row:4}.cut-classic{grid-column:3/7;grid-row:5;margin-top:10px}.craft h2{font-size:62px}.salon-heading h2{font-size:76px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Final optical sizing and reading rhythm. */
.hero h1{transform:scaleX(1.3);transform-origin:left bottom}
.cuts-heading>p,.cuts-note p,.craft-copy>p,.salon-intro p:last-child,.visit-details>div>p{font-size:16px}
@media(max-width:760px){.cuts-heading>p,.craft-copy>p,.salon-intro p,.salon-intro p:last-child,.visit-details>div>p{font-size:15px}.cuts-note p{font-size:13px}.cut h3{font-size:12px}.cut h3 small{font-size:11px}.craft-copy{max-width:83%}.visit-details{gap:30px 20px}}
@media(max-width:400px){.services-line{gap:12px}.services-line>span{font-size:18px}}
/* Fit the revised salon heading on narrow phones. */
@media(max-width:400px){.salon-heading h2{font-size:clamp(58px,18.5vw,74px)}}
.contact-details{min-width:0}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.contact-links a{display:inline-flex;align-items:center;min-height:44px;font-size:17px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:#10131255;overflow-wrap:anywhere;max-width:100%}.contact-links a:hover{text-decoration-color:currentColor}.visit-details .contact-details>p{margin-top:16px}.contact-details .underlink{min-width:0;max-width:100%}.contact-details .underlink>span{flex-shrink:0}
@media(max-width:760px){.contact-details{grid-column:1/-1}.contact-details .underlink{width:fit-content;gap:20px}.contact-links a{font-size:18px}}
