:root {
  --ink: #0b0b0a;
  --ink-2: #151412;
  --paper: #efeee8;
  --paper-2: #d9d5ca;
  --muted: #918e87;
  --line: rgba(255,255,255,.16);
  --mandarin: #f26a3d;
  --mandarin-soft: #f4a17f;
  --edge: clamp(22px, 5vw, 88px);
  --ease: cubic-bezier(.16,.76,.26,1);
  --unbox: 0;
  --hero-rx: -5deg;
  --hero-ry: -8deg;
  --hero-x: 0px;
  --hero-y: 0px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 78px; background: var(--ink); }
body { margin: 0; overflow-x: hidden; background: var(--ink); color: var(--paper); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body, a, button { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--mandarin); color: var(--ink); }
.shell { width: min(100%, 1720px); margin-inline: auto; padding-inline: var(--edge); }
.skip-link { position: fixed; z-index: 1000; top: -80px; left: 14px; padding: 11px 16px; border-radius: 999px; background: var(--mandarin); color: var(--ink); font-weight: 700; }
.skip-link:focus { top: 14px; }
:focus-visible { outline: 2px solid var(--mandarin); outline-offset: 5px; }

.page-progress { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 2px; pointer-events: none; }
.page-progress span { display: block; width: 0; height: 100%; background: var(--mandarin); box-shadow: 0 0 18px rgba(242,106,61,.55); }

