.story-page{--story-paper:#f3efe7;--story-white:#fbfaf7;--story-ink:#151512;--story-muted:#68635c;background:var(--story-paper);min-height:100svh;color:var(--story-ink);overflow:clip}html:has(.story-page){scroll-behavior:smooth}.story-page :is(h1,h2,p,figure){margin:0}.story-page :is(h1,h2){font-family:var(--font-heading);letter-spacing:-.03em;font-weight:400}.story-kicker{color:var(--orange);font:500 10px/1.4 var(--font-body);letter-spacing:.16em;text-transform:uppercase}.story-intro,.story-point-of-view{grid-template-columns:35% 65%;min-height:720px;display:grid}.story-intro{background:#171716}.story-intro__copy,.story-point-of-view__copy{padding:100px clamp(32px, 4.4vw, 78px) 100px var(--header-edge);flex-direction:column;justify-content:center;display:flex}.story-intro__copy{background-color:var(--story-paper);background-image:linear-gradient(#f3efe7fc,#f3efe7fc),url(/oddjoy/home/paper-texture.jpg);background-position:top;background-repeat:repeat;background-size:auto,1400px}.story-intro h1{max-width:7ch;color:var(--orange);margin-top:16px;font-size:clamp(60px,5.7vw,96px);line-height:.84}.story-intro__lead{max-width:38ch;color:var(--story-muted);font:14px/1.62 var(--font-body);margin-top:28px!important}.story-text-link,.story-product-link{width:fit-content;min-height:44px;color:var(--story-ink);font:500 9px/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid;justify-content:space-between;align-items:center;gap:22px;margin-top:30px;transition:color .18s,transform .18s;display:inline-flex}.story-intro__image,.story-point-of-view__image{background:#d7d2c8;min-height:720px;position:relative;overflow:hidden}.story-intro__image img,.story-point-of-view__image img{object-fit:cover}.story-intro__image picture{display:block;position:absolute;inset:0}.story-intro__image img{object-position:center}.story-point-of-view__image img{object-position:center 48%}.story-letter-stage{padding:clamp(92px, 9vw, 148px) var(--header-edge);color:#f3f0ea;background:#171716;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(56px,8vw,132px);display:grid}.story-letter-stage__intro{align-self:start;position:sticky;top:118px}.story-letter-stage__intro h2{max-width:7.5ch;margin-top:18px;font-size:clamp(52px,4.8vw,80px);line-height:.87}.story-letter-stage__intro>p:last-child{color:#f3f0ea9e;max-width:34ch;font:13px/1.65 var(--font-body);margin-top:26px}.story-letter-sheet{background-color:var(--story-white);min-width:0;color:var(--story-ink);background-image:linear-gradient(#fbfaf7f9,#fbfaf7f9),url(/oddjoy/home/paper-texture.jpg);background-position:50%;background-repeat:repeat;background-size:auto,1100px;padding:clamp(38px,5.4vw,82px);position:relative;transform:rotate(.25deg);box-shadow:0 24px 70px #0000003d}.story-letter-sheet:before{content:"";pointer-events:none;border:1px solid #1515121f;position:absolute;inset:12px}.story-letter-sheet__meta{border-bottom:1px solid #15151233;grid-template-columns:minmax(0,1fr) auto;gap:40px;padding-bottom:26px;display:grid}.story-letter-sheet__meta p{max-width:34ch;font:11px/1.5 var(--font-body)}.story-letter-sheet__meta span{color:var(--orange);letter-spacing:.15em;text-transform:uppercase;margin-bottom:7px;font-size:8px;display:block}.story-letter-sheet__body{max-width:66ch;font:13px/1.72 var(--font-body);padding:clamp(42px,5vw,72px) 0 36px}.story-letter-sheet__body p+p{margin-top:22px}.story-letter-sheet__salutation{color:var(--orange);font-family:var(--font-heading)!important;font-size:clamp(30px,2.8vw,44px)!important;line-height:1!important}.story-letter-sheet__signoff{min-height:140px;font:12px/1.55 var(--font-body);border-top:1px solid #15151233;justify-content:space-between;align-items:flex-end;gap:28px;padding-top:28px;display:flex}.story-letter-sheet__signoff strong{color:var(--orange);font:400 35px/.9 Annie,cursive}.story-letter-sheet__seal{width:clamp(104px,10vw,148px);height:auto;transform:rotate(-8deg)}.story-characters{min-height:720px;padding:84px var(--header-edge) 0;background:var(--orange);color:#1a1713;grid-template-columns:minmax(220px,1fr) minmax(320px,.9fr) minmax(220px,1fr);align-items:end;gap:clamp(20px,4vw,72px);display:grid;overflow:hidden}.story-characters .story-kicker{color:#fff4e8}.story-characters__copy{text-align:center;align-self:center;padding-bottom:90px}.story-characters__copy h2{color:#fff4e8;margin-top:18px;font-size:clamp(54px,5.6vw,92px);line-height:.86}.story-characters__copy>p:last-child{color:#fff4e8c2;max-width:42ch;font:13px/1.65 var(--font-body);margin:26px auto 0}.story-characters__figure{filter:brightness(0)invert(96%)sepia(9%)saturate(418%)hue-rotate(326deg)brightness(104%);justify-self:center;width:100%;max-width:360px;height:auto}.story-characters__figure--odd{transform:translateY(10%)rotate(-2deg)}.story-characters__figure--joy{transform:translateY(8%)rotate(2deg)}.story-point-of-view{color:#f3f0ea;background:#171716}.story-point-of-view__copy{background:#171716}.story-point-of-view__copy h2{max-width:7ch;margin-top:18px;font-size:clamp(52px,4.8vw,80px);line-height:.88}.story-point-of-view__copy>p:not(.story-kicker){color:#f3f0ea9e;max-width:38ch;font:13px/1.65 var(--font-body);margin-top:26px}.story-product-link{color:#f3f0ea}.story-page a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}@media (hover:hover) and (pointer:fine){.story-text-link:hover,.story-product-link:hover{color:var(--orange);transform:translate(2px)}}@media (max-width:900px){.story-characters{grid-template-columns:.7fr 1fr .7fr;gap:12px;min-height:620px}}@media (max-width:820px){.story-intro,.story-point-of-view,.story-letter-stage{grid-template-columns:1fr}.story-intro,.story-point-of-view{min-height:0}.story-intro{display:block}.story-intro__copy,.story-point-of-view__copy{padding-inline:20px}.story-intro__copy{min-height:560px;padding-top:104px;padding-bottom:48px}.story-point-of-view__copy{z-index:1;min-height:520px;margin-top:-48px;padding-top:92px;padding-bottom:56px;position:relative}.story-intro h1{max-width:7.5ch;font-size:clamp(58px,17vw,78px)}.story-intro__lead{font-size:15px}.story-intro__image,.story-point-of-view__image{aspect-ratio:4/5;min-height:0}.story-intro__image img{object-position:52% center}.story-letter-stage{gap:40px;padding:56px 20px}.story-letter-stage__intro{position:static}.story-letter-stage__intro h2{font-size:clamp(50px,14vw,66px)}.story-letter-sheet{padding:36px 24px 30px;transform:none}.story-letter-sheet:before{inset:8px}.story-letter-sheet__meta{grid-template-columns:1fr;gap:20px}.story-letter-sheet__body{font-size:15px;line-height:1.65}.story-letter-sheet__body p+p{margin-top:20px}.story-letter-sheet__signoff{min-height:120px}.story-characters{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;gap:12px;min-height:700px;padding:60px 20px 0}.story-characters__copy{grid-area:1/1/auto/-1;padding-bottom:30px}.story-characters__copy h2{font-size:clamp(54px,16vw,76px)}.story-characters__figure{object-fit:contain;object-position:bottom;align-self:end;max-height:470px}.story-characters__figure--odd{grid-area:2/1;transform:translateY(2%)rotate(-2deg)}.story-characters__figure--joy{grid-area:2/2;transform:translateY(1%)rotate(2deg)}.story-point-of-view__copy h2{font-size:clamp(50px,14vw,66px)}.story-point-of-view__image{grid-row:1}}@media (max-width:420px){.story-letter-sheet{padding-inline:24px}.story-letter-sheet__seal{width:92px}.story-characters{min-height:650px}}@media (prefers-reduced-motion:reduce){.story-text-link,.story-product-link{transition:none}}