.case-page{--case-purple:#6750cf}.case-hero{padding:155px 6.2% 45px}.case-heading>h1{font-size:clamp(90px,17vw,260px);margin:30px 0;line-height:.86}.case-heading>h1 span{color:var(--orange)}.case-deck{display:flex;justify-content:space-between;align-items:flex-end;margin:35px 0 45px}.case-deck p{font-size:clamp(22px,2.8vw,40px);letter-spacing:-1px;line-height:1.2}.case-deck>span{font-size:11px;letter-spacing:1px;line-height:1.8}.screen-figure{margin:0}.screen-zoom{display:block;position:relative;width:100%;padding:0;background:#171923;overflow:hidden;border-radius:5px;cursor:zoom-in}.screen-zoom>img{width:100%;height:auto;transition:filter .3s}.screen-zoom:hover>img{filter:brightness(1.06)}.zoom-hint{position:absolute;bottom:16px;right:16px;border:1px solid #ffffff60;border-radius:30px;padding:10px 15px;background:#171923df;color:white;font-size:12px;opacity:0;transform:translateY(5px);transition:all .25s}.screen-zoom:hover .zoom-hint,.screen-zoom:focus-visible .zoom-hint{opacity:1;transform:none}.screen-figure figcaption{font-size:12px;color:#666;line-height:1.6;margin-top:14px}.chapter-nav{position:sticky;top:0;z-index:9;display:flex;justify-content:center;gap:35px;padding:22px 5%;background:#edededf5;backdrop-filter:blur(12px);border-block:1px solid #ccc;overflow-x:auto}.chapter-nav a{font-size:13px;white-space:nowrap}.chapter-nav a.active{color:var(--orange)}.case-section{padding:90px 6.2%;scroll-margin-top:65px}.case-section h2{font-size:clamp(32px,4.6vw,65px);font-weight:500;line-height:1.1;letter-spacing:-2px;margin:19px 0 24px}.case-section p{font-size:16px;line-height:1.8;color:#606060}.overview{display:grid;grid-template-columns:1fr 1fr;gap:9%}.overview h2{font-size:clamp(32px,3.4vw,52px)}.overview .case-lead{font-size:21px;line-height:1.65;color:#222;margin-bottom:20px}.project-facts{margin-top:35px}.project-facts>div{padding:16px 0;border-top:1px solid #ccc}.project-facts dt{font-size:10px;letter-spacing:1px;color:#666;margin-bottom:9px}.project-facts dd{margin:0;font-size:14px}.chapter-heading{max-width:790px;margin-bottom:38px}.chapter-heading p{max-width:690px}.tinted{background:#e0e0df}.state-switch{display:flex;gap:5px;padding:5px;background:#cecece;border-radius:40px;width:max-content;max-width:100%;margin-bottom:23px}.state-switch button{border-radius:30px;background:transparent;padding:12px 21px;font-size:13px;transition:background .25s,color .25s}.state-switch [aria-pressed=true]{background:#202024;color:white}.design-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:38px}.design-notes span{font-size:10px;color:var(--case-purple);letter-spacing:1px}.design-notes h3{font-size:21px;font-weight:500;margin:13px 0 9px;letter-spacing:-.5px}.design-notes p{font-size:14px;line-height:1.8}.supporting-screen{margin-top:45px;border-block:1px solid #bfbfbf}.supporting-screen summary{list-style:none;padding:23px 0;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:16px}.supporting-screen summary::-webkit-details-marker{display:none}.supporting-screen summary span{font-size:22px;transition:transform .2s}.supporting-screen[open] summary span{transform:rotate(45deg)}.supporting-screen>p{margin-bottom:24px;max-width:780px}.supporting-screen .screen-figure{margin:10px 0 25px}.credit-note{border-top:1px solid #ccc;padding-top:30px;margin-top:45px;font-size:12px!important;max-width:820px}.case-contact{background:var(--orange);padding:65px 6.2% 28px}.case-contact h2{font-family:var(--display);font-size:clamp(65px,10vw,145px);text-transform:uppercase;font-weight:600;line-height:.95;letter-spacing:-1.5px;margin:32px 0 40px}.case-contact>div{display:flex;align-items:center;gap:30px}.case-contact footer{border-top:1px solid #19191940;margin-top:70px;padding-top:25px;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px}#screenViewer{width:96vw;max-height:96svh;background:#15151c;color:white;overflow:hidden}#screenViewer .viewer-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;gap:20px;font-size:13px}#closeViewer,.viewer-bottom button{background:#33333d;color:white;padding:10px 15px;border-radius:25px;font-size:13px;white-space:nowrap}.viewer-image{overflow:auto;max-height:calc(96svh - 124px);background:#0c0c12;display:flex;align-items:flex-start;justify-content:center}.viewer-image img{object-fit:contain;max-height:calc(96svh - 124px);width:auto;max-width:100%}.viewer-image.zoomed{display:block}.viewer-image.zoomed img{max-width:none;max-height:none;width:auto;height:auto}.viewer-bottom{display:flex;gap:25px;align-items:center;padding:12px 20px;font-size:13px}.pikamoon-visual{background:radial-gradient(ellipse at 70% 90%,#6877bd55,transparent 70%),#24283e}.pikamoon-visual .screen-frame{top:17%;width:72%;left:14%}
@media(max-width:700px){.case-hero{padding:115px 5% 30px}.case-heading>h1{font-size:22vw;margin-top:27px}.case-deck{margin:25px 0 30px;gap:20px}.case-deck p{font-size:22px;letter-spacing:-.6px}.case-deck>span{font-size:8px;letter-spacing:.5px}.chapter-nav{gap:22px;justify-content:flex-start;padding:17px 5%}.chapter-nav a{font-size:12px}.case-section{padding:55px 5%;scroll-margin-top:55px}.case-section h2{font-size:36px;letter-spacing:-1.5px}.case-section p{font-size:15px}.overview{grid-template-columns:1fr;gap:15px}.overview .case-lead{font-size:19px}.chapter-heading{margin-bottom:25px}.design-notes{grid-template-columns:1fr;gap:25px;margin-top:28px}.design-notes h3{font-size:20px;margin-top:9px}.design-notes p{font-size:14px}.state-switch button{font-size:12px;padding:11px 16px}.screen-figure figcaption{font-size:11px}.zoom-hint{opacity:1;transform:none;font-size:10px;padding:6px 10px;bottom:9px;right:9px}.supporting-screen{margin-top:30px}.supporting-screen summary{font-size:14px}.case-contact{padding:50px 5% 25px}.case-contact h2{font-size:17vw}.case-contact>div{gap:20px;flex-wrap:wrap}.case-contact footer{font-size:8px;line-height:1.7}.viewer-bar{font-size:11px!important}.viewer-bottom{font-size:12px}.pikamoon-visual .screen-frame{top:25%;width:90%;left:5%}.case-page .header nav{gap:20px}.case-page .motion-button{font-size:10px}}
.overview>.screen-figure{grid-column:1/-1;margin-top:18px}
.squad-showcase{margin-top:55px}.squad-showcase h3{font-size:28px;letter-spacing:-.7px;font-weight:500;margin-bottom:15px}.squad-showcase>p{max-width:750px;margin-bottom:25px}.screen-context{font-size:12px!important;margin-top:16px;color:var(--muted)!important}.rarity-selector{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:30px}.rarity-selector button{background:var(--surface);border:1px solid transparent;border-radius:6px;padding:15px 12px 14px;color:var(--ink);transition:transform .25s,border-color .25s}.rarity-selector button img{height:175px;width:100%;object-fit:contain;filter:drop-shadow(0 7px 6px #0002)}.rarity-selector button>span{display:block;font-size:14px;margin-top:13px}.rarity-selector [aria-selected=true]{border-color:var(--orange);box-shadow:inset 0 -3px var(--orange)}.rarity-selector button:hover{transform:translateY(-3px)}.rarity-panel{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:35px 5%;background:var(--surface);border-radius:6px}.rarity-art{display:block;position:relative;width:100%;padding:10px;background:transparent;cursor:zoom-in}.rarity-art>img{display:block;width:100%;height:560px;object-fit:contain;filter:drop-shadow(0 18px 17px #0003)}.rarity-art .zoom-hint{opacity:1;transform:none;bottom:10px}.rarity-copy h3{font-size:42px;line-height:1.1;letter-spacing:-1.2px;font-weight:500;margin:18px 0 25px}.rarity-copy>p{line-height:1.8}.rarity-copy dl{margin:30px 0}.rarity-copy dl>div{padding:17px 0;border-top:1px solid var(--line)}.rarity-copy dt{font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:9px}.rarity-copy dd{margin:0;font-size:14px;line-height:1.6}.rarity-hint{font-size:13px;line-height:1.7;color:var(--muted);display:block}.chapter-nav{gap:25px}
@media(max-width:1000px){.rarity-art>img{height:460px}.rarity-copy h3{font-size:34px}.rarity-selector button img{height:140px}.chapter-nav{justify-content:flex-start}}
@media(max-width:700px){.squad-showcase{margin-top:35px}.squad-showcase h3{font-size:25px}.rarity-selector{display:flex;overflow-x:auto;gap:10px;padding:4px 0 12px;scroll-snap-type:x proximity}.rarity-selector button{min-width:105px;flex:1 0 105px;padding:12px 7px;scroll-snap-align:start}.rarity-selector button img{height:125px}.rarity-selector button>span{font-size:13px}.rarity-panel{grid-template-columns:1fr;gap:25px;padding:22px}.rarity-art>img{height:420px;max-height:70svh}.rarity-copy h3{font-size:32px;margin:14px 0 18px}.rarity-copy dl{margin:20px 0}.rarity-copy dt{font-size:10px}.chapter-nav{gap:22px}}