.cinematic-hero{isolation:isolate;color:#fffdf4;background:#151613;min-height:960px}.cinema-background{position:absolute;inset:0;z-index:-2;overflow:hidden}.cinema-background>img{width:100%;height:100%;object-fit:cover;object-position:65% center;animation:slow-scene 24s ease-in-out infinite alternate;will-change:transform}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,9,.84),rgba(8,10,9,.48) 48%,rgba(8,10,9,.08)),linear-gradient(0deg,rgba(8,10,9,.8),transparent 35%)}.cinematic-hero .hero-art{visibility:hidden;pointer-events:none}.cinematic-hero .hero-layout{grid-template-columns:65% 35%;min-height:745px}.cinematic-hero .hero-brand{color:#fffdf4;text-shadow:0 3px 30px #0004}.cinematic-hero .hero-brand i{color:#e59c73}.cinematic-hero .ink-line::after{background:#a75e3d;height:.12em}.cinematic-hero .red-dot{background:#e59c73;box-shadow:0 0 0 0 #e59c7355;animation:pulse-dot 3s infinite}.cinematic-hero .hero-actions .dark{background:#f3efdf;color:#171815}.cinematic-hero .hero-actions .dark:hover{background:#e9e49a}.cinematic-hero .text-link{border-color:#f3efdf}.cinematic-hero .hero-bottom{border-color:#ffffff40}.cinematic-hero .hero-meta{color:#e6e0d3}.cinema-caption{position:absolute;right:7%;bottom:145px;font-family:'Yu Mincho',serif;font-size:23px;line-height:2;letter-spacing:.14em;text-shadow:0 2px 15px #000;animation:opening-fade 1.5s 1.1s both}.hero-copy>.eyebrow{animation:opening-rise 1s .1s both}.hero-brand{animation:opening-rise 1.1s .25s both}.hero-lead{animation:opening-rise 1.2s .5s both}.hero-actions{animation:opening-rise 1.2s .8s both}.hero-meta{animation:opening-fade 1.2s both}.hero-bottom a span{display:inline-block;animation:scroll-nudge 2s ease-in-out infinite}.hero-photo{animation:photo-drift 7s ease-in-out infinite alternate}.small-photo{animation:small-drift 8s ease-in-out infinite alternate}.paper-note{animation:note-drift 6s ease-in-out infinite alternate}.divider-star{animation:star-turn 24s linear infinite}.delivery{transition:transform .4s,box-shadow .4s}.delivery:hover{transform:translateY(-7px);box-shadow:0 14px 30px #191a1809}.monthly-sheet{transition:transform .6s}.monthly-sheet:hover{transform:rotate(0deg) translateY(-5px)}.motion-heading{transition:opacity .9s,transform .9s;opacity:.15;transform:translateY(35px)}.motion-heading.is-in{opacity:1;transform:translateY(0)}.process-list li{transition:opacity .8s,transform .8s;opacity:.2;transform:translateX(-20px)}.process-list li.is-in{opacity:1;transform:translateX(0)}
@keyframes slow-scene{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.12) translateX(-1.4%)}}
@keyframes opening-rise{from{opacity:0;transform:translateY(32px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes opening-fade{from{opacity:0}to{opacity:1}}
@keyframes pulse-dot{70%{box-shadow:0 0 0 9px #e59c7300}100%{box-shadow:0 0 0 0 #e59c7300}}
@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes photo-drift{from{transform:rotate(4deg) translateY(0)}to{transform:rotate(6deg) translateY(-12px)}}
@keyframes small-drift{from{transform:rotate(-9deg) translateY(0)}to{transform:rotate(-6deg) translateY(-9px)}}
@keyframes note-drift{from{transform:rotate(-8deg)}to{transform:rotate(-5deg) translateY(-6px)}}
@keyframes star-turn{to{transform:rotate(380deg)}}
@media(max-width:780px){.cinematic-hero{min-height:900px}.cinematic-hero .hero-layout{display:block;min-height:680px}.cinematic-hero .hero-art{display:none}.cinema-background>img{object-position:63% center}.cinema-shade{background:linear-gradient(90deg,#080a09b8,#080a0955),linear-gradient(0deg,#080a09eb,transparent 55%)}.cinema-caption{right:25px;bottom:105px;font-size:14px;line-height:1.9}.cinematic-hero .hero-copy{padding-top:38px}.cinematic-hero .hero-brand{font-size:100px;margin-bottom:25px}.cinematic-hero .hero-lead{font-size:24px;text-shadow:0 2px 18px #0008}.cinematic-hero .hero-actions{margin-top:35px}.cinematic-hero .hero-meta{font-size:8px}.cinematic-hero .hero-bottom{margin-top:0}.cinematic-hero .hero-bottom a{font-size:6px}.cinematic-hero .hero-bottom>span{font-size:7px}}
@media(max-width:370px){.cinematic-hero .hero-brand{font-size:88px}.cinematic-hero .hero-lead{font-size:22px}.cinematic-hero .hero-layout{min-height:665px}}
@media(prefers-reduced-motion:reduce){.cinema-background>img,.hero-copy>*,.hero-meta,.hero-bottom a span,.divider-star,.cinema-caption{animation:none!important;transform:none}.motion-heading,.process-list li{opacity:1;transform:none;transition:none}}
