:root{--ink:#090909;--paper:#f1eee8;--gold:#c5a46d;--muted:#aaa6a0;--line:rgba(241,238,232,.19);--serif:'Bodoni Moda',Georgia,serif;--sans:Manrope,Arial,sans-serif;--ease:cubic-bezier(.2,.75,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.container{width:min(100% - 64px,1320px);margin-inline:auto}.section-pad{padding-block:clamp(96px,13vw,190px)}.eyebrow{font-size:11px;letter-spacing:.31em;line-height:1.5;font-weight:700;color:var(--gold);text-transform:uppercase}.skip-link{position:fixed;top:-70px;left:12px;background:var(--gold);color:#090909;z-index:60;padding:10px}.skip-link:focus{top:12px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif)}h1 em,h2 em{font-weight:400}p{line-height:1.75}
.site-header{position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.17);background:linear-gradient(180deg,rgba(0,0,0,.44),transparent)}.nav-wrap{width:min(100% - 64px,1420px);height:93px;margin:auto;display:flex;align-items:center;gap:42px}.brand{width:202px;align-self:stretch;display:flex;align-items:center;flex:none}.brand-window{position:relative;display:block;width:202px;height:51px;overflow:hidden}.brand-window img{position:absolute;max-width:none;width:259px;height:259px;left:-13px;top:-77px}.site-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(20px,3vw,50px)}.site-nav a,.nav-status{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.site-nav a:hover,.footer-inner a:hover{color:var(--gold)}.nav-external{white-space:nowrap}.nav-status{border-left:1px solid rgba(255,255,255,.3);padding-left:31px;color:var(--gold);white-space:nowrap}.menu-toggle{display:none}
.hero{min-height:780px;height:100svh;max-height:1100px;position:relative;display:flex;align-items:center;overflow:hidden;background:#10151c}.hero-photo,.hero-photo img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-photo img{object-fit:cover;object-position:center center;animation:hero-breathe 14s ease-in-out alternate infinite}.hero-shade{background:linear-gradient(90deg,rgba(3,7,12,.94) 0%,rgba(3,7,12,.72) 31%,rgba(3,7,12,.1) 67%),linear-gradient(0deg,rgba(3,7,12,.5),transparent 27%)}.hero-content{position:relative;z-index:2;padding-top:80px;pointer-events:none}.hero-content>*{pointer-events:auto}.hero h1{font-size:clamp(63px,8.6vw,156px);line-height:.95;letter-spacing:-.045em;margin:27px 0 33px;max-width:820px}.hero h1 em{color:#e7d7c0}.hero-sub{font-size:clamp(14px,1.2vw,17px);color:#e6e5e2;max-width:460px;margin-bottom:40px}.text-link{display:inline-flex;align-items:center;gap:38px;border-bottom:1px solid var(--gold);padding:0 0 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;transition:gap .3s,color .3s}.text-link:hover{gap:54px;color:var(--gold)}.hero-foot{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;z-index:2;color:#e2ddd6;font-size:10px;letter-spacing:.23em;font-weight:700}.hero-foot a:hover{color:var(--gold)}@keyframes hero-breathe{from{transform:scale(1)}to{transform:scale(1.06)}}.entrance{animation:rise-in .9s var(--ease) both}.entrance:nth-child(2){animation-delay:.13s}.entrance:nth-child(3){animation-delay:.25s}.entrance:nth-child(4){animation-delay:.36s}@keyframes rise-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.intro{display:grid;grid-template-columns:1fr 2fr;gap:7vw}.intro-index{display:flex;flex-direction:column;gap:25px}.hairline,.small-rule{height:1px;width:76px;background:var(--gold);display:block}.intro-copy{max-width:850px}.intro h2{font-size:clamp(46px,6.6vw,105px);line-height:1.08;letter-spacing:-.035em;margin-bottom:30px}.intro-copy p{color:var(--muted);max-width:540px;font-size:16px}.editorial{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);min-height:660px;background:#151312;overflow:hidden}.editorial-green{background:#101916;direction:rtl}.editorial-green>*{direction:ltr}.editorial-image{min-height:660px;overflow:hidden}.editorial-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}.editorial:hover .editorial-image img{transform:scale(1.035)}.editorial-wine .editorial-image img{object-position:center center}.editorial-green .editorial-image img{object-position:center 38%}.editorial-copy{align-self:center;padding:clamp(42px,8vw,130px)}.editorial-copy h2{font-size:clamp(64px,7.4vw,124px);line-height:1;margin:30px 0;letter-spacing:-.05em}.editorial-copy p{color:#c8c1bb;max-width:310px;font-size:15px;margin-bottom:42px}.edition-label{display:inline-block;border:1px solid rgba(197,164,109,.55);padding:12px 18px;font-size:10px;letter-spacing:.2em;color:var(--gold)}
.collection-intro{max-width:780px;margin-bottom:72px}.collection h2{font-size:clamp(52px,7vw,110px);line-height:1.06;letter-spacing:-.035em;margin:28px 0}.collection-intro>p:last-child{color:var(--muted);max-width:560px;font-size:15px}.watch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:72px 25px}.watch-card:nth-child(3n+2){transform:translateY(42px)}.watch-image{display:block;width:100%;padding:0;border:0;background:#242321;overflow:hidden;cursor:zoom-in;aspect-ratio:2/3}.watch-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.89);transition:transform 1.1s var(--ease),filter .6s}.watch-image:hover img,.watch-image:focus-visible img{transform:scale(1.055);filter:saturate(1.1)}.watch-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:23px}.watch-meta h3{font-family:var(--serif);font-size:clamp(25px,3vw,40px);margin:0;letter-spacing:-.025em}.watch-meta span{font-size:9px;color:var(--gold);letter-spacing:.12em;white-space:nowrap}.watch-card>p{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.22em;margin:8px 0 0}.lifestyle{position:relative;min-height:740px;display:flex;align-items:flex-end;overflow:hidden}.lifestyle>img,.lifestyle-shade{position:absolute;inset:0;width:100%;height:100%}.lifestyle>img{object-fit:cover;object-position:center}.lifestyle-shade{background:linear-gradient(90deg,rgba(0,11,9,.78),rgba(0,11,9,.02) 80%),linear-gradient(0deg,rgba(0,9,7,.7),transparent 60%)}.lifestyle-copy{position:relative;z-index:1;padding-bottom:90px}.lifestyle h2{font-size:clamp(52px,7vw,104px);line-height:1.08;letter-spacing:-.04em;margin:24px 0;max-width:740px}.lifestyle-copy>p:last-child{color:#e0e6dc;font-size:15px}
.film-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(65px,10vw,160px);align-items:center}.portrait-frame{width:min(100%,430px);justify-self:center}.portrait-frame video{width:100%;aspect-ratio:522/784;object-fit:contain;background:#1a1411}.film-duration{font-size:10px;letter-spacing:.2em;color:var(--muted);display:block;margin-top:18px}.film-copy h2{font-size:clamp(65px,8vw,128px);line-height:1.04;letter-spacing:-.04em;margin:30px 0}.film-copy>p:not(.eyebrow){font-size:16px;max-width:350px;color:var(--muted)}.film-copy .small-rule{margin:50px 0 27px}.film-copy .small-note{font-size:10px!important;letter-spacing:.18em;text-transform:uppercase}.campaign{background:#111110}.campaign-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.campaign h2{font-size:clamp(42px,5vw,78px);line-height:1.1;margin:0}.landscape-frame{background:#080808;border:1px solid var(--line)}.landscape-frame video{width:100%;aspect-ratio:16/9;object-fit:contain}.closing{text-align:center}.closing h2{font-size:clamp(68px,9vw,150px);line-height:1.04;letter-spacing:-.045em;margin:30px 0}.closing-inner>p:not(.eyebrow){color:var(--muted);margin-bottom:46px}.site-footer{border-top:1px solid var(--line)}.footer-inner{min-height:115px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--muted);font-size:10px;letter-spacing:.17em}.footer-brand{font-size:18px;color:var(--paper);letter-spacing:.3em;font-weight:700}
.lightbox{border:0;padding:48px 25px 20px;width:min(92vw,680px);max-height:94vh;background:#111;color:var(--paper);box-shadow:0 20px 120px #000}.lightbox::backdrop{background:rgba(0,0,0,.88)}.lightbox img{max-height:75vh;width:auto;margin:auto}.lightbox p{text-align:center;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.17em;margin:12px 0 0}.lightbox-close{position:absolute;right:12px;top:3px;color:var(--paper);border:0;background:none;font-size:38px;cursor:pointer}
@media(prefers-reduced-motion:no-preference){.has-js .reveal{opacity:0;translate:0 24px;transition:opacity .8s var(--ease),translate .8s var(--ease)}.has-js .reveal.is-visible{opacity:1;translate:0 0}}
@media(max-width:1000px){.nav-wrap,.container{width:min(100% - 44px,1320px)}.site-nav{gap:18px}.nav-status{display:none}.editorial-copy{padding:55px}.watch-meta{display:block}.watch-meta span{display:block;margin-top:7px}.watch-grid{gap:62px 18px}}
@media(max-width:700px){html{scroll-padding-top:72px}.container,.nav-wrap{width:calc(100% - 38px)}.site-header{background:rgba(9,9,9,.84)}.nav-wrap{height:70px;justify-content:space-between}.brand{width:176px}.brand-window{width:176px;height:46px}.brand-window img{width:233px;height:233px;left:-12px;top:-69px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px;background:transparent;border:0;cursor:pointer;margin-left:auto}.menu-toggle span{width:23px;height:1px;background:var(--paper);display:block}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:28px 22px 34px;background:#111;flex-direction:column;align-items:flex-start;gap:26px;border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex}.hero{min-height:670px;height:95svh}.hero-photo img{object-position:66% 50%}.hero-shade{background:linear-gradient(0deg,rgba(3,7,12,.95) 0%,rgba(3,7,12,.68) 35%,rgba(3,7,12,.1) 80%)}.hero-content{align-self:flex-end;padding-top:0;padding-bottom:125px}.hero h1{font-size:clamp(54px,12vw,84px);margin:18px 0}.hero-sub{font-size:13px;line-height:1.55;margin-bottom:27px}.hero-foot{bottom:19px;font-size:8px}.hero-foot a{max-width:135px;text-align:right}.section-pad{padding-block:90px}.intro{grid-template-columns:1fr;gap:30px}.intro h2{font-size:clamp(47px,10vw,75px)}.intro-copy p{font-size:14px}.editorial,.editorial-green{direction:ltr;display:flex;flex-direction:column}.editorial-green .editorial-image{order:0}.editorial-image{min-height:unset;height:470px}.editorial-copy{padding:55px 24px 70px}.editorial-copy h2{font-size:72px;margin:22px 0}.collection-intro{margin-bottom:46px}.collection h2{font-size:clamp(52px,10vw,75px)}.watch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 12px}.watch-card:nth-child(3n+2){transform:none}.watch-meta{margin-top:13px}.watch-meta h3{font-size:27px}.watch-meta span{font-size:8px}.watch-card>p{font-size:9px}.lifestyle{min-height:600px}.lifestyle>img{object-position:65% 50%}.lifestyle h2{font-size:clamp(50px,10vw,75px)}.lifestyle-copy{padding-bottom:62px}.film-story{grid-template-columns:1fr;gap:65px}.portrait-frame{width:min(100%,430px)}.film-copy h2{font-size:80px}.campaign-heading{display:block}.campaign h2{font-size:51px;margin-top:19px}.footer-inner{padding-block:36px;min-height:unset;display:grid;grid-template-columns:1fr 1fr;gap:22px}.footer-brand{grid-column:1/-1}.closing h2{font-size:clamp(62px,12vw,96px)}}

/* Same visible widths as the perfume site's 150px navigation and 120px footer logos. */
.brand{width:150px}
.transparent-wordmark{display:block;width:100%;height:auto}
.portrait-frame video{height:auto;aspect-ratio:522/784;object-fit:cover;background:transparent}
.film-story.section-pad{padding-block:clamp(48px,5vw,80px)}
.campaign-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);align-items:center;gap:clamp(30px,5vw,85px)}
.landscape-frame{border:0;background:transparent;overflow:hidden}
.landscape-frame video{width:100%;height:auto;aspect-ratio:930/666;object-fit:cover;background:#111110}
.campaign-copy p{font-family:var(--serif);font-size:clamp(32px,3.3vw,60px);line-height:1.2;letter-spacing:-.025em;margin:25px 0 42px}
.campaign-copy em{font-weight:400}
.campaign-note{font-size:10px;letter-spacing:.17em;color:var(--muted)}
.footer-brand{width:120px;display:block;letter-spacing:normal}
.powered-link{color:var(--paper)}
@media(max-width:700px){.brand{width:150px}.footer-brand{width:120px;grid-column:1/-1}.film-story.section-pad{padding-block:44px}.film-story{gap:38px}.campaign-layout{grid-template-columns:1fr;gap:38px}.campaign-copy p{font-size:clamp(35px,9vw,54px);margin:17px 0 22px}.campaign h2{font-size:clamp(38px,10vw,51px)}}
@media(max-width:370px){.watch-grid{grid-template-columns:1fr}.hero h1{font-size:51px}.hero-foot a{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo img{animation:none}.entrance{animation:none}.reveal{opacity:1!important;translate:none!important;transition:none!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Short perfume-site-style introduction; the actual homepage remains underneath. */
.opening-sequence{display:none}
.has-js .opening-sequence{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--ink);transition:opacity .7s var(--ease),visibility .7s var(--ease);animation:opening-safety-hide 0s linear 4s forwards}
.opening-sequence.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.opening-sequence-inner{display:grid;place-items:center;width:min(100% - 40px,750px);min-height:95px;text-align:center}
.opening-step{grid-area:1/1;opacity:0;translate:0 10px;transition:opacity .55s var(--ease),translate .55s var(--ease)}
.opening-step.is-active{opacity:1;translate:0 0}
.opening-logo{width:min(190px,65vw);height:auto}
.opening-message{font:400 clamp(21px,4vw,31px)/1.3 var(--serif);letter-spacing:.07em;color:var(--paper)}
.opening-last{color:var(--gold)}
@keyframes opening-safety-hide{to{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.has-js .opening-sequence{display:none}}
