/* Photography opens into the viewport. Native scrolling remains in control. */
.cinematic-home .masthead{position:absolute;inset:0 0 auto;color:var(--ivory);border-color:#f0e9dd40;background:linear-gradient(#24171445,transparent);text-shadow:0 1px 5px #0009}
.cinematic-home .brand-lockup img{filter:brightness(0) invert(94%) sepia(10%) saturate(350%)}
.cinematic-home .masthead :is(a,button):focus-visible{outline-color:var(--ivory)}
.cinematic .opening{display:block;min-height:780px;height:100svh;padding:0;overflow:hidden;isolation:isolate;background:#352b25;color:var(--ivory);text-shadow:none}
.cinematic .opening-photo{position:absolute;inset:0;margin:0;min-height:0;z-index:-2;width:100%;height:100%}
.cinematic .opening-photo img{width:100%;height:100%;object-fit:cover;object-position:70% 40%;animation:cinema-arrive 1.5s cubic-bezier(.16,1,.3,1) both}
.cinematic .opening::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#211610b8 0%,#21161055 36%,transparent 68%),linear-gradient(0deg,#21161085,transparent 45%)}
.cinematic .opening-copy{position:absolute;left:6%;bottom:15%;padding:0;width:43%;align-self:auto}
.cinematic .opening-copy h1{color:var(--ivory);font-size:clamp(66px,7.4vw,106px);line-height:.94;max-width:650px;width:115%;text-shadow:0 2px 25px #21161030}
.cinematic .opening-copy p{color:var(--ivory);font-size:14px;max-width:340px;margin:30px 0}
.cinematic .opening-copy .button{background:var(--ivory);border-color:var(--ivory);color:var(--wine);min-height:50px}
.cinematic .opening-copy .button:hover{background:white}
.cinematic .opening-product{position:absolute;right:5%;bottom:6%;padding:16px 24px 16px 16px;background:var(--ivory);color:var(--wine);gap:18px;max-width:350px;text-shadow:var(--press);box-shadow:0 8px 28px #24161325}
.cinematic .opening-product img{width:78px;height:78px}
.cinematic .opening-product h2{font-size:23px}
.cinematic .opening-caption{padding:20px 6%;border-bottom:1px solid var(--line)}
.cinematic .intro-line{padding:85px 6% 65px}
.cinematic .frame-feature{margin:0 0 90px;grid-template-columns:58% 42%;gap:0;align-items:stretch}
.cinematic .frame-plate{display:flex;align-items:center;justify-content:center}
.cinematic .frame-plate img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.cinematic .frame-feature>.frame-copy{align-self:center;padding:65px 14% 65px 12%}
.cinematic .portrait-story{position:relative;min-height:850px;height:100svh;display:flex;align-items:center;padding:80px 6%;isolation:isolate;overflow:hidden;background:#241b18}
.cinematic .portrait-story figure{position:absolute;inset:0;z-index:-2;margin:0}
.cinematic .portrait-story figure img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 25%}
.cinematic .portrait-story figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#211610df 0%,#21161080 45%,#21161005 80%)}
.cinematic .portrait-story figcaption{position:absolute;bottom:28px;right:6%;color:var(--ivory);margin:0}
.cinematic .portrait-story>div{max-width:510px}
.cinematic .portrait-story h2{font-size:clamp(46px,5.5vw,78px);max-width:510px}
.cinematic .portrait-story p{color:var(--ivory);max-width:365px}
.cinematic .on-you{padding:75px 0 0}
.cinematic .on-you .section-top{padding:0 6% 38px;margin:0}
.cinematic .on-you .portraits{gap:0;grid-template-columns:1fr 1fr}
.cinematic .on-you .portraits figure{position:relative;padding:0;overflow:hidden}
.cinematic .on-you .portraits img{width:100%;height:92svh;min-height:650px;object-fit:cover;object-position:50% 22%}
.cinematic .on-you .portraits figcaption{position:absolute;inset:auto 0 0;padding:55px 30px 28px;margin:0;color:var(--ivory);font-size:12px;text-shadow:none;background:linear-gradient(transparent,#211610b0)}
.cinematic .belief{min-height:60svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 6%;border-top:0}
.cinematic .belief h2{font-size:clamp(44px,5.5vw,80px)}
.cinematic .collection-layout{margin-left:0;margin-right:0;gap:0;align-items:stretch}
.cinematic .collection-layout>.product-card{padding:0 10% 45px}
.cinematic .collection-editorial{margin:0;overflow:hidden}
.cinematic .collection-editorial img{width:100%;height:100%;max-height:1000px;object-fit:cover;object-position:50% 20%}
.cinematic .collection-editorial figcaption{position:absolute;inset:auto 0 0;padding:70px 35px 35px;color:var(--ivory);text-shadow:none;background:linear-gradient(transparent,#211610c0)}
.cinematic .product-page{padding-left:0;padding-right:6%;grid-template-columns:1.2fr 1fr;gap:7%}
.cinematic .product-gallery>.main-product-image img{width:100%;aspect-ratio:1;object-fit:contain}
.cinematic .product-gallery .thumbs{padding-left:25px}
.cinematic .pdp-looks{padding:30px 0 0}
.cinematic .pdp-looks>h2{padding:0 6%}
.cinematic .pdp-looks .portraits{gap:0}
.cinematic .pdp-looks .portraits figure{padding:0;position:relative;overflow:hidden}
.cinematic .pdp-looks .portraits img{width:100%;height:85svh;object-fit:cover;object-position:50% 22%}
.cinematic .pdp-looks .portraits figcaption{position:absolute;inset:auto 0 0;margin:0;padding:50px 30px 25px;color:var(--ivory);text-shadow:none;background:linear-gradient(transparent,#211610c0)}
@keyframes cinema-arrive{from{transform:scale(1.06);filter:brightness(.85);clip-path:inset(0)}to{transform:scale(1);filter:brightness(1);clip-path:inset(0)}}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  .cinematic .on-you .portraits{animation:open-aperture linear both;animation-timeline:view();animation-range:entry 0% entry 90%}
  @keyframes open-aperture{from{clip-path:inset(0 8%)}to{clip-path:inset(0 0)}}
 }
}
@media(max-width:1000px) and (min-width:701px){.cinematic .opening-copy{width:48%}.cinematic .opening-copy h1{font-size:78px}.cinematic .frame-feature>.frame-copy{padding:35px 10%}.cinematic .portrait-story>div{max-width:440px}}
@media(max-width:700px){
 .cinematic-home .masthead{height:100px}
 .cinematic .opening{height:100svh;min-height:740px}
 .cinematic .opening-photo{aspect-ratio:auto;margin:0}
 .cinematic .opening-photo img{object-position:80% 25%;height:100%}
 .cinematic .opening::after{background:linear-gradient(0deg,#211610e8,transparent 82%),linear-gradient(90deg,#21161035,transparent)}
 .cinematic .opening-copy{left:24px;right:24px;bottom:55px;width:auto}
 .cinematic .opening-copy h1{font-size:60px;max-width:350px;width:100%}
 .cinematic .opening-copy p{font-size:12px;max-width:280px;margin:22px 0}
 .cinematic .opening-product{display:none}
 .cinematic .opening-caption{padding:18px 24px;font-size:11px}
 .cinematic .opening-caption span:last-child{display:none}
 .cinematic .intro-line{padding:55px 24px 35px}
 .cinematic .frame-feature{display:block;margin:0 0 55px}
 .cinematic .frame-feature>.frame-copy{padding:35px 24px 0}
 .cinematic .frame-plate img{height:auto;aspect-ratio:1}
 .cinematic .portrait-story{height:100svh;min-height:780px;padding:55px 24px;display:flex;flex-direction:column;justify-content:end;align-items:start;gap:0}
 .cinematic .portrait-story figure{width:100%;height:100%}
 .cinematic .portrait-story figure img{aspect-ratio:auto;object-position:53% 15%}
 .cinematic .portrait-story figure::after{background:linear-gradient(0deg,#211610f5 0%,#211610b8 43%,transparent 85%)}
 .cinematic .portrait-story>div{max-width:340px}
 .cinematic .portrait-story h2{font-size:43px;max-width:340px}
 .cinematic .portrait-story p{font-size:12px;margin-top:20px}
 .cinematic .portrait-story a{margin-top:24px}
 .cinematic .portrait-story figcaption{display:none}
 .cinematic .on-you{padding:50px 0 0}
 .cinematic .on-you .section-top{padding:0 24px 28px}
 .cinematic .on-you .portraits{display:block}
 .cinematic .on-you .portraits img{height:85svh;min-height:560px;object-position:50% 18%}
 .cinematic .on-you .portraits figcaption{font-size:12px;padding:50px 24px 25px;display:flex;align-items:end;gap:20px}
 .cinematic .belief{min-height:60svh;padding:65px 24px}
 .cinematic .belief h2{font-size:47px}
 .cinematic .collection-layout{display:block;margin:0}
 .cinematic .collection-layout>.product-card{padding:0 24px 45px}
 .cinematic .collection-editorial img{height:85svh;max-height:none;object-position:50% 15%}
 .cinematic .collection-editorial figcaption{font-size:32px;padding:50px 24px 30px}
 .cinematic .product-page{padding:25px 0 50px}
 .cinematic .product-page .frame-copy{padding:35px 24px 0}
 .cinematic .product-gallery .thumbs{padding-left:24px}
 .cinematic .pdp-looks{padding:25px 0 0}
 .cinematic .pdp-looks>h2{padding:0 24px}
 .cinematic .pdp-looks .portraits{display:block}
 .cinematic .pdp-looks .portraits img{height:85svh;object-position:50% 15%}
 .cinematic .pdp-looks .portraits figcaption{padding:50px 24px 25px;display:flex;align-items:end;gap:20px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.cinematic .opening-photo img,.cinematic .on-you .portraits{animation:none!important;transform:none!important;clip-path:none!important}}
@media(forced-colors:active){.cinematic-home .masthead{background:Canvas;color:CanvasText}.cinematic .opening-copy{background:Canvas;color:CanvasText;padding:20px}.cinematic .opening-copy h1,.cinematic .opening-copy p{color:CanvasText}.cinematic .portrait-story>div{background:Canvas;color:CanvasText;padding:20px}.cinematic .portrait-story p{color:CanvasText}}

/* Classic bracketed serifs echo the supplied OA/O lettering and wordmark. */
h1,h2,h3{line-height:1.12;letter-spacing:-.035em}
.masthead nav a,.masthead nav button,.button{text-transform:uppercase;letter-spacing:.07em;font-size:11px}
.cinematic .opening-copy h1{font-size:clamp(58px,6.4vw,92px);line-height:1.08;width:115%}
.cinematic .portrait-story h2{font-size:clamp(40px,4.6vw,65px);line-height:1.13}
.cinematic .belief h2{font-size:clamp(40px,4.6vw,65px);line-height:1.13}
.frame-copy h2,.product-page .frame-copy h1{font-size:clamp(36px,3.5vw,50px)}
@media(max-width:700px){
 .masthead nav a,.masthead nav button{font-size:10px;letter-spacing:.03em}
 .cinematic .opening-copy h1{font-size:48px;line-height:1.12;width:100%}
 .cinematic .portrait-story h2{font-size:34px;line-height:1.18}
 .cinematic .belief h2{font-size:35px;line-height:1.18}
 .frame-copy h2,.product-page .frame-copy h1{font-size:34px}
 .intro-line h2,.section-top h2,.pdp-looks h2,.footer h2{font-size:34px;line-height:1.16}
}