/* Web service: a kinetic, oversized typographic stage. */
.web-direction{--acid:#ddff00;--ink:#141613;background:var(--acid)!important;color:var(--ink)}
.web-direction .site-head{height:72px;background:var(--acid);color:var(--ink);padding:0 3%;border-bottom:1px solid #14161345;position:relative}
.web-direction .site-head .start-btn{background:var(--ink);color:var(--acid)}
.web-direction .site-head nav a:after{background:var(--ink)}
.web-direction .mobile-menu{top:72px}
.web-stage{height:calc(100svh - 72px);min-height:580px;max-height:1100px;position:relative;overflow:hidden;isolation:isolate;background:var(--acid);transition:background .7s;color:#141613;--look:#ddff00}
.web-stage[data-look=quiet]{background:#d4d1ed;--look:#d4d1ed}.web-stage[data-look=play]{background:#ffa9c9;--look:#ffa9c9}
.web-stage-top{position:absolute;top:19px;left:3%;right:3%;display:flex;justify-content:space-between;font:10px/1.3 monospace;z-index:8}
.web-type{position:absolute;left:1.5%;top:11%;font:900 clamp(140px,min(22.4vw,31svh),350px)/.73 Arial,sans-serif;letter-spacing:-.095em;pointer-events:none;z-index:2;transform:translate3d(calc(var(--web-x,0px)*-.2),calc(var(--web-scroll,0px)*-.22),0);will-change:transform}
.web-type>span{display:block}.web-type>span:last-child{margin-top:18px;letter-spacing:-.09em}
.web-type .type-outline{-webkit-text-stroke:2px #141613;color:transparent}
.web-orbit{position:absolute;inset:0;z-index:3;perspective:1600px;transform:translate3d(calc(var(--web-x,0px)*.35),calc(var(--web-y,0px)*.2),0);pointer-events:none;will-change:transform}
.web-sheet{position:absolute;width:48%;left:48%;top:18%;transform-style:preserve-3d;transition:left 1.15s cubic-bezier(.2,.8,.2,1),top 1.15s cubic-bezier(.2,.8,.2,1),width 1.15s,transform 1.15s;transform:rotateY(-22deg) rotateZ(8deg) translateY(calc(var(--web-scroll,0px)*.13));z-index:3}
.web-sheet>a{display:block;pointer-events:auto;background:#10120f;color:white;box-shadow:12px 28px 36px #10150c55;animation:web-sheet-float 7s ease-in-out infinite alternate;transform-style:preserve-3d;outline-offset:5px!important;transition:filter .3s;--float:18px}
.web-sheet img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border:1px solid #fff8;user-select:none;-webkit-user-drag:none}
.web-sheet>a:hover{filter:brightness(1.08)}
.sheet-label{display:flex;justify-content:space-between;align-items:center;padding:7px 11px;font:9px/1.2 monospace;background:#10120f;letter-spacing:.03em}.sheet-label>b{font-size:14px;font-weight:400}
.web-sheet-2{width:28%;left:65%;top:-14%;transform:rotateY(-20deg) rotateZ(-13deg) translateY(calc(var(--web-scroll,0px)*-.24));z-index:1}.web-sheet-2>a{animation-delay:-3s;--float:-17px}
.web-sheet-3{width:29%;left:30%;top:61%;transform:rotateY(15deg) rotateZ(-12deg) translateY(calc(var(--web-scroll,0px)*-.1));z-index:4}.web-sheet-3>a{animation-delay:-5s;--float:22px}
.web-sheet-4{width:31%;left:80%;top:66%;transform:rotateY(-30deg) rotateZ(18deg) translateY(calc(var(--web-scroll,0px)*.24));z-index:2}.web-sheet-4>a{animation-delay:-1s;--float:-23px}
.web-stage[data-look=quiet] .web-sheet-1{left:74%;top:67%;width:29%;transform:rotateY(-18deg) rotateZ(15deg)}
.web-stage[data-look=quiet] .web-sheet-2{left:48%;top:18%;width:47%;transform:rotateY(-18deg) rotateZ(-8deg);z-index:5}
.web-stage[data-look=quiet] .web-sheet-3{left:41%;top:-17%;width:30%;transform:rotateY(17deg) rotateZ(13deg)}
.web-stage[data-look=quiet] .web-sheet-4{left:35%;top:65%;width:29%;transform:rotateY(20deg) rotateZ(-15deg);z-index:6}
.web-stage[data-look=play] .web-sheet-1{left:64%;top:-15%;width:32%;transform:rotateY(-12deg) rotateZ(14deg);z-index:2}
.web-stage[data-look=play] .web-sheet-2{left:34%;top:64%;width:31%;transform:rotateY(12deg) rotateZ(-15deg);z-index:6}
.web-stage[data-look=play] .web-sheet-3{left:48%;top:16%;width:48%;transform:rotateY(-18deg) rotateZ(5deg);z-index:5}
.web-stage[data-look=play] .web-sheet-4{left:83%;top:65%;width:29%;transform:rotateY(15deg) rotateZ(18deg)}
.web-stage-copy{position:absolute;left:3%;bottom:93px;z-index:5;max-width:30%;pointer-events:none}
.web-stage-copy h1{font-size:clamp(20px,2.25vw,36px);font-weight:700;letter-spacing:-.06em;line-height:1.45}.web-stage-copy p{font-size:11px;line-height:1.7;margin-top:12px;max-width:25em}
.web-controls{position:absolute;bottom:18px;left:3%;right:3%;z-index:10;display:flex;justify-content:space-between;align-items:end;gap:20px}
.web-looks{display:flex;align-items:center;gap:7px}.web-looks>span{font:9px monospace;margin-right:10px}.web-looks button{border:1px solid #141613;border-radius:30px;padding:11px 17px;font:11px monospace;background:var(--look);transition:background .3s,color .3s}.web-looks button[aria-pressed=true],.web-looks button:hover{color:var(--look);background:#141613}
.web-scroll-link{display:flex;align-items:center;gap:14px;font-size:11px;background:#141613;color:white;border-radius:40px;padding:13px 20px}.web-scroll-link span{font-size:23px;line-height:1}
.web-star{position:absolute;left:29%;top:18%;font:180px/1 Arial,sans-serif;animation:web-star-spin 22s linear infinite;z-index:1;pointer-events:none;color:#141613}
.web-stage.is-entering .web-sheet{animation:web-sheet-enter 1.3s cubic-bezier(.18,.9,.2,1) backwards}.web-stage.is-entering .web-sheet-2{animation-delay:.12s}.web-stage.is-entering .web-sheet-3{animation-delay:.24s}.web-stage.is-entering .web-sheet-4{animation-delay:.36s}
.web-stage.is-entering .web-type{animation:web-type-enter 1s cubic-bezier(.18,.9,.2,1) both}
.web-marquee{background:#141613;color:#ddff00;overflow:hidden;padding:13px 0;font:700 clamp(30px,4vw,65px)/1 Arial,sans-serif;letter-spacing:-.04em;border-block:1px solid #141613}
.web-marquee>div{width:max-content;display:flex;gap:32px;animation:web-ticker 22s linear infinite}.web-marquee span{display:block;white-space:nowrap}.web-marquee b{font-weight:400;margin:0 22px}
.web-direction .web-exhibition{background:#efeee7;color:#141613;padding:36px 0 0}
.web-exhibition-head{padding:0 3% 30px;display:flex;align-items:end;justify-content:space-between;gap:24px}.web-exhibition-head span{font:10px monospace}.web-exhibition-head h2{font-size:clamp(30px,4.5vw,68px);line-height:1.2;margin-top:14px}.web-exhibition-head a{font-size:12px;border-bottom:1px solid;padding-bottom:8px;white-space:nowrap}
.web-case-row{display:grid;grid-template-columns:1.15fr .85fr;border-top:1px solid #141613;overflow:hidden}
.web-case{display:block;position:relative;overflow:hidden;min-width:0}.web-case+.web-case{border-left:1px solid #141613}.web-case>img{width:100%;height:34vw;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1);transform:scale(1.03) translateY(var(--case-y,0px))}.web-case:hover>img{transform:scale(1.1) translateY(var(--case-y,0px))}
.web-case-caption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:end;padding:24px;background:linear-gradient(transparent,#10120fe8);color:white;min-height:35%}.web-case-caption strong{display:block;font:700 clamp(40px,5.5vw,90px)/.95 Arial,sans-serif;letter-spacing:-.06em}.web-case-caption small{display:block;margin-top:12px;font:10px monospace}.web-case-caption>b{font:40px/1 Arial,sans-serif}
.web-case-row:nth-of-type(3){grid-template-columns:.8fr 1.2fr}.web-case-row:nth-of-type(4){grid-template-columns:1fr 1fr}
.web-exhibition>.fine{padding:18px 3%;font-size:10px;border-top:1px solid #14161330}
.site-scenes.web-direction .edition-manifesto{background:#141613;color:#f1f2e9;padding:45px 3% 55px}.site-scenes.web-direction .manifesto-body{margin:35px 0 45px;gap:6%;display:grid;grid-template-columns:1.5fr 1fr;align-items:end}.site-scenes.web-direction .manifesto-body h2{font-size:clamp(40px,6.6vw,100px);line-height:1.25}.site-scenes.web-direction .manifesto-body h2 span{color:#ddff00}.site-scenes.web-direction .manifesto-body p,.site-scenes.web-direction .craft-steps p{color:#b4b9ad}.site-scenes.web-direction .manifesto-label,.site-scenes.web-direction .craft-steps article>span{color:#ddff00}.site-scenes.web-direction .craft-steps{grid-template-columns:repeat(4,1fr);gap:25px}.site-scenes.web-direction .craft-steps article{display:block;border-color:#b8c49255;padding-top:18px}.site-scenes.web-direction .craft-steps h3{font-size:23px;margin:17px 0}.site-scenes.web-direction .craft-steps p{font-size:11px}
.web-direction .edition-plans{padding:55px 3% 65px}.web-direction .edition-plans>h2{font-size:clamp(32px,4.5vw,70px);margin:20px 0 35px}.web-direction .edition-try{padding:35px 3%;background:#ddff00!important;color:#141613!important}.web-direction .ep-entry{padding:45px 3%}.web-direction .edition-try:after{display:none}
@keyframes web-sheet-float{from{transform:translateY(calc(var(--float)*-.5)) rotateX(-3deg)}to{transform:translateY(var(--float)) rotateX(4deg)}}
@keyframes web-star-spin{to{rotate:360deg}}@keyframes web-ticker{to{transform:translateX(-50%)}}
@keyframes web-sheet-enter{from{opacity:0;translate:45vw 45vh;rotate:25deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes web-type-enter{from{clip-path:inset(0 0 100%);translate:0 70px}to{clip-path:inset(0);translate:0 0}}
.web-stage.is-asleep *{animation-play-state:paused!important}.motion-off .web-stage *,.motion-off .web-marquee *{animation:none!important;transition:none!important}.motion-off .web-type,.motion-off .web-orbit{transform:none}
@media(min-width:1600px){.web-stage-copy{bottom:110px}.web-sheet{top:16%}.web-stage-copy p{font-size:14px}.web-stage-copy h1{font-size:36px}}
@media(max-width:950px){.web-stage{min-height:600px}.web-type{top:14%;font-size:min(23.5vw,30svh)}.web-sheet{top:25%;left:49%}.web-sheet-2{top:0;left:60%;width:37%}.web-sheet-3{top:58%;left:34%;width:36%}.web-sheet-4{top:60%;left:82%;width:34%}.web-stage-copy{max-width:35%;bottom:94px}.web-star{font-size:120px;left:25%;top:8%}.web-looks>span{display:none}.site-scenes.web-direction .craft-steps{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.web-direction .site-head{height:64px;padding:0 5%}.web-direction .mobile-menu{top:64px}.web-stage{height:calc(100svh - 64px);min-height:540px;max-height:900px}.web-stage-top{top:14px;left:5%;right:5%;font-size:7px}.web-stage-top>span:last-child{max-width:130px;text-align:right}.web-type{left:2%;top:9%;font-size:33vw;line-height:.76;z-index:2}.web-type>span:last-child{margin-top:10px}.web-type .type-outline{-webkit-text-stroke:1.4px #141613}.web-star{font-size:100px;left:auto;right:4%;top:9%}.web-sheet{width:76%;left:22%;top:38%;transform:rotateY(-18deg) rotateZ(9deg);z-index:5}.web-sheet-2{width:44%;left:66%;top:22%;transform:rotateY(-18deg) rotateZ(-14deg);z-index:2}.web-sheet-3{width:47%;left:-12%;top:56%;transform:rotateY(16deg) rotateZ(-12deg);z-index:6}.web-sheet-4{width:45%;left:77%;top:68%;transform:rotateY(-18deg) rotateZ(15deg)}
.web-stage[data-look=quiet] .web-sheet-1{left:77%;top:66%;width:46%}.web-stage[data-look=quiet] .web-sheet-2{left:20%;top:39%;width:77%}.web-stage[data-look=quiet] .web-sheet-3{left:64%;top:21%;width:45%}.web-stage[data-look=quiet] .web-sheet-4{left:-12%;top:57%;width:47%}
.web-stage[data-look=play] .web-sheet-1{left:65%;top:20%;width:45%}.web-stage[data-look=play] .web-sheet-2{left:-12%;top:57%;width:47%}.web-stage[data-look=play] .web-sheet-3{left:20%;top:38%;width:77%}.web-stage[data-look=play] .web-sheet-4{left:78%;top:66%;width:45%}
.sheet-label{padding:5px 7px;font-size:7px}.sheet-label>b{font-size:10px}.web-stage-copy{left:5%;bottom:92px;max-width:72%;z-index:7}.web-stage-copy h1{font-size:23px;line-height:1.3}.web-stage-copy p{font-size:9px;line-height:1.6;max-width:27em;margin-top:7px}.web-controls{left:5%;right:5%;bottom:20px;gap:10px;align-items:center}.web-looks{gap:5px}.web-looks button{font-size:8px;padding:10px 12px}.web-scroll-link{font-size:9px;padding:10px 12px;gap:7px}.web-scroll-link span{font-size:18px}.web-exhibition-head{padding:0 5% 24px;display:block}.web-exhibition-head h2{font-size:33px}.web-exhibition-head a{display:inline-block;margin-top:20px;font-size:10px}.web-case-row{grid-template-columns:1fr!important}.web-case+.web-case{border-left:0;border-top:1px solid #141613}.web-case>img{height:73vw}.web-case-caption{padding:20px}.web-case-caption strong{font-size:48px}.web-case-caption small{font-size:8px}.web-exhibition>.fine{padding:15px 5%;font-size:9px}.site-scenes.web-direction .edition-manifesto{padding:30px 5% 38px}.site-scenes.web-direction .manifesto-body{display:block;margin:30px 0}.site-scenes.web-direction .manifesto-body h2{font-size:38px}.site-scenes.web-direction .manifesto-body p{font-size:11px;margin-top:22px}.site-scenes.web-direction .craft-steps{gap:25px 20px}.site-scenes.web-direction .craft-steps article>span{font-size:8px}.site-scenes.web-direction .craft-steps h3{font-size:18px}.site-scenes.web-direction .craft-steps p{font-size:10px}.web-direction .edition-plans,.web-direction .ep-entry{padding:35px 5%}.web-direction .edition-try{padding:30px 5%}.web-direction .edition-plans>h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.web-stage *,.web-marquee *{animation:none!important;transition:none!important}.web-type,.web-orbit{transform:none!important}.web-case>img{transform:none!important}}

.web-marquee.is-asleep>div{animation-play-state:paused}
/* Keep the copy clear of the floating sheets on short phones. */
@media(max-width:650px) and (max-height:740px){.web-stage .web-sheet-1{top:32%}.web-stage .web-sheet-3{top:43%}.web-stage[data-look=quiet] .web-sheet-2,.web-stage[data-look=play] .web-sheet-3{top:32%}.web-stage[data-look=quiet] .web-sheet-4,.web-stage[data-look=play] .web-sheet-2{top:43%}.web-stage[data-look=quiet] .web-sheet-1{top:65%}.web-stage[data-look=play] .web-sheet-1{top:20%}.web-stage[data-look=quiet] .web-sheet-3{top:20%}.web-stage-copy h1{font-size:21px}.web-stage-copy p{font-size:9px}}