/* Layout proportions measured from the supplied 754 × 2087 reference. */
:root{--reference-edge:max(5.6vw,calc((100% - 1280px)/2))}
.nav{height:84px;border:0;padding-inline:var(--reference-edge);background:#020303ed}.wordmark{font-size:30px}.wordmark small{font-size:8px}.nav nav{font-size:13px;gap:27px}.nav-action{font-size:13px;padding:14px 22px}
.hero.cinematic{height:calc(56.6vw - 84px);min-height:660px;max-height:780px;align-items:flex-start;padding:95px 7.8vw 50px;background:#020303}.hero-copy{width:47%;padding:0}.hero h1{font-size:clamp(76px,8.1vw,118px);line-height:1.1;letter-spacing:-.065em;margin:0 0 29px}.hero-sub{font-size:clamp(16px,1.55vw,22px);line-height:1.65;margin-bottom:28px;max-width:610px}.hero .pill-button{font-size:16px;min-height:54px;padding:14px 26px}.hero-preview{margin-top:13px;font-size:9px}.hero-scroll{left:7.8vw;bottom:37px}
.hero-stage.reference-hero{top:0;right:0;width:55%;height:100%;overflow:hidden}.reference-hero .stage-brick{width:186.64%;height:auto;max-width:none;left:-86.64%;top:-13.9%;object-fit:initial;mask-image:none;transform:none;animation:none}.reference-hero:after{background:linear-gradient(90deg,#020303,transparent 20%),linear-gradient(#020303 0%,transparent 10%,transparent 93%,#020303)}.reference-hero .stage-caption{top:20%;right:5%;padding:12px 8px 12px 16px;background:linear-gradient(90deg,#030303eb,#030303d9);font-size:14px;border-color:#777;color:#d4d4cc;opacity:1;min-width:180px}.reference-hero .stage-caption span{font-size:11px}
.philosophy{min-height:42.1vw;max-height:650px;grid-template-columns:1fr 1fr;gap:0;padding:72px var(--reference-edge);background:#0c0d0d}.philosophy-copy{max-width:620px;align-self:center;padding-right:25px;position:relative;z-index:2}.philosophy h2{font-size:clamp(36px,4vw,58px);line-height:1.4;margin-bottom:22px}.philosophy-copy>p:not(.eyebrow){font-size:clamp(14px,1.35vw,20px);line-height:1.85;margin:15px 0}.philosophy-copy .philosophy-signature{font-size:10px!important;letter-spacing:2px;margin-top:35px!important;display:flex;align-items:center;gap:20px}.philosophy-signature:before{content:"";width:65px;height:1px;background:#626662}.philosophy-object{position:absolute;right:0;top:0;width:52.3%;height:100%;min-height:0;border-radius:0;overflow:hidden}.philosophy-object img{width:191.37%;height:auto;max-width:none;left:-91.37%;top:-135.9%;object-fit:initial;object-position:initial;mask-image:none}.philosophy-object:after{inset:0;background:linear-gradient(90deg,#0c0d0d,transparent 15%,transparent),linear-gradient(#0c0d0d55,transparent 15%,transparent 85%,#0c0d0d55)}
.collection{padding-top:45px;background:#020303}.collection-heading{padding-bottom:27px}.collection-heading .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:10px}.collection-heading h2{font-size:clamp(36px,3.8vw,55px);line-height:1.35;margin-bottom:12px}.collection-heading>p:last-of-type{font-size:16px}.collection-filters{margin-top:28px;gap:12px}.collection-filters a{font-size:13px;padding:11px 24px}
.product-carousel{padding-inline:2%;padding-block:0}.product-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3.45);gap:16px;align-items:stretch;padding:3px 1px 10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:1px;scrollbar-width:thin;scrollbar-color:#535753 #111;cursor:grab;touch-action:pan-x pan-y;outline-offset:5px}.product-grid.is-dragging{scroll-snap-type:none;scroll-behavior:auto;user-select:none;cursor:grabbing}.product-grid>.product{scroll-snap-align:start;border:1px solid #3e4240;border-radius:10px;background:linear-gradient(120deg,#111412,#070908);height:auto;min-height:0;scroll-margin-top:100px}.product-grid .product-heading{padding:19px 20px 0;min-height:100px}.product-grid .product-heading h3{font-size:27px;line-height:1.2}.product-grid .product-series{font-size:8px;margin-bottom:9px}.product-category{font-size:11px;margin-top:10px}.product-grid .product-art{width:calc(100% - 24px);margin:12px 12px 16px;aspect-ratio:1.45;border-radius:3px}.product-grid .product-copy{padding:0 20px 20px}.product-grid .product-material{font-size:12px;line-height:1.7;min-height:0;margin-bottom:18px}.product-grid .weight-note{font-size:10px;margin-top:4px}.product-grid .copy-label{font-size:10px;margin-bottom:6px;color:#a6afa0}.product-grid .product-concept{min-height:0}.product-grid .product-tagline{font-size:24px;line-height:1.45;min-height:0;margin:0 0 12px}.product-grid .product-description{font-size:12px;line-height:1.75;margin:0 0 18px}.product-grid .product-for{min-height:0;font-size:12px;line-height:1.75;margin-bottom:18px}.product-grid .product-for li+li{margin-top:4px}.product-grid .fiction-voice,.product-grid .product-standard .fiction-voice{min-height:0;border-color:#454a41;padding:12px;margin:0 0 17px}.product-grid .fiction-voice p{font-size:11px;line-height:1.75;margin:8px 0}.product-grid .product-price{min-height:0;margin-top:auto;padding:0}.product-grid .product-price strong{font-size:27px}.product-grid .product-price small{font-size:9px;line-height:1.55}.product-grid .price-caveat{font-size:9px;line-height:1.6}.product-grid .text-button{margin-top:14px;min-height:42px;font-size:12px}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:18px;padding:20px 0 0;color:#a6aaa2;font-size:11px;font-variant-numeric:tabular-nums}.carousel-controls button{border:1px solid #555d52;background:#121612;color:#f1f4ed;border-radius:50%;width:44px;height:44px;font:22px Arial;cursor:pointer}.carousel-controls button:disabled{opacity:.25;cursor:default}.carousel-controls button:hover:not(:disabled){background:#283023}.carousel-controls button:focus-visible{outline:3px solid #008bfa;outline-offset:3px}.product-footnote{padding-top:18px;padding-bottom:15px}.comparison{padding-bottom:27px}
.reviews{position:relative;isolation:isolate;overflow:hidden;padding-top:60px;padding-bottom:45px;min-height:570px;background:#030505}.review-rock{position:absolute;inset:0 0 auto;aspect-ratio:414/115;overflow:hidden;z-index:-1;opacity:.6;mask-image:linear-gradient(#000,transparent 95%)}.review-rock img{position:absolute;width:182.13%;height:auto;max-width:none;left:-82.13%;top:-269.57%}.reviews-header .eyebrow{font-size:11px}.reviews-header h2{font-size:clamp(34px,3.6vw,52px);line-height:1.4}.reviews-header>p:last-child{font-size:15px;line-height:1.65;margin-top:14px}.review-meta{max-width:none;margin-top:25px;margin-bottom:15px}.real-review-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.real-review-list:has(.review-empty):before,.real-review-list:has(.review-empty):after{content:"";min-height:270px;border:1px solid #c9b99b;border-radius:9px;background:radial-gradient(ellipse at 35% 20%,#fff3d9,transparent 75%),linear-gradient(125deg,#d3bd96,#ecdbb8 55%,#cfb58d);box-shadow:inset 0 0 35px #76552b40,0 15px 25px #0004}.review-empty{grid-column:auto;max-width:none;min-height:270px;padding:26px 22px;box-shadow:inset 0 0 35px #76552b30,0 15px 25px #0004;background:radial-gradient(ellipse at 35% 20%,#fff3d9,transparent 75%),linear-gradient(125deg,#d3bd96,#ecdbb8 55%,#cfb58d)}.review-empty h3{font-size:25px;line-height:1.5}.review-empty p{font-size:13px}.review-empty .empty-number{font-size:26px}#review-availability{margin-top:22px;font-size:11px}
.order{padding-top:53px;padding-bottom:53px;background:#080b09}.order h2{font-size:clamp(37px,4vw,58px);line-height:1.3}.order-heading>p:last-child{font-size:16px;line-height:1.65}.order-layout{grid-template-columns:1.2fr .8fr;gap:42px;margin-top:27px}.order-guide{padding:26px;grid-template-columns:1fr 1.2fr;gap:25px;border-color:#393e38}.order-guide>img{width:100%;height:235px;object-fit:cover}.order-steps{gap:24px;margin:0;padding:0}.order-steps h3{font-size:17px}.order-steps p{font-size:13px;line-height:1.65}.order-steps li>span{width:29px;height:29px;font-size:14px}.order-guide .pill-button{font-size:16px;min-height:53px}.order-note{font-size:10px}.faq h3{font-size:28px}.faq details{background:#181d19;border:1px solid #323a30;border-radius:7px;padding:0 18px;margin:0 0 12px}.faq summary{font-size:14px;min-height:70px;padding:19px 0}.faq details>p{font-size:13px;padding-bottom:16px}.footer{padding-top:25px;padding-bottom:23px}.footer-top{margin-bottom:18px}.footer .wordmark{font-size:24px}
@media(min-width:701px) and (max-width:1100px){.hero.cinematic{min-height:565px;padding-top:85px}.hero h1{font-size:76px}.hero-sub{font-size:16px}.reference-hero .stage-brick{top:0;width:210%;left:-110%}.reference-hero .stage-caption{min-width:120px;font-size:11px;right:0}.philosophy{min-height:490px;padding-top:55px;padding-bottom:55px}.philosophy h2{font-size:39px}.philosophy-copy>p:not(.eyebrow){font-size:15px}.philosophy-object img{width:210%;left:-110%;top:-120%}.product-grid{grid-auto-columns:calc((100% - 32px)/2.4)}.real-review-list{gap:16px}.review-empty{padding:25px 14px}.review-empty h3{font-size:22px}.order-layout{grid-template-columns:1.1fr .9fr;gap:23px}.order-guide{padding:20px;gap:17px;grid-template-columns:1fr 1fr}.order-guide>img{height:220px}.order-steps h3{font-size:14px}.order-steps p{font-size:11px}.order-guide .pill-button{font-size:13px}}
@media(max-width:700px){.nav{height:68px;padding-inline:20px}.wordmark{font-size:18px}.wordmark small{font-size:5px}.nav-action{font-size:10px;padding:11px 15px}.hero.cinematic{height:760px;min-height:0;max-height:none;padding:46px 25px 0}.hero-copy{width:100%}.hero h1{font-size:58px;line-height:1.14;margin-bottom:22px;letter-spacing:-.065em}.hero-sub{font-size:12px;line-height:1.8;max-width:300px;margin-bottom:22px}.hero .pill-button{font-size:12px;min-height:45px;padding:11px 22px}.hero-preview{font-size:7px}.hero-stage.reference-hero{width:100%;height:380px;top:366px}.reference-hero .stage-brick{width:186.64%;left:-86.64%;top:-13.9%}.reference-hero:after{background:linear-gradient(#020303,transparent 14%,transparent 90%,#020303)}.reference-hero .stage-caption{min-width:125px;font-size:10px;right:3%;top:18%;padding:8px 6px 8px 10px}.reference-hero .stage-caption span{font-size:7px}.hero-scroll{left:25px;bottom:19px;font-size:6px}.hero-scroll span{height:20px}.philosophy{min-height:0;max-height:none;padding:42px 25px 0;display:flex;flex-direction:column;gap:15px}.philosophy-copy{width:100%;max-width:none;padding:0}.philosophy h2{font-size:31px;line-height:1.45;margin-bottom:20px}.philosophy-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;margin:13px 0}.philosophy-copy .philosophy-signature{font-size:8px!important;margin-top:23px!important}.philosophy-object{position:relative;top:auto;right:auto;width:calc(100% + 50px);margin-left:-25px;height:auto;aspect-ratio:394/315;flex:none}.philosophy-object img{width:191.37%;left:-91.37%;top:-135.9%}.collection{padding-top:38px}.collection-heading{padding-bottom:22px;padding-inline:20px}.collection-heading h2{font-size:29px;line-height:1.4}.collection-heading>p:last-of-type{font-size:12px}.collection-heading .eyebrow{font-size:9px}.collection-filters{gap:7px;margin-top:20px}.collection-filters a{font-size:10px;padding:8px 13px}.product-carousel{padding-inline:0}.product-grid{grid-auto-columns:calc(100% - 48px);grid-template-columns:none;gap:14px;padding-inline:24px;scroll-padding-inline:24px}.product-grid>.product{scroll-margin-top:85px}.product-grid .product-heading{min-height:100px;padding:23px 20px 0}.product-grid .product-heading h3{font-size:29px}.product-grid .product-art{aspect-ratio:1.3}.product-grid .product-copy{padding:0 20px 23px}.product-grid .product-material{font-size:13px}.product-grid .product-tagline{font-size:25px}.product-grid .product-description,.product-grid .product-for{font-size:13px;line-height:1.85}.product-grid .fiction-voice p{font-size:12px}.product-grid .product-price strong{font-size:31px}.product-grid .text-button{font-size:13px;min-height:47px}.carousel-controls{padding-top:16px}.product-footnote{padding-top:15px;line-height:1.8}.reviews{padding:43px 24px 38px;min-height:0}.reviews-header h2{font-size:29px;line-height:1.5}.reviews-header>p:last-child{font-size:11px}.review-rock{width:190%;left:-45%;right:auto}.real-review-list{grid-template-columns:1fr}.real-review-list:has(.review-empty):before,.real-review-list:has(.review-empty):after{display:none}.review-empty{min-height:245px;padding:26px 20px}.review-empty h3{font-size:23px}.review-empty p{font-size:12px}.order{padding:42px 24px}.order h2{font-size:35px}.order-heading>p:last-child{font-size:12px}.order-layout{grid-template-columns:1fr;gap:28px}.order-guide{padding:20px;gap:18px;grid-template-columns:.9fr 1.1fr}.order-guide>img{height:205px}.order-steps{gap:21px}.order-steps h3{font-size:13px}.order-steps p{font-size:10px}.order-steps li>span{width:20px;height:20px;font-size:11px}.order-guide .pill-button{font-size:13px;min-height:47px}.faq h3{font-size:25px}.faq summary{font-size:12px;min-height:58px;padding:17px 0}.faq details>p{font-size:12px}.footer .wordmark{font-size:19px}}
@media(prefers-reduced-motion:reduce){.product-grid{scroll-behavior:auto}.reference-hero .stage-brick{animation:none}}
.reference-hero .stage-caption{top:22%;right:0;width:33%;min-height:128px;background:#030303;border:0;padding:20px 17px;box-shadow:0 0 20px 12px #030303}
.philosophy{padding-top:58px;padding-bottom:58px;min-height:42.1vw;max-height:none}.philosophy h2{font-size:clamp(36px,3.75vw,54px);line-height:1.35}.philosophy-copy>p:not(.eyebrow){font-size:clamp(14px,1.25vw,18px)}.philosophy-object{height:auto;aspect-ratio:394/300;top:50%;transform:translateY(-50%);container-type:inline-size}.philosophy-object img{top:-108.63cqw;left:-91.37cqw;width:191.37cqw}.philosophy-object:after{background:linear-gradient(90deg,#0c0d0d,transparent 15%),linear-gradient(#0c0d0d55,transparent 12%,transparent 85%,#0c0d0d)}
.product-grid .product-heading{min-height:76px;padding-top:18px}.product-grid .product-price small{margin-top:5px}.product-grid .fiction-voice>span{font-size:10px}.order-note{display:none}.order-guide{grid-template-rows:auto auto}.order-guide .pill-button{align-self:end}
@media(max-width:700px){.reference-hero .stage-caption{top:22%;width:33%;min-height:74px;font-size:9px;padding:10px 8px;box-shadow:0 0 10px 6px #030303}.philosophy{padding:42px 25px 0;min-height:0}.philosophy h2{font-size:31px}.philosophy-copy>p:not(.eyebrow){font-size:13px}.philosophy-object{position:relative;top:auto;transform:none;aspect-ratio:394/300}.product-grid{grid-auto-columns:100%}.product-grid .product-heading{min-height:80px;padding-top:23px}.order-guide>img{height:205px}}
@media(max-width:700px){.reference-hero .stage-caption{top:16%;min-height:94px;padding-top:25px}}
/* Keep all six product groups while matching the reference's shorter cards. */
.product-grid .description-lead{font-size:12px;line-height:1.75;color:#b2bbac;margin:0 0 8px}
.product-story{margin-bottom:17px}.product-story summary,.voice-details summary{list-style:none;cursor:pointer;min-height:32px}
.product-story summary::-webkit-details-marker,.voice-details summary::-webkit-details-marker{display:none}
.product-story summary{display:flex;align-items:center;gap:13px;width:max-content;font-size:11px;color:#c2c8bc;border-bottom:1px solid #4d5547}
.product-story summary>span{font-size:15px}.product-story[open] summary>span{transform:rotate(45deg)}
.product-grid .product-story .product-description{margin:12px 0 0}.product-story .candy-note{margin:12px 0 0}
.product-grid .fiction-voice{padding:12px 13px}.voice-details summary{font-family:var(--serif);font-size:14px;line-height:1.6;padding:8px 0}
.voice-read-more{display:block;font-family:Arial,sans-serif;font-size:10px;color:#b6c1ac;margin-top:5px}.voice-details[open] .voice-read-more>span{display:inline-block;transform:rotate(45deg)}
.product-grid .fiction-voice small{display:block;margin-top:5px}.product-grid .voice-details p{margin:4px 0 12px}
.product-story summary:focus-visible,.voice-details summary:focus-visible{outline:2px solid #008bfa;outline-offset:4px}
@media(max-width:700px){.product-grid .description-lead{font-size:13px;line-height:1.85}.product-story summary{font-size:12px;min-height:38px}.voice-details summary{font-size:15px;min-height:44px}.voice-read-more{font-size:11px}}
.product-grid .product-price,.product-grid .product-standard .product-price{min-height:0}
.product-grid .product-for{margin-bottom:12px}.product-for>summary{display:flex;align-items:center;justify-content:space-between;min-height:34px;list-style:none;cursor:pointer;border-block:1px solid #30362c;padding:8px 0;margin:0!important}.product-for>summary::-webkit-details-marker{display:none}.product-for[open]>summary>span{transform:rotate(45deg)}.product-for>ul{margin-block:12px}
.product-for>summary:focus-visible{outline:2px solid #008bfa;outline-offset:3px}.product-grid .product-material{margin-bottom:12px}.product-story{margin-bottom:12px}.product-grid .fiction-voice{margin-bottom:12px}.product-footnote .concept-voice-note{display:block;font-size:12px;line-height:1.8;margin-top:6px}
@media(max-width:700px){.product-for>summary{min-height:44px}.product-footnote .concept-voice-note{font-size:11px}}
/* Clean supplied product photo: the hero never uses the page-reference raster. */
.hero-stage.hero-clean{inset:0 0 0 auto;width:57%;height:100%;overflow:hidden;isolation:isolate;background:#020303}
.hero-clean:before{display:none}.hero-clean:after{z-index:3;background:linear-gradient(90deg,#020303,transparent 19%),linear-gradient(#020303 0%,transparent 24%,transparent 85%,#020303 100%)}
.hero-photo{position:absolute;left:-42%;top:5%;width:145%;height:95%;max-width:none;object-fit:cover;object-position:100% center;transform-origin:65% 75%;will-change:transform}
.hero-beam{position:absolute;z-index:2;inset:-35% 5% 0 10%;background:linear-gradient(160deg,#fff2d92e,transparent 70%);clip-path:polygon(49% 0,63% 0,100% 100%,0 100%);filter:blur(14px);opacity:.3;pointer-events:none}
.hero-dust{position:absolute;z-index:4;left:5%;right:0;top:68%;height:24%;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 35% 65%,#cab09744,transparent 46%),radial-gradient(ellipse at 65% 45%,#e9cfaa33,transparent 45%);filter:blur(7px);transform-origin:center bottom}
.hero-clean.is-landing .hero-photo{animation:hero-weight-arrival 2200ms cubic-bezier(.19,.7,.24,1) both}
.hero-clean.is-landing .hero-beam{animation:hero-light-arrival 1600ms ease-out both}
.hero-clean.is-landing .hero-dust{animation:hero-impact-dust 1400ms 620ms ease-out both}
.hero-clean.is-motion-paused *{animation-play-state:paused!important}
@keyframes hero-weight-arrival{0%{transform:translate3d(0,-78px,0) rotate(-2deg) scale(1.035);filter:brightness(.65)}31%{transform:translate3d(0,7px,0) rotate(.45deg) scale(1.01);filter:brightness(1.03)}44%{transform:translate3d(0,-3px,0) rotate(-.12deg) scale(1.003)}60%,100%{transform:translate3d(0,0,0) rotate(0) scale(1);filter:brightness(1)}}
@keyframes hero-light-arrival{0%{opacity:0;transform:translateX(-25px)}70%,100%{opacity:.3;transform:translateX(0)}}
@keyframes hero-impact-dust{0%{opacity:0;transform:scale(.5,.2)}15%{opacity:.7}100%{opacity:0;transform:scale(1.25,1.5) translateY(-20px)}}
@media(min-width:760px){.hero.cinematic{display:grid;grid-template-columns:48% 52%;align-items:start;height:clamp(600px,calc(56.6vw - 84px),780px);min-height:600px;max-height:none;padding:95px 7.8vw 50px}.hero-copy{width:100%;padding:0;margin:0;grid-column:1;z-index:5}.hero h1{font-size:clamp(65px,8.1vw,118px);margin:0 0 29px;line-height:1.1}.hero-sub{font-size:clamp(15px,1.55vw,22px);line-height:1.65}.hero-stage.hero-clean{width:56%;top:0;right:0}.hero .pill-button{min-height:50px}.hero-scroll{bottom:28px}}
@media(min-width:760px) and (max-width:1100px){.hero.cinematic{padding-top:88px}.hero h1{font-size:clamp(61px,7.6vw,82px)}.hero-copy{width:100%}.hero-sub{font-size:15px}.hero .pill-button{font-size:13px}.hero-photo{left:-44%;width:148%}.nav nav{gap:16px;font-size:11px}.nav-action{padding:13px 16px;font-size:11px}}
@media(max-width:759px){.hero.cinematic{display:block;height:790px;min-height:0;max-height:none;padding:46px 25px 0}.hero-copy{width:100%;margin:0;padding:0}.hero h1{font-size:58px;line-height:1.14;margin:0 0 22px}.hero-sub{font-size:12px;line-height:1.8}.hero-stage.hero-clean{inset:365px 0 0;width:100%;height:405px}.hero-photo{top:0;left:-49%;width:150%;height:100%;object-fit:cover;object-position:right center}.hero-clean:after{background:linear-gradient(#020303,transparent 14%,transparent 85%,#020303),linear-gradient(90deg,#02030366,transparent 20%)}.hero-beam{inset:-30% 0 0}.hero-scroll{bottom:18px}.hero-clean.is-landing .hero-photo{animation-duration:1800ms}.hero-clean.is-landing .hero-dust{animation-delay:500ms}}
@media(prefers-reduced-motion:reduce){.hero-clean *{animation:none!important;transition:none!important}.hero-photo{transform:none!important;will-change:auto}.hero-dust{display:none}}
@media(min-width:1101px){.hero.cinematic{min-height:680px}}
.mobile-for-label,.mobile-voice-title{display:none}
.mobile-product-tagline{display:none}
.product-grid .product-for>.mobile-for-label,.product-grid .voice-details>.mobile-voice-title{display:block}
.product-grid .voice-details>.mobile-voice-title{font-family:var(--serif);font-size:16px;font-weight:600;line-height:1.6;color:#f2efe3;margin:10px 0}
.product-grid .product-for>.mobile-for-label{font-size:11px;font-weight:600;color:#d5dccd;margin-bottom:9px}
.product-grid .product-story .product-description{margin-top:0}
@media(max-width:700px){
  .product-grid .product-story>summary,.product-grid .product-for>summary,.product-grid .voice-details>summary{display:none}
  .product-grid .mobile-for-label,.product-grid .mobile-voice-title{display:block}
  .product-grid .mobile-for-label{margin-bottom:8px!important}
  .product-grid .mobile-voice-title{font-family:var(--serif);font-size:15px;line-height:1.6;margin:9px 0}
  .product-grid .product-story .product-description{margin-top:0}
  .product-grid .product-for{border:0;margin-block:0 18px}
  .product-grid .product-for>ul{margin-top:0}
  .product-grid details::details-content{content-visibility:visible;display:block}
  .product-grid .product-heading{padding:27px 23px 0;min-height:94px}
  .product-grid .product-heading h3{font-size:32px;font-weight:600;line-height:1.3;color:#f5f1e9;letter-spacing:-.035em}
  .product-grid .product-category{font-size:11px;letter-spacing:.08em;color:#b7c0b1;margin-top:12px}
  .product-grid .product-art{margin-top:16px;margin-bottom:25px}
  .product-grid .product-copy{padding:0 23px 27px}
  .product-grid .mobile-product-tagline{display:block;font-family:var(--serif);font-size:27px;line-height:1.45;font-weight:600;letter-spacing:-.035em;color:#f2eee4;margin:0 0 23px}
  .product-grid .product-concept>.product-tagline{display:none}
  .product-grid .product-material{font-size:14px;font-weight:500;line-height:1.75;color:#d4d9cd;margin-bottom:23px;padding-bottom:18px;border-bottom:1px solid #394034}
  .product-grid .copy-label{font-size:11px;font-weight:600;letter-spacing:.06em;color:#b7c2ac;margin-bottom:8px}
  .product-grid .weight-note{font-size:12px;font-weight:400;line-height:1.6;color:#aeb9a3;margin-top:7px}
  .product-grid .description-lead,.product-grid .product-description{font-size:14px;line-height:1.95;color:#cdd3c5}
  .product-grid .description-lead{margin-bottom:5px}
  .product-grid .product-story{margin-bottom:23px}
  .product-grid .product-for{font-size:14px;line-height:1.85;color:#cdd3c5;margin-bottom:25px}
  .product-grid .product-for .mobile-for-label{font-size:12px;font-weight:600;color:#e0e4d9}
  .product-grid .product-for li+li{margin-top:9px}
  .product-grid .fiction-voice,.product-grid .product-standard .fiction-voice{padding:18px;margin-bottom:25px;border:1px solid #59664d;background:#192016;border-radius:9px}
  .product-grid .fiction-voice>span,.product-grid .product-standard .fiction-voice>span{font-size:12px;font-weight:600;color:#e4e7dc;letter-spacing:.08em}
  .product-grid .voice-details p{font-size:14px;line-height:1.9;color:#d1d8c7;margin:10px 0}
  .product-grid .voice-details .mobile-voice-title{font-family:var(--serif);font-size:17px;font-weight:600;line-height:1.55;color:#f2efe3;margin:13px 0 12px}
  .product-grid .fiction-voice small{font-size:11px;line-height:1.6;color:#b9c3ad;margin-top:12px}
  .product-grid .product-price,.product-grid .product-standard .product-price{padding-top:20px;border-top:1px solid #424c39}
  .product-grid .product-price strong{font-size:38px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#f5f5f0}
  .product-grid .product-price small{font-size:11px;color:#bac4ad;margin-top:8px}
  .product-grid .text-button{min-height:50px;font-size:14px;margin-top:20px}
}
/* A short, silent product reveal. Controls stay available throughout. */
.hero .hero-sub{font-size:clamp(21px,2vw,29px);font-weight:600;line-height:1.5;margin-bottom:13px;color:#ecece7}
.hero-line{font-size:16px;line-height:1.9;color:#bdc2bc;margin:0 0 28px;max-width:480px}
.product-grid .text-button .cta-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.product-grid .text-button .cta-copy>span{font-size:inherit}
.product-grid .text-button .cta-copy>small{font-size:10px;font-weight:400;letter-spacing:.08em;line-height:1.4;color:#fff}
@media(max-width:759px){.hero .hero-sub{font-size:21px;line-height:1.5;margin-bottom:12px}.hero-line{font-size:13px;line-height:1.9;margin-bottom:24px}.product-grid .text-button .cta-copy>small{font-size:11px}}
.hero-clean.is-landing .hero-photo{animation:hero-weight-arrival 3000ms cubic-bezier(.2,.7,.2,1) both}
.hero-clean.is-landing .hero-beam{animation:hero-light-arrival 3000ms ease-out both}
.hero-clean.is-landing .hero-dust{animation:hero-impact-dust 1650ms 1130ms ease-out both}
.hero.is-launching h1{animation:hero-title-arrival 3000ms cubic-bezier(.2,.7,.2,1) both;transform-origin:left center}
.hero.is-launch-paused h1{animation-play-state:paused!important}
.hero-dust{background:radial-gradient(ellipse at 30% 65%,#d8b89288,transparent 45%),radial-gradient(ellipse at 67% 48%,#ebd0aa66,transparent 44%),radial-gradient(ellipse at 48% 75%,#d6bb8e55,transparent 55%);filter:blur(5px)}
@keyframes hero-weight-arrival{0%,9%{opacity:.08;transform:translate3d(0,-145px,0) rotate(-5deg) scale(1.08);filter:brightness(.06)}24%{opacity:1;transform:translate3d(0,-120px,0) rotate(-3deg) scale(1.045);filter:brightness(.65)}39%{transform:translate3d(0,12px,0) rotate(.6deg) scale(1.018);filter:brightness(1.18)}45%{transform:translate3d(0,-5px,0) rotate(-.18deg) scale(1.005);filter:brightness(1.04)}58%,100%{opacity:1;transform:none;filter:brightness(1)}}
@keyframes hero-light-arrival{0%,8%{opacity:0;transform:translateX(-90px) scaleX(.25)}23%{opacity:.95;transform:translateX(0) scaleX(.7)}39%{opacity:.8;transform:translateX(0) scaleX(1.15)}65%,100%{opacity:.3;transform:none}}
@keyframes hero-impact-dust{0%{opacity:0;transform:scale(.45,.15) translateY(8px)}12%{opacity:1}48%{opacity:.45}100%{opacity:0;transform:scale(1.55,1.8) translateY(-38px)}}
@keyframes hero-title-arrival{0%,23%{opacity:.42;transform:translateY(12px) scale(.94);filter:blur(.5px)}48%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}65%,100%{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){.hero.is-launching h1,.hero-clean.is-landing *{animation:none!important;transition:none!important;opacity:1;filter:none;transform:none}.hero-dust{display:none}}
/* Two manually navigated hero scenes. */
.hero-deck{--hero-scene-height:clamp(650px,calc(56.6vw - 84px),780px);background:#020303;overflow:hidden;scroll-margin-top:84px}
.hero-track{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;outline-offset:-4px}
.hero-track::-webkit-scrollbar{display:none}.hero-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;user-select:none;cursor:grabbing}
.hero-track>.hero-panel{flex:0 0 100%;min-width:0;position:relative;scroll-snap-align:start;scroll-snap-stop:always;height:var(--hero-scene-height);min-height:0;max-height:none}
.hero-track>.hero.cinematic{height:var(--hero-scene-height);min-height:0;max-height:none}
.hero-actions{display:flex;align-items:center;gap:24px;position:relative;z-index:6}.hero-how-link{border:0;background:none;color:#c7c9c1;padding:15px 0;font-size:13px;white-space:nowrap}.hero-how-link span{padding-left:10px}.hero-how-link:hover{color:#fff}
.hero-deck-controls{min-height:76px;padding:14px var(--reference-edge);display:flex;align-items:center;gap:24px;border-block:1px solid #262b27;background:#060807}
.hero-pages{display:flex;gap:30px;align-items:center}.hero-pages button{border:0;border-bottom:1px solid transparent;background:none;padding:8px 0;color:#727c72;font-size:13px;letter-spacing:.08em}.hero-pages span{font-size:9px;margin-left:9px;letter-spacing:.15em}.hero-pages button[aria-current=page]{color:#e9e9df;border-color:#b4baac}.hero-page-status{font-size:11px;letter-spacing:.1em;color:#9ca594;margin-left:auto}.hero-arrows{display:flex;gap:9px}.hero-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid #4b5549;background:#111710;font:20px Arial;color:#e2e8da}.hero-arrows button:disabled{opacity:.25;cursor:default}
.hero-title-first,.hero-title-second{display:inline-block;transform-origin:left center}.hero-copy{perspective:900px}.hero-clean{perspective:1100px}
.hero-clean .hero-beam{opacity:.2;filter:blur(19px);background:linear-gradient(180deg,#fff0d944,transparent 88%);clip-path:polygon(41% 0,59% 0,100% 100%,0 100%)}
.hero-soft-glow{position:absolute;z-index:2;inset:-15% 4% 0;background:radial-gradient(ellipse at 55% 0,#fff1ce2b,transparent 65%);opacity:.55;pointer-events:none}
.hero-motes{position:absolute;inset:0;overflow:hidden;z-index:4;pointer-events:none}.hero-motes i{position:absolute;left:var(--x);top:0;width:2px;height:2px;background:#f1dfba;border-radius:50%;box-shadow:0 0 8px 2px #f2dfae35;opacity:0}
.hero-clean.is-revealing .hero-photo{animation:hero-soft-arrival 4800ms cubic-bezier(.19,.6,.3,1) both}
.hero-clean.is-revealing .hero-beam{animation:hero-falling-light 3900ms 900ms ease-out both}
.hero-clean.is-revealing .hero-soft-glow{animation:hero-glow-arrival 3600ms 1200ms ease-out both}
.hero-clean.is-revealing .hero-motes i{animation:hero-floating-mote 3000ms var(--delay) linear both}
.hero.is-soft-reveal .hero-title-first{animation:hero-first-line 1600ms ease-out both}
.hero.is-soft-reveal .hero-title-second{animation:hero-main-line 1900ms 550ms cubic-bezier(.16,.7,.22,1) both}
.hero.is-soft-reveal .hero-sub{animation:hero-copy-arrival 1500ms 1800ms ease-out both}
.hero.is-soft-reveal .hero-line{animation:hero-copy-arrival 1600ms 2150ms ease-out both}
.hero.is-reveal-paused *{animation-play-state:paused!important}
@keyframes hero-soft-arrival{0%,8%{opacity:.02;filter:brightness(.03) blur(15px);transform:translate3d(15%,22%,-300px) rotateY(-18deg) scale(.5)}35%{opacity:.8;filter:brightness(.62) blur(3px);transform:translate3d(-3%,-2%,80px) rotateY(5deg) scale(1.12)}60%{opacity:1;filter:brightness(1.16) blur(0);transform:translate3d(0,0,0) rotateY(0) scale(1.025)}100%{opacity:1;filter:brightness(1) blur(0);transform:none}}
@keyframes hero-falling-light{0%{opacity:0;transform:translate3d(-80px,-450px,0) rotate(-22deg) scaleX(.08)}30%{opacity:.65;transform:translate3d(28px,-55px,0) rotate(7deg) scaleX(1.3)}65%{opacity:.36;transform:translate3d(-6px,8px,0) rotate(-1deg) scaleX(1.05)}100%{opacity:.2;transform:none}}
@keyframes hero-glow-arrival{0%{opacity:0;transform:translateY(-170px) scale(.2)}40%{opacity:.8;transform:translateY(25px) scale(1.15)}100%{opacity:.55;transform:none}}
@keyframes hero-floating-mote{0%{opacity:0;transform:translate3d(-7px,-20px,0)}25%{opacity:.65}75%{opacity:.25}100%{opacity:0;transform:translate3d(8px,340px,0)}}
@keyframes hero-first-line{0%{opacity:0;transform:translate3d(-22%,50px,-180px) rotateY(25deg) scale(.62);filter:blur(16px)}65%{opacity:1;transform:translate3d(0,-3px,0) rotateY(-2deg) scale(1.04);filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes hero-main-line{0%{opacity:0;transform:translate3d(14%,-25px,180px) rotateY(-16deg) scale(1.85);filter:blur(18px)}55%{opacity:1;transform:translate3d(-2%,3px,0) rotateY(2deg) scale(.96);filter:blur(0)}80%{transform:translate3d(0,-1px,0) scale(1.015)}100%{opacity:1;transform:none;filter:none}}
@keyframes hero-copy-arrival{0%{opacity:0;transform:translateY(12px);filter:blur(3px)}100%{opacity:1;transform:none;filter:none}}
/* Five material gestures, with an optional letter. */
.hero-howto{display:grid;grid-template-columns:42% 58%;grid-template-rows:auto 1fr;column-gap:20px;padding:64px 7.8vw 45px;background:radial-gradient(ellipse at 74% 50%,#1b1b12,#060806 56%,#020303)}
.howto-intro{grid-column:1;grid-row:1}.howto-intro .eyebrow{font-size:10px;letter-spacing:.2em;color:#a5ad9a;margin:0 0 15px}.howto-intro h2{font-family:var(--serif);font-size:clamp(38px,4vw,58px);font-weight:500;line-height:1.25;letter-spacing:-.04em;margin:0 0 18px;color:#f1eee3}.howto-intro>p:last-child{font-size:14px;color:#a6b09d;margin:0 0 24px}
.howto-steps{grid-column:1;grid-row:2;list-style:none;padding:0;margin:0;align-self:start;max-width:390px}.howto-steps li+li{margin-top:5px}.howto-steps button{position:relative;display:flex;align-items:center;gap:17px;text-align:left;width:100%;border:0;border-left:1px solid #30392c;background:none;padding:7px 10px 7px 15px;color:#7e8b75;transition:color .35s,border-color .35s,background .35s}.howto-number{font:11px Arial;letter-spacing:.1em}.howto-steps strong{display:block;font-size:15px;font-weight:500}.howto-steps small{display:block;font-size:11px;line-height:1.65;margin-top:3px}.howto-steps button[aria-current=step]{color:#f0eee0;border-left-color:#d9d4b6;background:linear-gradient(90deg,#b9b69913,transparent)}
.howto-visual{grid-column:2;grid-row:1/3;align-self:center;min-width:0;position:relative;margin-top:15px}.howto-art{position:relative;width:100%;height:430px;isolation:isolate;pointer-events:none}.howto-halo{position:absolute;inset:12% 0;background:radial-gradient(ellipse,#88784b23,transparent 67%);filter:blur(16px)}
.howto-product{position:absolute;width:160%;max-width:none;left:-34%;top:-37%;height:auto;transition:opacity .75s,transform .9s;filter:drop-shadow(0 30px 20px #0008)}
.howto-message{position:absolute;left:42%;top:18%;width:44%;height:58%;background:linear-gradient(135deg,#f0e8d6,#c5b594);padding:24px 22px;color:#302b22;transform:translateY(28px) rotate(5deg);opacity:0;box-shadow:0 28px 60px #0009;transition:opacity .75s,transform .9s}.howto-message>span{font:8px Arial;letter-spacing:.2em;color:#665d4b}.howto-message p{font-family:var(--serif);font-size:clamp(25px,2.8vw,39px);line-height:1.6;margin:25px 0 0}.howto-pen{position:absolute;width:8px;height:110px;right:-2%;top:20%;background:linear-gradient(90deg,#1e211f,#8e9387 40%,#171b18 70%);border-radius:4px 4px 1px 1px;transform:rotate(40deg);opacity:0}.howto-pen:after{content:"";position:absolute;bottom:-12px;left:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:12px solid #c5baa4}
.howto-letter{position:absolute;inset:6% 21% 5%;padding:30px 26px;background:linear-gradient(135deg,#eee8d6,#cbbd9c);color:#3a3326;box-shadow:0 30px 60px #000b;opacity:0;transform:translateY(25px) rotate(-10deg);transition:opacity .75s,transform .9s}.howto-letter>span{font:8px Arial;letter-spacing:.16em;color:#81745d}.howto-letter p{font-family:var(--serif);font-size:19px;line-height:1.9;margin:35px 0 20px}.howto-letter i{display:block;border-top:1px solid #8d7f5e4d;margin:20px 0}.howto-letter small{position:absolute;bottom:25px;font-size:10px;color:#71634c}
.howto-parcel{position:absolute;width:100%;height:100%;inset:0;opacity:0;transform:translateY(25px) scale(.93);transition:opacity .75s,transform .9s}.howto-route{position:absolute;width:100%;height:100%;inset:0;opacity:0;transition:opacity .8s}.howto-destination{position:absolute;right:4%;top:7%;opacity:0;transition:opacity .8s,transform .8s;transform:translateY(12px)}.howto-destination span{font:9px Arial;letter-spacing:.2em;color:#9b9d85}.howto-destination p{font-family:var(--serif);font-size:28px;margin:5px 0;color:#ebe8d8}
.howto-visual[data-step="1"] .howto-product{opacity:.5;transform:translate(-10%,-3%) scale(.65)}.howto-visual[data-step="1"] .howto-message{opacity:1;transform:rotate(5deg)}.howto-visual[data-step="1"].is-playing .howto-message p{animation:howto-write 1800ms ease-in-out both}.howto-visual[data-step="1"].is-playing .howto-pen{animation:howto-pen 1900ms ease-in-out both}
.howto-visual[data-step="2"] .howto-product{opacity:.14;transform:translate(-15%,-3%) scale(.6)}.howto-visual[data-step="2"] .howto-letter{opacity:1;transform:rotate(-6deg)}
.howto-visual[data-step="3"] .howto-product,.howto-visual[data-step="4"] .howto-product{opacity:0;transform:scale(.7)}.howto-visual[data-step="3"] .howto-parcel{opacity:1;transform:none}.howto-visual[data-step="3"].is-playing .parcel-lid{animation:howto-lid 1500ms ease-out both;transform-origin:50% 40%}
.howto-visual[data-step="4"] .howto-parcel{opacity:1;transform:translate(10%,-4%) scale(.73)}.howto-visual[data-step="4"] .howto-route{opacity:.65}.howto-visual[data-step="4"] .howto-destination{opacity:1;transform:none}.howto-visual[data-step="4"].is-playing .howto-parcel{animation:howto-delivery 2500ms cubic-bezier(.2,.6,.3,1) both}
.howto-caption{display:flex;align-items:center;gap:17px;color:#c8ccbc;margin:10px 0 0;padding:13px 0;border-top:1px solid #414733}.howto-caption>span{font:10px Arial;letter-spacing:.1em;white-space:nowrap;color:#909a83}.howto-caption p{font-size:13px;margin:0}.howto-play{display:block;margin:8px 0 0 auto;padding:8px 0 8px 18px;background:none;border:0;font-size:10px;color:#a2ab96}.howto-play[hidden]{display:none}
@keyframes howto-write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes howto-pen{0%{opacity:0;transform:translate(-90px,0) rotate(40deg)}15%,70%{opacity:1}95%,100%{opacity:0;transform:translate(10px,105px) rotate(40deg)}}
@keyframes howto-lid{0%{transform:translateY(-60px);opacity:.2}100%{transform:none;opacity:1}}
@keyframes howto-delivery{0%{transform:translate(-18%,9%) scale(.73)}100%{transform:translate(10%,-4%) scale(.73)}}
.howto-visual:not(.is-playing) *{animation-play-state:paused!important}
@media(min-width:760px) and (max-width:1100px){.hero-howto{padding:52px 6% 35px;grid-template-columns:43% 57%;gap:15px}.howto-intro h2{font-size:43px}.howto-art{height:340px}.howto-message{padding:19px}.howto-message p{font-size:28px;margin-top:20px}.howto-letter{padding:24px 20px}.howto-letter p{font-size:16px;margin-top:23px}.howto-letter i{margin:15px 0}.howto-steps strong{font-size:14px}.howto-steps small{font-size:10px}.howto-caption p{font-size:11px}.hero-actions{gap:16px}.hero-how-link{font-size:12px}}
@media(max-width:759px){.hero-deck{--hero-scene-height:810px;scroll-margin-top:68px}.hero-actions{gap:17px}.hero-how-link{font-size:11px}.hero-how-link span{padding-left:4px}.hero-deck-controls{min-height:70px;padding:10px 20px;gap:12px}.hero-pages{gap:19px}.hero-pages button{font-size:11px}.hero-pages span{font-size:7px;display:block;margin:5px 0 0;letter-spacing:.1em}.hero-page-status{font-size:10px}.hero-arrows{gap:7px}.hero-arrows button{width:40px;height:40px}.hero-howto{padding:28px 25px 25px;display:grid;grid-template-columns:1fr;grid-template-rows:auto 255px 1fr;gap:10px;background:radial-gradient(ellipse at 50% 40%,#252316,#060806 62%)}.howto-intro{grid-column:1;grid-row:1}.howto-intro .eyebrow{font-size:8px;margin-bottom:10px}.howto-intro h2{font-size:34px;line-height:1.3;margin-bottom:8px}.howto-intro>p:last-child{font-size:12px;margin-bottom:0}.howto-visual{grid-column:1;grid-row:2;align-self:start;margin-top:0}.howto-art{height:210px}.howto-message{top:4%;left:43%;height:76%;width:47%;padding:15px 16px}.howto-message>span{font-size:6px}.howto-message p{font-size:25px;margin-top:13px;line-height:1.5}.howto-pen{height:70px}.howto-letter{inset:-2% 20% 0;padding:16px 18px}.howto-letter>span{font-size:6px}.howto-letter p{font-size:13px;margin:18px 0 10px}.howto-letter i{margin:12px 0}.howto-letter small{font-size:8px;bottom:14px}.howto-caption{gap:12px;padding:9px 0;margin-top:0}.howto-caption>span{font-size:8px}.howto-caption p{font-size:10px}.howto-play{position:absolute;right:0;top:-15px;font-size:9px;margin:0;padding:10px 0 10px 15px}.howto-destination p{font-size:23px}.howto-steps{grid-column:1;grid-row:3;width:100%;max-width:none;align-self:start;margin-top:12px}.howto-steps li+li{margin-top:2px}.howto-steps button{gap:14px;padding:6px 10px 6px 13px}.howto-number{font-size:10px}.howto-steps strong{font-size:14px;line-height:1.5}.howto-steps small{font-size:11px;line-height:1.6;margin-top:1px}}
@media(prefers-reduced-motion:reduce){.hero-track{scroll-behavior:auto!important}.hero.is-soft-reveal *,.hero-clean.is-revealing *,.howto-visual *{animation:none!important;transition:none!important}.hero-title-first,.hero-title-second,.hero-sub,.hero-line,.hero-photo{opacity:1!important;filter:none!important;transform:none!important}.hero-motes{display:none}.howto-steps button{transition:none}}
/* Photographic cinema sequence, using one original generated atlas. */
.hero-stage.hero-clean{isolation:isolate;overflow:hidden}
.hero-macro{position:absolute;inset:0;z-index:5;background-image:url('./assets/cinema-atlas.png');background-size:300% auto;background-position:0 0;opacity:0;pointer-events:none}
.hero-lens{position:absolute;z-index:6;inset:0;opacity:0;background:linear-gradient(115deg,transparent 30%,#ffe4a233 48%,#fff3d633 50%,transparent 68%);mix-blend-mode:screen;pointer-events:none}
.hero-clean.is-revealing .hero-macro{animation:cinema-macro 5600ms cubic-bezier(.2,.6,.2,1) both}
.hero-clean.is-revealing .hero-photo{animation:hero-soft-arrival 5600ms cubic-bezier(.2,.6,.2,1) both}
.hero-clean.is-revealing .hero-lens{animation:cinema-lens 3900ms 1000ms ease-out both}
.hero-clean.is-revealing .hero-beam{animation:hero-falling-light 4600ms 600ms ease-out both}
.hero.is-soft-reveal .hero-title-first{animation:hero-first-line 2100ms 900ms cubic-bezier(.16,.75,.15,1) both}
.hero.is-soft-reveal .hero-title-second{animation:hero-main-line 2400ms 1600ms cubic-bezier(.12,.8,.18,1) both}
.hero.is-soft-reveal .hero-sub{animation:hero-copy-arrival 1500ms 3300ms ease-out both}
.hero.is-soft-reveal .hero-line{animation:hero-copy-arrival 1500ms 3550ms ease-out both}
@keyframes cinema-macro{0%{opacity:0;transform:scale(1.65) translate(7%,9%);filter:brightness(.05)}18%{opacity:1;filter:brightness(.6)}40%{opacity:1;filter:brightness(1.1);transform:scale(1.22) translate(1%,-2%)}67%{opacity:0;filter:brightness(.4);transform:scale(.82) translate(-8%,-5%)}100%{opacity:0;transform:scale(.82)}}
@keyframes cinema-lens{0%{opacity:0;transform:translateX(-110%) skewX(-12deg)}35%{opacity:.8}70%{opacity:.45}100%{opacity:0;transform:translateX(110%) skewX(-12deg)}}
@keyframes hero-soft-arrival{0%,25%{opacity:.05;transform:translate3d(12%,12%,-220px) rotateY(-12deg) scale(.74);filter:brightness(.08) blur(9px)}48%{opacity:.65;transform:translate3d(-5%,-2%,100px) rotateY(4deg) scale(1.2);filter:brightness(.65) blur(2px)}72%{opacity:1;transform:scale(1.04);filter:brightness(1.1)}100%{opacity:1;transform:none;filter:none}}
@keyframes hero-first-line{0%{opacity:0;transform:translate3d(-35%,90px,-250px) rotateY(30deg) scale(.55);filter:blur(15px)}65%{opacity:1;transform:translate3d(0,-5px,0) scale(1.05);filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes hero-main-line{0%{opacity:0;transform:translate3d(20%,-70px,160px) rotateY(-15deg) scale(2.25);filter:blur(22px)}60%{opacity:1;transform:translate3d(-2%,4px,0) scale(.96);filter:none}100%{opacity:1;transform:none;filter:none}}
.hero-howto{grid-template-columns:34% 66%;column-gap:34px;padding-inline:5.6vw;overflow:hidden;background:radial-gradient(ellipse at 72% 50%,#211b12,#050706 65%)}
.howto-visual{width:100%;margin-top:0;align-self:center}.howto-art.cinema-screen{height:510px;max-height:calc(var(--hero-scene-height) - 160px);width:100%;overflow:hidden;pointer-events:none;box-shadow:0 25px 65px #0007;border:1px solid #9e84552b;background:#080706;isolation:isolate}
.film-frame{position:absolute;inset:0;opacity:0;transition:opacity 900ms;overflow:hidden;will-change:opacity}.film-frame.is-active{opacity:1;z-index:1}
.film-photo{position:absolute;inset:0;background-image:url('./assets/cinema-atlas.png');background-size:300% auto;background-repeat:no-repeat;transform:scale(1.02);filter:saturate(.85) contrast(1.04)}
.film-photo-0{background-position:50% 14%}.film-photo-1{background-image:url('./assets/howto-writing.png');background-size:cover;background-position:center}.film-photo-2{background-position:0 86%}.film-photo-3{background-image:url('./assets/howto-packing-clean.png');background-size:cover;background-position:center}.film-photo-4{background-image:url('./assets/howto-delivery.png');background-size:cover;background-position:center}
.film-frame.is-active .film-photo{animation:film-camera 4300ms cubic-bezier(.2,.6,.3,1) both}
.film-frame.is-active .film-photo-1{animation-name:film-write}.film-frame.is-active .film-photo-2{animation-name:film-envelope}.film-frame.is-active .film-photo-3{animation-name:film-pack}.film-frame.is-active .film-photo-4{animation-name:film-deliver}
.film-shade{position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 80px #0005;background:linear-gradient(0deg,#0007,transparent 22%,transparent 80%,#0003)}
.film-grain{display:none}
.film-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff15;z-index:5}.film-progress i{display:block;width:100%;height:100%;background:#eee0bf;transform-origin:left;transform:scaleX(0)}
.howto-visual.is-playing .film-progress i{animation:film-progress 4300ms linear infinite}.howto-visual:not(.is-playing) .film-photo{animation-play-state:paused!important}
.howto-caption{margin-top:14px;border-color:#544735;color:#eee5d2}.howto-caption p{font-size:14px}.howto-play{position:relative;z-index:10;font-size:12px;padding:10px 0 10px 20px}.howto-steps strong{font-size:16px}.howto-steps small{font-size:12px;color:#b1b1a4}.howto-steps button{padding-block:10px}.howto-steps button[aria-current=step]{background:linear-gradient(90deg,#cfb47724,transparent);border-color:#e2c993}
@keyframes film-camera{0%{transform:scale(1.2) translate(3%,-4%)}100%{transform:scale(1.02) translate(0,0)}}
@keyframes film-write{0%{transform:scale(1.27) translate(-7%,2%)}100%{transform:scale(1.04) translate(0,0)}}
@keyframes film-envelope{0%{transform:scale(1.15) translate(2%,5%)}100%{transform:scale(1.03) translate(-1%,-1%)}}
@keyframes film-pack{0%{transform:scale(1.08) translate(-2%,2%)}100%{transform:scale(1.24) translate(3%,-3%)}}
@keyframes film-deliver{0%{transform:scale(1.2) translate(-5%,0)}100%{transform:scale(1.03) translate(0,0)}}
@keyframes film-progress{to{transform:scaleX(1)}}
@media(min-width:760px) and (max-width:1100px){.hero-howto{grid-template-columns:37% 63%;padding-inline:5%;column-gap:20px}.howto-art.cinema-screen{height:390px}.howto-intro h2{font-size:39px}.howto-steps strong{font-size:14px}.howto-steps small{font-size:11px}.howto-steps button{padding-block:7px}}
@media(max-width:759px){.hero-deck{--hero-scene-height:870px}.hero-howto{grid-template-columns:1fr;grid-template-rows:auto 320px 1fr;gap:8px;padding:25px 22px;background:#080907}.howto-intro h2{font-size:32px}.howto-intro>p:last-child{font-size:12px}.howto-art.cinema-screen{height:270px;max-height:none}.howto-caption{margin-top:0;padding-block:9px;gap:10px}.howto-caption p{font-size:11px}.howto-play{position:absolute;top:267px;right:0;font-size:10px;padding:10px;background:#080907}.howto-caption p{max-width:190px}.howto-steps{margin-top:8px}.howto-steps button{padding-block:5px}.howto-steps strong{font-size:14px}.howto-steps small{font-size:11px}.hero-macro{background-size:300% auto}}
@media(prefers-reduced-motion:reduce){.hero-macro,.hero-lens{display:none}.film-frame,.film-photo,.film-progress i{animation:none!important;transition:none!important;transform:none!important}}


.purchase-link{display:flex;width:100%;margin:20px 0 12px;background:#0099ff;color:#fff;text-decoration:none}.purchase-link:hover{background:#168fea}

.packing-letter{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:#493b2e;opacity:.86;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:38px;letter-spacing:2px;mix-blend-mode:multiply}

.share-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #686a67;border-radius:30px;background:transparent;color:#27261f;font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;cursor:pointer;padding:13px 16px}.share-button:hover{background:#ded4bb;border-color:#686a67}.share-button:disabled{opacity:.65;cursor:wait}.share-button:focus-visible{outline:2px solid #27261f;outline-offset:3px}.share-status{min-height:0;margin:0;color:#47453c;font-size:13px;line-height:1.5}.share-status:not(:empty){margin:10px 0}.share-fallback{margin:12px 0}.share-fallback label{display:block;font-size:12px;margin-bottom:6px}.share-fallback textarea{width:100%;padding:10px;color:#eeede7;background:#151715;border:1px solid #686a67;border-radius:6px;font-size:13px;line-height:1.7;resize:vertical;font-family:inherit}.share-button~.dialog-return{margin-top:14px}

.footer-journal{display:flex;flex-wrap:wrap;gap:16px 28px;padding:28px 0;border-top:1px solid #282929;font-size:12px;line-height:1.8}.footer-journal>span{font-size:10px;letter-spacing:2px;color:#a5a59d}.footer-journal>a{color:#c6c5bc;text-underline-offset:4px}@media(max-width:600px){.footer-journal{align-items:flex-start;flex-direction:column;gap:12px}}

.share-copy-link{display:block;margin:12px auto 0;border:0;background:none;color:inherit;font-family:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:32px;cursor:pointer}.share-copy-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* Keep crawlable product links visually identical to their former buttons. */
.product-grid a.text-button{text-decoration:none;font-family:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}