@font-face{font-family:Manrope;src:url('/assets/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{
  --ink:#282828;--black:#070707;--paper:#f3f2ee;--white:#fff;--pink:#ff2a67;--lime:#b8ec28;
  --page-gutter:clamp(18px,2.2vw,42px);--header-height:72px;
  --ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);
  --section-space:clamp(64px,7vw,110px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);background:var(--paper)}
body{margin:0;min-width:320px;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-synthesis:none}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}
:focus-visible{outline:2px solid currentColor;outline-offset:5px}
section{scroll-margin-top:0}
h1,h2,h3{word-break:normal;overflow-wrap:normal}
h2,h3{font-weight:520;line-height:1.03;letter-spacing:-.045em}
h2{font-size:clamp(36px,4.3vw,68px)}
.eyebrow{font-size:9px;font-weight:700;letter-spacing:.1em;line-height:1.45}
.section-pad{padding:var(--section-space) var(--page-gutter)}
.display-title{font-size:clamp(58px,6.2vw,108px);font-weight:720;letter-spacing:.12em;line-height:1.06}
.skip-link{position:fixed;top:12px;left:12px;padding:10px 14px;background:var(--black);color:white;z-index:100;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.header{min-height:var(--header-height);padding:0 var(--page-gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;background:var(--paper);position:sticky;top:0;z-index:20}
.header::after{content:'';position:absolute;bottom:0;left:var(--page-gutter);right:var(--page-gutter);height:1px;background:currentColor;opacity:.16}
.brand{justify-self:start;font-size:20px;font-weight:800;letter-spacing:-.08em}
.header nav{display:flex;gap:clamp(18px,2.2vw,42px);align-items:center;font-size:11px;font-weight:700}
.header-cta{justify-self:end;font-size:11px;font-weight:700}
.header nav a,.header-cta,.footer nav a{position:relative;padding:12px 0}
.header nav a::after,.header-cta::after,.footer nav a::after{content:'';position:absolute;bottom:7px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 350ms var(--ease-out)}
.header nav a:hover::after,.header nav a[aria-current]::after,.header-cta:hover::after,.footer nav a:hover::after{transform:scaleX(1);transform-origin:left}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - var(--header-height))}
.hero-copy{padding:34px var(--page-gutter);display:flex;flex-direction:column;align-items:flex-start}
.hero-title-group{margin-top:clamp(52px,9vh,110px);width:100%}
.hero h1{font-size:clamp(64px,8.4vw,154px);font-weight:720;line-height:1.06;letter-spacing:.12em}
.signature{display:flex;align-items:center;gap:16px;margin-top:28px}
.signature img{width:36px;height:36px}.signature>div{display:grid;gap:8px}
.signature span{font-size:clamp(12px,1.16vw,18px);font-weight:800;line-height:1;letter-spacing:.18em}
.signature small{font-size:9px;letter-spacing:.14em;font-weight:700}
.hero-offer-group{margin-top:auto;padding-top:72px;padding-bottom:24px}
.hero-offer{font-size:clamp(22px,2vw,36px);font-weight:520;line-height:1.03;letter-spacing:-.045em}
.hero-description{font-size:12px;line-height:1.55;margin-top:20px;color:#60605c}
.hero-shot{background:var(--black);color:var(--paper);display:flex;flex-direction:column;min-width:0}
.hero-shot .photo-frame{flex:1;min-height:0}
.hero-shot .photo-frame>img{width:100%;height:100%;max-height:calc(100svh - 109px);min-height:640px;object-fit:cover;object-position:50% 61%}
.hero-shot figcaption{padding:12px var(--page-gutter);font-size:8px}
.photo-frame{display:block;position:relative;cursor:default}
.photo-frame>img{width:100%;height:auto}
figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;font-weight:700;letter-spacing:.1em;line-height:1.45}
figcaption span:last-child{font-weight:500;letter-spacing:.025em}
.concept{display:inline-block;white-space:nowrap;color:var(--lime);font-size:9px;font-weight:700;letter-spacing:.1em}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}
.example{background:var(--black);color:var(--paper);position:relative}
.example-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,7vw,112px);align-items:end;margin-bottom:56px}
.example-intro>p{max-width:370px;font-size:14px;line-height:1.55;color:#cbc9c4}
.comparison{display:grid;grid-template-columns:1fr 1.17fr;gap:clamp(48px,8vw,150px);align-items:start}
.comparison figcaption{margin-bottom:18px}.source-column{max-width:510px}
.source-image{aspect-ratio:1/1;background:#efefed;overflow:hidden}
.source-image>img{height:100%;object-fit:cover;object-position:50% 83%}
.source-note{font-size:clamp(22px,2vw,36px);font-weight:480;line-height:1.05;letter-spacing:-.035em;max-width:400px;margin-top:28px}
.case-disclosure{font-size:11px;line-height:1.55;color:#b9b7b2;max-width:320px;margin-top:32px}
.result{max-width:580px;margin-left:auto;width:100%}
.series-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;padding-bottom:40px}
.series-heading h2{margin-top:28px}.series-heading>p{justify-self:end;font-size:clamp(18px,1.7vw,30px);font-weight:480;letter-spacing:-.035em;line-height:1.05;padding-right:var(--page-gutter)}
.wide-shot{margin:0 var(--page-gutter)}.wide-shot figcaption{padding-top:16px}
.detail-layout{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:48px}
.detail-copy h3{margin:28px 0;font-size:clamp(48px,5.1vw,90px);letter-spacing:.08em}
.detail-copy>p{font-size:14px;line-height:1.55;max-width:300px}.macro-shot figcaption{padding-top:16px}
.fragrance .source-image{aspect-ratio:1/1.1;max-width:360px;margin:0 auto;background:#f7f7f7}
.fragrance .source-image>img{object-fit:contain;object-position:center}
.fragrance-details{display:grid;grid-template-columns:1fr 1.17fr;gap:clamp(48px,8vw,150px);align-items:start;margin-top:var(--section-space)}
.fragrance-details figcaption{margin-bottom:18px}
.fragrance-object{max-width:510px;width:100%}
.fragrance-macro{max-width:580px;width:100%;margin:80px 0 0 auto}
.court{background:var(--paper);color:var(--ink)}
.court .concept{color:var(--ink)}
.court-heading{padding-bottom:40px}
.court-heading .example-intro{margin-bottom:0}
.court .example-intro>p,.court .case-disclosure{color:#60605c}
.court-comparison{display:grid;grid-template-columns:1.17fr 1fr;gap:clamp(48px,8vw,150px);align-items:start}
.court-comparison figcaption,.court-sole figcaption{margin-bottom:18px}
.court-anchor{max-width:580px;width:100%}
.court-comparison .source-column{width:100%;max-width:440px;margin:clamp(64px,10vw,160px) 0 0 auto}
.court .source-image{max-width:none;background:#efefef}
.court-details{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(48px,6vw,100px);align-items:end;padding-top:0}
.court-sole{max-width:510px;width:100%}
.court-texture{min-width:0}
.court-texture .detail-copy{margin-bottom:40px}
.court-macro figcaption{padding-top:16px}
.contact{background:var(--pink);color:var(--black);padding-top:64px;padding-bottom:64px}
.contact h2{font-size:clamp(86px,17vw,330px);font-weight:800;line-height:.9;letter-spacing:-.1em;margin-top:38px}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,8vw,140px);align-items:center;margin-top:56px}
.contact-copy h3{font-size:clamp(24px,2.2vw,38px);font-weight:480;letter-spacing:-.04em;line-height:1.05;max-width:400px}
.contact-copy>p{font-size:14px;line-height:1.55;max-width:350px;margin-top:24px}
.contact-link{position:relative;display:inline-block;padding:18px 0 12px;margin-top:32px;font-size:12px;font-weight:720}
.contact-link::after{content:'';position:absolute;bottom:3px;left:0;right:0;height:1px;background:currentColor;transform-origin:left;transition:transform 400ms var(--ease-out)}
.contact-link:hover::after{transform:scaleX(.45)}
.input-images{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.input-images img{width:100%;height:240px;object-fit:cover}.input-images img:last-child{margin-top:42px}
.input-study figcaption{margin-top:18px;align-items:start;font-size:8px}.input-study figcaption span:last-child{max-width:170px}
.footer{padding:72px var(--page-gutter) 34px;display:grid;grid-template-columns:1.6fr 1fr auto;align-items:end;gap:36px;background:var(--paper)}
.footer-brand{font-size:clamp(28px,4.3vw,72px);font-weight:800;line-height:.9;letter-spacing:.04em}
.footer p,.footer nav{font-size:10px;line-height:1.7}.footer nav{display:grid;gap:10px;justify-items:end}
[data-reveal="from-right"]{--reveal-start:inset(0 0 0 100%)}
[data-reveal="from-top"]{--reveal-start:inset(0 0 100% 0)}
[data-reveal="from-bottom"]{--reveal-start:inset(100% 0 0 0)}
.will-reveal{clip-path:var(--reveal-start,inset(0 100% 0 0))}
.will-reveal.is-visible{clip-path:inset(0);transition:clip-path 1100ms var(--ease-in-out)}
.will-enter{opacity:0;transform:translateY(28px)}
.will-enter.is-visible{opacity:1;transform:none;transition:opacity 800ms ease,transform 1100ms var(--ease-out)}
.input-study.will-enter{opacity:1;transform:none}.input-study.will-enter img{clip-path:inset(0 0 100% 0)}
.input-study.is-visible img{clip-path:inset(0);transition:clip-path 1000ms var(--ease-out)}
.input-study.is-visible img:last-child{transition-delay:160ms}
@media(max-width:1100px){.hero-shot .photo-frame>img{min-height:580px}.hero-title-group{margin-top:60px}.comparison{gap:48px}.detail-layout{grid-template-columns:.85fr 1.15fr;gap:32px}.detail-copy h3{font-size:5vw}.contact-layout{gap:48px}.input-images img{height:200px}}
@media(max-width:760px){
  :root{--header-height:64px;--section-space:54px}
  .header{grid-template-columns:auto 1fr;gap:16px}.header nav{display:none}.header-cta{font-size:11px}
  .hero{display:block;min-height:0}.hero-copy{padding:24px var(--page-gutter) 30px}.hero-title-group{margin-top:26px}
  .hero h1{font-size:clamp(52px,15vw,106px);letter-spacing:.12em}.signature{margin-top:18px;gap:12px}.signature img{width:25px;height:25px}.signature span{font-size:11px}.signature small{font-size:7px}.signature>div{gap:6px}
  .hero-offer-group{padding:0;margin-top:36px}.hero-offer{font-size:24px}.hero-description{margin-top:14px;font-size:11px}
  .hero-shot .photo-frame>img{height:auto;max-height:none;min-height:0;object-fit:contain}.hero-shot figcaption{font-size:7px}
  .section-heading{margin-bottom:30px;gap:16px}.section-heading .eyebrow{max-width:180px}.eyebrow,.concept{font-size:8px}
  .example-intro{display:block;margin-bottom:34px}.example-intro>p{font-size:13px;margin-top:24px;max-width:330px}
  .comparison{display:block}.source-column{width:100%;max-width:none}.source-image{max-width:330px;margin:0 auto}
  .comparison figcaption{font-size:8px;margin-bottom:14px}.source-note{font-size:24px;margin-top:24px}.case-disclosure{font-size:10px;margin-top:20px;max-width:285px}
  .result{margin-top:40px;max-width:none}.result .photo-frame{margin:0 calc(-1 * var(--page-gutter))}
  .series-heading{display:block;padding-bottom:30px}.series-heading h2{margin-top:22px}.series-heading>p{font-size:18px;margin-top:24px;line-height:1.1}
  .display-title{font-size:clamp(48px,15vw,90px);letter-spacing:.1em}
  .wide-shot{margin:0}.wide-shot figcaption{padding:14px var(--page-gutter) 0;font-size:8px}
  .detail-layout{display:block}.detail-copy h3{font-size:clamp(48px,15vw,90px);letter-spacing:.1em;margin:22px 0 24px}.detail-copy>p{font-size:13px;max-width:290px}
  .macro-shot{margin-top:32px}.macro-shot .photo-frame{margin:0 calc(-1 * var(--page-gutter))}.macro-shot figcaption{font-size:8px}
  .fragrance .source-image{max-width:330px}
  .fragrance-details{display:block;margin-top:40px}
  .fragrance-details figure{max-width:none}
  .fragrance-details figcaption{font-size:8px;margin-bottom:14px}
  .fragrance-details .photo-frame{margin:0 calc(-1 * var(--page-gutter))}
  .fragrance-macro{margin-top:40px}
  .court-heading{padding-bottom:30px}
  .court-comparison{display:flex;flex-direction:column;gap:40px}
  .court-comparison .source-column{order:-1;max-width:none;margin:0}
  .court .source-image{max-width:330px}
  .court-anchor{max-width:none}
  .court-comparison figcaption,.court-sole figcaption{font-size:8px;margin-bottom:14px}
  .court-anchor .photo-frame,.court-sole .photo-frame,.court-macro .photo-frame{margin:0 calc(-1 * var(--page-gutter))}
  .court-details{display:block}
  .court-sole{max-width:none}
  .court-texture{margin-top:40px}
  .court-texture .detail-copy{margin-bottom:30px}
  .court-macro figcaption{font-size:8px}
  .contact{padding-top:44px;padding-bottom:44px}.contact h2{font-size:clamp(60px,17vw,124px);letter-spacing:-.07em;line-height:1;margin-top:26px}
  .contact-layout{display:flex;flex-direction:column;align-items:stretch;gap:36px;margin-top:28px}.contact-copy h3{font-size:24px;max-width:290px}.contact-copy>p{font-size:13px;margin-top:20px;max-width:320px}.contact-link{margin-top:18px}
  .input-images{gap:12px}.input-images img{height:200px}.input-images img:last-child{margin-top:30px}.input-study figcaption{gap:16px;font-size:7px}
  .footer{grid-template-columns:1fr 1fr;gap:28px;padding-top:44px;padding-bottom:28px}.footer-brand{grid-column:1/-1;font-size:9vw}.footer nav{font-size:9px}.footer p{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.will-reveal,.will-reveal.is-visible{clip-path:none;transition:none}.will-enter,.will-enter.is-visible{opacity:1;transform:none;transition:none}.input-study.will-enter img{clip-path:none}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.menu-toggle,.mobile-menu{display:none}
.header{z-index:80}
@media(max-width:760px){
  :root{--header-height:62px}
  .js .header-cta{display:none}
  .js .menu-toggle{display:flex;gap:10px;align-items:center;justify-self:end;min-width:54px;min-height:44px;border:0;padding:0;color:inherit;background:transparent;font-size:10px;font-weight:750;text-transform:uppercase;cursor:pointer}
  .menu-toggle__icon{position:relative;width:18px;height:1px;background:currentColor;transition:transform 280ms ease}
  .menu-toggle__icon::after{content:'';position:absolute;top:5px;left:0;width:18px;height:1px;background:currentColor;transition:transform 280ms ease,top 280ms ease}
  .menu-toggle[aria-expanded=true] .menu-toggle__icon{transform:rotate(45deg)}
  .menu-toggle[aria-expanded=true] .menu-toggle__icon::after{top:0;transform:rotate(90deg)}
  .mobile-menu{position:fixed;z-index:70;inset:0;display:grid;align-items:end;padding:calc(var(--header-height) + 44px) var(--page-gutter) 42px;color:var(--white);background:var(--black);visibility:hidden;opacity:0;transform:translateY(-18px);transition:opacity 320ms ease,transform 420ms var(--ease-out),visibility 0s linear 420ms}
  .mobile-menu.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}
  .mobile-menu nav{display:flex;flex-direction:column}
  .mobile-menu a{display:flex;align-items:center;min-height:64px;border-top:1px solid #ffffff38;font-size:clamp(28px,9vw,44px);font-weight:650;letter-spacing:-.05em}
  body.menu-open{overflow:hidden}body.menu-open .header{color:var(--white);background:var(--black)}
  html:not(.js) .header nav{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:24px}
}