@font-face{font-family:Apfel Grotezk;font-weight:400;font-display:swap;src:url(/fonts/apfel-grotezk-regular.woff2) format("woff2")}@font-face{font-family:Apfel Grotezk;font-weight:500;font-display:swap;src:url(/fonts/apfel-grotezk-mittel.woff2) format("woff2")}@font-face{font-family:Apfel Grotezk;font-weight:700;font-display:swap;src:url(/fonts/apfel-grotezk-fett.woff2) format("woff2")}@font-face{font-family:Apfel Grotezk;font-weight:900;font-display:swap;src:url(/fonts/apfel-grotezk-satt.woff2) format("woff2")}:root{--paper: #fbfaf6;--ink: #131312;--cream: #f6f1e7;--blue: #1b3fd6;--red: #e2402a;--pink: #f284ad;--yellow: #f0b41c;--green: #157a4b;--violet: #b7a4ee;--black: #131313;--gutter: clamp(20px, 4.4vw, 64px);--wall: var(--blue);--wall-low: #0644a1;--on: var(--cream)}:root[data-room=red]{--wall: var(--red);--wall-low: #ac2800}:root[data-room=pink]{--wall: var(--pink);--wall-low: #bc606f;--on: var(--ink)}:root[data-room=yellow]{--wall: var(--yellow);--wall-low: #ce984f;--on: var(--ink)}:root[data-room=green]{--wall: var(--green);--wall-low: #024c25}:root[data-room=black]{--wall: var(--black);--wall-low: #000}:root[data-room=violet]{--wall: var(--violet);--wall-low: #a39bbf;--on: var(--ink)}:root[data-room=white]{--wall: var(--paper);--wall-low: var(--paper);--on: var(--ink)}*,*:before,*:after{box-sizing:border-box}html{background:var(--blue);color:var(--ink);font-family:Apfel Grotezk,Arial Nova,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0}a{color:inherit}::selection{background:var(--yellow);color:var(--ink)}h1,h2,h3{margin:0;font-weight:900;letter-spacing:-.035em;line-height:.92;text-wrap:balance}p{margin:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.stage{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--wall),var(--wall-low) 44vh);transition:background .5s}.stage .poster,.stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.stage .poster{object-fit:cover}.stage canvas{opacity:0;transition:opacity .5s}.stage.on canvas{opacity:1}.stage.on .poster{visibility:hidden;transition:visibility 0s .6s}.stage .white{position:absolute;inset:0;background:var(--paper);opacity:0}@media(max-aspect-ratio:4/5){.stage .poster,.stage canvas{top:44vh;height:56vh;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%);mask-image:linear-gradient(to bottom,transparent,#000 9%)}.stage .poster{object-position:68% 50%}}.bar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:20px var(--gutter);color:var(--on);font-size:15px;font-weight:500;transition:color .4s}.js .bar{position:fixed}.bar:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper);opacity:0;transition:opacity .3s;pointer-events:none}.bar.solid{color:var(--ink)}.bar.solid:before{opacity:1}.bar a{text-decoration:none}.bar .mark{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:19px;letter-spacing:-.01em}.bar .mark svg{width:30px;height:30px;margin:-6px 0 -5px;fill:currentColor;fill-rule:evenodd}.entering .bar .mark svg{opacity:0}.entry{position:fixed;inset:0;z-index:20;display:none;place-items:center;background:var(--blue);color:var(--cream)}.entering .entry{display:grid}.entry svg{width:min(38vh,54vw);height:min(38vh,54vw);overflow:visible}.entry .draw{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:entry-draw 1.1s cubic-bezier(.6,0,.2,1) .15s forwards}.entry .fill{fill:currentColor;fill-rule:evenodd;opacity:0;animation:entry-fill .35s ease 1.2s forwards}@keyframes entry-draw{to{stroke-dashoffset:0}}@keyframes entry-fill{to{opacity:1}}.entry.leaving{background-color:transparent;pointer-events:none;transition:background-color .7s ease}.entry.leaving svg{transition:transform .72s cubic-bezier(.6,0,.2,1)}.entry.leaving .fill{opacity:1;animation:none}.bar nav{display:flex;align-items:center;gap:26px}.bar nav a:not(.to-contact):hover,.bar nav a:not(.to-contact):focus-visible{text-decoration:underline;text-underline-offset:4px}.bar .to-contact{padding:10px 16px 9px;border-radius:2px;background:var(--on);color:var(--wall);font-weight:700;transition:background .4s,color .4s}.bar.solid .to-contact{background:var(--ink);color:var(--paper)}.sound{display:none}.js .sound{display:inline;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.js .sound:hover,.js .sound:focus-visible{text-decoration:underline;text-underline-offset:4px}.bar nav{gap:6px}.bar .mark,.bar nav a:not(.to-contact),.js .bar .sound{padding:7px 10px 6px;border-radius:2px;transition:background .4s}.bar .mark{margin-left:-10px}.bar .to-contact{margin-left:10px}:root[data-room]:not([data-room=hall]) .bar:not(.solid) .mark,:root[data-room]:not([data-room=hall]) .bar:not(.solid) nav a:not(.to-contact),:root[data-room]:not([data-room=hall]) .bar:not(.solid) .sound{background:var(--wall)}@media(max-width:640px){.bar nav a:not(.to-contact),.bar nav .sound{display:none}}.bar.solid.walled{color:var(--cream)}.bar.solid.walled:before{opacity:0}.bar.solid.walled .to-contact{background:var(--cream);color:var(--blue)}.plan{display:none}.js .plan{position:fixed;z-index:2;left:var(--gutter);bottom:22px;display:flex;align-items:center;gap:12px;padding:9px 12px 8px;border:0;border-radius:0;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;font-weight:700;box-shadow:0 10px 26px #0000002e;cursor:pointer;transition:opacity .4s,transform .2s}.js .plan:hover,.js .plan:focus-visible{transform:translateY(-2px)}.plan .squares{display:flex;align-items:center;gap:5px}.plan i{width:11px;height:11px;transition:transform .35s}[data-plan=hall]{background:var(--blue)}[data-plan=red]{background:var(--red)}[data-plan=pink]{background:var(--pink)}[data-plan=yellow]{background:var(--yellow)}[data-plan=green]{background:var(--green)}[data-plan=black]{background:var(--black)}[data-plan=violet]{background:var(--violet)}[data-plan=seventh]{outline:1.5px dashed currentColor;outline-offset:-1.5px}.plan [data-plan=seventh]{width:0;margin-left:-5px;opacity:0;transition:transform .35s,width .35s,margin .35s,opacity .35s}:root[data-room=seventh] .plan [data-plan=seventh]{width:11px;margin-left:3px;opacity:1}.plan i.here{transform:scale(1.7)}:root[data-room=white] .plan,.js .plan.away{opacity:0;pointer-events:none}:focus-visible{outline:3px solid var(--paper);outline-offset:2px;box-shadow:0 0 0 8px var(--ink)}.hot,.hot .chapter{cursor:pointer}.tag{position:fixed;z-index:6;top:0;left:0;padding:7px 11px 6px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 8px 22px #00000038;opacity:0;pointer-events:none;transition:opacity .18s;will-change:transform}.tag.on{opacity:1}.note{position:fixed;z-index:6;max-width:262px;padding:12px 15px 11px;background:var(--ink);color:var(--paper);font-size:15px;font-weight:500;line-height:1.3;box-shadow:0 14px 34px #0000004d;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .22s,transform .22s,rotate .22s,box-shadow .2s}.note.low{left:50%;bottom:70px;max-width:min(320px,calc(100vw - 2 * var(--gutter)));text-align:center;transform:translate(-50%,6px)}.note.on{opacity:1;transform:none;pointer-events:auto}.note.low.on{transform:translate(-50%)}.aside{display:none}.js .aside{display:block;position:fixed;z-index:2;top:0;left:0;width:152px;color:var(--on);font-size:14px;font-weight:500;line-height:1.25;text-align:center;opacity:0;pointer-events:none;transition:opacity .5s;will-change:transform}.js .aside.on{opacity:1}.aside span{display:block;transform:rotate(-3deg)}.aside svg{position:absolute;top:0;left:0;overflow:visible}@media(max-aspect-ratio:4/5){.js .aside{display:none}}.touch{display:none}.js .touch{display:inline-block;margin-top:14px;padding:9px 13px 8px;border:1.5px solid currentColor;border-radius:2px;background:none;color:inherit;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}@media(hover:hover){.js .touch:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}}.slip{position:fixed;z-index:5;right:var(--gutter);bottom:22px;width:min(23rem,calc(100vw - 2 * var(--gutter)));padding:22px 22px 20px;background:var(--paper);color:var(--ink);box-shadow:0 22px 60px #00000052}.slip:focus-visible{outline:none;box-shadow:0 22px 60px #00000052}.slip h2{font-size:26px;line-height:1}.slip p{margin-top:10px;font-size:15px;line-height:1.4}.slip .choices{display:flex;gap:10px;margin-top:16px}.slip button,.directory .shut{padding:10px 15px 9px;border:0;border-radius:2px;background:var(--ink);color:var(--paper);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.directory{position:fixed;z-index:5;top:0;right:0;bottom:0;width:min(30rem,100vw);display:flex;flex-direction:column;padding:22px var(--gutter) 26px clamp(22px,2.6vw,38px);overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);box-shadow:-30px 0 80px #00000047;transform:translate(104%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.directory[hidden]{display:none}.directory:focus-visible{outline:none;box-shadow:-30px 0 80px #00000047}.directory.open{transform:none}.directory .top{display:flex;justify-content:space-between;align-items:center}.directory .kicker{font-size:15px;font-weight:700}.directory ol,.directory ul{margin:0;padding:0;list-style:none}.directory .floor{margin-top:5vh}.directory .floor a{display:grid;grid-template-columns:15px 1fr auto;align-items:center;gap:15px;padding:11px 0 9px;border-top:1.5px solid var(--ink);font-size:clamp(22px,3.3vh,31px);font-weight:900;letter-spacing:-.03em;line-height:1;text-decoration:none;transition:padding .25s}.directory .floor li:last-child a{border-bottom:1.5px solid var(--ink)}.directory .floor i{width:15px;height:15px}.directory .floor small{font-size:13px;font-weight:500;letter-spacing:0}.directory .wings{display:grid;gap:8px;margin-top:4vh;font-size:18px;font-weight:700}.directory .wings a{text-underline-offset:4px}.directory .hours{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:auto;padding-top:4vh;font-size:14px}.directory .hours .sound{font-weight:700}@media(hover:hover){.directory .floor a:hover{padding-left:10px}}@media(max-aspect-ratio:4/5){.slip{bottom:14px}}@media(max-aspect-ratio:4/5){.js .plan{bottom:14px}}main{position:relative;z-index:1}.chapter{position:relative}.rest{position:absolute;left:0}.button{display:inline-block;padding:16px 22px 15px;border-radius:2px;background:var(--cream);color:var(--blue);font-weight:700;font-size:17px;text-decoration:none;transition:transform .2s}.button:hover,.button:focus-visible{transform:translateY(-2px)}.go{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}.skip{font-weight:500;text-underline-offset:4px}.title{color:var(--cream);padding:104px var(--gutter) 40px;background:var(--blue)}.title h1{font-size:min(7.6vw,13.4vh);max-width:6.2em}.title .sub{margin-top:min(28px,3vh);max-width:31ch;font-size:clamp(17px,1.45vw,22px);line-height:1.36}.title .go{margin-top:min(30px,3.2vh)}.title .record{margin-top:min(24px,2.6vh);font-size:14px;line-height:1.5;opacity:.85}.title .record span{display:block}.title .record span:first-child{font-weight:700}.ticket{display:inline-grid;grid-template-columns:1fr auto;width:.78em;height:.47em;margin-left:-.08em;padding:0;border:0;border-radius:.04em;background:var(--yellow);color:var(--ink);font:inherit;letter-spacing:0;line-height:1;text-align:left;vertical-align:.07em;transform:rotate(-5deg);cursor:pointer;user-select:none;transition:transform .25s;mask:radial-gradient(circle .07em at 0 50%,#0000 96%,#000),radial-gradient(circle .07em at 100% 50%,#0000 96%,#000),radial-gradient(circle .045em at 64% 26%,#000 0,#000);mask-composite:intersect}.ticket:hover,.ticket:focus-visible{transform:rotate(2deg) scale(1.05)}.ticket.punched{mask:radial-gradient(circle .07em at 0 50%,#0000 96%,#000),radial-gradient(circle .07em at 100% 50%,#0000 96%,#000),radial-gradient(circle .045em at 64% 26%,#0000 96%,#000);mask-composite:intersect}.ticket .admit{align-self:center;padding-left:.6em;font-size:max(.145em,8px);line-height:.94;letter-spacing:-.01em;text-transform:uppercase}.ticket .stub{display:grid;place-items:center;padding:0 .5em;border-right:1.5px dashed currentColor;font-size:max(.092em,6px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.cue{display:none}.js .title{position:fixed;z-index:2;top:0;left:0;width:47vw;padding:13vh 0 0 var(--gutter);background:none;transform-origin:0 0;will-change:transform,opacity}.js .cue{display:block;position:fixed;z-index:2;left:50%;bottom:22px;transform:translate(-50%);color:var(--ink);font-size:14px;font-weight:500;white-space:nowrap;padding:7px 12px 6px;border-radius:2px;background:var(--cream)}.plate{padding:48px var(--gutter);background:var(--paper)}.plate h2{font-size:clamp(40px,5.4vw,92px)}.plate .acc{width:fit-content;margin:0 0 8px -8px;padding:5px 8px 4px;border-radius:2px;background:var(--wall);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.plate .card{margin-top:22px;max-width:25rem;font-size:17px;line-height:1.4}.plate .made{margin-bottom:8px;font-weight:700}.js .plate{position:fixed;z-index:2;top:50%;width:27vw;padding:0;background:none;color:var(--on);opacity:0;visibility:hidden;will-change:transform,opacity}.js .plate.right{right:var(--gutter)}.js .plate.left{left:var(--gutter)}.js .plate .card{padding:18px 20px 19px;background:var(--paper);color:var(--ink);box-shadow:0 18px 40px #00000038}@media(max-aspect-ratio:4/5){.js .title{width:100%;padding:84px var(--gutter) 0}.title h1{font-size:min(13vw,6.6vh)}.ticket{width:1.06em;height:.62em}.ticket .admit{font-size:max(.19em,9px)}.ticket .stub{font-size:max(.11em,7px)}.title .sub{margin-top:2vh;font-size:min(16px,2.3vh)}.title .go{margin-top:2.2vh}.title .record,.js .cue{display:none}.button{padding:13px 18px 12px;font-size:16px}.js .plate,.js .plate.left,.js .plate.right{top:0;left:0;right:0;width:100%;padding:78px var(--gutter) 0}.plate h2{font-size:min(11vw,5.4vh)}.js .plate .card{margin-top:1.6vh;padding:0;background:none;color:inherit;box-shadow:none;font-size:min(16px,2.25vh);line-height:1.36}.plate .made{margin-bottom:.6vh}}@media(any-pointer:fine)and (min-aspect-ratio:4/5){.note.on,.slip,.brief,.js .plate :is(.acc,h2,.card){cursor:grab}.brief :is(.status,.or){cursor:auto}.js.hot .plate :is(.acc,h2){cursor:pointer}}.slip,.brief{transition:rotate .22s,box-shadow .2s}.js .plate{transition:translate .5s cubic-bezier(.2,.7,.2,1),rotate .22s}.js .plate.held{transition:rotate .22s}.js .plate .card{transition:box-shadow .2s}.note.held,.slip.held,.brief.held,.js .plate.held .card{box-shadow:0 36px 80px #0006}.holding,.holding *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.panel{position:relative;padding:16vh var(--gutter) 13vh;background:var(--paper)}.lede{margin-top:26px;max-width:34ch;font-size:clamp(18px,1.55vw,24px);line-height:1.36}.panel .head h2{font-size:clamp(48px,9vw,160px)}.panel .button{background:var(--blue);color:var(--cream)}.wing{min-height:100vh;display:grid;align-content:center}.wing h2{max-width:13em;font-size:clamp(42px,7.4vw,132px)}.wing h2 em{font-style:normal;color:var(--blue)}.wing .lede,.wing .go{margin-top:4.5vh}.visit{display:none}.js .visit{--torn: 46px;display:grid;grid-template-columns:minmax(0,1fr) var(--torn);width:min(430px,100%);margin-top:7vh;background:var(--yellow);color:var(--ink);border-radius:4px;transform:rotate(-2deg);mask:radial-gradient(circle 10px at calc(100% - var(--torn)) 0,#0000 96%,#000),radial-gradient(circle 10px at calc(100% - var(--torn)) 100%,#0000 96%,#000),radial-gradient(circle 7px at calc(100% - var(--torn) / 2) 30px,#000 0,#000);mask-composite:intersect}.js .visit.punched{mask:radial-gradient(circle 10px at calc(100% - var(--torn)) 0,#0000 96%,#000),radial-gradient(circle 10px at calc(100% - var(--torn)) 100%,#0000 96%,#000),radial-gradient(circle 7px at calc(100% - var(--torn) / 2) 30px,#0000 96%,#000);mask-composite:intersect}.visit .kept{min-width:0;padding:18px 20px 22px 22px}.visit .top{display:flex;gap:12px;align-items:baseline;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.visit .top span:first-child{font-size:15px;font-weight:900;letter-spacing:-.01em}.visit .top .day{margin-left:auto;white-space:nowrap}.visit .verdict{margin-top:20px;font-size:clamp(26px,2.6vw,38px);font-weight:900;letter-spacing:-.035em;line-height:.96;text-wrap:balance}.visit dl{display:flex;flex-wrap:wrap;gap:14px clamp(16px,1.9vw,30px);margin:22px 0 0;padding-top:12px;border-top:2px solid currentColor}.visit dt{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.visit dd{margin:5px 0 0;font-size:clamp(27px,2.5vw,36px);font-weight:900;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}.visit .over dd:after{content:"limit 1";display:block;margin-top:4px;font-size:10.5px;font-weight:700;letter-spacing:.09em;line-height:1;text-transform:uppercase}.visit .back{display:inline-block;margin-top:20px;padding:9px 14px 10px;border-radius:2px;background:var(--ink);color:var(--yellow);font-size:14px;font-weight:700;text-decoration:none}.visit .torn{display:flex;justify-content:space-between;align-items:center;padding:18px 0 52px;border-right:2px dashed currentColor;font-size:18px;font-weight:900;letter-spacing:-.01em;line-height:1;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}.visit .torn span:last-child{font-size:11px;font-weight:700;letter-spacing:.1em}@media(min-width:821px){.wing{grid-template-columns:minmax(0,1fr) auto;column-gap:40px}.wing h2{grid-column:1 / -1}.js .wing .visit{--torn: 58px;grid-column:2;grid-row:2;align-self:start;width:clamp(420px,43vw,600px);margin-top:3vh}.wing .visit .kept{padding:22px 26px 26px 28px}}.on-blue{background:var(--blue);color:var(--cream)}.on-red{background:var(--red);color:var(--cream)}.on-green{background:var(--green);color:var(--cream)}.on-yellow{background:var(--yellow);color:var(--ink)}.on-pink{background:var(--pink);color:var(--ink)}.works{display:grid;gap:18px;margin:9vh 0 0;padding:0;list-style:none}.works li{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.works li:nth-child(2n) .pic{order:2}.works .pic{aspect-ratio:16 / 10;overflow:hidden;background:var(--ink)}.works .pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.works li:hover .pic img{transform:scale(1.03)}.works .about{display:flex;flex-direction:column;padding:clamp(24px,3.2vw,48px)}.works h3{font-size:clamp(30px,3.5vw,60px)}.works .meta{margin-top:16px;font-weight:700;font-size:15px}.works .about p:not(.meta){margin-top:14px;max-width:36ch;font-size:17px;line-height:1.42}.works .out{margin-top:auto;padding-top:22px;font-weight:700;font-size:17px;text-underline-offset:4px}@media(max-width:820px){.works li{grid-template-columns:minmax(0,1fr)}.works li:nth-child(2n) .pic{order:0}}.studio .proof{display:inline-block;margin-top:30px;padding:11px 15px 10px;border-radius:2px;background:var(--ink);color:var(--paper);font-weight:500;font-size:16px}.makes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr));gap:18px;margin:9vh 0 0;padding:0;list-style:none}.makes li{min-height:15rem;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:26px 24px 24px}.makes h3{font-size:clamp(30px,2.7vw,44px)}.makes p{max-width:22ch;font-size:17px;line-height:1.4}.contact{padding:0;background:var(--blue) url(/next.jpg) center / cover no-repeat fixed;color:var(--cream)}.contact.live{background:none}.ending{--door: calc(max(100vw, 160vh)*.19) ;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) calc(2 * var(--door)) minmax(0,1fr);align-items:center;padding:12vh var(--gutter) 15vh}.ending .head{container-type:inline-size;margin-bottom:9vh}.ending .head h2{font-size:clamp(30px,4.2vw,92px);font-size:clamp(30px,16cqw,96px)}.ending .lede{margin-top:22px;max-width:27ch;font-size:clamp(16px,1.3vw,22px)}.ending .desk{grid-column:3;display:flex;justify-content:flex-end;container-type:inline-size}.brief{width:min(27rem,100%);padding:22px 22px 20px;background:var(--paper);color:var(--ink);box-shadow:0 30px 70px #00000047}.brief .name{font-weight:900;font-size:clamp(26px,2.3vw,34px);letter-spacing:-.035em;line-height:1;overflow-wrap:anywhere}.brief .name [data-brand]:not(.set){opacity:.5}.brief .name [data-brand][contenteditable]{outline:none;cursor:text;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:2px;text-decoration-color:#13131280;text-underline-offset:.14em}.brief .name [data-brand][contenteditable]:is(:hover,:focus){text-decoration-color:currentColor}.brief .made{margin:8px 0 14px;font-weight:700;font-size:15px}@media(max-aspect-ratio:4/5){.contact{background-image:none}.ending{display:block;min-height:0;padding:0}.ending .head{margin:0;padding:12vh var(--gutter) 6vh}.js .ending .head{min-height:100vh}.js .ending .words{position:sticky;top:12vh}.js .contact:not(.arrived) .ending .head h2,.js .contact:not(.arrived) .ending .head .lede{opacity:0;transform:translateY(18px)}.js .contact .ending .head h2,.js .contact .ending .head .lede{transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}.ending .head h2{font-size:clamp(34px,11vw,64px)}.ending .lede{margin-top:14px;max-width:30ch;font-size:17px}.ending .desk{display:block;padding:8vh var(--gutter) 9vh;background:var(--paper)}.brief{width:min(100%,36rem);padding:0;background:none;box-shadow:none}}.brief label{display:grid;grid-template-columns:4.6rem 1fr;align-items:baseline;gap:12px;padding:9px 0 8px;border-top:1.5px solid rgb(19 19 18 / .16)}.brief label span{font-weight:700;font-size:15px}.brief input,.brief textarea{width:100%;padding:2px 0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:17px;text-overflow:ellipsis;resize:vertical}.brief input::placeholder,.brief textarea::placeholder{color:#13131266}.brief input:focus,.brief textarea:focus{outline:none;box-shadow:none}.brief label:focus-within{border-top-color:var(--blue)}.brief label:focus-within span{color:var(--blue)}.brief label.feel{grid-template-columns:1fr}@container (max-width: 352px){.brief label{grid-template-columns:1fr;gap:4px}}@container (max-width: 290px){@media(min-aspect-ratio:4/5){.brief{padding:18px 16px 16px}.brief input,.brief textarea{font-size:15px}}}.brief button{margin-top:14px;width:100%;padding:15px 18px 14px;border:0;border-radius:2px;background:var(--ink);color:var(--paper);font:inherit;font-weight:700;font-size:17px;cursor:pointer;transition:background .2s}.brief button:hover,.brief button:focus-visible{background:var(--blue)}.brief .status{margin-top:14px;font-size:15px;line-height:1.4}.brief .status:empty{display:none}.brief .or{margin-top:12px;font-size:14px;line-height:1.4}.foot{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:22px var(--gutter) 26px;background:var(--ink);color:var(--cream);font-size:14px}.lost{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) min(30rem,42vw);align-content:start;padding:17vh var(--gutter) 9vh;color:var(--cream);background:#000 url(/lost.jpg) center / cover no-repeat}.lost>*{grid-column:2}.lost h1{font-size:clamp(40px,5.4vw,92px)}@media(max-aspect-ratio:4/5){.lost{grid-template-columns:minmax(0,1fr);padding-top:13vh}.lost>*{grid-column:1}}.lost .card{margin-top:22px;max-width:25rem;padding:18px 20px 19px;background:var(--paper);color:var(--ink);font-size:17px;line-height:1.4}.lost .made{margin-bottom:8px;font-weight:700}.lost .card a{display:inline-block;margin-top:12px;font-weight:700;text-underline-offset:4px}.hanging .panel h2,.hanging .panel .lede,.hanging .panel .go,.hanging .studio .proof,.hanging .makes li,.hanging .works .about>*{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.hanging .panel h2{transform:translateY(.22em)}.hanging .panel .lede{transition-delay:.08s}.hanging .panel .go,.hanging .studio .proof{transition-delay:.16s}.hanging .panel h2.hung,.hanging .panel .lede.hung,.hanging .panel .go.hung,.hanging .studio .proof.hung,.hanging .makes li.hung,.hanging .works li.hung .about>*{opacity:1;transform:none}.hanging .visit{opacity:0;transform:translateY(30px) rotate(3deg);transition:opacity .5s .3s,transform .8s .3s cubic-bezier(.2,.9,.3,1.2)}.hanging .visit.hung{opacity:1;transform:rotate(-2deg)}.hanging .works .pic{background:none}.hanging .works .pic img{clip-path:inset(0 0 0 100%);transform:scale(1.1);transition:clip-path 1s cubic-bezier(.6,0,.2,1),transform 1.3s cubic-bezier(.2,.7,.2,1)}.hanging .works li:nth-child(2n) .pic img{clip-path:inset(0 100% 0 0)}.hanging .works li.hung .pic img{clip-path:inset(0);transform:none}.hanging .works li.hung:hover .pic img{transform:scale(1.03)}.hanging .works .about>:nth-child(1){transition-delay:.3s}.hanging .works .about>:nth-child(2){transition-delay:.38s}.hanging .works .about>:nth-child(3){transition-delay:.46s}.hanging .works .about>:nth-child(4){transition-delay:.54s}.hanging .makes li:nth-child(2){transition-delay:.07s}.hanging .makes li:nth-child(3){transition-delay:.14s}.hanging .makes li:nth-child(4){transition-delay:.21s}@media(max-width:820px){.hanging .works .pic img,.hanging .works li:nth-child(2n) .pic img{clip-path:inset(100% 0 0 0)}.hanging .works li.hung .pic img{clip-path:inset(0)}}.loader{position:fixed;top:0;left:0;right:0;z-index:4;height:4px;opacity:0;pointer-events:none;transition:opacity .3s}.loader.on{opacity:1}.loader i{position:absolute;inset:0;background:var(--cream);transform:scaleX(var(--done, 0));transform-origin:0 50%}.loader b{position:absolute;top:8px;left:calc(var(--done, 0) * 100%);transform:translate(calc(-100% - 6px));color:var(--cream);font-size:11px;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums}.loader.stuck i{animation:loader-stuck 1.6s ease-in-out infinite}@keyframes loader-stuck{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.loader,.js .contact .ending .head h2,.js .contact .ending .head .lede,.stage,.stage canvas,.plan,.plan i,.bar,.bar .to-contact,.button,.tag,.note,.slip,.brief,.js .plate,.js .plate .card,.touch,.directory,.directory .floor a{transition:none}.loader.stuck i{animation:none}}