.site-header { position: fixed; z-index: 50; top: 0; left: 0; right: 0; transition: background .35s ease, border-color .35s ease, backdrop-filter .35s ease; }
.site-header.is-scrolled { background: rgba(11,11,10,.72); border-bottom: 1px solid rgba(255,255,255,.07); backdrop-filter: blur(18px); }
.nav { height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand-link { display: inline-flex; align-items: center; width: clamp(66px,5.8vw,88px); }
.brand-link img { display: block; width: 100%; height: auto; }
.nav__links { display: flex; align-items: center; gap: clamp(20px,3vw,50px); }
.nav__links a { font-size: 12px; font-weight: 700; letter-spacing: .02em; transition: color .25s ease; }
.nav__links a:hover { color: var(--mandarin); }
.pill-link { display: inline-flex; align-items: center; gap: 16px; padding: 12px 17px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; }
.pill-link span { font-size: 16px; }

.hero { position: relative; min-height: 760px; height: max(760px,100svh); isolation: isolate; overflow: hidden; background: radial-gradient(circle at 78% 37%,#2d221d 0,#171411 26%,#0b0b0a 61%); }
.hero::after { content: ""; position: absolute; z-index: -1; inset: auto -15% -65% 35%; height: 78%; border-radius: 50%; background: radial-gradient(ellipse,rgba(242,106,61,.08),transparent 66%); filter: blur(20px); }
.hero__grain, .manifesto__grain { position: absolute; inset: 0; pointer-events: none; opacity: .13; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
.hero__flare { position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; filter: blur(18px); }
.hero__flare--one { width: 42vw; height: 42vw; min-width: 480px; min-height: 480px; right: -9vw; top: 7%; background: radial-gradient(circle,rgba(242,106,61,.16),transparent 67%); }
.hero__flare--two { width: 26vw; height: 26vw; right: 29%; bottom: -18%; background: radial-gradient(circle,rgba(244,161,127,.07),transparent 68%); }
.hero__layout { height: 100%; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr); align-items: center; gap: clamp(24px,3vw,70px); padding-top: 96px; padding-bottom: 92px; }
.hero__copy { position: relative; z-index: 3; }
.eyebrow, .kicker { display: flex; align-items: center; gap: 13px; color: #a6a29b; font-size: 10px; line-height: 1.2; font-weight: 760; letter-spacing: .21em; text-transform: uppercase; }
.eyebrow > span { width: 42px; height: 1px; background: var(--mandarin); }
.hero h1 { max-width: 910px; margin: clamp(28px,4vh,58px) 0 30px; font-size: clamp(62px,6.7vw,118px); line-height: .96; font-weight: 720; letter-spacing: -.088em; }
.hero h1 .dim { color: #85817c; }
.accent { color: var(--mandarin); }
.hero__lead { max-width: 480px; margin: 0 0 30px; color: #aaa69f; font-size: clamp(15px,1.3vw,19px); line-height: 1.62; }
.round-link { display: inline-flex; align-items: center; gap: 17px; font-size: 13px; font-weight: 750; }
.round-link i { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.38); border-radius: 50%; font-size: 18px; font-style: normal; transition: transform .3s var(--ease), background .3s ease, border-color .3s ease; }
.round-link:hover i { transform: translate(3px,3px); color: var(--ink); background: var(--mandarin); border-color: var(--mandarin); }

.hero-object { position: relative; height: min(68vh,650px); min-height: 470px; display: grid; place-items: center; perspective: 1400px; transform-style: preserve-3d; }
.hero-object__floor { position: absolute; left: 10%; right: 3%; bottom: 14%; height: 12%; border-radius: 50%; background: #000; filter: blur(28px); opacity: .72; transform: translate(var(--hero-x),calc(var(--hero-y) * .45)) scale(calc(1 - var(--hero-scroll,0) * .06)); }
.hero-object__orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(242,106,61,.18); border-radius: 50%; pointer-events: none; transform: translate(-50%,-50%) rotate(-22deg); }
.hero-object__orbit--one { width: 95%; aspect-ratio: 1.46; }
.hero-object__orbit--two { width: 73%; aspect-ratio: 1.15; opacity: .55; transform: translate(-50%,-50%) rotate(30deg); }
.hero-lid { position: relative; width: clamp(300px,31vw,470px); aspect-ratio: 1.48; transform-style: preserve-3d; transform: translate3d(var(--hero-x),var(--hero-y),0) rotateX(var(--hero-rx)) rotateY(var(--hero-ry)) rotateZ(-5deg) translateY(calc(var(--hero-scroll,0) * 18px)); transition: transform .16s ease-out; filter: drop-shadow(18px 28px 22px rgba(0,0,0,.44)); }
.hero-lid__face { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 13px; background: linear-gradient(145deg,#423832,#211d1a 58%,#0e0d0c); border: 1px solid #806a5c; box-shadow: inset 0 0 0 13px #27211e,inset 0 0 0 14px #6b574b; }
.hero-lid__face::after { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(242,106,61,.2); pointer-events: none; }
.hero-lid__face img { display: block; width: 21%; height: auto; filter: drop-shadow(0 5px 10px rgba(0,0,0,.4)); }
.hero-lid__face > span { width: 37%; height: 1px; background: #63544a; }
.hero-lid__face small { color: #a9998e; font-size: 6px; letter-spacing: .23em; }
.hero-lid__edge { position: absolute; z-index: -1; left: 0; right: 0; top: 98%; height: 8%; background: linear-gradient(#1d1917,#0d0c0b); border: 1px solid #5f4e43; transform: skewX(-4deg); transform-origin: top; }
.hero-box { position: relative; width: clamp(290px,31vw,460px); aspect-ratio: 1.24; transform-style: preserve-3d; transform: translate3d(var(--hero-x),var(--hero-y),0) rotateX(var(--hero-rx)) rotateY(var(--hero-ry)) rotateZ(-5deg) translateY(calc(var(--hero-scroll,0) * 18px)); transition: transform .16s ease-out; filter: drop-shadow(18px 28px 22px rgba(0,0,0,.42)); }
.hero-box__body { position: absolute; left: 3%; right: 3%; top: 33%; bottom: 7%; transform-style: preserve-3d; }
.hero-box__inside { position: absolute; inset: 0; background: #070706; border: 1px solid #50453e; box-shadow: inset 0 0 0 13px #171513, inset 0 0 45px #000; }
.hero-box__front { position: absolute; z-index: 3; left: 0; right: 8%; bottom: -1%; height: 66%; display: flex; align-items: flex-end; padding: 0 0 7% 8%; background: linear-gradient(160deg,#25211e,#11100f 67%); border: 1px solid #574940; clip-path: polygon(0 0,100% 9%,100% 100%,0 88%); }
.hero-box__front::after { content: ""; position: absolute; inset: 11px; border: 1px solid rgba(255,255,255,.08); clip-path: inherit; }
.hero-box__front span { color: #766f69; font-size: clamp(7px,.68vw,10px); font-weight: 750; letter-spacing: .2em; }
.hero-box__side { position: absolute; z-index: 4; width: 17%; right: -1%; top: 6%; bottom: 2%; background: linear-gradient(110deg,#302822,#12110f); border: 1px solid #54463c; clip-path: polygon(0 0,100% 10%,100% 89%,0 100%); }
.hero-box__side span { position: absolute; left: 49%; top: 50%; color: #8e796c; font-size: 7px; letter-spacing: .18em; white-space: nowrap; transform: translate(-50%,-50%) rotate(90deg); }
.hero-box__lid { position: absolute; z-index: 7; left: -1%; right: 1%; top: 19%; height: 34%; transform-style: preserve-3d; transform: translateY(calc(var(--hero-scroll,0) * -8px)); }
.hero-box__lid-top { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(145deg,#39312c,#171513 63%,#0e0e0d); border: 1px solid #6a574b; clip-path: polygon(7% 0,100% 19%,91% 100%,0 72%); box-shadow: inset 0 0 0 10px #201c1a,inset 0 0 0 11px #665247; }
.hero-box__lid-top::before { content: none; }
.hero-box__brand { position: relative; z-index: 2; display: block; width: 24%; height: auto; filter: drop-shadow(0 5px 9px rgba(0,0,0,.45)); transform: rotate(8deg); }
.hero-box__edition { position: absolute; right: 10%; bottom: 15%; color: #a29991; font-size: 6px; letter-spacing: .18em; transform: rotate(8deg); }
.hero-box__lid-edge { position: absolute; z-index: -1; left: 1%; right: 3%; top: 72%; height: 28%; background: linear-gradient(#1a1715,#0a0a09); border: 1px solid #54483f; clip-path: polygon(0 0,100% 25%,91% 100%,2% 70%); }
.hero-box__paper { position: absolute; z-index: 5; left: 17%; top: 31%; width: 62%; height: 42%; display: flex; flex-direction: column; gap: 8px; padding: 7% 8%; color: #211e1a; background: #e7dfd1; border: 1px solid #f4eee4; box-shadow: 5px 10px 18px rgba(0,0,0,.42); transform: rotate(-3deg); }
.hero-box__paper span { font-size: 6px; font-weight: 750; letter-spacing: .17em; }
.hero-box__paper b { max-width: 70%; font-size: clamp(13px,1.55vw,22px); line-height: .94; letter-spacing: -.06em; }
.hero-box__seal { position: absolute; z-index: 10; left: 48%; top: 45%; width: clamp(31px,3.6vw,51px); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: var(--mandarin); color: #2a1710; border: 1px solid #6e2a16; box-shadow: 0 7px 14px rgba(0,0,0,.35); font-size: clamp(14px,1.5vw,22px); transform: rotate(7deg); }
.hero-object__note { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; color: #7f7871; font-size: 8px; font-weight: 700; letter-spacing: .18em; }
.hero-object__note i { width: 27px; height: 1px; background: #665e57; }
.hero-object__note--top { right: 2%; top: 16%; }
.hero-object__note--bottom { left: 2%; bottom: 19%; }
.hero__footer { position: absolute; bottom: 28px; left: 50%; display: flex; align-items: center; gap: 15px; color: #6f6b65; font-size: 8px; letter-spacing: .2em; transform: translateX(-50%); }
.hero__footer i { width: 70px; height: 1px; background: #45413d; }
.hero__footer span:last-child { margin-left: auto; }

.intro { opacity: 0; animation: intro .95s var(--ease) forwards; }
.intro--1 { animation-delay: .12s; }
.intro--2 { animation-delay: .2s; }
.intro--3 { animation-delay: .3s; }
.intro--4 { animation-delay: .4s; }
.intro--object { animation-delay: .28s; }
@keyframes intro { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } }

.statement { position: relative; padding: clamp(120px,14vw,220px) 0 clamp(70px,9vw,130px); overflow: hidden; background: var(--paper); color: var(--ink); }
.statement__grid { display: grid; grid-template-columns: 24% 1fr; gap: 30px; }
.kicker { padding-top: 9px; color: #716e68; }
.kicker > span { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--mandarin); }
.display { margin: 0; font-size: clamp(50px,6.5vw,108px); line-height: 1.04; font-weight: 690; letter-spacing: -.081em; }
.display em { font-family: Georgia,serif; font-weight: 400; }
.display strong { color: var(--mandarin); font-weight: inherit; }
.statement__support { display: grid; grid-template-columns: 1fr minmax(300px,590px); gap: 40px; align-items: start; margin-top: 52px; }
.statement__rule { display: block; height: 1px; margin-top: 14px; background: #ccc8bd; }
.statement__support p { margin: 0; color: #605d57; font-size: clamp(17px,1.55vw,23px); line-height: 1.58; }
.statement__footer { display: flex; align-items: center; gap: 16px; margin-top: clamp(100px,12vw,180px); color: #99958d; font-size: 8px; font-weight: 700; letter-spacing: .2em; }
.statement__footer i { height: 1px; flex: 1; background: #d1cec4; }

.unboxing { position: relative; height: 260vh; min-height: 1700px; background: var(--ink); color: var(--paper); --unbox: 0; }
.unboxing__sticky { position: sticky; top: 0; height: 100svh; min-height: 680px; overflow: hidden; isolation: isolate; }
.unboxing__ambient { position: absolute; z-index: -1; top: -10%; left: 35%; width: 80%; height: 120%; pointer-events: none; background: radial-gradient(circle at 55% 48%,rgba(242,106,61,.13),rgba(60,39,28,.1) 32%,transparent 66%); transform: scale(calc(.8 + var(--unbox) * .25)); }
.unboxing__grid { height: 100%; display: grid; grid-template-columns: minmax(330px,.78fr) minmax(540px,1.22fr); align-items: center; gap: 30px; padding-top: 84px; padding-bottom: 62px; }
.kicker--light { color: #9e9a94; }
.unboxing__copy { position: relative; z-index: 5; max-width: 560px; }
.unboxing__copy h2 { margin: 34px 0 24px; font-size: clamp(48px,5.3vw,86px); line-height: 1.04; font-weight: 690; letter-spacing: -.078em; }
.unboxing__copy h2 strong { display: inline-block; color: var(--mandarin); font-weight: inherit; }
.unboxing__copy p { max-width: 410px; margin: 0; color: #9f9b95; font-size: clamp(14px,1.15vw,17px); line-height: 1.65; }
.scroll-cue { display: flex; align-items: center; gap: 13px; margin-top: 45px; color: #7f7a74; font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.scroll-cue i { width: 29px; height: 1px; background: #77716a; }
.scroll-cue b { margin-left: 2px; color: var(--mandarin); font-size: 15px; }

.unbox-scene { position: relative; height: min(72vh,720px); min-height: 520px; display: grid; place-items: center; perspective: 1300px; }
.unbox-scene__frame { position: absolute; inset: 4%; pointer-events: none; }
.unbox-scene__frame::before, .unbox-scene__frame::after { content: ""; position: absolute; width: 30px; height: 30px; opacity: .38; }
.unbox-scene__frame::before { left: 0; top: 0; border-left: 1px solid #94877c; border-top: 1px solid #94877c; }
.unbox-scene__frame::after { right: 0; bottom: 0; border-right: 1px solid #94877c; border-bottom: 1px solid #94877c; }
.unbox-scene__frame span { position: absolute; color: #5f5a55; font-size: 7px; letter-spacing: .18em; }
.unbox-scene__frame span:first-child { left: 17px; top: 13px; }
.unbox-scene__frame span:last-child { right: 17px; bottom: 13px; }
.unbox-scene__shadow { position: absolute; left: 16%; right: 6%; bottom: 12%; height: 13%; border-radius: 50%; background: #000; filter: blur(32px); opacity: calc(.55 + var(--unbox) * .25); transform: scale(calc(.88 + var(--unbox) * .16)); }
.unbox-object { position: relative; width: min(44vw,610px); aspect-ratio: 1.22; transform-style: preserve-3d; transform: translate3d(calc(var(--unbox) * 25px),calc(50px + var(--unbox) * 30px),0) rotateX(calc(7deg + var(--unbox) * 7deg)) rotateY(-6deg) rotateZ(-6deg); filter: drop-shadow(10px 24px 20px rgba(0,0,0,.5)); }
.unbox-base { position: absolute; z-index: 3; left: 3%; right: 3%; top: 30%; bottom: 5%; transform-style: preserve-3d; }
.unbox-base__well { position: absolute; inset: 0; background: linear-gradient(145deg,#312b27,#11100f 70%); border: 1px solid #655247; box-shadow: inset 0 0 0 15px #171513,inset 0 0 0 17px #56463d,inset 0 0 55px #000; }
.unbox-base__front { position: absolute; z-index: 5; left: 0; right: 4%; bottom: -10%; height: 31%; display: flex; align-items: flex-end; padding: 0 0 6% 7%; background: linear-gradient(165deg,#27221f,#0d0d0c); border: 1px solid #58493f; clip-path: polygon(0 0,100% 12%,100% 100%,0 85%); }
.unbox-base__front span { color: #706861; font-size: 7px; letter-spacing: .18em; }
.unbox-base__side { position: absolute; z-index: 6; top: 2%; right: -2%; bottom: -3%; width: 9%; background: linear-gradient(100deg,#332923,#100f0e); border: 1px solid #58493f; clip-path: polygon(0 0,100% 13%,100% 84%,0 100%); }
.unbox-lid { position: absolute; z-index: 9; left: 1%; right: 1%; top: 2%; height: 61%; transform-origin: 50% 8%; transform: translate3d(calc(var(--unbox) * -35px),calc(var(--unbox) * -88px),70px) rotateX(calc(var(--unbox) * -113deg)); transform-style: preserve-3d; }
.unbox-lid::before { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg,#3c342e,#171513 62%,#0c0c0b); border: 1px solid #765f51; box-shadow: inset 0 0 0 13px #211d1a,inset 0 0 0 14px #624e43,8px 15px 20px rgba(0,0,0,.35); }
.unbox-lid__inner { position: absolute; z-index: 2; inset: 13%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; border: 1px solid #59483f; backface-visibility: visible; }
.unbox-lid__logo { font-size: clamp(35px,4vw,58px); font-weight: 850; letter-spacing: -.095em; }
.unbox-lid__logo span { color: var(--mandarin); }
.unbox-lid__line { width: 48%; height: 1px; background: #5c4d44; }
.unbox-lid__inner small { color: #a39489; font-size: 7px; letter-spacing: .22em; }
.unbox-ribbon { position: absolute; z-index: 10; left: 40%; top: 5%; width: 15%; height: 88%; display: grid; place-items: center; overflow: hidden; background: linear-gradient(90deg,#b94727,#f26a3d 47%,#aa3e21); transform: translateY(calc(var(--unbox) * -175%)); opacity: calc(1 - var(--unbox) * 1.35); }
.unbox-ribbon span { color: #4f1f12; font-size: 7px; font-weight: 800; letter-spacing: .18em; white-space: nowrap; transform: rotate(90deg); }
.story-card { position: absolute; z-index: 5; left: 20%; top: 31%; width: 63%; height: 61%; display: flex; flex-direction: column; padding: 8%; border: 1px solid rgba(255,255,255,.22); border-radius: 2px; box-shadow: 8px 18px 18px rgba(0,0,0,.42); transform-origin: center bottom; }
.story-card > span, .story-card small { font-size: clamp(6px,.6vw,9px); font-weight: 700; letter-spacing: .18em; }
.story-card b { margin-top: 16%; font-size: clamp(22px,3vw,43px); line-height: .92; letter-spacing: -.075em; }
.story-card small { margin-top: auto; }
.story-card--orange { color: #31170f; background: #d75e37; transform: translate3d(calc(var(--unbox) * -124px),calc(var(--unbox) * -196px),30px) rotate(calc(var(--unbox) * -17deg)); }
.story-card--cream { z-index: 6; color: #191817; background: #e9e2d5; transform: translate3d(calc(var(--unbox) * 8px),calc(var(--unbox) * -260px),36px) rotate(calc(var(--unbox) * 2deg)); }
.story-card--cream i { position: absolute; right: 10%; bottom: 10%; color: #b26a4f; font-size: clamp(45px,6vw,90px); font-style: normal; }
.story-card--dark { z-index: 4; color: #efe9de; background: #1e1d1b; transform: translate3d(calc(var(--unbox) * 132px),calc(var(--unbox) * -177px),26px) rotate(calc(var(--unbox) * 15deg)); }
.story-card--dark b { color: var(--mandarin); }
.unboxing__progress { position: absolute; left: 50%; bottom: 27px; display: flex; align-items: center; justify-content: flex-end; gap: 13px; color: #77726c; font-size: 9px; letter-spacing: .12em; transform: translateX(-50%); }
.unboxing__progress i { width: 112px; height: 1px; background: #403d39; }
.unboxing__progress b { display: block; width: calc(var(--unbox) * 100%); height: 100%; background: var(--mandarin); }

.offer { padding: clamp(120px,14vw,210px) 0 clamp(125px,13vw,200px); background: var(--paper); color: var(--ink); }
.offer__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 55px; margin: 27px 0 74px; }
.offer__heading h2 { font-size: clamp(50px,6vw,100px); }
.offer__heading p { max-width: 235px; margin: 0 0 9px; color: #66635d; font-size: clamp(14px,1.1vw,17px); line-height: 1.65; }
.offer__cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(14px,1.7vw,28px); }
.offer-card { min-width: 0; }
.offer-card__visual { position: relative; aspect-ratio: 1/.99; overflow: hidden; display: grid; place-items: center; transform: translateZ(0); }
.offer-card__visual::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); pointer-events: none; }
.visual-box { background: radial-gradient(circle at 52% 42%,#59534d,#2d2b28 68%); }
.mini-case { position: relative; z-index: 3; width: 65%; aspect-ratio: 1.5; overflow: visible; background: linear-gradient(145deg,#2d2926,#11100f); color: var(--paper); box-shadow: 17px 22px 25px rgba(0,0,0,.44),inset 0 0 0 9px #211e1c,inset 0 0 0 10px #665348; transform: rotate(-10deg); transition: transform .7s var(--ease); }
.mini-case__name { position: absolute; left: 13%; top: 50%; display: flex; align-items: center; font-size: clamp(25px,2.7vw,43px); font-weight: 850; letter-spacing: -.09em; transform: translateY(-54%); }
.mini-case__seal { display: block; width: .66em; height: .66em; margin-left: .08em; object-fit: contain; filter: drop-shadow(0 3px 3px rgba(0,0,0,.48)); transform: rotate(8deg); pointer-events: none; user-select: none; }
.mini-card { position: absolute; width: 44%; height: 42%; padding: 6%; box-shadow: 10px 13px 20px rgba(0,0,0,.25); font-size: 7px; letter-spacing: .16em; transition: transform .7s var(--ease); }
.mini-card--cream { color: #2a2723; background: #e9e1d4; transform: translate(-34%,-32%) rotate(-21deg); }
.mini-card--orange { color: #4c2012; background: #dc633b; transform: translate(34%,-37%) rotate(8deg); }
.offer-card:hover .mini-case { transform: rotate(-7deg) translateY(7px); }
.offer-card:hover .mini-card--cream { transform: translate(-45%,-50%) rotate(-27deg); }
.offer-card:hover .mini-card--orange { transform: translate(45%,-54%) rotate(13deg); }
.visual-print { background: #d6c9b9; }
.poster { position: relative; width: 63%; height: 78%; padding: 10%; display: flex; flex-direction: column; justify-content: space-between; background: #f2ede4; box-shadow: 16px 18px 24px rgba(64,45,33,.25); transform: rotate(6deg); transition: transform .7s var(--ease); }
.poster small, .poster span { font-size: clamp(6px,.62vw,9px); letter-spacing: .16em; }
.poster b { font-size: clamp(26px,3vw,49px); line-height: .92; letter-spacing: -.085em; }
.poster em { color: var(--mandarin); font-family: Georgia,serif; font-weight: 500; }
.poster-seal { position: absolute; z-index: 2; right: -7%; bottom: -7%; width: 25%; height: auto; object-fit: contain; filter: drop-shadow(0 7px 7px rgba(72,43,17,.32)); transform: rotate(-8deg); transition: transform .7s var(--ease); pointer-events: none; user-select: none; }
.offer-card:hover .poster { transform: rotate(3deg) scale(1.025); }
.offer-card:hover .poster-seal { transform: rotate(-2deg) scale(1.06); }
.visual-detail { background: #d4d5cc; }
.round-sticker { width: 47%; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: var(--mandarin); color: #321810; box-shadow: 9px 14px 18px rgba(57,45,37,.25); font-size: clamp(23px,3.6vw,57px); font-weight: 900; line-height: .86; letter-spacing: -.09em; text-align: center; transform: translate(-25%,25%) rotate(-15deg); transition: transform .7s var(--ease); }
.ticket { position: absolute; right: 10%; top: 15%; width: 41%; height: 52%; padding: 7% 5%; display: flex; flex-direction: column; justify-content: space-between; background: #151514; color: #f1ede4; box-shadow: 10px 15px 18px rgba(57,45,37,.23); transform: rotate(10deg); transition: transform .7s var(--ease); }
.ticket small, .ticket span { font-size: clamp(6px,.6vw,9px); letter-spacing: .13em; }
.ticket b { font-size: clamp(12px,1.3vw,20px); line-height: 1.04; letter-spacing: -.06em; }
.offer-card:hover .round-sticker { transform: translate(-29%,20%) rotate(-20deg); }
.offer-card:hover .ticket { transform: rotate(6deg) translateY(-4px); }
.offer-card__meta { margin-top: 24px; color: #8c8982; font-size: 9px; font-weight: 750; letter-spacing: .16em; }
.offer-card h3 { margin: 16px 0 11px; font-size: clamp(23px,2vw,32px); line-height: 1.1; letter-spacing: -.052em; }
.offer-card p { max-width: 370px; margin: 0; color: #68655f; font-size: clamp(14px,1.08vw,16px); line-height: 1.65; }

.manifesto { position: relative; min-height: 620px; overflow: hidden; padding: clamp(110px,12vw,180px) 0; background: var(--mandarin); color: #211411; }
.manifesto__grain { opacity: .17; mix-blend-mode: multiply; }
.manifesto__inner { position: relative; }
.kicker--dark { color: #5c3024; }
.kicker--dark > span { background: #261714; }
.manifesto h2 { margin: clamp(65px,7vw,105px) 0 40px; font-size: clamp(98px,16.7vw,260px); line-height: .77; font-weight: 900; letter-spacing: -.11em; white-space: nowrap; }
.manifesto h2 span { color: #ffd8c4; }
.manifesto p { margin: 0; font-size: clamp(15px,1.4vw,21px); letter-spacing: -.02em; }
.manifesto__seal { position: absolute; right: 1%; bottom: -2%; width: clamp(66px,7.7vw,118px); height: auto; object-fit: contain; filter: drop-shadow(0 10px 10px rgba(43,19,12,.3)); transform: rotate(-12deg); user-select: none; }

.contact { min-height: 720px; padding: clamp(120px,13vw,200px) 0 clamp(110px,12vw,180px); display: flex; align-items: center; background: var(--ink); }
.contact__inner { width: 100%; }
.contact h2 { margin: 40px 0 28px; font-size: clamp(68px,9.6vw,152px); line-height: 1.01; font-weight: 710; letter-spacing: -.09em; }
.contact h2 span { color: var(--mandarin); }
.contact p { max-width: 490px; margin: 0; color: #9d9892; font-size: clamp(16px,1.42vw,21px); line-height: 1.6; }
.contact__email { display: inline-flex; align-items: center; gap: 33px; margin-top: 42px; padding-bottom: 11px; border-bottom: 1px solid #5d554e; font-size: clamp(25px,3vw,44px); font-weight: 700; letter-spacing: -.06em; transition: color .25s ease; }
.contact__email:hover { color: var(--mandarin); }
.contact__email span { font-size: .66em; letter-spacing: 0; }
.contact__note { margin-top: 18px; color: #716c66; font-size: 11px; }
.footer { border-top: 1px solid #272522; background: var(--ink); }
.footer__inner { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #858079; font-size: 10px; }
.brand-link--footer { width: 61px; }
.footer a:last-child:hover { color: var(--mandarin); }

.reveal { opacity: 0; transform: translate3d(0,34px,0); transition: opacity .85s var(--ease), transform .85s var(--ease); }
.reveal.is-visible { opacity: 1; transform: none; }

/* v2.1 — tactile unboxing sequence */
.memory-box { position: relative; width: min(43vw,600px); aspect-ratio: 1.22; transform-style: preserve-3d; transform: translate3d(calc(var(--story,0) * 10px),34px,0) rotateX(7deg) rotateY(-4deg) rotateZ(-4deg); filter: drop-shadow(10px 24px 22px rgba(0,0,0,.48)); }
.memory-box__base { position: absolute; z-index: 3; left: 3%; right: 3%; top: 34%; bottom: 5%; transform-style: preserve-3d; }
.memory-box__well { position: absolute; inset: 0; overflow: hidden; background: linear-gradient(145deg,#725d4d,#3a312b 26%,#181614 73%); border: 1px solid #806859; box-shadow: inset 0 0 0 16px #211d1a,inset 0 0 0 18px #665246,inset 0 0 50px #050505; }
.memory-box__lining { position: absolute; left: 14%; right: 14%; top: 18%; height: 32%; background: #bba68e; opacity: .18; transform: rotate(-5deg); }
.memory-box__lining--two { left: 21%; right: 8%; top: 33%; transform: rotate(4deg); }
.memory-box__front { position: absolute; z-index: 8; left: 0; right: 4%; bottom: -11%; height: 33%; display: flex; justify-content: space-between; align-items: flex-end; padding: 0 7% 6%; color: #877c73; background: linear-gradient(165deg,#312b27,#121110 72%); border: 1px solid #655348; clip-path: polygon(0 0,100% 11%,100% 100%,0 86%); }
.memory-box__front span, .memory-box__front i { font-size: 6px; letter-spacing: .18em; font-style: normal; }
.memory-box__side { position: absolute; z-index: 9; top: 2%; right: -2%; bottom: -4%; width: 9%; background: linear-gradient(100deg,#3a302a,#13110f); border: 1px solid #655348; clip-path: polygon(0 0,100% 12%,100% 84%,0 100%); }
.memory-box__lid { position: absolute; z-index: 10; left: 2%; right: 2%; top: 24%; height: 61%; transform-origin: 50% 50%; transform: translate3d(calc(var(--lid,0) * -18px),calc(var(--lid,0) * -150px),calc(68px + var(--lid,0) * 130px)) rotateX(calc(var(--lid,0) * -11deg)) rotateZ(calc(var(--lid,0) * -2deg)) scale(calc(1 + var(--lid,0) * .045)); transform-style: preserve-3d; opacity: var(--lid-opacity,1); }
.memory-box__lid-face { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: linear-gradient(145deg,#423832,#211d1a 58%,#0e0d0c); border: 1px solid #806a5c; box-shadow: inset 0 0 0 13px #27211e,inset 0 0 0 14px #6b574b,8px 14px 19px rgba(0,0,0,.42); backface-visibility: hidden; }
.memory-box__lid-face::after { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(242,106,61,.2); pointer-events: none; }
.memory-box__lid-face img { display: block; width: 21%; height: auto; filter: drop-shadow(0 5px 10px rgba(0,0,0,.38)); }
.memory-box__lid-face > span { width: 37%; height: 1px; background: #63544a; }
.memory-box__lid-face small { color: #a9998e; font-size: 6px; letter-spacing: .23em; }
.memory-box__lid-inner { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px; color: var(--paper); background: linear-gradient(145deg,#352e29,#191715 66%,#0c0c0b); border: 1px solid #806a5c; box-shadow: inset 0 0 0 13px #211d1a,inset 0 0 0 14px #5f4e44,8px 14px 19px rgba(0,0,0,.38); transform: rotateX(180deg); backface-visibility: hidden; }
.memory-box__lid-inner::after { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(242,106,61,.22); }
.memory-box__lid-inner img { display: block; width: 18%; height: auto; }
.memory-box__lid-inner > span { width: 32%; height: 1px; background: #5d4e45; }
.memory-box__lid-inner small { color: #94877e; font-size: 5px; letter-spacing: .23em; }
.memory-box__lid-inner b { color: var(--mandarin); font-size: clamp(13px,1.45vw,21px); letter-spacing: -.04em; }
.memory-box__lid-edge { position: absolute; z-index: -1; left: 0; right: 0; top: 94%; height: 10%; background: linear-gradient(#1d1917,#0d0c0b); border: 1px solid #5f4e43; }
.memory-box__seal { position: absolute; z-index: 11; left: 48%; top: 53%; width: clamp(34px,3.8vw,52px); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; color: #3c1c12; background: var(--mandarin); border: 1px solid #6a2817; box-shadow: 0 8px 15px rgba(0,0,0,.36); font-size: clamp(14px,1.6vw,23px); opacity: var(--lid-opacity,1); transform: translate3d(calc(var(--lid,0) * -18px),calc(var(--lid,0) * -150px),calc(70px + var(--lid,0) * 132px)) rotate(calc(-8deg + var(--lid,0) * 6deg)); }
.keepsake { position: absolute; z-index: 7; left: 19%; top: 29%; width: 62%; height: 56%; display: flex; flex-direction: column; padding: 7%; border-radius: 2px; box-shadow: 7px 17px 20px rgba(0,0,0,.42); transform-origin: center center; opacity: var(--docs-opacity,0); }
.keepsake > span, .keepsake small { font-size: clamp(5px,.55vw,8px); font-weight: 720; letter-spacing: .17em; }
.keepsake > b { margin-top: 11%; font-size: clamp(20px,2.7vw,39px); line-height: .92; letter-spacing: -.075em; }
.keepsake small { margin-top: auto; line-height: 1.45; }
.keepsake__brand { position: absolute; right: 8%; top: 7%; width: 13%; }
.keepsake__brand img { display: block; width: 100%; height: auto; }
.keepsake__rules { display: grid; gap: 6px; margin-top: 10%; }
.keepsake__rules i { display: block; width: 100%; height: 1px; background: #b9b0a4; }
.keepsake__rules i:nth-child(2) { width: 74%; }
.keepsake__rules i:nth-child(3) { width: 87%; }
.keepsake--letter { z-index: 9; color: #211e1a; background: #eee7dc; border: 1px solid #fffaf0; transform: translate3d(calc(var(--story,0) * -120px),calc(var(--story,0) * 58px),38px) rotate(calc(var(--story,0) * -13deg)); }
.keepsake--memory { z-index: 8; color: #261d18; background: #c7b39d; border: 1px solid #d7c5b1; transform: translate3d(calc(var(--story,0) * 122px),calc(var(--story,0) * 48px),32px) rotate(calc(var(--story,0) * 12deg)); }
.keepsake__photo { position: relative; flex: 1; margin: 10% 0 7%; overflow: hidden; background: #e8dfd2; }
.keepsake__photo::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px rgba(38,29,24,.12); pointer-events: none; }
.keepsake__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.keepsake--clue { z-index: 7; color: #361b12; background: #dc6a43; border: 1px solid #f18b65; transform: translate3d(calc(var(--story,0) * 8px),calc(var(--story,0) * -34px),30px) rotate(calc(var(--story,0) * 2deg)); }
.keepsake--clue b { max-width: 75%; }
.keepsake__asterisk { position: absolute; right: 9%; bottom: 10%; font-size: clamp(39px,5vw,74px); font-style: normal; }

@media (max-width: 1160px) {
  .hero__layout { grid-template-columns: minmax(0,1fr) minmax(340px,.8fr); }
  .hero h1 { font-size: clamp(60px,7vw,92px); }
  .hero-object { min-height: 430px; }
  .unboxing__grid { grid-template-columns: minmax(310px,.76fr) minmax(490px,1.24fr); }
  .unbox-object { width: min(48vw,560px); }
}

@media (max-width: 820px) {
  :root { --edge: 23px; }
  .nav { height: 72px; }
  .brand-link { width: 64px; }
  .nav__links { gap: 13px; }
  .nav__links > a:not(.pill-link) { display: none; }
  .pill-link { padding: 10px 14px; font-size: 10px !important; }
  .hero { min-height: 760px; height: max(760px,100svh); }
  .hero__layout { grid-template-columns: 1fr; grid-template-rows: auto 43%; gap: 0; align-content: center; padding-top: 100px; padding-bottom: 48px; }
  .hero__copy { align-self: end; }
  .hero h1 { margin: 27px 0 20px; font-size: clamp(49px,10.5vw,77px); line-height: .99; }
  .hero__lead { max-width: 520px; margin-bottom: 20px; font-size: 14px; }
  .round-link i { width: 37px; height: 37px; }
  .hero-object { min-height: 0; height: 100%; margin-top: -10px; }
  .hero-box { width: min(64vw,390px); }
  .hero-lid { width: min(68vw,390px); }
  .hero-object__orbit--one { width: 83%; }
  .hero-object__orbit--two { width: 62%; }
  .hero-object__note--top { top: 7%; right: 6%; }
  .hero-object__note--bottom { left: 6%; bottom: 7%; }
  .hero__footer { bottom: 18px; }
  .statement__grid { grid-template-columns: 1fr; gap: 32px; }
  .display { font-size: clamp(48px,9.5vw,74px); }
  .statement__support { grid-template-columns: 1fr; gap: 28px; }
  .statement__rule { margin-top: 0; }
  .unboxing { height: 225vh; min-height: 1450px; }
  .unboxing__sticky { min-height: 670px; }
  .unboxing__grid { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 0; padding-top: clamp(85px,12svh,120px); padding-bottom: 45px; }
  .unboxing__copy { max-width: 680px; }
  .unboxing__copy h2 { margin: 16px 0 10px; font-size: clamp(42px,7.5vw,62px); }
  .unboxing__copy p { max-width: 510px; font-size: 13px; line-height: 1.48; }
  .scroll-cue { margin-top: 13px; }
  .unbox-scene { flex: 1; width: 100%; min-height: 310px; height: auto; margin-top: -2%; }
  .unbox-object { width: min(66vw,470px); transform: translate3d(calc(var(--unbox) * 15px),calc(30px + var(--unbox) * 35px),0) rotateX(calc(7deg + var(--unbox) * 7deg)) rotateY(-6deg) rotateZ(-6deg); }
  .story-card--orange { transform: translate3d(calc(var(--unbox) * -76px),calc(var(--unbox) * -116px),30px) rotate(calc(var(--unbox) * -17deg)); }
  .story-card--cream { transform: translate3d(calc(var(--unbox) * 5px),calc(var(--unbox) * -150px),36px) rotate(calc(var(--unbox) * 2deg)); }
  .story-card--dark { transform: translate3d(calc(var(--unbox) * 80px),calc(var(--unbox) * -105px),26px) rotate(calc(var(--unbox) * 15deg)); }
  .unbox-lid { transform: translate3d(calc(var(--unbox) * -25px),calc(var(--unbox) * -54px),70px) rotateX(calc(var(--unbox) * -113deg)); }
  .unbox-ribbon { transform: translateY(calc(var(--unbox) * -145%)); }
  .memory-box { width: min(66vw,470px); transform: translate3d(calc(var(--story,0) * 7px),25px,0) rotateX(7deg) rotateY(-4deg) rotateZ(-4deg); }
  .memory-box__lid { transform: translate3d(calc(var(--lid,0) * -12px),calc(var(--lid,0) * -96px),calc(68px + var(--lid,0) * 95px)) rotateX(calc(var(--lid,0) * -9deg)) rotateZ(calc(var(--lid,0) * -2deg)) scale(calc(1 + var(--lid,0) * .035)); }
  .memory-box__seal { transform: translate3d(calc(var(--lid,0) * -12px),calc(var(--lid,0) * -96px),calc(70px + var(--lid,0) * 97px)) rotate(calc(-8deg + var(--lid,0) * 6deg)); }
  .keepsake--letter { transform: translate3d(calc(var(--story,0) * -72px),calc(var(--story,0) * 40px),38px) rotate(calc(var(--story,0) * -13deg)); }
  .keepsake--memory { transform: translate3d(calc(var(--story,0) * 72px),calc(var(--story,0) * 34px),32px) rotate(calc(var(--story,0) * 12deg)); }
  .keepsake--clue { transform: translate3d(calc(var(--story,0) * 5px),calc(var(--story,0) * -24px),30px) rotate(calc(var(--story,0) * 2deg)); }
  .offer__heading { display: block; }
  .offer__heading p { max-width: 420px; margin-top: 25px; }
  .offer__cards { grid-template-columns: 1fr 1fr; gap: 42px 18px; }
  .offer-card:last-child { grid-column: 1/-1; width: calc(50% - 9px); }
  .manifesto { min-height: 470px; }
  .manifesto h2 { font-size: clamp(78px,17vw,142px); }
  .contact h2 { font-size: clamp(62px,11vw,94px); }
}

@media (max-width: 520px) {
  :root { --edge: 20px; }
  .hero { min-height: 720px; height: 100svh; max-height: 860px; }
  .hero__layout { grid-template-rows: auto 39%; padding-top: 87px; }
  .eyebrow { font-size: 8px; }
  .hero h1 { font-size: clamp(43px,11.2vw,59px); }
  .hero__lead { max-width: 355px; font-size: 13.5px; line-height: 1.48; }
  .round-link { font-size: 11px; }
  .hero-box { width: min(76vw,340px); }
  .hero-lid { width: min(78vw,350px); }
  .hero-lid__face { gap: 8px; box-shadow: inset 0 0 0 9px #27211e,inset 0 0 0 10px #6b574b; }
  .hero-lid__face::after { inset: 14px; }
  .hero-lid__face small { font-size: 4px; }
  .hero-object__note { font-size: 6px; }
  .hero-object__note--top { top: 4%; }
  .hero-object__note--bottom { bottom: 4%; }
  .hero__footer { display: none; }
  .statement { padding-top: 105px; }
  .display { font-size: clamp(43px,10.7vw,57px); }
  .statement__support p { font-size: 16px; }
  .statement__footer { margin-top: 90px; }
  .unboxing { height: 215vh; min-height: 1350px; }
  .unboxing__grid { padding-top: clamp(80px,11svh,105px); }
  .unboxing__copy h2 { font-size: clamp(38px,9.4vw,49px); }
  .unboxing__copy p { max-width: 345px; font-size: 12px; }
  .scroll-cue { font-size: 7px; }
  .unbox-scene { min-height: 290px; margin-top: -1%; }
  .unbox-object { width: min(75vw,350px); }
  .story-card b { margin-top: 13%; font-size: clamp(17px,5.2vw,27px); }
  .story-card--orange { transform: translate3d(calc(var(--unbox) * -47px),calc(var(--unbox) * -88px),30px) rotate(calc(var(--unbox) * -15deg)); }
  .story-card--cream { transform: translate3d(calc(var(--unbox) * 4px),calc(var(--unbox) * -111px),36px) rotate(calc(var(--unbox) * 2deg)); }
  .story-card--dark { transform: translate3d(calc(var(--unbox) * 48px),calc(var(--unbox) * -78px),26px) rotate(calc(var(--unbox) * 14deg)); }
  .unbox-lid { transform: translate3d(calc(var(--unbox) * -18px),calc(var(--unbox) * -42px),70px) rotateX(calc(var(--unbox) * -113deg)); }
  .unbox-lid__inner { gap: 8px; }
  .unbox-lid__inner small { font-size: 5px; }
  .memory-box { width: min(78vw,360px); }
  .memory-box__lid { transform: translate3d(calc(var(--lid,0) * -9px),calc(var(--lid,0) * -78px),calc(68px + var(--lid,0) * 78px)) rotateX(calc(var(--lid,0) * -8deg)) rotateZ(calc(var(--lid,0) * -2deg)) scale(calc(1 + var(--lid,0) * .03)); }
  .memory-box__seal { transform: translate3d(calc(var(--lid,0) * -9px),calc(var(--lid,0) * -78px),calc(70px + var(--lid,0) * 80px)) rotate(calc(-8deg + var(--lid,0) * 6deg)); }
  .memory-box__lid-face { gap: 8px; }
  .memory-box__lid-face::after, .memory-box__lid-inner::after { inset: 14px; }
  .memory-box__lid-face small { font-size: 4px; }
  .memory-box__lid-inner { gap: 6px; }
  .memory-box__lid-inner small { font-size: 3px; }
  .memory-box__lid-inner b { font-size: 11px; }
  .keepsake { padding: 6.5%; }
  .keepsake > b { font-size: clamp(16px,5vw,24px); }
  .keepsake > span, .keepsake small { font-size: 4px; }
  .keepsake--letter { transform: translate3d(calc(var(--story,0) * -50px),calc(var(--story,0) * 30px),38px) rotate(calc(var(--story,0) * -13deg)); }
  .keepsake--memory { transform: translate3d(calc(var(--story,0) * 50px),calc(var(--story,0) * 26px),32px) rotate(calc(var(--story,0) * 12deg)); }
  .keepsake--clue { transform: translate3d(calc(var(--story,0) * 4px),calc(var(--story,0) * -18px),30px) rotate(calc(var(--story,0) * 2deg)); }
  .memory-box__front span, .memory-box__front i { font-size: 4px; }
  .offer__cards { grid-template-columns: 1fr; gap: 52px; }
  .offer-card:last-child { grid-column: auto; width: auto; }
  .offer-card__visual { aspect-ratio: 1.08; }
  .mini-case { font-size: 35px; }
  .poster b { font-size: 40px; }
  .round-sticker { font-size: 44px; }
  .ticket b { font-size: 17px; }
  .manifesto { min-height: 400px; padding: 95px 0; }
  .manifesto h2 { margin-top: 70px; font-size: clamp(69px,17.7vw,91px); }
  .manifesto p { max-width: 280px; font-size: 14px; }
  .manifesto__seal { right: 0; bottom: -8px; width: 64px; }
  .contact { min-height: 640px; }
  .contact h2 { font-size: clamp(56px,12vw,70px); }
  .contact__email { gap: 14px; font-size: clamp(23px,6.5vw,33px); }
  .footer__inner { min-height: 105px; flex-wrap: wrap; gap: 12px; padding-top: 21px; padding-bottom: 21px; }
  .footer__inner > span { order: 3; flex-basis: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .intro, .reveal { opacity: 1; transform: none; }
  .hero-box, .hero-lid { transform: rotateX(-5deg) rotateY(-8deg) rotateZ(-5deg); }
  .unboxing { height: auto; min-height: 0; }
  .unboxing__sticky { position: relative; height: auto; min-height: 850px; }
  .unboxing__sticky { --unbox: .72; --lid: .9; --lid-opacity: 0; --docs-opacity: 1; --story: .78; }
}