/* A single continuous film, with editorial chapters suspended above it. */
.cinematic{background:#101c17;--shell:1320px;--sec:clamp(80px,9vw,130px)}
.journey-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#15241b url('../img/detail-embroidery.jpg') center/cover}
.journey-backdrop video{width:100%;height:100%;object-fit:cover;max-width:none;opacity:0;transform:perspective(1400px) scale(var(--film-scale,1.08)) rotateZ(var(--film-roll,0deg));transition:opacity 1s;will-change:transform}
.journey-backdrop.is-ready video{opacity:1}
.journey-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,13,.73),rgba(6,18,12,.18) 80%),linear-gradient(0deg,rgba(4,18,13,.7),transparent 40%,rgba(4,18,13,.28));}
.cinematic main,.cinematic .foot{position:relative;z-index:1}
.cinematic .nav{z-index:100;background:linear-gradient(rgba(5,18,12,.7),transparent);border-bottom:1px solid #ffffff20}
.cinematic .nav__inner{max-width:none;padding-inline:4vw;min-height:90px}
.cinematic .nav.is-stuck{background:rgba(9,29,20,.95);backdrop-filter:blur(15px)}
.cinematic .nav.is-hidden{transform:none}
.cinematic .nav.is-stuck .nav__brandText b,.cinematic .nav.is-stuck .nav__links>a{color:#fff}
.cinematic .nav.is-stuck .nav__brandText i{color:#cfdbd2}
.cinematic .nav.is-stuck .nav__burger span{background:#fff}
.cinematic .nav__links{gap:24px}
.cinematic .nav__links>a{font-size:10px;letter-spacing:.15em}
.cinematic .nav__brandText b{font-size:23px}
.cinematic .nav__brandText i{font-size:8px;letter-spacing:.18em}
.cinematic .btn{border-radius:2px;letter-spacing:.15em;font-size:10px;padding:17px 25px}
.cinematic .nav__cta{padding:12px 19px}
.cinematic .btn--gold{--bg:#dfd1ac}
.cinematic .hero{background:transparent;min-height:100svh;padding:170px 0 160px;overflow:visible}
.cinematic .hero__grid{display:block;max-width:none;padding-inline:8vw;perspective:1200px}
.cinematic .hero__copy{max-width:1000px;transform:translate3d(0,var(--hero-y,0px),0) rotateX(var(--hero-rx,0deg));opacity:var(--hero-opacity,1);transform-origin:center bottom;will-change:transform,opacity}
.hero__edition{font-size:10px;letter-spacing:.3em;color:#e1dac6;display:flex;align-items:center;gap:16px;margin-bottom:32px}
.hero__edition>span{width:36px;height:1px;background:#dfd1ac}
.cinematic .hero__title{font-size:clamp(62px,7.8vw,124px);font-weight:400;line-height:.99;letter-spacing:-.045em;margin-bottom:28px}
.cinematic .hero__title--accent{background:none;color:#e2d4b2;font-weight:300}
.cinematic .hero__sub{font-size:15px;line-height:1.85;color:#ecece1;max-width:480px;letter-spacing:.015em}
.cinematic .hero__actions{align-items:center;gap:32px;margin-top:34px}
.hero__story-link{font-size:12px;color:#fff;border-bottom:1px solid #ffffff55;padding:10px 0;display:flex;gap:28px}
.hero__bottom{position:absolute;bottom:64px;left:0;max-width:none;padding-inline:8vw;display:flex;align-items:end;justify-content:flex-end;color:#f4eddd}
.hero__bottom p{text-align:right;font-family:var(--serif);font-size:20px;line-height:1.5}
.hero__bottom p span{font-family:var(--sans);font-size:8px;letter-spacing:.2em;color:#dfdacb}
.cinematic .marquee{background:#102b21cc;border-block:1px solid #d8c79f30;padding:20px 0}
.cinematic .marquee__track{animation-duration:70s;color:#ddd4bd}
.chapter-nav{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:80;display:flex;flex-direction:column;gap:4px}
.chapter-nav a{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:12px;min-width:26px;height:26px;color:#eee8dc}
.chapter-nav b{width:7px;height:7px;border:1px solid #ffffff5c;border-radius:50%;background:transparent;transition:background .3s,border-color .3s,transform .3s}
.chapter-nav a:hover b,.chapter-nav a:focus-visible b{border-color:#dfd1ac;transform:scale(1.25)}
.chapter-nav span{position:absolute;right:22px;white-space:nowrap;font-size:9px;letter-spacing:.1em;background:#102b21;padding:5px 12px;opacity:0;pointer-events:none;transition:opacity .2s}
.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1}
.chapter-nav a[aria-current] b{background:#dfd1ac;border-color:#dfd1ac;transform:scale(1.3)}
.cinematic :is(.about,.founder,.coll,.wholesale,.quality,.why,.serve,.revs,.process,.contact,.finale){background:transparent;position:relative;margin:0;padding:var(--sec) 6vw;overflow:clip}
.cinematic :is(.about,.founder){padding-bottom:60px}
.cinematic .about__grid,.cinematic .founder__grid{background:#f6f3e9f5;padding:clamp(32px,5vw,76px);max-width:1200px;box-shadow:0 40px 100px #0003;border-top:1px solid #fff8;perspective:1400px}
.cinematic .about__grid{grid-template-columns:1fr 1.15fr;gap:6vw}
.cinematic .about__copy .h2{margin-bottom:25px}
.cinematic .about__copy p{font-size:14px;line-height:1.85}
.cinematic .about__copy .eyebrow{font-size:9px;letter-spacing:.2em}
.cinematic .h2{font-size:clamp(38px,4.3vw,66px);line-height:1.06;letter-spacing:-.035em}
.cinematic .about__img{border-radius:1px}
.cinematic .about__img--b{width:51%;right:-8%;border-width:5px}
.cinematic .pills{gap:7px;margin-top:24px}
.cinematic .pills li{font-size:8px;padding:6px 10px;border-radius:0;background:transparent}
.cinematic .founder__grid{grid-template-columns:.95fr 1.05fr;gap:6vw}
.cinematic .founder__copy .h2{margin-bottom:20px}
.cinematic .founder__copy p{font-size:14px;line-height:1.8}
.cinematic .founder__copy .eyebrow{font-size:9px}
.cinematic .founder__portraitWrap{max-width:430px}
.cinematic .founder__portrait{background:#f8f5ed;box-shadow:0 28px 60px #1b382225;border:8px solid #fff8}
.founder__fallback[hidden]{display:none}
.cinematic .founder__plate{border-radius:0;bottom:-18px;padding:12px 25px}
.cinematic .founder__sub{font-size:10px!important;color:#736849;letter-spacing:.15em}
.cinematic .quote{border-top:0;background:#0b2017d9;max-width:1200px;padding:45px 8vw;margin-top:0}
.cinematic .quote__mark{color:#d8c79f7a;font-size:70px}
.cinematic .quote blockquote{color:#e9dfc9;max-width:34ch;font-size:clamp(25px,3vw,40px)}
.cinematic .quote__sign{margin-top:18px}
.cinematic .quote__sign b{color:#f5f1e7}
.cinematic .quote__sign span{color:#c3c8bc}
.cinematic :is(.coll,.wholesale,.quality,.why,.serve,.revs,.process,.contact,.finale){background:#0b2017bd;color:#f9f5e9;border-top:1px solid #d8c79f25}
.cinematic .coll{margin-top:60px;background:#0b2017a6}
.cinematic :is(.coll,.why,.serve,.revs,.process,.contact) .h2{color:#fbf6e9}
.cinematic :is(.coll,.why,.serve,.revs,.process,.contact) .h2 em{color:#dbc89d}
.cinematic :is(.coll,.wholesale,.quality,.why,.serve,.revs,.process,.contact) .eyebrow{color:#cfb985}
.cinematic :is(.lead,.contact__intro){color:inherit}
.cinematic .coll__rail{padding-inline:max(0px,calc((100% - 1224px)/2));overflow-y:hidden;perspective:1400px}
.cinematic .cCard{border-radius:2px;background:#f5f1e8;flex-basis:clamp(260px,27vw,370px)}
.cinematic .cCard__media{aspect-ratio:4/5}
.cinematic .cCard__body{padding:22px 25px}
.cinematic .cCard__cta{opacity:1;transform:none}
.cinematic .coll__foot{gap:25px}
.cinematic .coll .btn--ghost,.cinematic .coll .rnd{color:#f0e8d5;border-color:#d8c79f70;--fg:#f0e8d5;--bd:#d8c79f70}
.cinematic .wsCard{border-radius:2px}
.cinematic .quality{min-height:95svh;display:grid;align-items:center;background:#0a24158c}
.cinematic .whyCard,.cinematic .step{background:#f5f1e9;color:#1c2420;border-radius:2px}
.cinematic .serve__list li{color:#143d2a}
.cinematic .contact__list a,.cinematic .contact__list b,.cinematic .contact__list span{color:#eee6d5}
.cinematic .contact__list li{border-color:#ffffff20}
.cinematic .contact__social a{color:#ddd2bb}
.cinematic .contact .btn--ghost,.cinematic .revs .rnd{--fg:#f0e8d5;--bd:#d8c79f70;color:#f0e8d5;border-color:#d8c79f70}
.cinematic .form{color:var(--text)}
.cinematic .notice{color:#dfdacb}
.cinematic .foot{background:#0b2017f5;padding-bottom:30px}
.cinematic .fab{bottom:24px;right:22px}
.cinematic.motion-paused *,.cinematic.motion-paused *::before,.cinematic.motion-paused *::after{animation-play-state:paused!important}
.cinematic.motion-paused .hero__copy{transform:none;opacity:1}
@media(min-width:761px) and (max-height:700px){
  .cinematic .hero{padding:120px 0 105px}
  .cinematic .hero__title{font-size:clamp(60px,6vw,80px);margin-bottom:20px}
  .cinematic .hero__edition{margin-bottom:24px}
  .cinematic .hero__actions{margin-top:24px}
  .hero__bottom{bottom:53px}
  .hero__bottom p{font-size:16px}
}
@media(min-width:1025px){.cinematic .nav__links{display:flex}}
@media(max-width:1100px){.chapter-nav{right:8px}.cinematic .nav__links{gap:14px}.cinematic .nav__inner{padding-inline:4vw}.cinematic .hero__title{font-size:clamp(62px,9vw,100px)}}
@media(max-width:1024px){
  .cinematic .nav__links{gap:8px;visibility:hidden;pointer-events:none;height:100dvh}
  .cinematic .nav.is-open .nav__links{visibility:visible;pointer-events:auto;background:#f7f3e9}
  .cinematic .nav.is-open .nav__links>a{color:#123d2b!important}
  .cinematic .nav.is-open .nav__burger span{background:#123d2b}
  .cinematic .nav__links>a{font-size:13px}
  .cinematic .about__grid,.cinematic .founder__grid{grid-template-columns:1fr;gap:50px}
  .cinematic .about__visual{max-width:440px}.cinematic .founder__portraitWrap{max-width:360px}
  .cinematic .hero__copy{max-width:800px}.cinematic .hero__grid{padding-inline:7vw}
}
@media(max-width:760px){
  .chapter-nav{display:none}.cinematic .nav__inner{min-height:76px;padding-inline:20px}
  .cinematic .hero{padding:150px 0 150px;min-height:100svh}.cinematic .hero__title{font-size:clamp(49px,10.7vw,78px)}
  .hero__edition{font-size:8px;letter-spacing:.18em;gap:10px;margin-bottom:27px}.hero__edition>span{width:22px}
  .cinematic .hero__sub{font-size:14px;max-width:34ch}.desktop-break{display:none}
  .cinematic .hero__actions{gap:22px}.cinematic .hero__actions .btn{flex:none;padding:15px 19px}
  .hero__bottom{display:none}
  .cinematic :is(.about,.founder,.coll,.wholesale,.quality,.why,.serve,.revs,.process,.contact,.finale){padding:65px 5vw}
  .cinematic .about,.cinematic .founder{padding-bottom:0}
  .cinematic .about__grid,.cinematic .founder__grid{padding:35px 24px}
  .cinematic .about__img--b{right:-4%}.cinematic .h2{font-size:40px}
  .cinematic .founder__portraitWrap{max-width:290px}.cinematic .quote{padding:40px 24px}
  .cinematic .coll{margin-top:65px}.cinematic .cCard{flex-basis:78vw}
  .cinematic .coll__head,.cinematic .coll__foot{padding-inline:0}.cinematic .coll__foot{flex-wrap:wrap}
  .cinematic .coll__rail{padding-inline:0}.cinematic .coll__nav{display:flex}.cinematic .coll__head{flex-direction:row;align-items:end}.cinematic .rnd{width:38px;height:38px}
  .cinematic .coll__head .h2{font-size:36px}
  .cinematic .quality{min-height:100svh}.cinematic .fab{right:16px}
}
@media(prefers-reduced-motion:reduce){.journey-backdrop video{transform:none!important}.cinematic .hero__copy{transform:none;opacity:1}.cinematic .js-par{transform:none!important}}
