.cinematic-site{--color-bg:#141310;--color-surface:#1c1a17;--color-surface-2:#25221d;--color-line:#38342d;--color-line-strong:#665d4f;--color-ink:#f2eee5;--color-muted:#b7afa2;--color-muted-dim:#92897b;isolation:isolate;color:#f2eee5;background:0 0;position:relative}.cinematic-site .site-header{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:40;background:linear-gradient(#141310b8,#0000);border:0;position:absolute;inset:0 0 auto}.cinematic-site .header-inner{width:calc(100% - 96px);max-width:none;min-height:98px}.cinematic-site .wordmark{color:#f2eee5}.cinematic-site .monogram{font-weight:400}.cinematic-site .header-cta{color:#f2eee5;white-space:nowrap;background:0 0;border:1px solid #b7afa260;border-radius:0;flex-shrink:0;gap:16px;min-height:44px;padding:10px 18px;line-height:1.2;transition:background .2s,border-color .2s}.cinematic-site .header-cta:hover{background:#ffffff0a;border-color:#b7afa2}.cinematic-site .header-cta>span{flex-shrink:0;line-height:1}.cinematic-site .scroll-film{background:#201e1a;position:relative}.cinematic-site .film-stage{isolation:isolate;position:relative;overflow:clip}.cinematic-site .film-video{object-fit:cover;z-index:-2;width:100%;height:100svh;position:absolute;inset:0}.cinematic-site .film-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#14131077,#0000 70%),linear-gradient(#14131022,#0000 55%,#141310 100%);position:absolute;inset:0}.cinematic-site .film-hero{padding:30vh 6vw 14vh}.cinematic-site .film-hero h1{letter-spacing:-.075em;margin:26px 0 30px;font-size:clamp(76px,10.8vw,174px);font-weight:400;line-height:.87}.cinematic-site .film-hero h1 span{color:#f2eee5}.cinematic-site .film-tagline{letter-spacing:.12em;font-size:clamp(13px,1.2vw,18px)}.cinematic-site .film-feature{background:#181713ed;border:1px solid #9f8b6640;max-width:470px;margin:32px 6vw;padding:32px}.cinematic-site .film-feature h2{letter-spacing:-.055em;margin:20px 0;font-size:clamp(30px,3.1vw,46px);font-weight:400;line-height:1.06}.cinematic-site .film-feature>p:not(.eyebrow){color:#b7afa2;font-size:15px}.cinematic-site .film-links{margin-top:24px}.cinematic-site .film-links a{border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;font-size:18px;display:flex}.cinematic-site .film-links small{color:#b7afa2;margin-top:4px;font-size:13px;line-height:1.45;display:block}.cinematic-site .film-links a:hover{color:#fdf653}.cinematic-site .film-hud{display:none}.cinematic-site .film-skip{color:#d5cec1;align-items:center;min-height:44px;margin:16px 6vw;font-size:12px;display:inline-flex}.cinematic-site .scroll-film[data-mode=scrub]{height:500svh}.cinematic-site [data-mode=scrub] .film-stage{height:100svh;position:sticky;top:0}.cinematic-site [data-mode=scrub] .film-hero{padding:0;position:absolute;bottom:18%;left:6vw}.cinematic-site [data-mode=scrub] .film-feature{opacity:0;will-change:opacity,transform;width:min(35vw,470px);margin:-230px 0 0;position:absolute;top:50%}.cinematic-site [data-mode=scrub] .film-feature-left{left:6vw}.cinematic-site [data-mode=scrub] .film-feature-right{right:6vw}.cinematic-site [data-mode=scrub] .film-hud{font:10px var(--font-mono);letter-spacing:.1em;color:#d5cec1;align-items:center;gap:24px;display:flex;position:absolute;bottom:34px;left:6vw;right:6vw}.cinematic-site .film-clock{margin-left:auto}.cinematic-site .film-meter{background:#ffffff30;width:100px;height:2px}.cinematic-site .film-meter-fill{transform-origin:0;background:#fdf653;height:100%;transform:scaleX(0)}.cinematic-site [data-mode=scrub] .film-skip{margin:0;position:absolute;top:108px;right:6vw}@media (max-width:767px){.cinematic-site .header-inner{width:calc(100% - 40px);min-height:76px}.cinematic-site .mobile-menu nav{background:#1c1a17}.cinematic-site .film-video{object-position:center}.cinematic-site .film-hero h1{font-size:clamp(62px,15vw,108px)}.cinematic-site [data-mode=scrub] .film-hero{bottom:20%;left:20px}.cinematic-site [data-mode=scrub] .film-feature{width:calc(100% - 40px);max-width:440px;margin:0;padding:22px;top:auto;bottom:86px}.cinematic-site [data-mode=scrub] .film-feature-left{left:20px}.cinematic-site [data-mode=scrub] .film-feature-right{right:20px}.cinematic-site .film-feature h2{margin:12px 0;font-size:30px}.cinematic-site .film-feature>p:not(.eyebrow){font-size:16px}.cinematic-site .film-links{margin-top:14px}.cinematic-site .film-links a{padding:10px 0;font-size:17px}.cinematic-site .film-links small{font-size:14px}.cinematic-site [data-mode=scrub] .film-hud{gap:14px;font-size:8px;bottom:25px;left:20px;right:20px}.cinematic-site .film-meter{width:45px}.cinematic-site [data-mode=scrub] .film-skip{top:86px;right:20px}}@media (max-height:680px) and (min-width:768px){.cinematic-site [data-mode=scrub] .film-feature{margin:0;padding:22px;top:90px}.cinematic-site .film-feature h2{margin:12px 0;font-size:30px}.cinematic-site .film-links{margin-top:12px}.cinematic-site .film-links a{padding:8px 0}}@media (prefers-reduced-motion:reduce){.cinematic-site .scroll-film .film-stage{height:auto;position:relative}}.cinematic-site .film-pause{display:none}.cinematic-site [data-mode=playback] .film-pause{cursor:pointer;background:#141310cf;border:1px solid #9f8b6680;min-height:44px;padding:8px 16px;display:block;position:absolute;top:100px;right:6vw}@media (max-height:740px){.cinematic-site [data-mode=scrub] .film-feature{overscroll-behavior:contain;max-height:calc(100svh - 170px);overflow-y:auto}}.cinematic-site .film-hero,.cinematic-site [data-mode=scrub] .film-hero{box-sizing:border-box;flex-direction:column;justify-content:flex-end;height:100svh;padding:0 6vw 18svh;display:flex}.cinematic-site [data-mode=scrub] .film-hero{inset:0}.cinematic-site .film-skip{margin:0;position:absolute;top:108px;right:6vw}@media (max-width:767px){.cinematic-site .film-hero,.cinematic-site [data-mode=scrub] .film-hero{padding:0 20px 20svh}.cinematic-site [data-mode=scrub] .film-hero{inset:0}.cinematic-site .film-skip{top:86px;right:20px}}.cinematic-site .film-hero h1{font-family:Arial,Helvetica,sans-serif}.cinematic-site .final-scene{z-index:-1;pointer-events:none;background:linear-gradient(90deg, #14131008 18%, #14131030 43%, #141310c9 65%, #141310ed), var(--final-frame,none) center / cover no-repeat;position:fixed;inset:0}.cinematic-site .film-continuation{padding:0 6vw 0 50%;position:relative}.cinematic-site .film-continuation:before{content:"";background:linear-gradient(#0000,#b7afa230 160px 96%,#0000);width:1px;position:absolute;top:0;bottom:0;left:calc(50% - 40px)}.cinematic-site .story-chapter{padding:100px 0;scroll-margin-top:48px;position:relative}.cinematic-site .story-chapter+.story-chapter{border-top:1px solid #c5b29130}.cinematic-site .story-chapter h2{letter-spacing:-.055em;margin:22px 0 30px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,3.65vw,60px);font-weight:400;line-height:1.08}.cinematic-site .story-chapter h3{letter-spacing:-.035em;font-size:26px;font-weight:400;line-height:1.15}.cinematic-site .story-chapter p{color:#c7c0b4;font-size:16px;line-height:1.85}.cinematic-site .story-chapter .eyebrow{color:#bcaa8c;letter-spacing:.15em;font-size:10px}.cinematic-site .story-chapter .soft-text,.cinematic-site .story-chapter .hero-accent{color:#aaa08f}.cinematic-site .story-intro{align-items:center;min-height:90svh;padding-top:60px;display:flex}.cinematic-site .story-opening{width:100%}.cinematic-site .story-opening h2 span{display:block}.cinematic-site .story-chapter .story-lead{max-width:40ch;font-size:19px;line-height:1.75}.cinematic-site .story-chapter .hero-byline{margin-top:48px}.cinematic-site .story-chapter .hero-byline p{font-size:14px}.cinematic-site .story-principles{border-bottom:1px solid #c5b29130;padding:24px 0 48px}.cinematic-site .story-principles>div{gap:12px;display:grid}.cinematic-site .story-principles p{color:#b7afa2;gap:20px;font-size:13px;display:flex}.cinematic-site .story-principles .mono{color:#8c806e}.cinematic-site .story-heading{margin-bottom:42px}.cinematic-site .story-heading>p{max-width:44ch}.cinematic-site .story-heading>.text-link{margin-top:20px}.cinematic-site .story-chapter .stufen-list{border-top:0}.cinematic-site .story-chapter .stufe-row{border-color:#c5b29130;gap:24px;padding:30px 0}.cinematic-site .story-chapter .stufe-num{color:#b6a68970;letter-spacing:-.07em;width:44px;font-family:Arial,sans-serif;font-size:42px;line-height:1}.cinematic-site .story-chapter .stufe-frage{color:#f2eee5;font-size:17px;line-height:1.5}.cinematic-site .story-chapter .stufe-was,.cinematic-site .story-chapter .stufen-quer{font-size:15px}.cinematic-site .story-topics{display:grid}.cinematic-site .story-topic{border-top:1px solid #c5b29130;padding:30px 0;transition:padding .25s;display:block;position:relative}.cinematic-site .story-topic:hover{padding-left:12px}.cinematic-site .story-topic .topic-top{margin-bottom:16px}.cinematic-site .story-topic .topic-verb{margin-bottom:8px;font-size:13px}.cinematic-site .story-topic h3{font-size:clamp(28px,2.5vw,38px)}.cinematic-site .story-topic .topic-description{min-height:0;margin-top:16px}.cinematic-site .story-topic .topic-bottom{color:#d9ccb4;border:0;margin-top:16px;padding-top:0}.cinematic-site .story-system{margin-bottom:28px}.cinematic-site .story-system-copy{border-bottom:1px solid #c5b29130;padding-bottom:30px}.cinematic-site .story-system-copy .system-path{justify-content:flex-start;gap:16px;margin:20px 0}.cinematic-site .story-system-copy .system-path span:nth-child(odd){color:#f2eee5;border:0;border-radius:0;padding:0;font-size:16px}.cinematic-site .story-system-copy>p:last-child{font-size:14px}.cinematic-site .story-chapter .product-row{border-color:#c5b29130;gap:24px;padding:26px 0}.cinematic-site .story-chapter .product-row h3{font-size:27px}.cinematic-site .story-chapter .product-row p{font-size:15px}.cinematic-site .story-chapter .product-footnote{margin-top:24px;font-size:13px}.cinematic-site .story-about .about-copy{margin-top:48px}.cinematic-site .story-about .about-copy p{color:#c7c0b4;font-size:17px}.cinematic-site .story-about .about-copy .about-intro{color:#f2eee5;font-size:23px;line-height:1.5}.cinematic-site .story-credit{font:10px var(--font-mono);color:#a89c88;flex-wrap:wrap;gap:8px 16px;padding-top:32px;display:flex}.cinematic-site .story-credit p{width:100%;margin:0;font-size:11px!important}.cinematic-site .story-articles article{background:0 0;border:0;border-top:1px solid #c5b29130}.cinematic-site .story-articles article>a{flex-direction:column-reverse;padding-top:24px;display:flex}.cinematic-site .story-articles article>a>div:last-child{padding:0 0 24px}.cinematic-site .story-articles article h3{font-size:27px}.cinematic-site .story-articles article p{-webkit-line-clamp:unset;font-size:15px}.cinematic-site .story-articles article p.kicker{font-size:10px}.cinematic-site .story-articles article>a>div:first-child{aspect-ratio:2.1;background:0 0;border:0;margin:0 0 30px}.cinematic-site .story-faq .home-faq{margin-top:40px}.cinematic-site .story-faq .home-faq summary{padding-block:24px;font-size:17px;line-height:1.5}.cinematic-site .story-faq .home-faq details p{color:#c7c0b4;font-size:16px}.cinematic-site .story-closing{align-items:center;min-height:80svh;display:flex}.cinematic-site .story-closing h2{font-size:clamp(42px,4.5vw,72px)}.cinematic-site .story-closing-copy>p:not(.eyebrow):not(.kicker){margin:26px 0 32px}.cinematic-site .story-closing h2 span{color:#aaa08f}.cinematic-site .story-facts{color:#aaa08f;border-top:1px solid #c5b29130;padding:24px 0 70px}.cinematic-site .story-facts summary{cursor:pointer;font:12px var(--font-mono);justify-content:space-between;gap:20px;padding-block:20px;line-height:1.7;list-style:none;display:flex}.cinematic-site .story-facts ul{padding-left:20px;font-size:14px;list-style:outside}.cinematic-site .story-facts li{margin-top:16px}.cinematic-site .story-footer{padding:0 6vw 0 50%}.cinematic-site .story-footer footer{background:0 0;border-color:#c5b29130}.cinematic-site .story-footer footer>div{padding:48px 0}.cinematic-site .story-footer footer>div>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.cinematic-site .story-footer footer>div>.grid>div:first-child{grid-column:1/-1}.cinematic-site .story-chapter .bg-accent{border-radius:0}@media (min-width:1600px){.cinematic-site .film-continuation,.cinematic-site .story-footer{padding-right:max(6vw,50vw - 750px)}}@media (max-width:900px){.cinematic-site .film-continuation,.cinematic-site .story-footer{padding-left:44%;padding-right:5vw}.cinematic-site .film-continuation:before{left:calc(44% - 24px)}}@media (max-width:767px){.cinematic-site .final-scene{background-image:linear-gradient(#14131070,#141310da 55%,#141310e8),var(--final-frame,none);background-position:28%}.cinematic-site .film-continuation,.cinematic-site .story-footer{padding-inline:24px}.cinematic-site .film-continuation:before{display:none}.cinematic-site .story-chapter{padding-block:72px}.cinematic-site .story-intro{min-height:85svh}.cinematic-site .story-chapter h2{font-size:clamp(34px,9vw,46px)}.cinematic-site .story-chapter .story-lead{font-size:18px}.cinematic-site .story-chapter .stufe-row{gap:16px}.cinematic-site .story-chapter .stufe-num{width:32px;font-size:34px}.cinematic-site .story-footer{padding-bottom:70px}.cinematic-site .story-chapter .product-row h3{font-size:24px}.cinematic-site .story-chapter .product-row{gap:16px}}@media (prefers-reduced-motion:reduce){.cinematic-site .story-topic{transition:none}}.cinematic-site .scroll-film[data-finished=true]{background:0 0}.cinematic-site [data-finished=true] .film-video,.cinematic-site [data-finished=true] .film-shade,.cinematic-site [data-finished=true] .film-hud,.cinematic-site [data-finished=true] .film-skip{visibility:hidden}@media (min-width:768px) and (max-width:1100px){.cinematic-site .final-scene{background-position:35%}}.cinematic-site .final-scene[data-ready=true],.cinematic-site .final-scene-static{--final-frame:url(/video/samurai-final.jpg)}
