:root{
  --paper:#f7f4ef; --ink:#111; --muted:#716b62; --line:rgba(17,17,17,.16); --deep:#070707;
  --gold:#bda66f; --cream:#e9dfcf;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}.loader{position:fixed;inset:0;background:#090909;color:var(--paper);display:grid;place-items:center;z-index:20;animation:lift 1s 1.25s forwards}.loader__mark{font-family:Georgia,serif;font-size:clamp(2.2rem,8vw,8rem);letter-spacing:.16em}.site-header{position:fixed;top:0;left:0;right:0;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;z-index:10;color:#fff;transition:.35s ease}.site-header.is-scrolled{background:rgba(247,244,239,.9);backdrop-filter:blur(18px);color:var(--ink);border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:clamp(1.2rem,2.5vw,2rem);letter-spacing:.2em}.top-links{justify-self:end;display:flex;gap:26px;text-transform:uppercase;font-size:.72rem;letter-spacing:.18em}.icon-btn{width:38px;border:0;background:transparent;display:grid;gap:7px;padding:0;cursor:pointer}.icon-btn span{height:1px;background:currentColor;display:block}.drawer{position:fixed;inset:0 auto 0 0;width:min(440px,88vw);background:#0b0b0b;color:var(--paper);z-index:30;transform:translateX(-105%);transition:.5s cubic-bezier(.77,0,.18,1);padding:34px;display:flex;flex-direction:column;gap:24px}.drawer.open{transform:none}.drawer a{font-family:Georgia,serif;font-size:2.1rem}.drawer__close{align-self:flex-end;background:none;border:0;color:inherit;font-size:2.8rem;cursor:pointer}.drawer__meta{margin-top:auto;color:#b9b2a7;display:grid;gap:8px}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:25;opacity:0;pointer-events:none;transition:.3s}.scrim.open{opacity:1;pointer-events:auto}.panel{min-height:100vh;position:relative}.hero{display:grid;place-items:center;text-align:center;color:#fff;background:#000}.hero__media{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.22),rgba(0,0,0,.42)),url('https://images.unsplash.com/photo-1567894340315-735d7c361db0?auto=format&fit=crop&w=1800&q=80') center/cover;animation:kenburns 16s ease-in-out infinite alternate;filter:grayscale(100%)}.hero__content{position:relative;z-index:1;max-width:860px;padding:24px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;color:var(--gold);margin:0 0 18px}.hero h1,.split h2,.feature h2,.collection h2,.atelier h2,.booking h2{font-family:Georgia,serif;font-weight:400;line-height:.96;margin:0}.hero h1{font-size:clamp(3.4rem,10vw,10rem);letter-spacing:.02em}.hero__copy{max-width:620px;margin:24px auto;font-size:1.1rem;line-height:1.8}.text-link{display:inline-block;border-bottom:1px solid currentColor;text-transform:uppercase;font-size:.75rem;letter-spacing:.2em;padding-bottom:8px}.scroll-cue{position:absolute;bottom:28px;text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;z-index:1}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;padding:120px 6vw}.split h2,.collection h2,.atelier h2,.booking h2{font-size:clamp(2.7rem,6vw,6.6rem)}.split p,.atelier p,.booking p{color:var(--muted);font-size:1.05rem;line-height:1.8;max-width:620px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-grid article{background:var(--paper);padding:38px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between}.service-grid span{color:var(--gold)}.service-grid h3{font-family:Georgia,serif;font-size:1.8rem;font-weight:400}.service-grid p{color:var(--muted);line-height:1.6}.feature{display:grid;place-items:end start;color:#fff;overflow:hidden}.feature__media{position:absolute;inset:0;background:center/cover;filter:grayscale(100%)}.image-one{background-image:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.42)),url('https://images.unsplash.com/photo-1699641975121-5c3f55a553e5?auto=format&fit=crop&w=1800&q=80')}.feature__caption{position:relative;padding:0 0 12vh 7vw}.feature h2{font-size:clamp(3rem,8vw,8rem);max-width:800px;margin-bottom:28px}.collection{padding:110px 6vw;background:#111;color:var(--paper)}.collection>h2{max-width:920px;margin-bottom:54px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#191919;padding:16px;border:1px solid rgba(255,255,255,.1);min-height:520px;display:flex;flex-direction:column;justify-content:end}.card__img{height:370px;background:center/cover;filter:grayscale(100%);margin-bottom:24px;transition:.6s}.card:hover .card__img{filter:grayscale(10%);transform:scale(.985)}.img-a{background-image:url('https://images.unsplash.com/photo-1717248321248-0f9f26e587a7?auto=format&fit=crop&w=900&q=80')}.img-b{background-image:url('https://images.unsplash.com/photo-1651248567490-2e55bdf21c47?auto=format&fit=crop&w=900&q=80')}.img-c{background-image:url('https://images.unsplash.com/photo-1747359636934-d07c9d0ce134?auto=format&fit=crop&w=900&q=80')}.card p{color:#b9b2a7;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem}.card h3{font-family:Georgia,serif;font-weight:400;font-size:2.1rem;margin:0}.atelier{display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,var(--cream),var(--paper) 55%,#d4c8b6)}.atelier__inner{max-width:900px;padding:28px}.booking{display:grid;place-items:center;padding:100px 6vw;background:#0a0a0a;color:var(--paper)}.booking__content{width:min(920px,100%);text-align:center}.booking p{margin:24px auto;color:#c9c0b4}.booking-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;margin-top:38px;text-align:left}.booking-form label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#b9b2a7}.booking-form input,.booking-form select{width:100%;margin-top:8px;padding:15px;background:#181818;border:1px solid rgba(255,255,255,.16);color:#fff}.booking-form button{align-self:end;padding:16px 24px;border:1px solid var(--gold);background:var(--gold);color:#111;text-transform:uppercase;letter-spacing:.14em;cursor:pointer}.footer{padding:42px 6vw;display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);align-items:center}.footer div{font-family:Georgia,serif;letter-spacing:.2em}.footer p{color:var(--muted)}.reveal{opacity:0;transform:translateY(35px);transition:1s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.08)}}@keyframes lift{to{transform:translateY(-105%);visibility:hidden}}@media(max-width:850px){.top-links{display:none}.site-header{grid-template-columns:1fr auto 1fr}.split,.cards,.booking-form{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3rem,17vw,6rem)}.footer{display:grid}.card{min-height:auto}.panel{min-height:auto}.hero{min-height:100vh}.split,.collection,.booking{padding:90px 24px}.feature{min-height:86vh}.feature__caption{padding:0 24px 10vh}}

/* Storefront-specific elements retained from the second build */
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.product-grid article{background:var(--paper);padding:38px;min-height:270px;display:flex;flex-direction:column;justify-content:space-between}
.product-grid span{color:var(--gold)}
.product-grid h3{font-family:Georgia,serif;font-size:1.8rem;font-weight:400}
.product-grid p{color:var(--muted);line-height:1.6}
.storefront{display:grid;place-items:center;padding:100px 6vw;background:#0a0a0a;color:var(--paper)}
.storefront h2{font-family:Georgia,serif;font-weight:400;line-height:.96;margin:0;font-size:clamp(2.7rem,6vw,6.6rem)}
.storefront p{margin:24px auto;color:#c9c0b4;max-width:720px;line-height:1.8}
.storefront__content{width:min(1120px,100%);text-align:center}
.mini-shop{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;text-align:left}
.mini-shop article{background:#181818;border:1px solid rgba(255,255,255,.12);padding:16px}
.mini-shop__img{height:300px;background:center/cover;filter:grayscale(100%);margin-bottom:20px}
.mini-shop h3{font-family:Georgia,serif;font-weight:400;font-size:1.7rem;margin:0}
.mini-shop button,.product-grid button{padding:13px 18px;border:1px solid var(--gold);background:transparent;color:inherit;text-transform:uppercase;letter-spacing:.14em;cursor:pointer}
.product-grid button{width:max-content;margin-top:18px;color:var(--ink)}
.acc-one{background-image:url('https://images.unsplash.com/photo-1586350977771-b3b0abd50c82?auto=format&fit=crop&w=700&q=80')}
.acc-two{background-image:url('https://images.unsplash.com/photo-1606760227091-3dd870d97f1d?auto=format&fit=crop&w=700&q=80')}
.acc-three{background-image:url('https://images.unsplash.com/photo-1594223274512-ad4803739b7c?auto=format&fit=crop&w=700&q=80')}

/* Split entry landing page */
.entry-page{background:#050505;color:var(--paper);height:100vh;overflow:hidden}
.entry-header{position:fixed;inset:0 0 auto 0;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;z-index:10;color:#fff}
.entry-menu{width:38px;border:0;background:transparent;display:grid;gap:7px;padding:0;color:inherit}.entry-menu span{height:1px;background:currentColor;display:block}
.entry-links{justify-self:end;display:flex;gap:26px;text-transform:uppercase;font-size:.72rem;letter-spacing:.18em}
.entry-shell{height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#000}
.entry-panel{position:relative;display:grid;place-items:end start;overflow:hidden;min-height:100vh;color:#fff;border-right:1px solid rgba(255,255,255,.12)}
.entry-panel:last-child{border-right:0}.entry-panel__media{position:absolute;inset:0;background:center/cover;filter:grayscale(100%);transform:scale(1.02);transition:1.1s cubic-bezier(.16,1,.3,1)}
.entry-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.72))}
.entry-panel--barber .entry-panel__media{background-image:url('https://images.unsplash.com/photo-1567894340315-735d7c361db0?auto=format&fit=crop&w=1400&q=80')}
.entry-panel--store .entry-panel__media{background-image:url('https://images.unsplash.com/photo-1762052508120-2607918d663f?auto=format&fit=crop&w=1400&q=80')}
.entry-panel:hover .entry-panel__media{filter:grayscale(20%);transform:scale(1.08)}
.entry-panel__content{position:relative;z-index:1;padding:0 6vw 12vh;max-width:680px}
.entry-panel h1{font-family:Georgia,serif;font-weight:400;line-height:.9;font-size:clamp(3.2rem,8vw,9rem);margin:0 0 24px}.entry-panel p{line-height:1.8;color:#ded8cd;max-width:540px}.entry-cta{display:inline-block;margin-top:24px;border-bottom:1px solid currentColor;text-transform:uppercase;font-size:.72rem;letter-spacing:.2em;padding-bottom:8px}.entry-footer{position:fixed;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:space-between;gap:18px;padding:18px 28px;color:#d8d0c3;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}.entry-footer span{font-family:Georgia,serif;letter-spacing:.2em}.entry-footer p{margin:0;color:#b9b2a7}
@media(max-width:850px){.entry-page{height:auto;overflow:auto}.entry-shell{height:auto;grid-template-columns:1fr}.entry-panel{min-height:72vh}.entry-links{display:none}.entry-footer{position:static;display:grid;background:#050505}.mini-shop,.product-grid{grid-template-columns:1fr}.storefront{padding:90px 24px}}
.store-page .hero__media{background:linear-gradient(rgba(0,0,0,.22),rgba(0,0,0,.42)),url('https://images.unsplash.com/photo-1762052508120-2607918d663f?auto=format&fit=crop&w=1800&q=80') center/cover;animation:kenburns 16s ease-in-out infinite alternate;filter:grayscale(100%)}
.store-page .image-one{background-image:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.42)),url('https://images.unsplash.com/photo-1754577060078-21315dd188c8?auto=format&fit=crop&w=1800&q=80')}
.store-page .img-a{background-image:url('https://images.unsplash.com/photo-1504364269860-8be73aabdff2?auto=format&fit=crop&w=900&q=80')}
.store-page .img-b{background-image:url('https://images.unsplash.com/photo-1640032004545-a2ee4d4b8843?auto=format&fit=crop&w=900&q=80')}
.store-page .img-c{background-image:url('https://images.unsplash.com/photo-1717248321248-0f9f26e587a7?auto=format&fit=crop&w=900&q=80')}
