/* Marketing composition: sharper assets, quieter decoration, deliberate spacing. */
:root{--paper:#fffcef;--yellow:#ffdf45}
body{background-image:radial-gradient(#b8ab8b22 .65px,transparent .65px);background-size:7px 7px}
header{height:88px}.brand{letter-spacing:-1.5px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:3px;background:#f16b58;transition:width .2s}nav a:hover:after{width:100%}
.hero{min-height:720px;padding-top:66px;padding-bottom:85px;gap:50px}.hero-copy{position:relative;z-index:2}.eyebrow{letter-spacing:1.7px}.hero h1{font-family:Arial Black,Arial,sans-serif;letter-spacing:-7px;line-height:.91;margin-block:31px 23px}.subtitle{font-size:18px;letter-spacing:5.8px}.intro{font-size:16px;max-width:390px;margin-top:29px;margin-bottom:29px}.button{border-radius:5px;padding:15px 24px;box-shadow:4px 5px 0 var(--ink)}.small{letter-spacing:.3px}
.hero-art{height:500px}.burst{inset:22px 0 20px;opacity:.95;transform:rotate(-5deg)}.orbit{inset:3px -13px 3px;border-color:#9a8d5d80;transform:rotate(-17deg)}.hero-art:before{content:'';position:absolute;width:68%;height:13%;background:#be91232b;border-radius:50%;bottom:37px;left:17%;filter:blur(14px);z-index:-1}.bear{width:68%;height:78%;left:16%;top:11%;filter:drop-shadow(0 9px 0 #30240a12);transform:rotate(-3deg)}.float{filter:drop-shadow(0 7px 0 #46331018);width:28%;height:28%}.w1{left:0;top:0;transform:rotate(-16deg)}.w2{right:-5%;top:13%;transform:rotate(11deg)}.w3{left:-5%;bottom:10%;transform:rotate(-16deg)}.w4{right:-2%;bottom:0;transform:rotate(15deg)}.ghost{display:none}.s1{left:0;top:37%;font-size:43px}.s2{right:28%;bottom:-3%;font-size:45px}.bear-tag{top:45%;right:-7%;font-size:12px;background:#f8bad2;border-width:2px;border-radius:3px;box-shadow:3px 3px 0 #191919;transform:rotate(7deg);padding:9px 13px}.art-caption{left:16%;right:8%;text-align:center;bottom:-42px;font-size:9px;letter-spacing:1.8px;color:#79705b}
.ticker{padding-block:13px;letter-spacing:2px}.video-frame{border-radius:9px;box-shadow:7px 8px 0 #191919}.gear{border-radius:8px;transition:translate .2s}.gear:hover{translate:0 -4px}.gear img{height:184px}.world{gap:80px}.updates{background:#eae4f1}footer{background:var(--paper)}
@media(max-width:760px){header{height:72px}.hero{gap:47px;padding-top:40px;padding-bottom:75px;min-height:0}.hero h1{font-size:94px;letter-spacing:-5px}.subtitle{font-size:16px;letter-spacing:3.5px}.hero-art{width:88%;height:355px}.bear-tag{right:-9%;font-size:10px}.float{width:29%}.intro{font-size:15px}.art-caption{bottom:-31px}.gear img{height:130px}.world{gap:40px}.button{padding:13px 18px}}@media(max-width:480px){.hero h1{font-size:85px}.hero-art{height:315px}.hero{gap:44px}.bear-tag{max-width:130px}.hero .actions{gap:19px}}

.orbit{inset:28px 20px;transform:rotate(-10deg)}.bear-tag{right:-2%;top:57%}.hero-art{min-width:0}@media(min-width:761px) and (max-width:1000px){.hero{gap:25px}.hero-art{height:440px}.hero h1{font-size:88px}.subtitle{letter-spacing:3px}}

/* Keep the speech sticker outside the character silhouette. */
.bear-tag{top:2%;right:1%;transform:rotate(5deg);max-width:175px;z-index:4}.w1{top:5%;left:0}.w2{top:28%;right:-3%}.w3{bottom:8%;left:-3%}.s1{top:43%}@media(max-width:760px){.bear-tag{top:-3%;right:-2%;max-width:145px;font-size:10px;padding:7px 10px}.w1{top:9%;left:-3%}.w2{top:29%;right:-6%}.w3{bottom:5%;left:-3%}}

/* Public assets are flattened branded compositions. */
.hero-art:before{display:none}.hero-art{height:auto;aspect-ratio:1}.promo-composite{display:block;width:100%;height:100%;object-fit:contain}.gear img{height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}.cast img.cast-composite{width:100%;height:auto;max-width:390px;object-fit:contain}.art-caption{bottom:-32px}@media(max-width:760px){.hero-art{height:auto;width:100%;max-width:460px}.gear img{height:auto;align-self:center}.art-caption{font-size:8px;letter-spacing:.8px;bottom:-25px}}

/* Keep equipment artwork inside its layout box on hover. */
.gear:hover img{transform:none}.gear img{transition:none}

.story-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:-25px}.story-legend{grid-column:1/-1;font-size:12px;letter-spacing:1px;margin:0}.story-gallery figure{margin:0;padding:8px;background:#fffdf6;border:1px solid #d7ceba;border-radius:7px}.story-gallery img{display:block;width:100%;aspect-ratio:2;object-fit:contain}.story-gallery figcaption{text-align:center;font-size:11px;color:#655d4b;padding:6px 0 2px}@media(max-width:760px){.story-gallery{grid-template-columns:1fr;margin-top:0;max-width:360px}.story-gallery figure{padding:5px}.story-gallery img{max-height:150px}}

/* Story comparisons occupy the former map postcard column. */
.world{align-items:start}.world-copy{padding-top:45px}.story-postcards{padding:10px 10px 12px 0}.story-postcards .story-legend{margin:0 0 22px;font-size:11px}.story-postcards figure{max-width:420px;transform:rotate(-3deg);padding:8px}.story-postcards figure+figure{margin:16px 0 0 35px;transform:rotate(3deg)}.story-postcards figure:nth-of-type(3){margin-left:5px;transform:rotate(-2deg)}.story-postcards img{aspect-ratio:2;object-fit:contain;background:#fffdf6}.story-postcards figcaption{font-size:11px;padding-top:6px}@media(max-width:760px){.world-copy{padding-top:0}.story-postcards{max-width:460px;width:100%;margin:auto}.story-postcards figure+figure{margin-left:20px}.story-postcards figure:nth-of-type(3){margin-left:0}}

.brand{font-size:15px;line-height:1.15;letter-spacing:-.3px;font-weight:900}.brand .brand-subtitle{font-size:12px;color:var(--ink);margin:0;letter-spacing:.4px}@media(max-width:480px){.brand{font-size:15px}}

.promo-composite{clip-path:inset(0 0 7% 0)}.hero-fullname{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:11px;font-weight:900;letter-spacing:1px}

/* Compact story layout with a small ghost beside the drawing comparisons. */
.world{gap:38px;padding-top:65px;padding-bottom:65px;grid-template-columns:1fr 1fr}.world-copy{padding-top:18px}.world-copy>p{margin:20px 0;font-size:14px;line-height:1.7}.story-ghost{max-width:250px;margin:8px auto 0}.story-ghost img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.story-postcards{max-width:370px;justify-self:end;width:100%;padding-top:0}.story-postcards .story-legend{margin-bottom:13px}.story-postcards figure{max-width:335px;padding:6px;box-shadow:4px 4px 0 #191919}.story-postcards figure+figure{margin-top:9px;margin-left:20px}.story-postcards figure:nth-of-type(3){margin-left:0}.story-postcards figcaption{font-size:10px;padding:4px 2px 0}@media(max-width:760px){.world{grid-template-columns:1fr;gap:20px;padding-block:45px}.world-copy{padding-top:0}.story-ghost{max-width:180px;margin-top:0}.story-postcards{justify-self:center;max-width:370px}.story-postcards figure{max-width:335px}}

.world-four{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,1fr);gap:28px;align-items:center;padding-block:60px}.world-four .world-copy{padding:0}.world-four h2{font-size:clamp(27px,3vw,39px);letter-spacing:-1px}.world-four .world-copy>p{font-size:13px;line-height:1.8;margin:18px 0}.story-side{display:grid;gap:22px;min-width:0}.story-side figure{margin:0;background:#fffdf6;border:2px solid #191919;padding:6px;box-shadow:4px 4px #191919;transform:rotate(-3deg)}.story-side figure+figure{transform:rotate(3deg)}.story-right figure{transform:rotate(3deg)}.story-right figure+figure{transform:rotate(-2deg)}.story-side img{display:block;width:100%;aspect-ratio:2;object-fit:contain}.story-side figcaption{font-size:10px;padding:6px 2px 2px;color:#403b31}.story-left{padding-top:8px}@media(max-width:760px){.world-four{grid-template-columns:1fr 1fr;gap:20px;padding-block:40px}.world-four .world-copy{grid-column:1/-1;grid-row:1}.world-four h2{font-size:32px}.story-side{gap:16px}.story-side figcaption{font-size:9px}.story-side figure{padding:4px;box-shadow:3px 3px #191919}}

/* Story text on the left, all four comparisons on the right. */
.world-four{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:38px;align-items:center}.world-four .world-copy{grid-column:auto;grid-row:auto}.world-four h2{font-size:clamp(29px,3.6vw,43px)}.world-four .world-copy>p{font-size:14px}.story-art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:8px}.story-art-grid figure{margin:0;min-width:0;background:#fffdf6;border:2px solid #191919;padding:5px;box-shadow:4px 4px #191919;transform:rotate(-3deg)}.story-art-grid figure:nth-child(even){transform:rotate(3deg)}.story-art-grid img{display:block;width:100%;aspect-ratio:2;object-fit:contain}.story-art-grid figcaption{font-size:10px;line-height:1.5;padding:6px 2px 2px}@media(max-width:760px){.world-four{grid-template-columns:1fr;gap:22px}.world-four .world-copy{grid-column:auto;grid-row:auto}.story-art-grid{gap:17px 13px}.story-art-grid figcaption{font-size:9px}.world-four h2{font-size:32px}}