.product-story{--story-p:0;color:#f6e8d2;isolation:isolate;background:radial-gradient(at 22% 52%,#a3612529,#0000 52%),linear-gradient(#241d16ed,#211b16f7 80%,#302217ed);border:0;padding:100px 7% 55px;position:relative}.product-story:before{content:"";background:linear-gradient(90deg,#0000,#e9b87980,#0000);height:1px;position:absolute;top:0;left:7%;right:7%}.story-opening{text-align:center;flex-direction:column;align-items:center;display:flex}.product-story .eyebrow{color:#dca76c}.story-opening h2{letter-spacing:-.045em;color:#f6e8d2;margin:15px 0 30px;font:400 clamp(40px,5.2vw,78px)/1.06 Georgia,serif}.story-opening h2 em{color:#d5ab7c}.story-scroll-note{letter-spacing:.06em;color:#c9b49a;font-size:10px}.story-scroll-note>span{color:#e2b37a;margin-top:22px;font-size:24px;display:block}.story-layout{grid-template-columns:56% 38%;align-items:start;gap:6%;margin-top:45px;display:grid;position:relative}.story-visual{flex-direction:column;justify-content:center;align-items:center;min-width:0;height:min(75vh,670px);display:flex;position:sticky;top:85px}.story-art{flex-shrink:0;width:600px;max-width:none;height:600px;margin:-45px;position:relative;transform:scale(.85)}.story-connections{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.story-connections path{fill:none;stroke:#eeba78;stroke-width:1px;stroke-dasharray:300;stroke-dashoffset:calc(300 * (1 - var(--story-p)));opacity:.7}.story-halo{fill:none;stroke:#ba8b5140;stroke-width:1px;stroke-dasharray:2 10;transform-origin:50%;transform:rotate(calc(var(--story-p) * 40deg))}.story-core{width:150px;height:150px;transform:scale(calc(.85 + var(--story-p) * .15));z-index:2;background:radial-gradient(circle at 26% 20%,#fff3d6c9,#0000 42%),radial-gradient(circle at 73% 80%,#e3a04bad,#0000 50%),linear-gradient(140deg,#b89b78,#28211a 66%);border-radius:50%;place-items:center;display:grid;position:absolute;top:225px;left:225px;box-shadow:inset 2px 2px 5px #fff1ceab,inset -3px -4px 10px #f0ac6255,0 0 65px #c9852625}.story-core img{filter:drop-shadow(0 2px 9px #fff0ce44);width:45px;height:45px}.story-core>span{border:1px solid #eabd762e;border-radius:50%;position:absolute;inset:-18px}.story-node{width:42px;height:42px;transform:translate(calc(var(--sx) * (1 - var(--story-p)) + var(--ex) * var(--story-p)),calc(var(--sy) * (1 - var(--story-p)) + var(--ey) * var(--story-p)));background:radial-gradient(circle at 28% 20%,#fff5d8,#b79565 24%,#35261c 62%,#de9957);border-radius:50%;position:absolute;top:279px;left:279px;box-shadow:inset 1px 1px 2px #fff4dc9c,0 6px 18px #08060344}.story-node:after{content:"";animation:4s ease-in-out infinite alternate story-pulse;animation-delay:var(--delay);border:1px solid #efbd6f44;border-radius:50%;position:absolute;inset:-5px}.story-orbit{transform:rotate(calc(-35deg + var(--story-p) * 70deg)) rotateX(58deg);opacity:calc(.25 + var(--story-p) * .6);border:1px solid #edb26b6b;border-radius:50%;position:absolute;inset:115px 30px}.story-orbit.second{transform:rotate(calc(25deg - var(--story-p) * 40deg));border-color:#fff0d72b;inset:50px 125px}.story-stage-label{text-align:center;width:100%;height:40px;position:relative}.story-word{opacity:0;letter-spacing:.08em;color:#c39b6d;font-size:10px;transition:opacity .5s,transform .5s;position:absolute;inset:0;transform:translateY(8px)}.story-word em{letter-spacing:-.02em;color:#f4ddbd;margin-left:18px;font:italic 25px Georgia,serif}.product-story[data-chapter="0"] .word-0,.product-story[data-chapter="1"] .word-1,.product-story[data-chapter="2"] .word-2{opacity:1;transform:none}.story-meter{background:#ac875b40;width:120px;height:1px;margin-top:15px}.story-meter i{transform-origin:0;height:100%;transform:scaleX(var(--story-p));background:#f1c489;display:block}.story-chapter{opacity:.72;flex-direction:column;justify-content:center;min-height:52vh;padding:50px 0;transition:opacity .5s;display:flex}.product-story[data-chapter="0"] .chapter-0,.product-story[data-chapter="1"] .chapter-1,.product-story[data-chapter="2"] .chapter-2{opacity:1}.story-number{color:#dfb37c;letter-spacing:.1em;font-size:10px}.story-chapter h3{letter-spacing:-.035em;margin:25px 0 20px;font:400 clamp(32px,3.2vw,48px)/1.1 Georgia,serif}.story-chapter p{color:#ddcbb3;max-width:360px;font-size:14px;line-height:1.9}.story-next{color:#e8c18e;border-top:1px solid #dfad6a36;justify-content:space-between;align-items:center;margin-top:25px;padding-top:28px;font-size:12px;text-decoration:none;display:flex}.story-next span{font-size:30px}.product-story[data-awake=false] .story-node:after{animation-play-state:paused}@keyframes story-pulse{to{opacity:.25;transform:scale(1.2)}}@media (min-width:701px) and (max-width:1100px){.story-art{margin:-114px;transform:scale(.62)}.story-visual{height:560px}}@media (max-width:700px){.product-story{padding:65px 7% 35px}.story-layout{grid-template-columns:1fr;gap:5px;margin-top:20px}.story-visual{height:340px;position:relative;top:auto;overflow:hidden}.story-art{margin:-162px;transform:scale(.46)}.story-stage-label{margin-top:10px}.story-chapter{opacity:1;border-top:1px solid #bf966637;min-height:0;padding:32px 0}.story-chapter h3{margin:18px 0 8px;font-size:33px}.story-chapter p{font-size:13px}.story-opening h2{font-size:42px}.story-node:after{animation:none}.story-meter{display:none}}@media (prefers-reduced-motion:reduce){.product-story *{transition:none!important;animation:none!important}.story-chapter{opacity:1}}.story-word{visibility:hidden}.product-story[data-chapter="0"] .word-0,.product-story[data-chapter="1"] .word-1,.product-story[data-chapter="2"] .word-2{visibility:visible}