@font-face{font-family:Oswald;src:url('./assets/fonts/oswald.ttf') format('truetype');font-style:normal;font-weight:200 700;font-display:swap}
:root{--platform-display:Oswald,'Arial Narrow',Impact,sans-serif;--platform-paper:#f3ede2;--platform-dark:#191817;--platform-lime:#dcff30;--platform-red:#f45340}
.archive-header{position:absolute;inset:0 4.5% auto;height:11svh;min-height:60px;margin:0;border:0;color:var(--platform-paper);z-index:30}
.archive-header .archive-brand{font:700 clamp(25px,3.1vw,58px)/1 var(--platform-display);letter-spacing:-.065em}.archive-header .archive-brand span{font:inherit;color:var(--platform-red);margin:0}
.archive-header nav{gap:3.5vw}.archive-header nav>a{font:650 clamp(12px,1.25vw,24px)/1 var(--platform-display);letter-spacing:-.025em}.archive-header nav .header-action{padding:1.5svh 2.5vw;background:var(--platform-lime);color:var(--platform-dark);border:0;clip-path:polygon(5% 3%,99% 0,96% 94%,0 100%);font-weight:700;font-size:clamp(15px,1.65vw,30px)}
.platform-hero{height:100svh;min-height:0;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 69% 59%,#37332b70,transparent 56%),#171716;color:var(--platform-paper);container-type:inline-size;--selected-color:#e8d1ae}
.platform-hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z' opacity='.5'/%3E%3C/svg%3E")}
.platform-hero:after{content:'';position:absolute;left:-3%;bottom:-4%;width:58%;height:12%;background:#242321;transform:rotate(5deg);clip-path:polygon(0 26%,9% 34%,12% 18%,19% 32%,26% 21%,32% 39%,39% 24%,46% 32%,52% 17%,60% 29%,68% 21%,75% 37%,81% 23%,88% 29%,100% 16%,100% 100%,0 100%);z-index:-1}
.platform-title{position:absolute;left:5.5%;top:18%;z-index:3;margin:0;font:700 min(12.7cqw,20svh)/1.05 var(--platform-display);letter-spacing:-.065em;transform:rotate(-5deg) skewX(-5deg);transform-origin:left center;pointer-events:none}
.platform-title>span{display:block;width:max-content}.platform-title .title-one{font-size:.65em;letter-spacing:-.055em;line-height:1.2;white-space:nowrap;margin-bottom:.04em}.platform-title .title-own{color:#171716;position:relative;padding:.015em .15em .08em .07em;line-height:1;isolation:isolate;margin:.03em 0 .05em -.06em;transform-origin:left center;transition:transform .7s}
.title-own:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--platform-lime);clip-path:polygon(2% 7%,9% 3%,13% 6%,20% 2%,27% 4%,37% 1%,46% 4%,58% 1%,66% 3%,81% 0,98% 2%,97% 17%,100% 24%,97% 37%,99% 48%,96% 60%,99% 71%,96% 90%,98% 96%,78% 99%,65% 96%,51% 100%,37% 96%,26% 99%,17% 96%,0 100%,2% 84%,0 78%,3% 63%,0 50%,3% 35%,0 26%)}
.platform-title .title-version{color:var(--platform-red);font-size:1.06em;letter-spacing:-.055em;line-height:1.08}
.platform-explanation{position:absolute;left:6%;bottom:17%;width:30%;margin:0;font:400 clamp(14px,min(1.35cqw,2.35svh),26px)/1.28 Arial,sans-serif;letter-spacing:-.025em;z-index:12}
.platform-choose{position:absolute;left:5.7%;bottom:5.5%;width:26%;max-width:480px;min-height:52px;padding:1.5svh 2.3vw;background:var(--platform-lime);color:#171716;clip-path:polygon(4% 6%,100% 0,97% 88%,93% 100%,0 94%,2% 53%,0 43%);font:700 clamp(20px,min(2.5cqw,4svh),46px)/1 var(--platform-display);text-decoration:none;display:flex;justify-content:space-between;align-items:center;z-index:15;transition:transform .2s}.platform-choose span{font:1.5em Arial;transition:transform .2s}.platform-choose:hover{transform:translateY(-4px) rotate(-1deg)}.platform-choose:hover span{transform:translate(4px,-3px)}.platform-choose:active{transform:scale(.98)}
.platform-flourish{position:absolute;inset:7% 0 0;width:100%;height:85%;overflow:visible;pointer-events:none;z-index:1}.platform-flourish path{stroke:var(--platform-lime);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.platform-flourish .coral-thread{stroke:var(--platform-red);stroke-width:3.5;opacity:.8}
.case-stage{position:absolute;inset:0;perspective:1600px;z-index:5;pointer-events:none}
.case-object{position:absolute;left:var(--x);top:var(--y);width:min(27.2cqw,41svh);aspect-ratio:.7;border:0;padding:0;background:none;color:#151616;pointer-events:auto;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(var(--scale));transform-origin:50% 55%;transition:transform .74s cubic-bezier(.22,.75,.2,1),left .74s cubic-bezier(.22,.75,.2,1),top .74s cubic-bezier(.22,.75,.2,1),filter .25s;filter:brightness(.73);text-align:left}
.case-object[data-active=true]{filter:brightness(1)}.case-enter,.case-lift,.case-breath{display:block;position:absolute;inset:0}.case-lift{transition:transform .22s cubic-bezier(.2,.6,.2,1)}.case-object:hover .case-lift{transform:translateY(-13px) rotate(2deg)}.case-object:hover{filter:brightness(1)}.case-object:focus-visible{outline:3px solid var(--platform-lime);outline-offset:14px;border-radius:6px}.case-object:focus-visible .case-lift{transform:translateY(-10px)}
.case-paper{display:block;position:absolute;inset:0;background:var(--case-color);border:1px solid #fff8;box-shadow:3px 5px 0 #8c775c,6px 9px 0 #453a30,9px 14px 0 #24211d,13px 22px 19px #0008;container-type:inline-size;isolation:isolate;border-radius:7% 3% 3% 3%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.12' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23p)' opacity='.19' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),linear-gradient(115deg,#fff4,transparent 28%,#0000000c);pointer-events:none}
.case-paper:before{content:'';position:absolute;left:6%;top:-3%;width:54%;height:9%;background:var(--case-color);border:1px solid #fff7;z-index:-1;border-radius:20px 20px 0 0;box-shadow:7px -6px 0 color-mix(in srgb,var(--case-color),#fff 20%)}.case-paper:after{content:'';position:absolute;inset:2% 3% 3%;border:1px solid #57473118;border-radius:5% 2% 2% 2%;pointer-events:none}
.case-number{position:absolute;top:8%;left:8%;font:650 6cqw/1 var(--platform-display);letter-spacing:-.03em;border:1.5px solid #ed4433;color:#e13c2e;padding:.18em .35em;transform:rotate(-3deg)}
.case-title{position:absolute;left:8%;top:21%;font:700 23cqw/.99 var(--platform-display);letter-spacing:-.055em;transform:skewX(-6deg);z-index:2}.case-title>span{display:block}.case-anya .case-title{font-size:23cqw;max-width:87%}.case-anya .case-title span:last-child{font-size:.84em;letter-spacing:-.065em}.case-photo{position:absolute;right:3%;bottom:17%;width:39%;height:34%;padding:3% 3% 8%;background:#f5ebdd;transform:rotate(10deg);box-shadow:4px 6px 5px #0005;z-index:3}.case-photo svg{height:100%;width:100%;object-fit:cover}.case-photo i{position:absolute;top:-12%;left:53%;height:28%;width:12%;border:2px solid #ddd3bd;border-radius:20px;transform:rotate(12deg);box-shadow:2px 1px 2px #0008}
.case-scribble{position:absolute;left:6%;top:52%;width:85%;height:8%;overflow:visible;z-index:3}.case-scribble path{stroke:var(--platform-red);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:url(#archive-ink)}.case-synopsis{position:absolute;bottom:15%;left:8%;width:53%;font:500 5.2cqw/1.2 Arial,sans-serif;letter-spacing:-.025em}.case-meta{position:absolute;bottom:5%;left:8%;right:7%;font:650 4.4cqw/1 var(--platform-display);white-space:nowrap;display:flex;justify-content:space-between;align-items:center}.case-meta b{font-weight:600}.case-motif{position:absolute;bottom:18%;left:6%;height:43%;width:88%;filter:drop-shadow(3px 7px 2px #0003)}
.case-wedding .case-paper{border-radius:10% 2% 5% 2%}.case-wedding .case-paper:after{inset:5%;border:1px solid #ab58666b}.case-wedding .case-title{top:23%;font-size:25cqw}.case-wedding .case-synopsis,.case-lighthouse .case-synopsis,.case-alibi .case-synopsis,.case-last-take .case-synopsis,.case-smart-home .case-synopsis{display:none}.case-wedding .case-scribble{top:39%;width:69%;left:12%}.case-wedding .case-motif{bottom:10%;height:47%;transform:rotate(-10deg)}
.case-lighthouse .case-paper{border-radius:3% 9% 3% 2%}.case-lighthouse .case-title{font-size:26cqw;top:23%}.case-lighthouse .case-motif{bottom:10%;height:50%}.case-lighthouse .case-scribble{top:44%;left:8%;width:62%}.case-lighthouse .case-paper:after{background:repeating-linear-gradient(0deg,transparent 0 39px,#365a6011 40px 41px);inset:2% 3%;z-index:-1}
.case-alibi .case-paper{border-radius:2%;color:#f3ede2;background-image:linear-gradient(135deg,transparent 48%,#19181733 49% 50%,transparent 51%)}.case-alibi .case-number{border-color:#ffb9aa;color:#ffb9aa}.case-alibi .case-title{font-size:26cqw;top:24%}.case-alibi .case-motif{bottom:10%;height:49%}.case-alibi .case-scribble{display:none}
.case-last-take .case-paper{border-radius:2% 3% 9% 2%}.case-last-take .case-title{font-size:18cqw;top:21%}.case-last-take .case-number{color:#231a19;border-color:#231a19}.case-last-take .case-motif{bottom:8%;height:48%}.case-last-take .case-scribble{top:45%;color:#e8d1ae}.case-last-take .case-scribble path{stroke:#e8d1ae}
.case-smart-home .case-paper{border-radius:8% 2% 2% 2%}.case-smart-home .case-title{font-size:21cqw;top:21%}.case-smart-home .case-motif{bottom:8%;height:46%}.case-smart-home .case-scribble{top:44%;width:70%}
.selected-case{position:absolute;left:43%;right:4%;bottom:12.5%;min-height:51px;z-index:15;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2% 3%;text-shadow:0 2px 6px #171716;background:linear-gradient(90deg,transparent,#17171699 15% 95%,transparent);padding:7px 10px;aria-live:polite}
.selected-case h2{font:650 clamp(20px,2.25cqw,40px)/1.05 var(--platform-display);letter-spacing:-.035em;margin:3px 0}.selected-case p{font:400 clamp(11px,1.05cqw,18px)/1.2 Arial;margin:4px 0 0;color:#d1cbc0}.selected-status{font:550 clamp(8px,.65cqw,12px)/1 var(--platform-display);letter-spacing:.08em;color:var(--platform-lime)}.selected-open{display:flex;gap:18px;align-items:center;justify-content:space-between;color:var(--platform-lime);font:650 clamp(16px,1.7cqw,30px)/1 var(--platform-display);text-decoration:none;border-bottom:2px solid var(--platform-lime);padding:10px 0;min-height:44px;white-space:nowrap}.selected-open span{font:1.3em Arial}.selected-soon{font:600 clamp(14px,1.4cqw,25px)/1 var(--platform-display);color:#d4cbbd;border:1px solid #d4cbbd66;transform:rotate(-4deg);padding:.5em .8em;letter-spacing:.02em}
.case-switches{position:absolute;bottom:3%;left:39%;right:4%;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;z-index:20}.case-switches button{border:0;border-top:1px solid #f3ede244;background:none;color:#e5ddce;padding:11px 5px 6px;text-align:left;font:500 clamp(10px,.8cqw,15px)/1.15 var(--platform-display);min-height:47px;transition:color .2s,border .2s}.case-switches button>span{display:block;font:9px Arial;opacity:.5;margin-bottom:4px}.case-switches button[data-active=true]{color:var(--platform-lime);border-top:2px solid var(--platform-lime)}.case-switches button:hover{color:var(--platform-lime)}
.platform-hero[data-stage=selecting] .title-own{transform:translateX(5px) rotate(.7deg)}.platform-hero[data-stage=selecting] .case-object[data-active=true] .case-scribble path{animation:platform-draw .5s .25s both}.platform-hero[data-stage=selecting] .case-wedding[data-active=true] .rings-motif{animation:rings-turn .6s both}.platform-hero[data-stage=selecting] .case-lighthouse[data-active=true] .lighthouse-beam{animation:beam-sweep .65s both;transform-origin:151px 61px}.platform-hero[data-stage=selecting] .case-last-take[data-active=true] .clapper-lid{animation:clap .5s both;transform-origin:35px 104px}.platform-hero[data-stage=selecting] .case-smart-home[data-active=true] .house-window{animation:window-light .5s both}
.platform-hero[data-stage=navigating] .case-object[data-active=true]{left:50%;top:50%;transform:translate(-50%,-50%) rotate(0) scale(2.9);transition:all .46s cubic-bezier(.4,0,.3,1);z-index:40!important}.platform-hero[data-stage=navigating] .case-object:not([data-active=true]),.platform-hero[data-stage=navigating] .selected-case,.platform-hero[data-stage=navigating] .case-switches{opacity:0;transition:opacity .2s}.platform-hero[data-stage=navigating] .case-object[data-active=true] .case-lift{transform:none}.platform-hero[data-stage=navigating]:before{background:var(--selected-color);opacity:1;transition:background .4s,opacity .4s}
.platform-hero.play-intro .platform-title>span{animation:platform-title-in .5s .1s backwards cubic-bezier(.2,.7,.2,1)}.platform-hero.play-intro .platform-title .title-own{animation-delay:.22s}.platform-hero.play-intro .platform-title .title-version{animation-delay:.35s}.platform-hero.play-intro .platform-flourish path{animation:platform-draw .7s .75s backwards}
@media(prefers-reduced-motion:no-preference){.platform-hero[data-visible=true][data-stage=ready] .case-object[data-active=true] .case-breath,.platform-hero[data-visible=true][data-stage=selected] .case-object[data-active=true] .case-breath{animation:case-breathe 9s 1s infinite ease-in-out}}
@keyframes platform-title-in{from{opacity:.1;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes platform-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes case-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes rings-turn{0%{transform:rotate(-10deg)}50%{transform:rotate(-2deg)}100%{transform:rotate(-10deg)}}@keyframes beam-sweep{0%{transform:rotate(20deg);opacity:.1}60%{transform:rotate(-8deg);opacity:.8}100%{transform:rotate(0);opacity:.65}}@keyframes clap{0%,100%{transform:rotate(0)}45%{transform:rotate(-18deg)}}@keyframes window-light{0%,100%{fill:#e5ca76}50%{fill:#fff8c2}}
.catalog-stories{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:3svh 3%;height:69%;margin-top:2svh}.catalog-case{display:grid;grid-template-columns:43% 53%;gap:4%;min-height:0;border-bottom:1px solid #17171644;padding-bottom:2svh;align-items:center}.catalog-case-art{position:relative;height:93%;background:var(--case-color);border:1px solid #17171655;transform:rotate(-4deg);box-shadow:3px 5px 0 #17171633;container-type:inline-size;border-radius:8px 2px;isolation:isolate}.catalog-case-art>strong{position:absolute;top:9%;left:9%;right:5%;font:700 20cqw/.98 var(--platform-display);letter-spacing:-.045em}.catalog-case-art .case-motif{bottom:0;height:64%;width:90%;left:5%}.catalog-case-art .case-photo{bottom:7%;right:10%;width:50%;height:45%}.catalog-case-art .case-photo i{display:none}.catalog-case>div>span{font:600 clamp(8px,.6cqw,12px)/1.2 var(--platform-display);letter-spacing:.03em}.catalog-case h3{font:700 clamp(20px,2cqw,37px)/1 var(--platform-display);margin:8px 0;letter-spacing:-.04em}.catalog-case p{font:clamp(11px,1cqw,18px)/1.25 Arial;margin:0}.catalog-case-action{font:600 clamp(11px,.9cqw,17px)/1 var(--platform-display);display:inline-flex;align-items:center;min-height:44px;margin-top:1svh;text-decoration:none;border:0;background:none;padding:8px 0;border-bottom:1px solid #17171677;color:#171716}.catalog-case-action:hover{color:#a22c21}.archive-faq footer .archive-brand{font-family:var(--platform-display);letter-spacing:-.045em}
@media(min-width:901px) and (max-height:650px){.platform-title{font-size:20svh;top:17%}.platform-explanation{font-size:13px;bottom:20%;width:32%}.platform-choose{bottom:6%;font-size:22px;min-height:44px}.case-object{width:min(27.2cqw,39svh)}.selected-case{bottom:14.5%;padding-block:3px}.selected-case h2{font-size:22px}.selected-case p{font-size:11px}.selected-status{font-size:8px}.selected-open{font-size:17px}.case-switches{bottom:2%}.case-switches button{font-size:10px;min-height:44px;padding-top:6px}.case-switches button>span{font-size:8px;margin-bottom:3px}}
@media(max-width:900px),(max-aspect-ratio:6/5){
 .archive-header{inset:0 5% auto;height:9svh;min-height:52px}.archive-header .archive-brand{font-size:clamp(25px,5vw,40px)}.archive-header nav>a:not(.header-action){display:none}.archive-header nav .header-action{font-size:clamp(13px,2.5vw,21px);padding:12px 15px}.header-action span{margin-left:8px}
 .platform-title{left:7%;top:11.5%;font-size:min(18.2cqw,8.5svh);line-height:1;transform:rotate(-4deg) skewX(-5deg)}.platform-title .title-one{font-size:.62em;line-height:1.15;margin-bottom:.03em}.platform-title .title-own{margin-block:.02em;line-height:.96;padding-block:.015em .08em}.platform-title .title-version{line-height:1;font-size:1.04em}
 .platform-explanation{left:7%;top:32.5%;bottom:auto;width:84%;font-size:clamp(11px,1.6svh,17px);line-height:1.2;max-width:37em}.platform-explanation br{display:none}.platform-choose{display:none}.platform-flourish{inset:5% 0 0;height:83%;width:155%;left:-30%;opacity:.5}
 .case-object{width:min(54cqw,28svh);aspect-ratio:.7}.case-object:hover .case-lift{transform:none}.case-paper{box-shadow:2px 3px 0 #79664f,4px 6px 0 #39322b,7px 12px 10px #0007}.case-object:focus-visible{outline-offset:7px}
 .selected-case{left:6%;right:6%;bottom:16.8%;padding:4px 0;gap:0 8px;min-height:49px;background:none}.selected-case h2{font-size:clamp(18px,2.8svh,28px);margin:3px 0}.selected-case p{font-size:clamp(10px,1.35svh,14px);margin-top:3px;max-width:22em}.selected-status{font-size:8px;letter-spacing:.05em}.selected-open{font-size:clamp(14px,2svh,20px);gap:8px;min-height:44px;padding-block:8px}.selected-soon{font-size:clamp(12px,1.8svh,18px);padding:.5em}
 .case-switches{left:6%;right:6%;bottom:2%;grid-template-columns:repeat(3,1fr);gap:0 8px}.case-switches button{min-height:44px;padding:7px 4px 5px;font-size:clamp(11px,1.6svh,16px);line-height:1.1}.case-switches button>span{display:inline-block;font:8px Arial;margin:0 6px 0 0;vertical-align:middle}
 .story-catalog{padding-top:4svh}.catalog-heading{height:14%}.catalog-heading h2{font-size:min(7.3cqw,4.7svh)}.catalog-heading>p{font-size:clamp(11px,1.6svh,16px);margin-top:10px}.catalog-stories{height:77%;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:1.5svh 5%;margin-top:1svh}.catalog-case{grid-template-columns:35% 61%;gap:4%;padding-bottom:1svh}.catalog-case-art{height:85%;min-height:0}.catalog-case-art>strong{font-size:21cqw}.catalog-case h3{font-size:clamp(17px,2.3svh,27px);margin:5px 0}.catalog-case p{font-size:clamp(10px,1.35svh,14px)}.catalog-case>div>span{font-size:7px}.catalog-case-action{font-size:clamp(10px,1.45svh,14px);min-height:44px;margin:1px 0 0;padding:5px 0}.catalog-footnote{font-size:8px;bottom:1.5%}
 .archive-faq .final-catalog{position:relative;top:auto;right:auto;transform:none;margin-top:2svh;width:60%;padding:12px 20px;min-height:44px}.archive-questions{max-height:47svh;margin-top:2svh}.archive-faq footer .archive-brand{font-size:17px}
}
@media(max-width:480px){.catalog-stories{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);height:77%;gap:.7svh}.catalog-case{grid-template-columns:20% 76%;gap:4%;padding:0 0 .5svh;min-height:0}.catalog-case-art{height:91%;transform:rotate(-3deg)}.catalog-case-art>strong{font-size:19cqw;top:8%;z-index:1}.catalog-case-art .case-motif{height:69%;bottom:-8%;opacity:.8}.catalog-case-art .case-photo{width:50%;height:55%;bottom:0}.catalog-case>div:last-child{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 10px}.catalog-case>div>span{grid-column:1;font-size:6px;line-height:1}.catalog-case h3{grid-column:1;font-size:clamp(16px,2.45svh,24px);margin:4px 0 0}.catalog-case p{display:none}.catalog-case-action{grid-column:2;grid-row:1/3;font-size:10px;text-align:right;max-width:8.6em;line-height:1.2;min-height:44px;border:0}.catalog-heading{height:15%}.catalog-heading>p{font-size:10px}.catalog-footnote{font-size:7px}}
@media(max-width:900px) and (max-height:650px){.platform-title{top:12%;font-size:8.2svh}.platform-explanation{top:32%;font-size:10.5px}.selected-case{bottom:17.6%}.selected-case h2{font-size:17px}.selected-case p{font-size:9px}.selected-status{font-size:7px}.selected-open{font-size:13px}.selected-soon{font-size:11px}.case-switches{bottom:1%}.case-switches button{font-size:10px}.archive-header .archive-brand{font-size:24px}.archive-header nav .header-action{font-size:12px;padding:10px 12px}}
@media(min-width:700px) and (max-height:500px) and (min-aspect-ratio:6/5){.archive-header{height:15svh}.archive-header .archive-brand{font-size:27px}.archive-header nav .header-action{font-size:17px}.platform-title{top:20%;font-size:21svh}.platform-explanation{top:auto;bottom:17%;width:33%;font-size:11px}.platform-choose{display:flex;bottom:2%;font-size:18px;min-height:39px}.case-object{width:min(25vw,40svh)}.selected-case{left:43%;bottom:17%;right:3%;min-height:35px}.selected-case h2{font-size:18px}.selected-case p{display:none}.selected-status{font-size:7px}.selected-open{font-size:15px;min-height:35px}.selected-soon{font-size:12px}.case-switches{left:40%;right:3%;grid-template-columns:repeat(6,1fr);bottom:1%}.case-switches button{font-size:9px;padding:5px 2px;min-height:40px}.case-switches button>span{display:block;margin-bottom:3px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.platform-hero *{animation:none!important;transition:none!important}.platform-hero .case-object:hover .case-lift{transform:none}.platform-title>span,.case-enter{opacity:1!important;translate:none!important}.platform-flourish path{stroke-dashoffset:0!important}}

/* One continuous scene: selection lives on the folders, the foreground is a story object. */
.platform-hero{background:radial-gradient(ellipse at 65% 49%,#302b2566,transparent 53%),#101110}
.platform-title{top:20%;left:6.8%;font-size:min(13.5cqw,19svh);transform:rotate(-5deg) skewX(-7deg) scaleX(.72);transform-origin:left center;z-index:3}
.platform-title .title-one{font-size:.69em;line-height:1.1;margin-bottom:.015em}
.platform-title .title-own{line-height:.99;padding-bottom:.055em;margin-top:.01em;margin-bottom:.035em}
.platform-title .title-version{font-size:1.04em;line-height:1.06}
.platform-explanation{left:7.1%;bottom:16.2%;top:auto;width:29%;font-size:clamp(13px,min(1.32cqw,2.25svh),25px);line-height:1.26;z-index:16}
.platform-choose{left:6.8%;bottom:4.8%;width:25%;padding:1.5svh 2vw;min-height:52px;font-size:clamp(20px,min(2.5cqw,3.9svh),44px)}
.case-object{width:min(30cqw,49svh);aspect-ratio:.72;filter:brightness(.88);pointer-events:none}
.case-object[data-active=true]{filter:brightness(1)}
.case-hit{position:absolute;inset:0;border:0;background:none;border-radius:6% 3% 3%;pointer-events:auto;cursor:pointer;z-index:4;padding:0}
.case-breath{container-type:inline-size}
.case-hit:focus-visible{outline:3px solid var(--platform-lime);outline-offset:7px}
.case-object:has(.case-hit:focus-visible) .case-lift{transform:translateY(-9px)}
.case-object:hover .case-lift{transform:none}
@media(hover:hover) and (pointer:fine){.case-object:has(.case-hit:hover) .case-lift{transform:translateY(-11px) rotate(1deg)}.case-object:has(.case-hit:hover){filter:brightness(1.05)}}
.case-paper{background-color:var(--case-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' fill='%23492b0b' opacity='.22' d='M0 0h160v160H0z'/%3E%3C/svg%3E"),linear-gradient(125deg,#fff4,transparent 29%,#00000008);border-radius:7% 3% 2% 3%;box-shadow:3px 5px 0 color-mix(in srgb,var(--case-color),#433326 23%),6px 9px 0 #584937,10px 14px 0 #26221b,14px 23px 18px #0008}
.case-paper:after{inset:2% 3%;border-color:#71573924;box-shadow:inset 0 1px 4px #fff5}
.case-number{top:8%;left:8%;font-size:5.8cqw}
.case-title{top:21%;font-size:24cqw;line-height:.98;transform:skewX(-8deg) scaleX(.93);transform-origin:left center}
.case-anya .case-title{font-size:25cqw;max-width:none;left:8%}
.case-anya .case-title span:last-child{font-size:.69em;letter-spacing:-.06em}
.case-anya .case-photo{right:-2%;top:29%;bottom:auto;width:33%;height:34%;transform:rotate(12deg);z-index:3}
.case-anya .case-title{z-index:2}.case-anya .case-title span:last-child{position:relative;z-index:4}
.case-scribble{top:52%;left:7%;width:81%;height:7%}
.case-synopsis{bottom:25%;left:8%;width:68%;font-size:4.7cqw;line-height:1.16}
.case-meta{bottom:17%;left:8%;right:10%;font-size:4.2cqw}
.case-open{position:absolute;bottom:4.5%;left:8%;right:7%;min-height:44px;z-index:6;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #49372a66;padding:5px 0;color:#191817;font:650 4.7cqw/1 var(--platform-display);text-decoration:none;opacity:0;pointer-events:none;transition:opacity .2s .2s}
.case-open span{font:1.5em Arial}.case-object[data-active=true] .case-open{opacity:1;pointer-events:auto}.case-open:hover{color:#be3529}
.case-release{position:absolute;bottom:4.5%;left:8%;font:600 4.5cqw/1 var(--platform-display);border:1px solid #25212177;padding:.3em .6em;transform:rotate(-3deg);pointer-events:none;opacity:0;transition:opacity .2s .2s}
.case-object[data-active=true] .case-release{opacity:1}
.case-object[data-active=true]:not(.case-anya) .case-meta{display:none}
.case-wedding .case-title{font-size:25cqw}.case-lighthouse .case-title,.case-alibi .case-title{font-size:26cqw}
.case-alibi .case-paper{background-image:linear-gradient(130deg,#fff1,transparent 50%,#19181733);color:#ede5d6}.case-alibi .case-release{color:#ede5d6;border-color:#ede5d6aa}
.case-object[data-active=true]:not(.case-anya) .case-synopsis{display:block;bottom:18%;font-size:4.2cqw;width:84%}
.case-object[data-active=true]:not(.case-anya) .case-motif{bottom:30%;height:31%}
.case-object[data-active=true].case-lighthouse .case-motif{bottom:27%;height:37%}
.case-object[data-active=true].case-last-take .case-motif,.case-object[data-active=true].case-smart-home .case-motif{bottom:27%;height:33%}
.case-object[data-active=true].case-wedding .case-motif{bottom:26%;height:32%}
.case-painted-motif{object-fit:contain}
.case-object[data-active=false][data-position="2"] .case-title,.case-object[data-active=false][data-position="3"] .case-title,.case-object[data-active=false][data-position="4"] .case-title,.case-object[data-active=false][data-position="5"] .case-title{left:35%;font-size:20cqw;transform:skewX(-6deg) scaleX(.9);transform-origin:left center}
.case-object[data-active=false].case-last-take .case-title{font-size:14cqw}
.case-object[data-active=false].case-smart-home .case-title{font-size:18cqw}
.case-object[data-active=false][data-position="2"] .case-number,.case-object[data-active=false][data-position="3"] .case-number,.case-object[data-active=false][data-position="4"] .case-number,.case-object[data-active=false][data-position="5"] .case-number{left:35%;font-size:5cqw}
.selected-case{position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.case-switches{display:none!important}
.case-foreground{position:absolute;width:48%;height:45%;right:-4%;bottom:-12%;pointer-events:none;z-index:11;isolation:isolate}
.scene-prop{position:absolute;inset:0;opacity:0;transform:translate(15%,12%) rotate(8deg) scale(.9);transition:opacity .35s,transform .75s cubic-bezier(.22,.75,.2,1)}
.scene-prop>svg{width:100%;height:100%;overflow:visible}
.scene-prop[data-active=true]{opacity:1;transform:none}
.scene-prop[data-prop=anya]{inset:-10% -4% 0 -6%}
.platform-hero[data-stage=selecting] .scene-prop[data-active=true] .prop-needle{animation:needle-turn .7s ease-out;transform-origin:380px 251px}
.platform-hero[data-stage=selecting] .scene-prop[data-active=true] .prop-clapper{animation:clap .65s ease-out;transform-origin:143px 247px}
.platform-hero[data-stage=selecting] .scene-prop[data-active=true] .prop-home-light{animation:window-light .6s}
.platform-hero[data-stage=navigating] .case-foreground{opacity:0;transition:opacity .15s}
.platform-hero.play-intro .case-foreground{animation:prop-in .8s .75s backwards cubic-bezier(.22,.75,.2,1)}
.platform-flourish{inset:6% 0 0;height:91%}
@keyframes prop-in{from{opacity:0;translate:0 45px;rotate:5deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes needle-turn{0%{transform:rotate(-24deg)}65%{transform:rotate(8deg)}100%{transform:rotate(0)}}
@media(min-aspect-ratio:2/1){.case-object{width:46svh}.platform-title{font-size:19svh;left:7.1%;top:20%}.platform-explanation{font-size:2.25svh;bottom:16%}.case-foreground{width:43%;height:50%;right:1%;bottom:-14%}}
@media(min-aspect-ratio:6/5) and (max-height:650px){.platform-title{font-size:18.5svh;top:21%}.platform-explanation{font-size:clamp(11px,2.15svh,15px);bottom:17%;width:30%}.platform-choose{bottom:4%;min-height:42px;font-size:3.8svh;padding-block:1.5svh}.case-object{width:47svh}.case-open{min-height:34px}.case-foreground{height:48%;bottom:-13%}}
@media(max-aspect-ratio:6/5){
 .platform-title{left:7%;top:12%;font-size:min(19cqw,9svh);transform:rotate(-4deg) skewX(-6deg) scaleX(.88)}
 .platform-title .title-one{font-size:.7em;line-height:1.1}.platform-title .title-own{line-height:.93;margin-block:.015em;padding-bottom:.055em}.platform-title .title-version{font-size:1.04em;line-height:1.02}
 .platform-explanation{left:7%;top:auto;bottom:5.5%;width:61%;max-width:29em;font-size:clamp(11px,1.65svh,17px);line-height:1.2}
 .platform-explanation br{display:none}.platform-choose{display:none}
 .case-object{width:min(55cqw,29svh);aspect-ratio:.72}.case-open{min-height:38px;font-size:5cqw}.case-meta{font-size:4.1cqw;bottom:19%}.case-synopsis{bottom:28%;font-size:4.7cqw}
 .case-paper{box-shadow:2px 3px 0 #8e745d,4px 6px 0 #4d3f32,6px 10px 10px #0006}
 .case-object[data-active=false] .case-title{font-size:25cqw;top:17%;transform:skewX(-6deg) scaleX(.92)}.case-object[data-active=false].case-anya .case-title{font-size:25cqw;top:16%}.case-object[data-active=false].case-last-take .case-title{font-size:18cqw}.case-object[data-active=false].case-smart-home .case-title{font-size:22cqw}
 .case-object[data-active=false] .case-number{display:none}.case-object[data-active=false] .case-meta,.case-object[data-active=false] .case-synopsis{display:none}.case-object[data-active=false] .case-motif{bottom:12%;height:43%}
 .case-foreground{width:89%;height:31%;right:-30%;bottom:-6%;z-index:10}
 .scene-prop[data-prop=anya]{inset:-6% -4% 0 -3%}.platform-flourish{width:153%;left:-28%;height:87%;top:7%;opacity:.6}
}
@media(max-aspect-ratio:6/5) and (max-height:690px){.platform-title{top:12%;font-size:8.8svh}.platform-explanation{font-size:10.5px;bottom:4.5%;width:63%}.case-object{width:28svh}.case-open{min-height:34px}.case-foreground{height:30%;right:-32%;bottom:-5%}}
@media(min-width:600px) and (max-aspect-ratio:6/5){.platform-title{top:11%;font-size:7.7svh}}
@media(prefers-reduced-motion:reduce){.scene-prop{transition:none}.scene-prop[data-active=true]{transform:none}.case-open{transition:none}}