:root{color-scheme:dark;background:#090b0e}html,body{width:100%;height:100%;margin:0;overflow:hidden}#ambient-background{position:fixed;top:0;left:0;z-index:0;display:block;width:75%;height:75%;transform:scale(1.3333333333);transform-origin:top left;border:0;pointer-events:none;opacity:.624;filter:saturate(.72)}#scene{position:fixed;inset:0;z-index:1;width:100%;height:100%;overflow:hidden;background:transparent;touch-action:pan-y}#scene canvas{display:block;width:100%;height:100%}body.lab-mode{font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#d8dce2}body.lab-mode #scene{width:auto;right:310px}body.lab-hidden #scene{right:0}#lab-panel{position:fixed;z-index:3;inset:0 0 0 auto;width:310px;box-sizing:border-box;padding:22px 20px;overflow-y:auto;background:#131519f2;border-left:1px solid #ffffff12}#lab-panel header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}#lab-panel header strong{display:block;font-size:16px;font-weight:550}#lab-panel header span{display:block;color:#858c96;font-size:12px;margin-top:3px}#lab-panel button,#lab-reveal,#lab-panel select{font:inherit;color:inherit;background:#22252b;border:1px solid #ffffff15;border-radius:6px;padding:7px 10px;cursor:pointer}#lab-panel button:hover,#lab-reveal:hover{background:#30353d}#lab-panel button:disabled{opacity:.4;cursor:default}#lab-panel select{width:100%;margin-top:6px;padding:9px 8px}#lab-panel .preset-label{color:#a5adb7;font-size:12px}#lab-note{color:#8e97a3;font-size:11px;min-height:32px;margin:12px 0}#lab-controls{border:0;margin:0;padding:0;min-width:0}#lab-controls:disabled{opacity:.45}#lab-panel details{border-top:1px solid #ffffff12;padding:12px 0}#lab-panel summary{cursor:pointer;user-select:none;color:#c5cbd4;font-size:12px}.control-row{margin-top:16px}.control-row>div{display:flex;justify-content:space-between;align-items:center}.control-row label{font-size:12px}.control-row span{color:#939daa;font-size:11px}.control-row input[type=number]{width:44px;background:transparent;border:0;border-bottom:1px solid #ffffff20;color:#d8dce2;text-align:right;font:inherit;appearance:textfield;padding:2px}.control-row input::-webkit-inner-spin-button{appearance:none}.control-row input[type=range]{display:block;width:100%;margin:9px 0 0;accent-color:#c5cfdc;height:16px;cursor:pointer}#lab-panel .pause-row{display:flex;gap:7px;align-items:center;margin:16px 0;color:#aab2bd;font-size:12px}#lab-panel input[type=checkbox]{accent-color:#c5cfdc}#lab-panel footer{display:flex;gap:6px}#lab-panel footer button{flex:1;font-size:12px;padding:8px 5px}.lab-status{display:flex;justify-content:space-between;gap:8px;margin-top:12px;color:#858e9a;font-size:10px}#lab-fps{flex-shrink:0}#lab-reveal{position:fixed;z-index:4;top:16px;right:16px;color:#d8dce2}#lab-panel :focus-visible,#lab-reveal:focus-visible{outline:2px solid #becbdd;outline-offset:3px}@media(max-width:700px){body.lab-mode #scene{right:0;width:100%}#lab-panel{inset:auto 8px 8px auto;width:min(290px,calc(100% - 16px));max-height:55dvh;border:1px solid #ffffff20;border-radius:10px;padding:16px}#lab-panel header{margin-bottom:14px}}@font-face{font-family:Monument;src:local("PP Monument Extended"),local("Arial Black"),local("Arial Bold");font-display:swap}@font-face{font-family:Nautigal;src:url(../cover/nautigal.ttf) format("truetype");font-display:swap}@font-face{font-family:CoverInter;src:url(../cover/inter.ttf) format("truetype");font-weight:100 900;font-display:swap}.cover-mode{background:#060708;color:#fff;font-family:CoverInter,Helvetica,Arial,sans-serif}.cover-mode #scene{top:-3.333%;bottom:auto;height:103.333%}.cover-mode #scene:not([data-engine]){background:center / cover no-repeat url(../cover/particle-poster.png)}.with-intro .cover-mode #scene:not([data-engine]){background-image:none}.cover{--edge: 3.125vw;--small: clamp(14px,1.25vw,30px);position:fixed;inset:0;z-index:2;pointer-events:none;-webkit-font-smoothing:antialiased}.cover[hidden],.cover[data-layout=diagonal] .only-b,.cover[data-layout=center] .only-a{display:none}.cover h1,.cover h2,.cover p{margin:0}.cover button{cursor:pointer;font:inherit;color:inherit;pointer-events:auto;background:none;border:0}.cover button:focus-visible{outline:2px solid #fff;outline-offset:4px}.cover-mast{height:clamp(48px,6.94%,96px);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--edge);background:url(../cover/divider.svg) left bottom / 100% 1px no-repeat}.signature{font:400 clamp(28px,2.0833vw,52px)/1 Nautigal,cursive;letter-spacing:.05em}.cover[data-layout=diagonal] .signature{line-height:normal;letter-spacing:normal}.cover .menu-trigger,.cover .view-work{display:inline-flex;align-items:center;justify-content:center;gap:max(6px,.521vw)}.cover .menu-trigger{padding:10px 0 10px 10px;font-size:clamp(12px,.9375vw,22px)}.menu-trigger img,.view-work img{width:clamp(14px,1.042vw,26px);height:auto}.design-lockup{position:absolute;left:var(--edge);top:17.4%;display:flex;align-items:center;gap:.57vw;font-family:Monument,sans-serif}.year-mark{width:4.76vw;height:4.7vw;display:grid;grid-template-columns:48% 52%;grid-template-rows:1fr 1fr;align-items:center;font-size:2.762vw;line-height:.8;background:url(../cover/year-grid.svg) right center / auto 100% no-repeat}.year-mark span,.design-type{text-box:trim-both cap alphabetic}.design-type{font-size:6.302vw;line-height:.8}.diagonal-title,.center-title{position:absolute;line-height:0}.diagonal-title{width:48.166%;top:74.074%;right:3.24%}.diagonal-title svg,.original-wordmark{width:100%;height:auto;display:block}.diagonal-caption{position:absolute;left:var(--edge);top:76.0185%}.discipline{font-size:var(--small);font-weight:300;line-height:1.22;color:#ffffffb3}.diagonal-caption .discipline{font-family:Helvetica Neue,Helvetica,sans-serif}.cover .view-work{border:1px solid #ffffff26;padding:.72vw 1.65vw;margin-top:.82vw;font-size:clamp(13px,1.042vw,24px);transition:border-color .2s,background .2s}.view-work:hover,.view-work:focus-visible{background:#ffffff0d;border-color:#fff6}.center-title{width:61.7336%;top:44.9849%;left:50%;transform:translate(-50%,-50%)}.cover .wordmark-target{display:block;position:relative;width:100%;padding:0;line-height:0}.glyph-slice{position:absolute;inset:0;background:center / contain no-repeat url(../cover/portfolio-center.svg);pointer-events:none}.wordmark-target.enhanced .original-wordmark{visibility:hidden}.centered .discipline{position:absolute;width:100%;text-align:center;top:88.0556%}.cover-directory{box-sizing:border-box;pointer-events:auto;color:#fff;border:1px solid #ffffff30;background:#101112;width:min(360px,90vw);margin:0;inset:max(58px,7.8vh) var(--edge) auto auto;padding:24px}.cover-directory::backdrop{background:#0009}.directory-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.directory-head h2{font-size:17px;font-weight:500}.directory-head button{font-size:12px;color:#bbb}.cover-directory ol{padding:0;list-style:none;counter-reset:directory;margin:20px 0 0}.cover-directory li{counter-increment:directory;padding:12px 0;border-top:1px solid #ffffff20;font-size:14px}.cover-directory li:before{content:counter(directory,decimal-leading-zero);margin-right:18px;color:#888;font-size:11px}@media(max-aspect-ratio:1/1){.cover{--edge: 5vw}.cover-mode #scene{top:0;height:100%}.cover-mast{height:8%;min-height:50px}.design-lockup{top:16%;gap:1.6vw}.design-type{font-size:10.6vw}.year-mark{width:8.05vw;height:7.92vw;font-size:4.64vw}.diagonal-title{width:73%;right:var(--edge);top:72%}.diagonal-caption{top:81%}.cover .view-work{padding:7px 14px;margin-top:8px}.discipline{font-size:clamp(11px,2.7vw,19px)}.center-title{width:90%;top:47%}.centered .discipline{top:83%}}@media(max-height:510px)and (min-aspect-ratio:1/1){.cover-mast{height:11%;min-height:34px}.diagonal-title,.diagonal-caption{top:70%}.centered .discipline{top:76%}}.cover-directory a{color:inherit;text-decoration:none}.cover-directory a:hover,.cover-directory a:focus-visible{text-decoration:underline}
