@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-display:swap}
:root{--ink:#101018;--paper:#faf7ef;--yellow:#ffda3e;--orange:#ff792b;--pink:#ff2fa8;--cyan:#2fe7df;--purple:#ab95f3;--line:#18181c;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:126px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif;line-height:1.65}::selection{background:var(--pink);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--orange)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}img{max-width:100%;display:block}button{border-radius:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}svg{width:24px;height:24px}a,button{touch-action:manipulation}.wrap{max-width:1120px;margin:auto}.section{padding:104px 28px 120px}.paper{background:var(--paper)}.skip{position:fixed;top:-100px;left:12px;background:var(--yellow);padding:12px;z-index:100}.skip:focus{top:10px}
header{position:fixed;top:0;left:0;width:100%;z-index:30;color:#fff;transition:background .25s}header.scrolled{background:rgba(16,16,24,.97)}.global-nav{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff30;font-size:12px;font-weight:700}.wordmark{display:flex;align-items:center;gap:9px;letter-spacing:.015em}.flower{color:var(--cyan);width:21px;height:21px}.nav-cross{color:#999;margin:0 7px}.global-tag{color:var(--yellow)}.global-right{color:#dad6d3;font-weight:400}.product-nav{display:flex;align-items:center;justify-content:space-between;padding:19px 32px;height:85px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:27px;font-weight:900;letter-spacing:-.03em}.bot-mark{background:#ed403a;border:2px solid #171717;width:48px;height:39px;border-radius:18px 18px 13px 13px;position:relative;display:flex;align-items:center;justify-content:center;gap:9px;transform:rotate(-7deg);box-shadow:0 0 0 2px #fff}.bot-mark:before{content:'';position:absolute;inset:11px 5px 5px;background:#fff0d8;border-radius:9px}.bot-mark i{z-index:1;width:4px;height:7px;background:#241713;border-radius:50%;margin-top:7px}.nav-links{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:600}.nav-links>a:not(.button):hover{color:var(--yellow)}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:17px 30px;min-height:58px;background:var(--orange);border:3px solid var(--line);color:#08080c;font-size:17px;font-weight:900;box-shadow:7px 7px 0 var(--pink);transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--pink)}.button.small{padding:8px 18px;min-height:42px;font-size:13px;box-shadow:none}.button.yellow{background:var(--yellow)}.menu-toggle{display:none}
.hero{position:relative;min-height:770px;height:88svh;max-height:1080px;overflow:hidden;background:#3e3731;color:#fff}.hero-video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,12,.86),rgba(8,8,12,.62) 31%,rgba(8,8,12,.08) 76%),linear-gradient(180deg,rgba(8,8,12,.6),transparent 28%,transparent 70%,rgba(8,8,12,.38))}.hero-content{position:relative;padding:225px 24px 125px;max-width:1170px;margin:auto}.hero h1{font-family:Anton,sans-serif;font-size:clamp(110px,12.2vw,180px);line-height:1;letter-spacing:-.015em;color:var(--yellow);text-shadow:5px -3px 0 var(--pink),-4px 3px 0 var(--cyan);transform:rotate(-1deg);width:max-content}.hero h1 span{display:block;font-size:clamp(25px,2.8vw,41px);letter-spacing:0;line-height:1.28;color:var(--pink);-webkit-text-stroke:1px var(--paper);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);margin-top:8px}.hero-content p{margin:29px 0 31px;font-size:19px;line-height:1.9;color:#eee9e3;font-weight:500}.hero-cta{min-width:260px}.mobile-break{display:none}.motion-toggle{position:absolute;right:33px;bottom:63px;background:#101018bf;color:white;border:1px solid #ffffff60;padding:8px 13px;display:flex;gap:9px;align-items:center;font-size:12px}.scroll-cue{position:absolute;left:50%;bottom:53px;font-size:11px;letter-spacing:.1em}.scroll-cue span{margin-left:13px;font-size:23px}.ticker{position:relative;z-index:2;background:var(--yellow);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);overflow:hidden;transform:rotate(-2.4deg);width:100%;margin-top:-27px}.ticker-track{display:flex;width:max-content;animation:marquee 32s linear infinite;padding:12px 0}.ticker-track>span{white-space:nowrap;font-size:20px;letter-spacing:.065em;font-weight:900}.ticker b{margin:0 25px;font-size:23px}@keyframes marquee{to{transform:translateX(-50%)}}
.intro{padding:74px 28px 52px;text-align:center}.intro-lineup{max-width:1060px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:auto}.intro-lineup img{height:220px;width:100%;object-fit:cover;mix-blend-mode:multiply}.intro-lineup figcaption{font-weight:700;font-size:14px;margin-top:13px}.intro>p{font-size:14px;color:#625d59;margin-top:35px}.section-heading{text-align:center;margin:0 auto 49px;max-width:700px}.comic-title{font-family:Anton,'Microsoft YaHei',sans-serif;font-weight:400;font-size:clamp(40px,4.4vw,65px);line-height:1.04;letter-spacing:-.02em;filter:drop-shadow(3px 3px 0 var(--yellow))}.comic-title span{display:block;color:var(--paper);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.section-heading p{margin-top:23px;font-size:15px;color:#5a5552}.film{background:white}.film-poster{display:block;position:relative;max-width:960px;width:100%;padding:0;margin:auto;background:var(--ink);border:4px solid var(--ink);box-shadow:9px 9px 0 var(--yellow);overflow:hidden;aspect-ratio:16/9}.film-poster img{width:100%;height:100%;object-fit:cover;filter:brightness(.78);transition:filter .3s,transform .5s}.film-poster:hover img{filter:brightness(1);transform:scale(1.025)}.play-sticker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);display:flex;align-items:center;gap:10px;white-space:nowrap;background:var(--yellow);padding:13px 22px;border:3px solid var(--ink);font-weight:900;box-shadow:4px 4px 0 var(--ink)}.film-caption{position:absolute;bottom:20px;left:23px;color:#fff;font-family:Anton;font-size:23px;letter-spacing:.025em}
.dark-section{background:var(--ink);color:var(--paper);padding:118px 28px;clip-path:polygon(0 0,100% 2.3%,100% 97.7%,0 100%)}.build-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.assembly-frame{position:relative;background:#d6d8df;border:3px solid #050509;transform:rotate(-2deg);box-shadow:7px 7px 0 var(--pink)}.assembly-frame img{width:100%;aspect-ratio:1.18;object-fit:cover}.frame-label{position:absolute;top:17px;left:16px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);padding:3px 9px;font-family:Anton;font-size:18px}.frame-bottom{background:var(--paper);color:var(--ink);display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:12px 14px;border-top:3px solid var(--ink)}.pink{color:var(--pink);filter:drop-shadow(3px 3px 0 #712354)}.dark-section .comic-title span{-webkit-text-stroke:0;color:var(--paper)}.build-copy>p,.look-inner p{font-size:15px;color:#cec8d4;line-height:1.85;margin:25px 0}.stage-status{margin-top:33px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.stage-status span{color:var(--yellow);font-family:Anton;font-size:19px}input[type=range]{appearance:none;width:100%;height:5px;background:#615a65;margin:23px 0;accent-color:var(--yellow);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:24px;background:var(--yellow);border:2px solid var(--ink);box-shadow:0 0 0 1px var(--yellow)}.stage-actions{display:flex;align-items:center;justify-content:space-between;gap:9px}.text-button{background:transparent;border:0;color:var(--paper);font-size:12px;padding:12px 0;min-height:44px}.text-button:disabled{opacity:.35;cursor:default}.build-copy .small-note{font-size:11px;color:#a7a0b0;margin-top:15px}.orange{filter:drop-shadow(3px 3px 0 var(--orange))}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{border:2px solid var(--ink);background:#fff}.feature-grid article:nth-child(2){transform:rotate(1.3deg)}.feature-grid article:nth-child(3){transform:rotate(-1deg)}.feature-image{overflow:hidden;border-bottom:2px solid var(--ink)}.feature-image img{width:100%;height:280px;object-fit:cover;transition:transform .3s}.feature-grid article:hover img{transform:scale(1.04)}.feature-copy{padding:21px}.feature-copy>span{font-family:Anton;font-size:12px;letter-spacing:.05em;color:#666}.feature-copy h3{font-size:21px;margin:6px 0 8px}.feature-copy p{font-size:13px;color:#5f5a58}.look{padding-top:96px;padding-bottom:104px}.look-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}.purple{color:var(--purple);filter:drop-shadow(3px 3px 0 #5d2878)}.look-controls{display:flex;gap:14px;margin-top:32px}.look-choice{background:transparent;color:#c9c2d0;border:1px solid transparent;padding:9px 6px;font-size:12px;display:grid;gap:11px;justify-items:center;min-width:82px}.look-choice.active{color:var(--yellow);border-color:#6d626d}.swatch{width:27px;height:27px;border-radius:50%;display:block;border:2px solid #ffffff70}.swatch.white{background:#e7e8ed}.swatch.blue{background:#357dce}.swatch.red{background:#ef3f38}.look-display{position:relative;border:3px solid #08080c;box-shadow:7px 7px 0 var(--purple);transform:rotate(1deg)}.look-display img{width:100%;height:420px;object-fit:cover}.look-display>span{position:absolute;bottom:18px;left:20px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);padding:4px 12px;font-size:12px;font-weight:700}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:960px}.gallery-tile{position:relative;padding:0;border:0;background:#d6d8df;overflow:hidden;aspect-ratio:1.35}.gallery-tile.wide{grid-column:1/-1;aspect-ratio:2.05}.gallery-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-tile:hover img{transform:scale(1.035)}.gallery-tile>span{position:absolute;bottom:0;left:0;right:0;padding:12px 18px;background:#101018d9;color:var(--paper);text-align:left;font-size:13px;font-weight:700;display:flex;justify-content:space-between}.gallery-tile i{font-style:normal}.closing{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fff;padding:72px max(28px,calc((100vw - 1120px)/2));gap:38px;overflow:hidden}.closing-content{position:relative;z-index:1}.closing .comic-title{font-size:clamp(39px,4vw,58px)}.closing p{margin:26px 0;color:#625c58;font-size:14px}.closing>img{height:420px;object-fit:cover;min-width:0}.back-top{display:block;font-size:12px;margin-top:30px;text-decoration:underline;text-underline-offset:5px}footer{padding:62px max(28px,calc((100vw - 1120px)/2)) 23px;background:var(--ink);color:var(--paper);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:35px}footer p{font-size:13px;color:#bfb6c5;margin-top:8px}.footer-dot{color:var(--orange);font-size:13px}.footer-links{display:flex;gap:35px;font-size:13px}.footer-links a:hover{color:var(--yellow)}.footer-bottom{flex-basis:100%;border-top:1px solid #49404e;padding-top:23px;display:flex;justify-content:space-between;font-size:10px;color:#aaa1b2;letter-spacing:.03em}
dialog{padding:0;border:3px solid var(--ink);max-width:1100px;width:92vw;background:var(--ink);color:var(--paper);box-shadow:8px 8px 0 var(--yellow);overflow:visible}dialog::backdrop{background:#060609e8}dialog[open]{animation:dialog-in .2s ease-out}dialog video{display:block;width:100%;max-height:77svh}dialog>p{padding:15px 20px;font-size:13px;display:flex;justify-content:space-between}dialog>p span{color:#bdb3c9;font-size:11px}.dialog-close{position:absolute;right:-14px;top:-22px;width:44px;height:44px;border:3px solid var(--ink);background:var(--yellow);color:var(--ink);font-size:28px;line-height:1;z-index:2}.dialog-close:hover{background:var(--orange)}#image-dialog{width:max-content;max-width:92vw}#lightbox-image{max-height:77svh;max-width:90vw;width:auto;object-fit:contain}.lightbox-controls{display:flex;align-items:center;justify-content:center;gap:35px;padding:8px}.lightbox-controls button{color:var(--paper);background:transparent;border:1px solid #8c8198;width:46px;height:40px;font-size:20px}.lightbox-controls span{font-size:13px;font-variant-numeric:tabular-nums}body.modal-open{overflow:hidden}@keyframes dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-content{padding-top:260px}}
@media(max-width:900px){.hero-content{padding-left:6vw}.build-inner{gap:35px}.look-inner{gap:30px}.feature-image img{height:230px}.stage-actions{flex-wrap:wrap}.build-copy .comic-title{font-size:42px}.look-display img{height:350px}.global-right{display:none}.nav-links{gap:20px}.section{padding-top:82px;padding-bottom:92px}.closing{gap:0}.closing>img{height:350px}.intro-lineup img{height:180px}}
@media(max-width:600px){html{scroll-padding-top:106px}.global-nav{height:34px;padding:0 15px;font-size:10px}.global-tag{font-size:9px}.wordmark{gap:6px}.nav-cross{margin:0 3px}.flower{width:17px;height:17px}.product-nav{height:69px;padding:12px 19px}.brand{font-size:23px}.bot-mark{width:40px;height:33px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;background:transparent;border:1px solid #ffffff75}.menu-toggle span{display:block;width:20px;height:2px;background:#fff;margin:0 auto}.nav-links{display:none;position:absolute;top:103px;left:0;right:0;padding:22px;background:var(--ink);border-top:1px solid #ffffff30;align-items:stretch;gap:7px}.nav-links.open{display:flex;flex-direction:column}.nav-links>a{padding:12px}.hero{height:790px;min-height:0;max-height:none}.hero-video{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#08080cc9,#08080c42),linear-gradient(180deg,#08080c70,transparent 65%,#08080c65)}.hero-content{padding:210px 25px 120px}.hero h1{font-size:128px}.hero h1 span{font-size:27px;line-height:1.3;max-width:340px}.mobile-break{display:block}.hero-content p{font-size:16px;margin-top:29px;margin-bottom:27px}.hero-cta{min-width:244px;padding:14px 19px;font-size:15px}.motion-toggle{right:20px;bottom:51px}.scroll-cue{left:26px;bottom:48px}.ticker-track{padding:9px 0}.ticker-track>span{font-size:15px}.ticker b{margin:0 15px}.intro{padding:51px 15px 37px}.intro-lineup{gap:4px}.intro-lineup img{height:119px}.intro-lineup figcaption{font-size:10px}.intro>p{font-size:12px;margin-top:23px}.section{padding:65px 21px 75px}.comic-title{font-size:43px}.section-heading{margin-bottom:34px}.section-heading p{font-size:13px;margin-top:21px}.film-caption{font-size:14px;bottom:12px;left:12px}.play-sticker{font-size:12px;padding:8px 12px;gap:5px}.film-poster{border-width:3px;box-shadow:5px 5px 0 var(--yellow)}.dark-section{padding:77px 23px;clip-path:polygon(0 0,100% 1%,100% 99%,0 100%)}.build-inner,.look-inner{grid-template-columns:1fr;gap:45px}.assembly-frame img{aspect-ratio:1.35}.build-copy .comic-title{font-size:44px}.build-copy>p,.look-inner p{font-size:14px;margin:20px 0}.stage-actions{flex-wrap:nowrap}.stage-status{margin-top:23px}.feature-grid{grid-template-columns:1fr;gap:22px}.feature-grid article:nth-child(n){transform:none}.feature-image img{height:auto;aspect-ratio:1.7}.feature-copy{padding:17px 19px}.feature-copy h3{font-size:20px}.look-display img{height:auto;aspect-ratio:1.35}.look-controls{gap:19px}.gallery-grid{gap:10px}.gallery-tile{aspect-ratio:1}.gallery-tile.wide{aspect-ratio:1.6}.gallery-tile>span{font-size:10px;padding:8px 10px}.closing{padding:58px 25px 0;grid-template-columns:1fr;gap:15px;text-align:center}.closing .comic-title{font-size:43px}.closing>img{height:auto;max-height:320px;width:100%;object-fit:cover}.closing p{margin:24px 0}.closing .button{font-size:15px}footer{padding:40px 25px 23px;gap:27px}.footer-links{gap:25px;font-size:12px}.footer-bottom{flex-direction:column;gap:7px}dialog>p{display:block;font-size:11px}dialog>p span{display:block;margin-top:4px}.dialog-close{right:-9px;top:-24px}dialog{width:92vw}}
html,body{overflow-x:clip}.hero h1{text-transform:uppercase;font-size:clamp(90px,10vw,148px)}.assembly-frame img{height:auto;aspect-ratio:1.35}.frame-bottom{font-size:11px}.global-nav{padding-top:6px;padding-bottom:6px}
@media(max-width:600px){.hero h1{font-size:clamp(58px,18.5vw,110px)}.global-tag{display:none}.nav-cross{display:none}}
@media(max-width:600px){.global-nav{font-size:11px}.global-tag{font-size:11px}.intro-lineup figcaption,.gallery-tile>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ticker-track{animation:none}.hero-video{opacity:0}.hero{background:url('assets/video-poster.jpg') center/cover}.motion-toggle{display:none}}
/* OpenDoll project content */
.hero-content{padding-top:205px}.hero-content .hero-promise{font-size:24px;font-weight:700;margin:24px 0 12px}.hero-content .hero-description{font-size:16px;line-height:1.8;margin:0 0 28px;max-width:610px}.hero-actions{display:flex;align-items:center;gap:30px}.hero-cta{min-width:190px}.hero-source{font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:6px}.hero-source:hover{color:var(--yellow)}.hero-media-note{display:block;font-size:12px;margin-top:25px;color:#ede5dd}.section-lead{font-size:24px;line-height:1.5;margin-top:25px;font-weight:800}.character-comparison{display:grid;grid-template-columns:1fr 1.5fr;gap:22px;max-width:960px}.character-comparison figure{border:3px solid var(--ink);background:#d6d8df;overflow:hidden}.character-comparison img{width:100%;height:365px;object-fit:contain}.character-comparison figure:last-child img{object-fit:cover}.character-comparison figcaption{padding:17px 19px;border-top:3px solid var(--ink);background:#fff;text-align:left;display:flex;justify-content:space-between;gap:15px;align-items:center}.character-comparison figcaption strong{font-size:15px}.character-comparison figcaption span{font-size:12px;color:#625b58}.intro{padding-bottom:85px}.media-context{max-width:960px;margin:24px auto 0;font-size:13px;color:#625b58}.engineering{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.engineering-image{border:2px solid var(--ink);background:#fff}.engineering-image img{width:100%;height:410px;object-fit:contain}.engineering-image figcaption{border-top:2px solid var(--ink);padding:12px;font-size:12px;text-align:center}.engineering-specs{margin:0}.engineering-specs>div{padding:25px 0;border-bottom:1px solid #bfb8ad}.engineering-specs>div:first-child{padding-top:0}.engineering-specs dt{font-size:24px;font-weight:800;margin-bottom:10px}.engineering-specs dd{margin:0;font-size:15px;line-height:1.85;color:#5a5552}.training-heading,.resource-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.training-heading .section-lead,.resource-heading .section-lead{margin-top:0}.training-heading p,.resource-heading p{color:#d0c8d8;font-size:15px;line-height:1.85;margin-top:14px}.training-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);margin:55px 0 38px;border-top:2px solid var(--yellow)}.training-flow li{padding:25px 25px 15px 0}.training-flow li+li{padding-left:23px;border-left:1px solid #655869}.training-flow span{font-family:Anton;font-size:26px;color:var(--yellow)}.training-flow h3{font-size:20px;margin:12px 0}.training-flow p{font-size:14px;color:#cec4d2;line-height:1.8}.training+.look{background:var(--paper);color:var(--ink);clip-path:none}.training+.look .comic-title span{color:var(--ink)}.training+.look p{color:#5a5552}.training+.look .look-choice{color:var(--ink)}.training+.look .look-choice.active{border-color:var(--ink);background:var(--yellow)}.resource-list{margin-top:45px;border-top:1px solid #655869}.resource-row{display:grid;grid-template-columns:150px 1fr 160px;gap:30px;align-items:center;padding:24px 0;border-bottom:1px solid #655869}.resource-row h3{font-size:20px}.resource-row p{font-size:14px;color:#d0c8d8}.resource-row a{font-size:14px;color:var(--yellow);text-align:right;min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.resource-row a:hover{text-decoration:underline;text-underline-offset:5px}.resource-actions{display:flex;gap:30px;align-items:center;margin-top:38px}.resource-docs{font-size:15px;text-decoration:underline;text-underline-offset:6px}.resource-note{color:#c2b7ca;font-size:12px;margin-top:25px;max-width:75ch}.extension-note{margin-top:28px;border-top:1px solid #655869;padding-top:20px;color:#ddd3e4;font-size:14px}.extension-note summary{cursor:pointer;padding:7px 0;color:var(--paper);font-weight:700}.extension-note p{max-width:75ch;margin:12px 0;line-height:1.8}.extension-note summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.closing .comic-title{font-size:49px}.closing .section-lead{font-size:23px}.stage-actions .button.small{font-size:12px;padding:8px 12px}.hero{min-height:850px}
@media(max-width:900px){.engineering,.training-heading,.resource-heading{gap:30px}.resource-row{grid-template-columns:125px 1fr 140px;gap:18px}.character-comparison figcaption{display:block}.character-comparison figcaption span{display:block;margin-top:5px}.hero-content .hero-description{max-width:510px}.training-heading .comic-title,.resource-heading .comic-title{font-size:44px}.closing .comic-title{font-size:39px}}
@media(max-width:600px){.hero{height:820px;min-height:0}.hero-content{padding:181px 25px 100px}.hero-content .hero-promise{font-size:20px;max-width:16em;margin-top:23px}.hero-content .hero-description{font-size:14px;max-width:24em;margin-bottom:24px}.hero-description br{display:none}.hero-actions{gap:24px;flex-wrap:wrap}.hero-cta{min-width:155px}.hero-source{font-size:14px}.hero-media-note{font-size:11px;margin-top:24px}.section-lead{font-size:20px}.character-comparison{grid-template-columns:1fr;gap:20px}.character-comparison img{height:310px}.character-comparison figure:last-child img{height:240px}.character-comparison figcaption{display:flex;padding:13px;gap:10px}.character-comparison figcaption strong{font-size:14px}.character-comparison figcaption span{font-size:11px;margin:0}.intro{padding:60px 21px}.media-context{font-size:12px}.engineering,.training-heading,.resource-heading{grid-template-columns:1fr;gap:32px}.engineering-image img{height:290px}.engineering-specs dt{font-size:21px}.engineering-specs dd{font-size:14px}.training-flow{grid-template-columns:1fr 1fr;margin-top:35px}.training-flow li{padding:20px 16px 20px 0}.training-flow li+li{padding-left:16px}.training-flow li:nth-child(3){border-left:0;padding-left:0}.training-flow li:nth-child(n+3){border-top:1px solid #655869}.training-flow h3{font-size:18px}.training-flow p{font-size:13px}.resource-row{grid-template-columns:1fr;gap:9px;padding:20px 0}.resource-row a{justify-content:flex-start;text-align:left;min-height:40px}.resource-row h3{font-size:20px}.resource-actions{flex-direction:column;align-items:flex-start;gap:25px}.resource-note{font-size:12px}.closing .comic-title{font-size:38px}.closing .section-lead{font-size:20px}.stage-actions{gap:5px}.stage-actions .button.small{padding:8px}.build-copy .small-note{font-size:12px}.frame-label{font-size:16px}}
.training+.look .purple{color:#6946a0;filter:drop-shadow(2px 2px 0 #d3bee8)}
/* Lifestyle media: warm scenes connect the character world to the engineering sections. */
.clip-grid{max-width:960px;margin:30px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.clip-card{background:var(--paper);padding:0;border:2px solid var(--ink);text-align:left}.clip-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.clip-card>span{position:relative;display:block;padding:17px 45px 17px 20px;border-top:2px solid var(--ink)}.clip-card strong{font-size:18px;display:block}.clip-card small{font-size:12px;display:block;margin-top:5px;color:#5a5552}.clip-card b{position:absolute;right:20px;top:22px}.clip-card:hover{border-color:#b33372}.clip-card:hover strong{color:#97295e}.colour-family{padding-bottom:50px}.family-image{width:min(1120px,100%);height:auto;margin:-30px auto -25px}.family-caption{text-align:center;font-size:12px;color:#625b58}.life-pair{display:grid;grid-template-columns:1fr;gap:38px;max-width:1060px}.life-pair figure{border:2px solid var(--ink);background:#fff}.life-pair img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.life-pair figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px;border-top:2px solid var(--ink)}.life-pair strong{font-size:21px}.life-pair figcaption span{font-size:12px;color:#625b58}.life-scenes{padding-bottom:40px}.life-scenes+.gallery{padding-top:65px}.hero-video{object-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(8,8,12,.86),rgba(8,8,12,.64) 35%,rgba(8,8,12,.08) 80%),linear-gradient(180deg,rgba(8,8,12,.6),transparent 28%,transparent 70%,rgba(8,8,12,.38))}
@media(max-width:600px){.clip-grid{grid-template-columns:1fr;gap:20px}.clip-card strong{font-size:17px}.family-image{width:100%;margin:0 auto}.colour-family{padding-bottom:40px}.life-pair{gap:24px}.life-pair img{aspect-ratio:1.3;object-position:55% center}.life-pair figcaption{display:block;padding:16px}.life-pair strong{font-size:18px}.life-pair figcaption span{display:block;margin-top:5px}.hero-video{object-position:68% center}.life-scenes+.gallery{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.hero{background-image:url('assets/brand-poster.jpg')}}