.case-page{--case-accent:#ffc85a;--case-glow:255 184 62;position:relative;isolation:isolate;background:#03090e}.case-page:before{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:70rem;pointer-events:none;background:radial-gradient(ellipse 38% 28% at 78% 15%,rgb(var(--case-glow)/.22),transparent 74%),radial-gradient(ellipse 52% 35% at 17% 44%,rgb(var(--case-glow)/.1),transparent 76%)}.work-eyebrow{margin:0;color:var(--case-accent);font-size:.72rem;font-weight:800;letter-spacing:.2em}.work-section-heading{display:grid;gap:.7rem;max-width:53rem;margin-bottom:3rem}.work-section-heading h2{margin:0;font-size:clamp(3.3rem,7vw,7rem);font-weight:950;letter-spacing:-.075em;line-height:.9}.work-section-heading>p:last-child{max-width:39rem;margin:.4rem 0 0;color:#b8c8c4;font-size:1.02rem}.case-back,.case-links a{display:inline-flex;min-height:48px;align-items:center;gap:.75rem;font-size:.78rem;font-weight:850;letter-spacing:.13em}.case-back svg,.case-links svg{width:1.05rem}.case-page{padding-top:5rem}.case-hero{max-width:100rem;margin:auto;padding:4rem var(--gutter) 5rem}.case-hero-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,27rem);align-items:end;gap:1rem;min-height:31rem}.case-hero-copy{position:relative;z-index:2;padding-bottom:1.5rem}.case-back{margin-bottom:3rem;color:#d7e3e9}.case-saga{width:-moz-fit-content;width:fit-content;margin:1.5rem 0 0;padding:.45rem .65rem;border:1px solid rgb(var(--case-glow)/.45);border-radius:.3rem;color:var(--case-accent);font-size:.7rem;font-weight:900;letter-spacing:.18em}.case-hero h1{margin:1.2rem 0;font-size:clamp(4.5rem,9vw,9rem);font-weight:950;letter-spacing:-.085em;line-height:.86;overflow-wrap:anywhere}.case-summary{max-width:40rem;color:#dce9ea;font-size:clamp(1.15rem,1.65vw,1.5rem);line-height:1.45}.case-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2rem}.case-chips span{padding:.48rem .7rem;border:1px solid rgb(var(--case-glow)/.4);border-radius:99px;color:var(--case-accent);font-size:.75rem}.case-hero-character{position:relative;height:31rem;min-width:0;display:flex;align-items:flex-end;justify-content:center}.case-energy-ring{position:absolute;width:min(100%,28rem);aspect-ratio:1;top:1.5rem;border:1px solid rgb(var(--case-glow)/.3);border-radius:50%;background:radial-gradient(circle,rgb(var(--case-glow)/.23) 0,rgb(var(--case-glow)/.09) 38%,transparent 68%);box-shadow:0 0 5rem rgb(var(--case-glow)/.17),inset 0 0 4rem rgb(var(--case-glow)/.12)}.case-energy-ring:after{content:"";position:absolute;inset:11%;border:1px dashed rgb(var(--case-glow)/.38);border-radius:50%}.case-motif{position:absolute;z-index:1;inset:0;pointer-events:none}.case-motif i{position:absolute;display:block}.case-goku{position:relative;z-index:2;display:block;width:auto;height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;filter:drop-shadow(0 0 2rem rgb(var(--case-glow)/.32))}.case-dragon-ball{position:absolute;z-index:2;right:.2rem;bottom:1.1rem;display:flex;width:6.5rem;height:6.5rem;flex-wrap:wrap;align-content:center;justify-content:center;gap:0 .08rem;padding:1.4rem;border:.42rem solid #ffcf4e;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffe69c 0 7%,#ffbe40 23%,#ee8a17 75%,#ad4b08);box-shadow:inset -.5rem -.6rem .8rem rgba(135,50,0,.32),0 0 1.8rem rgba(255,167,30,.5);transform:rotate(-11deg)}.case-dragon-ball span{color:#b41723;font-size:1.25rem;line-height:.9;text-shadow:0 1px 1px rgba(255,232,190,.4)}.case-hero-visual{position:relative;width:100%;aspect-ratio:1672/941;margin-top:2.5rem;border:1px solid rgb(var(--case-glow)/.3);border-radius:1.1rem;overflow:hidden;background:#071510;box-shadow:0 0 0 .4rem rgb(var(--case-glow)/.04),0 1.5rem 5rem rgba(0,0,0,.35)}.case-hero-visual img{-o-object-fit:contain;object-fit:contain}.case-story{display:grid;grid-template-columns:minmax(13rem,.35fr) minmax(0,1fr);gap:6rem;max-width:100rem;margin:auto;padding:5rem var(--gutter) 8rem;border-top:1px solid rgb(var(--case-glow)/.3)}.case-fact{height:-moz-fit-content;height:fit-content;padding-top:1.5rem;border-top:2px solid var(--case-accent)}.case-fact span{color:var(--case-accent);font-size:.7rem;font-weight:850;letter-spacing:.17em}.case-fact strong{display:block;margin:1.5rem 0 1rem;font-size:clamp(2rem,4vw,4.5rem);letter-spacing:-.07em;line-height:1}.case-fact p{color:#acc7bc}.case-narrative{display:grid;gap:3rem}.case-narrative>div{padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.12)}.case-narrative h2{margin:1rem 0;font-size:clamp(2.2rem,4.3vw,4.5rem);letter-spacing:-.07em;line-height:.95}.case-narrative li,.case-narrative p:not(.work-eyebrow){max-width:45rem;color:#c3d6cd;font-size:1.1rem;line-height:1.65}.case-narrative ul{display:grid;gap:.7rem;padding-left:1.4rem}.case-gallery{max-width:100rem;margin:auto;padding:2rem var(--gutter) 6rem}.case-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(.5rem,1.3vw,1.2rem)}.case-gallery-grid.is-landscape{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery figure{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid rgb(var(--case-glow)/.24);border-radius:.65rem;background:#07100f}.case-gallery figure img{display:block;width:100%;height:auto}.case-gallery figcaption{position:absolute;top:.7rem;left:.7rem;width:-moz-fit-content;width:fit-content;padding:.4rem .58rem;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(0,0,0,.75);color:var(--case-accent);font-size:.62rem;font-weight:800;letter-spacing:.12em}.case-links{display:flex;flex-wrap:wrap;gap:1rem;max-width:100rem;margin:auto;padding:0 var(--gutter) 6rem}.case-links a{padding:.8rem 1.1rem;border:1px solid rgba(255,255,255,.24);border-radius:99px}.case-links a:hover{border-color:var(--case-accent);color:var(--case-accent)}.case-next{display:grid;gap:.8rem;max-width:100rem;margin:auto;padding:3rem var(--gutter) 6rem;border-top:1px solid rgba(255,255,255,.16)}.case-next span{color:var(--case-accent);font-size:.7rem;font-weight:850;letter-spacing:.18em}.case-next strong{display:flex;align-items:center;justify-content:space-between;font-size:clamp(3rem,7vw,7rem);letter-spacing:-.07em;line-height:.9}.case-next svg{width:clamp(2rem,4vw,4rem)}@media (max-width:760px){.case-hero{padding-top:2rem}.case-hero-intro{display:block;min-height:0}.case-hero-copy{padding-bottom:0}.case-hero-character{height:13rem;justify-content:flex-end;margin-top:-.5rem}.case-energy-ring{width:12rem;top:0;right:0}.case-dragon-ball{right:11rem;bottom:1rem;width:4.8rem;height:4.8rem;padding:.8rem;border-width:.3rem}.case-dragon-ball span{font-size:.9rem}.case-back{margin-bottom:3rem}.case-hero h1{font-size:clamp(4rem,16vw,6.5rem)}.case-hero-visual{margin-top:1rem;border-radius:.8rem}.case-story{gap:4rem;padding-top:3rem}.case-gallery-grid,.case-gallery-grid.is-landscape,.case-story{grid-template-columns:1fr}}.case-page--meals{--case-accent:#a4f077;--case-glow:109 224 94;background:#06100b}.case-page--control{--case-accent:#6cddff;--case-glow:42 171 243;background:#050e18}.case-page--travel{--case-accent:#d5a6ff;--case-glow:170 91 239;background:#0b0918}.case-page--scanner{--case-accent:#72e6bd;--case-glow:52 211 162;background:#06120e}.case-page--campus{--case-accent:#a5c9ff;--case-glow:80 147 247;background:#07101b}.case-page--meals .case-hero-intro{background:radial-gradient(ellipse 55% 65% at 70% 80%,rgba(243,129,20,.13),transparent 72%)}.case-page--meals .case-motif i{width:.48rem;height:.48rem;border-radius:50%;background:#ffb42f;box-shadow:0 0 1.1rem #f48626}.case-page--meals .case-motif i:first-child{top:18%;left:13%}.case-page--meals .case-motif i:nth-child(2){top:52%;right:10%;width:.32rem;height:.32rem}.case-page--meals .case-motif i:nth-child(3){bottom:16%;left:18%;width:.35rem;height:.35rem}.case-page--meals .case-motif i:nth-child(4){top:34%;right:22%;width:.25rem;height:.25rem}.case-page--meals .case-fact{padding:1.5rem;border:1px solid rgba(255,175,52,.3);border-top:3px solid #ffbd51;border-radius:.5rem;background:linear-gradient(145deg,rgba(251,139,27,.11),transparent 58%)}.case-page--meals .case-hero-visual{border-color:rgba(255,168,51,.44)}.case-page--control .case-hero-intro{background:repeating-linear-gradient(90deg,transparent 0 3.7rem,rgba(70,196,255,.045) 3.75rem 3.81rem)}.case-page--control .case-energy-ring{border-style:dashed}.case-page--control .case-motif i{inset:12% auto auto 12%;width:76%;aspect-ratio:1;border:1px solid rgba(84,218,255,.2);border-radius:50%}.case-page--control .case-motif i:nth-child(2){inset:21% auto auto 21%;width:58%}.case-page--control .case-motif i:nth-child(3){inset:35% auto auto 35%;width:30%}.case-page--control .case-motif i:nth-child(4){inset:50% auto auto 5%;width:90%;height:1px;border:0;border-radius:0;background:rgba(101,222,255,.35);box-shadow:0 0 .8rem rgba(92,224,255,.6)}.case-page--control .case-gallery figure,.case-page--control .case-hero-visual{border-radius:.2rem}.case-page--control .case-fact{border-top-width:1px;padding:1.3rem;background:linear-gradient(90deg,rgba(56,181,247,.14),transparent)}.case-page--control .case-gallery figcaption{border-radius:.15rem}.case-page--travel .case-hero-intro{grid-template-columns:minmax(18rem,27rem) minmax(0,1fr);background:radial-gradient(ellipse 50% 48% at 24% 52%,rgba(172,101,254,.15),transparent 72%)}.case-page--travel .case-hero-copy{grid-column:2;grid-row:1}.case-page--travel .case-hero-character{grid-column:1;grid-row:1}.case-page--travel .case-motif:before{content:"";position:absolute;top:42%;left:-8%;width:110%;height:28%;border-top:2px dashed rgba(221,172,255,.52);border-radius:50%;transform:rotate(-14deg)}.case-page--travel .case-motif i{width:.65rem;height:.65rem;border:2px solid #e3b7ff;border-radius:50%;background:#582484;box-shadow:0 0 1rem #ba70f9}.case-page--travel .case-motif i:first-child{top:42%;left:6%}.case-page--travel .case-motif i:nth-child(2){top:33%;left:32%}.case-page--travel .case-motif i:nth-child(3){top:31%;right:22%}.case-page--travel .case-motif i:nth-child(4){top:43%;right:4%}.case-page--travel .case-dragon-ball{right:auto;left:0}.case-page--travel .case-story{grid-template-columns:minmax(0,1fr) minmax(13rem,.35fr)}.case-page--travel .case-fact{grid-column:2;grid-row:1}.case-page--travel .case-narrative{grid-column:1;grid-row:1}.case-page--travel .case-gallery figure:nth-child(3n+2){margin-top:2.5rem}.case-page--travel .case-hero-visual{border-radius:2rem}.case-page--scanner .case-hero-intro{background:radial-gradient(ellipse 40% 48% at 75% 50%,rgba(39,224,152,.1),transparent 75%)}.case-page--scanner .case-motif i:first-child{inset:8% 7%;border:2px solid rgba(105,246,187,.5);border-radius:1.4rem;box-shadow:inset 0 0 3rem rgba(40,218,140,.1)}.case-page--scanner .case-motif i:nth-child(2){top:15%;left:7%;width:86%;height:3px;background:#73ffc3;box-shadow:0 0 1.2rem .3rem rgba(62,241,162,.5)}.case-page--scanner .case-motif i:nth-child(3){top:10%;left:50%;width:1px;height:80%;background:rgba(91,228,173,.24)}.case-page--scanner .case-motif i:nth-child(4){top:50%;left:10%;width:80%;height:1px;background:rgba(91,228,173,.24)}.case-page--scanner .case-hero-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(81,239,168,.035) 8px 9px)}.case-page--scanner .case-fact{border-top-width:3px;-o-border-image:linear-gradient(90deg,#54e8b7,transparent) 1;border-image:linear-gradient(90deg,#54e8b7,transparent) 1}.case-page--scanner .case-gallery figure:hover{box-shadow:0 0 0 2px rgba(91,238,181,.4)}.case-page--campus .case-hero-intro{background:radial-gradient(ellipse 42% 50% at 78% 47%,rgba(62,133,248,.17),transparent 73%)}.case-page--campus .case-motif:before{content:"";position:absolute;inset:14% 12%;background:linear-gradient(20deg,transparent 49.8%,rgba(178,213,255,.22) 50%,transparent 50.2%),linear-gradient(140deg,transparent 49.8%,rgba(178,213,255,.2) 50%,transparent 50.2%)}.case-page--campus .case-motif i{width:.45rem;height:.45rem;border-radius:50%;background:#d2e6ff;box-shadow:0 0 1rem .2rem rgba(146,196,255,.7)}.case-page--campus .case-motif i:first-child{top:20%;left:12%}.case-page--campus .case-motif i:nth-child(2){top:30%;right:12%}.case-page--campus .case-motif i:nth-child(3){bottom:22%;left:22%}.case-page--campus .case-motif i:nth-child(4){bottom:12%;right:22%}.case-page--campus .case-gallery{background:repeating-linear-gradient(0deg,transparent 0 3.1rem,rgba(131,181,245,.035) 3.2rem 3.25rem)}.case-page--campus .case-gallery figure{box-shadow:.55rem .55rem 0 rgba(128,184,253,.08)}@media (prefers-reduced-motion:no-preference){.case-hero-copy>:not(.case-back){animation:case-enter .75s both}.case-hero-copy>:nth-child(3){animation-delay:.08s}.case-hero-copy>:nth-child(4){animation-delay:.16s}.case-hero-copy>:nth-child(5){animation-delay:.24s}.case-hero-copy>:nth-child(6){animation-delay:.32s}.case-hero-character{animation:case-scene-enter 1s .1s both}.case-hero-visual{animation:case-enter .8s .3s both}.case-goku{animation:case-character-float 5s ease-in-out infinite alternate}.case-energy-ring:after{animation:case-ring-rotate 28s linear infinite}.case-dragon-ball{animation:case-ball-float 4.8s ease-in-out infinite alternate}.case-page--meals .case-motif i{animation:case-spark-rise 3.5s ease-in-out infinite}.case-page--meals .case-motif i:nth-child(2n){animation-delay:1.3s}.case-page--control .case-motif i:first-child{animation:case-ring-rotate 16s linear infinite;border-style:dashed}.case-page--control .case-motif i:nth-child(2){animation:case-ring-rotate 12s linear infinite reverse;border-style:dotted}.case-page--control .case-motif i:nth-child(4){animation:case-control-sweep 4s ease-in-out infinite alternate}.case-page--travel .case-motif i{animation:case-waypoint 2.6s ease-in-out infinite alternate}.case-page--travel .case-motif i:nth-child(2){animation-delay:.4s}.case-page--travel .case-motif i:nth-child(3){animation-delay:.8s}.case-page--travel .case-motif i:nth-child(4){animation-delay:1.2s}.case-page--scanner .case-motif i:nth-child(2){animation:case-scan 3.7s linear infinite alternate}.case-page--campus .case-motif i{animation:case-waypoint 2.8s ease-in-out infinite alternate}.case-page--campus .case-motif i:nth-child(2n){animation-delay:1.2s}.case-motion-ready [data-case-reveal]{opacity:0;transform:translateY(1.5rem);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.case-motion-ready [data-case-reveal].is-revealed{opacity:1;transform:none}.case-motion-ready .case-gallery figure:nth-child(3n+2){transition-delay:.09s}.case-motion-ready .case-gallery figure:nth-child(3n+3){transition-delay:.18s}.case-gallery figure{transition:border-color .25s ease,box-shadow .25s ease}.case-gallery figure:hover{border-color:rgb(var(--case-glow)/.7);box-shadow:0 0 1.5rem rgb(var(--case-glow)/.15)}}@keyframes case-enter{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}@keyframes case-scene-enter{0%{opacity:0;transform:translateY(2rem) scale(.92)}to{opacity:1;transform:none}}@keyframes case-character-float{to{transform:translateY(-.45rem)}}@keyframes case-ball-float{to{transform:translateY(-.55rem) rotate(-6deg)}}@keyframes case-ring-rotate{to{transform:rotate(1turn)}}@keyframes case-spark-rise{50%{opacity:.4;transform:translateY(-1.6rem) scale(.7)}}@keyframes case-control-sweep{to{transform:translateY(9rem);opacity:.4}}@keyframes case-waypoint{to{transform:scale(1.5);opacity:.45}}@keyframes case-scan{to{transform:translateY(21rem)}}@media (max-width:760px){.case-page--travel .case-hero-intro{display:flex;flex-direction:column;align-items:stretch}.case-page--travel .case-hero-copy{order:0}.case-page--travel .case-hero-character{order:1;width:100%}.case-page--travel .case-dragon-ball{left:auto;right:11rem}.case-page--travel .case-story{display:flex;flex-direction:column}.case-page--travel .case-fact{order:0}.case-page--travel .case-narrative{order:1}.case-page--travel .case-gallery figure:nth-child(3n+2){margin-top:0}}@media (prefers-reduced-motion:reduce){.case-dragon-ball,.case-energy-ring:after,.case-goku,.case-hero-character,.case-hero-copy>*,.case-hero-visual,.case-motif i{animation:none!important}}