:root{--ink:#090909;--bone:#f4f3ef;--muted:#aaa8a1;--red:#8d1f25;--line:rgba(239,237,231,.22);--display:"Optician Sans","Arial Narrow","Roboto Condensed",sans-serif;--body:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--body);overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}::selection{background:var(--red);color:var(--bone)}
.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 3.2vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 13px/1 var(--body);letter-spacing:-.03em}.brand img{width:28px;height:28px;object-fit:cover;mix-blend-mode:screen}.brand b{font-weight:300}.header-buy{text-transform:uppercase;text-decoration:none;font-size:10px;letter-spacing:.18em;border-bottom:1px solid;padding-bottom:5px}
.hero{position:relative;min-height:100dvh;overflow:hidden;display:flex;align-items:flex-end;padding:96px 4vw 55px;background:radial-gradient(circle at 55% 75%,#292929 0,transparent 42%),var(--ink)}.hero-smoke{position:absolute;inset:auto -10% -5%;width:120%;height:68%;object-fit:cover;opacity:.72;mix-blend-mode:screen}.hero-figures{position:absolute;inset:3% 5% 0 34%}.figure{position:absolute;left:50%;bottom:-8%;height:103%;max-width:none;object-fit:contain;object-position:center bottom;mix-blend-mode:screen;will-change:transform}.figure.man{z-index:1;opacity:.78;left:58%;height:96%}.figure.woman{z-index:2;left:39%;height:102%}.hero-copy{position:relative;z-index:5;width:min(39vw,610px);padding-bottom:3vh}.wordmark{font:800 clamp(14px,1.5vw,23px)/1 var(--display);letter-spacing:.01em;margin:0 0 5vh}.hero h1,.drop h2,.about h2,.service h2,.final h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.065em;margin:0}.hero h1{font-size:clamp(48px,6.8vw,112px);line-height:.84}.collection{font:900 clamp(30px,4vw,60px)/1 var(--display);color:var(--red);margin:24px 0}.cta{display:flex;align-items:center;justify-content:space-between;width:min(100%,390px);padding:17px 18px;border:1px solid var(--bone);text-transform:uppercase;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.16em;background:rgba(9,9,9,.48);backdrop-filter:blur(8px)}.cta span{font-size:17px}.local-note{position:absolute;z-index:6;right:3.2vw;bottom:28px;margin:0;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.drop{position:relative;padding:120px 4vw 150px;overflow:hidden}.drop>h2{font-size:clamp(150px,29vw,480px);line-height:.68;color:transparent;-webkit-text-stroke:1px rgba(239,237,231,.32);white-space:nowrap;margin-left:-2vw}.drop>h2 span{color:var(--bone);-webkit-text-stroke:0}.drop-line{margin:44px 0 75px;font:800 clamp(30px,4vw,62px)/1 var(--display);text-transform:uppercase}.looks{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.look{background:var(--ink);position:relative;min-width:0}.look-image{height:68vw;max-height:880px;overflow:hidden;background:linear-gradient(180deg,#080808,#171717)}.look-image img{width:100%;height:100%;object-fit:cover;object-position:center top;mix-blend-mode:screen;filter:contrast(1.08)}.look-him .look-image img{object-position:center 8%}.look-copy{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:25px 0 50px;border-top:1px solid var(--line)}.look-copy h3{font:900 clamp(54px,7vw,112px)/.8 var(--display);text-transform:uppercase;margin:0}.look-copy p{margin:0;color:var(--muted);line-height:1.6;font-size:13px}.look-copy strong{grid-column:2;font:800 19px/1 var(--display)}.look-copy a{grid-column:2;text-transform:uppercase;text-underline-offset:6px;font-size:9px;letter-spacing:.12em}
.facts{display:grid;grid-template-columns:1.2fr 1fr 1fr;background:var(--red);padding:70px 4vw;gap:6vw}.facts div{display:flex;align-items:flex-end;gap:16px}.facts strong{font:900 clamp(65px,10vw,160px)/.68 var(--display);letter-spacing:-.07em}.facts span{text-transform:uppercase;font-size:9px;letter-spacing:.12em;line-height:1.45}
.about{display:grid;grid-template-columns:1.15fr .85fr;min-height:95dvh;background:linear-gradient(90deg,#171717,var(--ink));overflow:hidden}.about-image{position:relative;overflow:hidden}.about-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,var(--ink))}.about-image img{width:100%;height:100%;object-fit:cover;object-position:center top;mix-blend-mode:screen}.about-copy{align-self:center;padding:9vw 6vw 9vw 2vw}.about h2{font-size:clamp(52px,7vw,110px);line-height:.85;margin-bottom:45px}.about-copy p{font-size:clamp(18px,1.8vw,27px);line-height:1.45;max-width:600px}.about-copy p+p{color:var(--muted)}
.service{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;min-height:80dvh;padding:100px 4vw;background-image:linear-gradient(180deg,rgba(9,9,9,.62),rgba(9,9,9,.18)),url("./assets/smoke.png");background-size:cover;background-position:center}.service h2{font-size:clamp(90px,16vw,250px);line-height:.72}.service h2 span{color:var(--red)}.service-copy{border-top:1px solid var(--bone);padding-top:18px}.service-copy p{margin:0 0 18px;font-size:clamp(15px,1.5vw,22px);line-height:1.45}.service-copy p+p{color:var(--muted)}
.final{min-height:95dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 4vw 150px}.final>img{width:clamp(70px,8vw,125px);mix-blend-mode:screen;margin-bottom:42px}.final h2{font-size:clamp(54px,10vw,160px);line-height:.82}.final h2 span{color:var(--red)}.final>p{font-size:10px;letter-spacing:.2em;margin:35px 0}.cta-final{width:min(100%,600px);background:var(--bone);color:var(--ink);border-color:var(--bone)}
footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4vw 105px;border-top:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}footer a{text-decoration:none}.whatsapp{position:fixed;z-index:40;right:18px;bottom:18px;display:flex;justify-content:space-between;gap:28px;width:min(380px,calc(100% - 36px));padding:16px 18px;background:var(--bone);color:var(--ink);text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.13em;box-shadow:0 15px 50px rgba(0,0,0,.45)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}
@media(hover:hover){a{transition:opacity .2s,transform .2s}.cta:hover,.whatsapp:hover{transform:translateY(-3px)}.header-buy:hover,.look-copy a:hover,footer a:hover{opacity:.58}}
@media(max-width:760px){.topbar{padding:14px 16px}.hero{min-height:100dvh;padding:90px 16px 78px;align-items:flex-end}.hero-figures{inset:10% -33% 15% 2%}.figure{height:87%}.figure.man{left:61%;height:82%;opacity:.66}.figure.woman{left:39%;height:90%}.hero-smoke{height:55%;width:160%;left:-30%}.hero-copy{width:100%;padding-bottom:0;text-shadow:0 2px 20px #000}.wordmark{margin-bottom:43vh;font-size:12px}.hero h1{font-size:clamp(43px,13.5vw,64px);max-width:360px}.collection{margin:14px 0}.local-note{left:16px;right:auto;bottom:54px;font-size:7px}.drop{padding:80px 16px}.drop>h2{font-size:43vw;margin-left:-7px}.drop-line{margin:38px 0 50px}.looks{grid-template-columns:1fr}.look-image{height:126vw}.look-copy{grid-template-columns:.8fr 1.2fr}.facts{grid-template-columns:1fr;padding:55px 16px;gap:50px}.facts strong{font-size:28vw}.about{grid-template-columns:1fr;min-height:auto}.about-image{height:115vw}.about-image:after{background:linear-gradient(180deg,transparent 58%,var(--ink))}.about-copy{padding:20px 16px 90px}.service{grid-template-columns:1fr;min-height:78dvh;padding:80px 16px;gap:70px;align-content:end}.service h2{font-size:24vw}.final{padding:90px 16px 140px}footer{flex-direction:column;padding:24px 16px 100px}.whatsapp{right:14px;bottom:14px;width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.depth{transform:none!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Product revision: bright gallery, compact type and real front/back previews */
.optic,.wordmark,.collection,.drop>h2,.look-copy h3,.facts strong,.service h2,.final h2{font-family:var(--display)}
.light-section{background:var(--bone);color:var(--ink)}
.drop{padding-top:95px;padding-bottom:105px}.drop>h2{font-size:clamp(118px,23vw,360px);color:transparent;-webkit-text-stroke:1px rgba(9,9,9,.25);margin-bottom:70px}.drop>h2 span{color:var(--ink)}
.looks{gap:22px;background:transparent}.look{background:transparent;color:var(--ink)}.look-image{height:auto;aspect-ratio:16/9;max-height:none;background:#d9d9d5;border:1px solid rgba(9,9,9,.12)}.look-image img{object-fit:cover;object-position:center;mix-blend-mode:normal;filter:none;transition:opacity .22s ease,transform .45s cubic-bezier(.16,1,.3,1)}.look-image img.changing{opacity:.15;transform:scale(.99)}
.look-copy{grid-template-columns:110px 1fr;padding:18px 0 25px;border-color:rgba(9,9,9,.25);min-height:154px}.look-copy h3{font-size:clamp(30px,3.4vw,54px);letter-spacing:-.04em}.look-copy p{color:#4e4e4b;line-height:1.32;font-size:12px}.look-copy strong{font-size:17px}.look-copy a{font-size:9px}
.view-switch{position:absolute;display:flex;left:12px;bottom:12px;background:rgba(244,243,239,.9);border:1px solid rgba(9,9,9,.25);backdrop-filter:blur(8px)}.look-image{position:relative}.view-switch button{appearance:none;border:0;border-right:1px solid rgba(9,9,9,.2);border-radius:0;background:transparent;color:var(--ink);padding:10px 13px;font:700 9px/1 var(--body);text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.view-switch button:last-child{border-right:0}.view-switch button.active{background:var(--ink);color:var(--bone)}
.facts{background:var(--bone);color:var(--ink);border-top:1px solid rgba(9,9,9,.18);padding-top:55px;padding-bottom:70px}.facts strong{font-size:clamp(45px,6vw,92px);letter-spacing:-.04em}.facts span{color:#444}
.about-copy p{line-height:1.28}.about-copy p+p{color:var(--bone);opacity:.62}
@media(max-width:760px){.drop{padding-top:65px;padding-bottom:72px}.drop>h2{font-size:37vw;margin-bottom:44px}.looks{gap:56px}.look-image{height:auto;aspect-ratio:16/9}.look-copy{grid-template-columns:80px 1fr;min-height:142px}.look-copy h3{font-size:35px}.facts{gap:36px}.facts strong{font-size:18vw}.about-copy p{line-height:1.3}.view-switch{left:8px;bottom:8px}.view-switch button{padding:9px 11px}}

/* Contrast and mobile framing pass */
.hero:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(9,9,9,.9) 0,rgba(9,9,9,.55) 38%,rgba(9,9,9,.12) 72%)}
.hero-smoke{opacity:.5}.figure.man{opacity:.7}.figure.woman{opacity:.88}.collection{color:#b52b35}.cta{background:rgba(9,9,9,.72)}
.local-note{position:static;margin:13px 0 0;font-size:8px;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,243,239,.78)}
.service{position:relative;background-image:url("./assets/smoke.png")}.service:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,9,.64),rgba(9,9,9,.8))}.service>*{position:relative;z-index:1}.service h2 span{color:#b52b35}.service-copy{background:rgba(9,9,9,.36);padding:18px 16px 2px}.service-copy p{line-height:1.35;text-shadow:0 1px 18px #000}.service-copy p+p{color:rgba(244,243,239,.78)}
.final h2 span{display:inline-block;color:#b52b35;font-family:var(--body);font-weight:750;letter-spacing:-.085em;line-height:.92}
.whatsapp.is-hidden{opacity:0;pointer-events:none;transform:translateY(18px)}

@media(max-width:760px){
  .topbar{background:linear-gradient(180deg,rgba(9,9,9,.82),transparent);border-bottom:0}
  .hero{min-height:100svh;padding:76px 18px 72px;align-items:flex-end}
  .hero:after{background:linear-gradient(180deg,rgba(9,9,9,.18) 0,rgba(9,9,9,.2) 35%,rgba(9,9,9,.92) 76%,rgba(9,9,9,.98) 100%)}
  .hero-figures{inset:7% -8% 20% 8%}
  .figure.man{left:62%;height:78%;opacity:.48}.figure.woman{left:43%;height:86%;opacity:.78}
  .hero-smoke{left:-25%;bottom:7%;width:150%;height:44%;opacity:.28}
  .hero-copy{width:100%;padding:0;text-shadow:0 2px 20px #000}
  .wordmark{margin:0 0 42vh;font-size:11px}
  .hero h1{font-size:clamp(38px,11.5vw,52px);line-height:.9;max-width:350px}
  .collection{font-size:29px;margin:14px 0}
  .cta{width:100%;padding:16px;background:rgba(9,9,9,.82)}
  .local-note{margin-top:10px;max-width:280px;font-size:7px}
  .service{min-height:auto;padding:74px 18px 92px;gap:48px;background-position:center bottom}
  .service:before{background:linear-gradient(180deg,rgba(9,9,9,.58),rgba(9,9,9,.9))}
  .service h2{font-size:21vw;line-height:.78}
  .service-copy{background:rgba(9,9,9,.68);border-top-color:rgba(244,243,239,.8);padding:18px 14px 4px}
  .service-copy p{font-size:15px;color:var(--bone)}.service-copy p+p{color:rgba(244,243,239,.76)}
  .final h2{font-size:13vw;line-height:.9}.final h2 span{font-size:.86em;letter-spacing:-.07em}
  .final .cta-final{background:var(--bone);color:var(--ink);border-color:var(--bone)}
}

/* Final desktop contrast and figure alignment */
.final .cta-final{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.hero-figures{inset:3% 9% 0 25%}
.figure.man{left:56%}.figure.woman{left:38%}
@media(max-width:760px){
  .hero-figures{inset:7% 2% 20% -6%}
  .figure.man{left:58%}.figure.woman{left:40%}
}