/* Editorial typography from Old: Archivo + Instrument Serif. */
@font-face{font-family:'Instrument Serif';src:url('assets/fonts/instrument-serif.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('assets/fonts/instrument-serif-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--deep:#0e0e0c;--deep-2:#090909;--deep-3:#1a1916;--cream:#f5f1e8;--paper:#e9e5dc;--gold:#c9ab71;--gold-bright:#e3c68c;--gold-muted:#b09158;--font-display:'Instrument Serif',Georgia,serif}
body{background:var(--deep);font-size:16px}
.logo-on-dark{filter:none}
/* Preserve the supplied high-resolution alpha edges; tint with the site's gold. */
@supports ((mask-image:url('')) or (-webkit-mask-image:url(''))){
 .brand-logo,.mobile-menu-brand,.footer-logo{position:relative}
 .brand-logo::after,.mobile-menu-brand::after,.footer-logo::after{content:'';position:absolute;inset:0;pointer-events:none;background:var(--gold);-webkit-mask:url('assets/images/pezh-logo-white-20260918.png') no-repeat 50% 46% / 100% auto;mask:url('assets/images/pezh-logo-white-20260918.png') no-repeat 50% 46% / 100% auto}
 .brand-logo .logo-on-dark,.mobile-menu-brand .logo-on-dark,.footer-logo .logo-on-dark{opacity:0}
}
.brand.brand-logo{display:block;width:152px;height:72px;overflow:hidden}
.brand-logo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.site-header{background:rgba(9,9,9,.84)}
.site-header.scrolled{background:rgba(9,9,9,.96)}
.desktop-nav{gap:0}
.desktop-nav a{font-size:12px;letter-spacing:.09em}
.desktop-nav a{padding:30px 14px}
.mobile-menu:before{display:none}
.mobile-menu .mobile-menu-brand{width:166px;height:82px;padding:0;margin:0 0 24px;border:0;flex:none}
.mobile-menu-brand img{width:100%;height:100%;object-fit:cover}
.footer-logo{width:250px;height:128px}
.footer-logo img{width:250px;height:128px;object-fit:cover}
.site-footer nav,.footer-contact{font-size:14px}
.footer-instagram span,.footer-bottom{font-size:12px}
.footer-credit{margin-top:22px;margin-bottom:0;padding:20px 0 4px;border-top:1px solid rgba(255,239,209,.12);text-align:center;color:var(--cream);font-size:13px;line-height:1.8;text-shadow:0 2px 12px #0009}
.footer-credit a{display:inline-block;padding:6px 0;color:var(--gold-bright);white-space:nowrap;text-underline-offset:4px}
.footer-credit strong{font-weight:700}
.footer-credit a:hover{text-decoration:underline}
.footer-credit a:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px;border-radius:2px}
.pezh-chip>img{width:80px;height:42px;object-fit:cover;transform:none}
.pezh-chip small{font-size:10px}
.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.14em}
.text-link,.button{font-size:13px}
.scroll-cinema .cinema-beats{width:100%;margin:0;pointer-events:auto}
.scroll-cinema .reveal{opacity:1;transform:none}
.cinema-control-layer{grid-area:1 / 1;position:sticky;align-self:start;top:0;height:100svh;height:100dvh;z-index:4;pointer-events:none}
.cinema-control-layer button{pointer-events:auto}
.scroll-cinema .cinema-intro{width:var(--wrap);margin-inline:auto}
.scroll-cinema .cinema-intro .cinema-copy{width:47%;max-width:590px}
.scroll-cinema .cinema-beat h1{font-family:var(--font-display);font-size:clamp(70px,8.3vw,124px);font-weight:400;line-height:.96;letter-spacing:-.025em;max-width:9ch;text-wrap:balance}
.scroll-cinema .cinema-beat h1 em{font-weight:400;color:var(--gold-bright)}
.scroll-cinema .cinema-beat .eyebrow{text-transform:none;font-size:14px;letter-spacing:.06em}
.scroll-cinema .cinema-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:35ch}
.signature-gateway{min-height:0;padding-bottom:110px;pointer-events:auto;background:transparent;overflow:clip}
.signature-gateway:before{display:none}
.signature-gateway .hero-shell{min-height:700px;padding-block:90px 45px}
.signature-gateway h2,.pezh-copy h2,.instagram h2,.review-copy h2,.visit-copy h2,.closing h2,.price-list-head h3{font-family:var(--font-display);font-weight:400;line-height:1.04;letter-spacing:-.025em}
.signature-gateway h2{font-size:clamp(58px,6.5vw,94px);max-width:13ch}
.signature-gateway h2 span{font-family:var(--font-display);font-size:1em;letter-spacing:-.02em}
.hero-lede{font-size:17px;max-width:39ch;color:#d0c9bb}
.hero-phone small{font-size:12px;color:#c9beaa}
.hero-phone b{font-size:17px}
.signature-gateway .photo-orbit{position:relative;inset:auto;width:100%;max-width:100%;margin:20px 0 40px;transform:none}
.signature-menu{scroll-margin-top:110px;position:relative;z-index:35}
.signature-menu .price-list-head{margin:10px 0 30px}
.price-list-head h3{font-size:clamp(42px,5vw,66px)}
.price-list>div{min-height:120px;background:rgba(25,25,22,.93);color:var(--cream);border-color:#b79b6233;border-radius:10px;padding:20px;gap:5px 14px}
.price-list>div:hover{background:#23221e;border-color:#b79b6280}
.price-list>div>span{font-size:15px;font-weight:600;line-height:1.45}
.price-list>div>span small{font-size:12px;color:#bfb6a5;line-height:1.45}
.price-list b{font-size:18px;color:var(--gold-bright)}
.price-list b small{font-size:11px;color:#bfb6a5}
.price-list>div>a{font-size:12px;color:var(--gold-bright);min-height:36px;display:flex;align-items:center;letter-spacing:.05em}
.price-note{font-size:13px;line-height:1.65;max-width:85ch;margin:26px auto 0;color:#c1b7a5}
.price-list>div.price-book-card{background:linear-gradient(135deg,#d6bc84,#b5985f)}
.pezh-section{background:radial-gradient(ellipse at 20% 55%,#d5c9b1,transparent 60%),#e9e5dc;color:#23231f}
.pezh-copy h2{font-size:clamp(54px,5.8vw,82px)}
.pezh-copy h2>span{display:block;margin-top:12px;color:#76613d;font-size:.72em;font-style:italic}
.pezh-copy>p:not(.eyebrow){font-size:17px;color:#5a564e}
.pezh-copy .pezh-lede{font-size:20px;color:#302d27}
.pezh-copy .eyebrow{color:#756038}
.pezh-stats span{font-size:11px;line-height:1.5}
.pezh-stats b{font-size:32px;color:#796039}
.instagram{background:radial-gradient(ellipse at 85% 10%,#323023,transparent 50%),#10110f}
.instagram h2{font-size:clamp(56px,7vw,98px)}
.instagram-head>div:last-child a{font-size:14px}
.reviews{background:radial-gradient(ellipse at 12% 50%,#343023,transparent 60%),#1b1c18;color:var(--cream)}
.review-score{background:#ffffff04;border-color:#cfb78240}
.review-score strong{font-family:var(--font-display);font-weight:400;letter-spacing:-.03em}
.review-score>small,.review-score p,.review-copy>p,.review-copy>small{color:#c5beae}
.review-score>small,.review-copy>small{font-size:12px}
.review-copy .button{border-color:#cfb78280}
.visit{background:radial-gradient(ellipse at 85% 20%,#292a21,transparent 55%),#10110e}
.visit:before{display:none}
.closing{background:linear-gradient(120deg,#e9e5dc,#ded7c9)}
.closing h2{font-size:clamp(52px,7vw,100px)}
.closing h2 span{color:#76613d}
.closing .eyebrow{color:#71582b}
/* One continuous film behind the homepage, never a separate painted row. */
.scroll-cinema .pezh-section,.scroll-cinema .instagram,.scroll-cinema .reviews,.scroll-cinema .visit,.scroll-cinema .closing,.scroll-cinema .site-footer{background:transparent;color:var(--cream)}
.scroll-cinema .instagram:before,.scroll-cinema .visit:before{display:none}
.scroll-cinema .pezh-copy h2>span,.scroll-cinema .pezh-copy .eyebrow,.scroll-cinema .pezh-stats b,.scroll-cinema .closing h2 span,.scroll-cinema .closing .eyebrow{color:var(--gold-bright)}
.scroll-cinema .pezh-copy>p:not(.eyebrow),.scroll-cinema .pezh-copy .pezh-lede,.scroll-cinema .pezh-stats span,.scroll-cinema .price-note,.scroll-cinema .review-copy>p,.scroll-cinema .review-copy>small,.scroll-cinema .review-score p,.scroll-cinema .review-score>small,.scroll-cinema .instagram-head p,.scroll-cinema .visit-copy>p:not(.eyebrow),.scroll-cinema .hours span,.scroll-cinema .closing>div>div>a:last-child small{color:#eee5da}
.scroll-cinema .pezh-copy .text-link,.scroll-cinema .closing>div>div>a:last-child b{color:var(--gold-bright)}
.scroll-cinema .pezh-stats{border-color:#e3c68c55}
.scroll-cinema .portrait-ring{border-color:#e3c68c66}
.scroll-cinema .portrait-ring:after{border-color:#e3c68c44}
.scroll-cinema .pezh-chip{color:var(--ink)}
.scroll-cinema :is(.hero-copy,.pezh-copy,.instagram-head,.review-copy,.visit-copy,.closing>.wrap,.footer-grid,.footer-bottom){text-shadow:0 2px 12px #0009}
.scroll-cinema :is(.button,.pezh-chip){text-shadow:none}
/* Meet Pezh: the same gently floating, gold-edged language as Signature work.
   Independent crops preserve each visible face; no source pixels are redrawn. */
.pezh-gallery{position:relative;isolation:isolate;display:block;width:100%;max-width:560px;aspect-ratio:.78;margin-inline:auto;min-width:0}
.pezh-work-card{position:absolute;width:64%;height:auto;aspect-ratio:6/5;margin:0;overflow:hidden;border:1px solid rgba(239,200,111,.36);border-radius:18px;background:#16110d;box-shadow:0 28px 70px rgba(0,0,0,.48);isolation:isolate;transform-origin:center;transform:rotate(var(--tilt));will-change:transform}
.pezh-work-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--photo-position)}
.pezh-work-card:before{position:absolute;z-index:1;left:-28px;bottom:-40px;width:100px;height:100px;content:"";border:1px solid rgba(239,200,111,.22);transform:rotate(26deg);pointer-events:none}
.pezh-work-finish{z-index:2;top:-4%;right:2%;--photo-position:50% 12%;--tilt:2.6deg;animation:float-cut 22s cubic-bezier(.42,.08,.58,.92) -12s infinite alternate}
.pezh-work-cut{z-index:3;top:33%;left:0;--photo-position:50% 0%;--tilt:-4.2deg;animation:float-colour 18s cubic-bezier(.45,.05,.55,.95) -5s infinite alternate}
.pezh-work-blowdry{z-index:4;bottom:3%;right:4%;--photo-position:50% 20%;--tilt:-1.2deg;animation:float-style 20s cubic-bezier(.46,.06,.54,.94) -8s infinite alternate}
/* The original four shelf selections, on the same continuous homepage film. */
.featured-products{background:transparent;color:var(--cream)}
.featured-products-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}
.featured-products-head h2{font-family:var(--font-display);font-size:clamp(48px,5.5vw,78px);font-weight:400;line-height:1.04;letter-spacing:-.025em;max-width:18ch;margin:0;text-shadow:0 2px 12px #0009}
.featured-products-head .eyebrow{margin-bottom:18px}
.featured-products-head .button{flex-shrink:0}
.featured-products-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.shelf-card{display:flex;flex-direction:column;min-width:0;border:1px solid #bfa77740;border-radius:12px;overflow:hidden;background:rgba(20,21,18,.94);color:var(--cream);transition:border-color .2s}
.shelf-image{aspect-ratio:1;overflow:hidden;background:#e6e3d9}
.shelf-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s}
.shelf-copy{display:flex;flex:1;flex-direction:column;padding:22px 20px 24px}
.shelf-brand{color:var(--gold-bright);font-size:13px;font-weight:600;line-height:1.5;margin:0 0 12px}
.shelf-copy h3{font-family:Archivo,Arial,sans-serif;font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.015em;color:var(--cream);margin:0 0 14px}
.shelf-copy>p:last-child{color:#d8d0c3;font-size:16px;line-height:1.65;margin:auto 0 0}
.shelf-card:hover{border-color:var(--gold-bright)}
.shelf-card:hover img{transform:scale(1.025)}
.shelf-card:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}
@media(min-width:781px) and (max-width:1100px){.featured-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
 .featured-products-head{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:28px}
 .featured-products-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 4px 14px;scroll-padding-left:4px}
 .featured-products-grid::-webkit-scrollbar{display:none}
 .shelf-card{flex:0 0 88%;scroll-snap-align:start}
 .shelf-copy h3{font-size:22px}
 .featured-products .slider-count{font-size:13px;min-width:52px}
 .featured-products .slider-count b{font-size:14px}
 .featured-products .mobile-slider-controls button{width:44px;height:44px}
 .featured-products .slider-hint{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.shelf-card,.shelf-image img{transition:none}.shelf-card:hover img{transform:none}}
@media(max-width:1100px){
 .header-shell{grid-template-columns:132px 1fr auto;gap:12px}
 .brand.brand-logo{width:132px;height:66px}
 .desktop-nav{display:flex}
 .desktop-nav a{font-size:11px;letter-spacing:.04em;padding-inline:9px}
 .header-call{display:none}
 .header-actions .button{font-size:11px;padding:12px 14px;gap:14px}
 .signature-gateway .hero-shell{display:flex;flex-direction:column;align-items:stretch;gap:48px;min-height:0;padding-bottom:30px}
 .signature-gateway .hero-copy{max-width:680px}
 .signature-gateway .service-stack{position:relative;inset:auto;transform:none;width:min(100%,700px);min-height:440px;height:56vw;max-height:570px;margin:auto}
}
@media(max-width:780px){
 .brand.brand-logo{display:none}
 .desktop-nav{display:none}
 .site-header,.site-header.scrolled{background:transparent}
 .mobile-menu{overflow-y:auto;justify-content:flex-start;background:radial-gradient(ellipse at 90% 0,#383020,transparent 40%),#0e0e0c}
 .mobile-menu a{padding-block:12px;font-size:25px}
 .scroll-cinema .cinema-intro{width:calc(100% - 48px)}
 .scroll-cinema .cinema-intro .cinema-copy{width:100%;max-width:520px}
 .scroll-cinema .cinema-beat h1{font-size:clamp(66px,16vw,100px);max-width:10ch}
 .scroll-cinema .cinema-beat .eyebrow{font-size:12px;letter-spacing:.04em}
 .scroll-cinema .cinema-copy>p:not(.eyebrow){font-size:16px}
 .signature-gateway{padding-bottom:76px}
 .signature-gateway .hero-shell{width:calc(100% - 48px);padding-top:72px;gap:38px}
 .signature-gateway h2{font-size:clamp(54px,12vw,82px)}
 .hero-lede{font-size:16px}
 .signature-gateway .photo-orbit{margin:15px 0 32px}
 .signature-gateway .service-stack{min-height:380px;height:105vw;max-height:530px}
 .signature-menu{width:calc(100% - 40px);scroll-margin-top:88px}
 .signature-menu .price-list-head{align-items:start;flex-direction:column;gap:24px}
 .price-list{grid-template-columns:1fr}
 .price-list>div{min-height:110px;padding:18px}
 .price-list>div>a{min-height:44px}
 .footer-logo,.footer-logo img{width:230px;height:115px}
 .pezh-stats span{font-size:10px}
 .pezh-grid{gap:50px}
 .pezh-gallery{order:2}
 .pezh-work-card{border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.4)}
 .pezh-chip{left:4%;max-width:92%}
 .pezh-chip small{font-size:9px}
}
@media(max-width:390px){.scroll-cinema .cinema-intro{width:calc(100% - 40px)}}
@media(max-height:540px) and (orientation:landscape){.scroll-cinema .cinema-beat h1{font-size:54px}.scroll-cinema .cinema-intro .cinema-copy{width:60%}.scroll-cinema .cinema-copy>p:not(.eyebrow){font-size:16px}}
@media(prefers-reduced-motion:reduce){.pezh-work-card{animation:none;will-change:auto}}

/* Compact desktop navigation; keep the mobile floating menu unchanged. */
@media(min-width:781px){
 html{scroll-padding-top:64px}
 .site-header{height:64px}
 .brand.brand-logo{width:120px;height:56px}
 .desktop-nav a{min-height:63px;display:flex;align-items:center;padding-block:0}
 .desktop-nav a:after{bottom:12px}
 .header-actions .button{min-height:44px;padding-block:10px;border-radius:9px}
 .scroll-cinema{margin-top:-64px}
 .scroll-cinema .cinema-beat{scroll-margin-top:64px}
}