:root{font-family:Arial,Helvetica,sans-serif;color-scheme:dark;font-synthesis:none;--ivory: #f4ede9;--dark: #070608}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{margin:0;background:var(--dark);color:var(--ivory);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.scene{isolation:isolate;position:relative;width:100%;height:100vh;height:100dvh;min-height:480px;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#130e14,#09070a 47%,#040405)}.ambient{position:absolute;inset:-25%;background:radial-gradient(ellipse at 18% 84%,color-mix(in srgb,var(--accent) 19%,transparent),transparent 34%),radial-gradient(ellipse at 81% 12%,#8e68701d,transparent 39%);opacity:.82;filter:blur(40px);pointer-events:none;transition:background 1s ease}.masthead{position:absolute;top:27px;left:36px;right:38px;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;font-size:10px;line-height:1.5;letter-spacing:.07em}.identity{display:flex;align-items:baseline;gap:20px;color:var(--ivory);text-decoration:none}.identity-mark{letter-spacing:-.14em;font-size:29px;font-weight:900;line-height:1}.identity-dot{color:#d3a8be;padding-left:2px}.identity-name{font-size:12px;font-weight:800;letter-spacing:.2em}.masthead p{text-align:center;margin:3px 0 0;font-size:10px;line-height:1.65;font-weight:700}.subrole{font-size:9px;opacity:.54;font-weight:400;letter-spacing:.09em}.slash{color:#c7a0af;margin:0 5px}.edition{font-size:9px;opacity:.52;letter-spacing:.15em;margin-top:5px}.scene-label{position:absolute;z-index:6;left:36px;top:27%;font-size:11px;letter-spacing:.22em;line-height:1.7;font-weight:800;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.84}.scene-label span{font-size:8px;opacity:.48;font-weight:400}.stage{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1240px,84vw);height:min(380px,45vh)}.gallery{width:100%;height:100%;display:flex;gap:4px;overflow:hidden}.tile{display:block;position:relative;flex:1 1 0;min-width:1px;padding:0;border:0;overflow:hidden;cursor:pointer;background:#100d13;transition:flex-basis .85s cubic-bezier(.17,.75,.13,1),filter .6s;filter:grayscale(.67) contrast(1.1)}.tile.active{flex:0 0 min(410px,33vw);filter:grayscale(.14);z-index:2}.tile img,.tile .active-video{position:absolute;width:max(100%,410px);height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;pointer-events:none}.tile .poster{opacity:.85;transition:opacity .25s ease}.tile.active .poster{opacity:1}.tile .active-video{z-index:1;opacity:0;transition:opacity .38s ease}.tile.has-video .active-video{opacity:1}.tile:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent 62%,#09070a9b)}.tile-label{position:absolute;z-index:3;left:15px;bottom:15px;font-weight:700;font-size:11px;opacity:0;transition:opacity .5s}.tile.active .tile-label{opacity:.92}.frame{position:absolute;z-index:6;left:0;top:0;width:410px;height:100%;border:1px solid #f3e7e6b8;pointer-events:none;transition:left .85s cubic-bezier(.17,.75,.13,1),width .85s cubic-bezier(.17,.75,.13,1),top .85s cubic-bezier(.17,.75,.13,1),height .85s cubic-bezier(.17,.75,.13,1)}.frame:before,.frame:after{content:"";position:absolute;left:50%;width:1px;height:65vh;background:#f4ede9;transform:translate(-50%);box-shadow:7px 0 #f4ede9b0}.frame:before{bottom:calc(100% + 3px)}.frame:after{top:calc(100% + 3px)}.socials{position:absolute;z-index:9;bottom:calc(100% + 7px);left:50%;width:180px;display:flex;gap:18px;align-items:start;font-size:11px;font-weight:800;line-height:1.65;letter-spacing:.02em}.asterisk{transform:rotate(-90deg);font-size:20px;line-height:1}.socials nav{display:flex;flex-direction:column;border-left:1px solid #f4ede9;padding-left:9px}.socials button{padding:0;text-align:left;border:0;color:inherit;background:none;cursor:pointer;font:inherit;font-size:inherit}.socials button:hover,.socials button:focus-visible{text-decoration:underline}.caption{position:absolute;z-index:9;top:calc(100% + 12px);left:0;width:410px;max-width:90%;display:flex;flex-direction:column;gap:4px;text-transform:uppercase;font-size:10px;letter-spacing:.08em;line-height:1.3;pointer-events:none;transition:left .85s cubic-bezier(.17,.75,.13,1),top .85s cubic-bezier(.17,.75,.13,1)}.caption strong{font-size:12px;letter-spacing:.12em}.caption span{color:#e1ccd4;opacity:.83}.caption em{font-style:normal;font-size:8px;opacity:.44;letter-spacing:.15em}#ribbon{position:absolute;z-index:5;inset:0;height:100%;width:100%;pointer-events:none}.ribbon-fallback{display:none;position:absolute;z-index:5;pointer-events:none;left:52%;top:52%;width:min(600px,55vw);aspect-ratio:1;transform:translate(-50%,-50%) rotate(-34deg)}.no-webgl #ribbon{display:none}.no-webgl .ribbon-fallback{display:block}.bottom-bar{position:absolute;z-index:10;left:36px;right:36px;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.1em}.footer-left{display:flex;align-items:center;gap:14px;white-space:nowrap}.hairline{height:1px;width:36px;background:#dbc5d3}.demo-disclosure{margin:0;opacity:.39;font-size:9px;white-space:nowrap}.controls{display:flex;align-items:center;gap:18px}.controls button{border:0;padding:4px;color:var(--ivory);background:none;cursor:pointer;font-size:26px;line-height:1}.controls button:hover,.controls button:focus-visible{color:#e9a7c7}.counter{min-width:58px;font-weight:700;font-size:13px;letter-spacing:.12em}.counter span{opacity:.4;margin:0 4px}.toast{position:absolute;z-index:100;left:50%;bottom:72px;transform:translate(-50%);border:1px solid #b8aab4;background:#160f18;padding:12px 20px;font-size:12px;text-align:center;max-width:90vw}.tile:focus-visible,.controls button:focus-visible,.socials button:focus-visible{outline:2px solid #fff;outline-offset:-2px}@media(max-width:880px){.scene-label{display:none}.stage{width:92vw}.masthead,.bottom-bar{left:22px;right:22px}}@media(max-width:700px),(orientation:portrait){.scene{min-height:0}.masthead{top:14px;left:17px;right:17px;gap:5px}.identity{gap:8px;flex-direction:column}.identity-mark{font-size:24px}.identity-name{font-size:9px;letter-spacing:.13em}.masthead p{font-size:8px;text-align:right;margin-top:2px;max-width:160px}.subrole{font-size:7px}.edition{display:none}.stage{left:52%;top:51%;width:min(63vw,260px);height:min(72dvh,670px);transform:translate(-50%,-50%)}.gallery{flex-direction:column;gap:3px}.tile{flex:1 1 0}.tile.active{flex:0 0 min(246px,30dvh)}.tile img,.tile .active-video{width:100%;height:max(100%,260px);min-width:0}.frame:before,.frame:after{left:auto;top:50%;width:80vw;height:1px;transform:translateY(-50%);box-shadow:0 5px #f4ede9aa}.frame:before{bottom:auto;right:calc(100% + 3px)}.frame:after{left:calc(100% + 3px)}.socials{left:auto;right:calc(100% + 8px);top:0;bottom:auto;width:125px;flex-direction:row-reverse;gap:7px;text-align:right;line-height:1.5;font-size:9px}.socials nav{padding:0 7px 0 0;border-left:none;border-right:1px solid var(--ivory);align-items:end}.asterisk{font-size:15px;margin-top:33px}.caption{max-width:calc(100% - 24px);width:calc(100% - 24px);top:auto;gap:2px;font-size:9px;text-shadow:0 1px 9px #000}.caption strong{font-size:10px}.caption em{font-size:7px}.ribbon-fallback{left:50%;top:54%;width:520px;max-width:none;transform:translate(-50%,-50%) rotate(-56deg)}.bottom-bar{bottom:9px;left:15px;right:15px;align-items:end}.footer-left{font-size:8px;gap:7px}.hairline{width:16px}.demo-disclosure{display:none}.controls{gap:8px}.controls button{font-size:23px}.counter{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;scroll-behavior:auto!important}}.gallery{--expanded-size: 400px;--collapsed-size: 44px}.gallery .tile{flex:0 0 var(--collapsed-size);transition:filter .7s ease;will-change:flex-basis}.gallery .tile.active{flex:0 0 var(--expanded-size)}.frame,.caption{transition:none}.socials{will-change:transform}.no-webgl .ribbon-fallback{animation:living-fallback 32s linear infinite}@keyframes living-fallback{0%{transform:translate(-50%,-50%) rotate(-56deg) scale(1)}50%{transform:translate(-50%,-50%) rotate(112deg) scale(1.025)}to{transform:translate(-50%,-50%) rotate(304deg) scale(1)}}@media(min-width:701px)and (orientation:landscape){@keyframes living-fallback{0%{transform:translate(-50%,-50%) rotate(-34deg) scale(1)}50%{transform:translate(-50%,-50%) rotate(134deg) scale(1.03)}to{transform:translate(-50%,-50%) rotate(326deg) scale(1)}}}@media(prefers-reduced-motion:reduce){.gallery .tile{transition-duration:.001ms;will-change:auto}.no-webgl .ribbon-fallback{animation:none}}.work-viewer{position:fixed;z-index:1000;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:var(--ivory);background:#050407;overscroll-behavior:contain}.work-viewer::backdrop{background:#000000ed}.work-viewer:not([open]){display:none}.viewer-shell{display:flex;flex-direction:column;height:100%;width:100%}.viewer-top,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(16px,3vw,48px);letter-spacing:.1em;background:#070508;z-index:2}.viewer-top{flex:0 0 auto;min-height:62px}.viewer-brand{font-weight:800;font-size:12px}.viewer-brand span{opacity:.53;font-weight:400}.viewer-actions{display:flex;gap:24px;align-items:center}.viewer-actions button{border:0;background:transparent;color:#f9ede9;cursor:pointer;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.12em;padding:8px}.viewer-actions button span{font-size:18px;vertical-align:middle;padding-left:8px}.viewer-actions button:focus-visible,.viewer-actions button:hover{outline-color:#f9ede9;color:#f8bed8}.viewer-media{position:relative;flex:1 1 auto;min-height:0;width:100%;display:grid;place-items:center;overflow:hidden;background:#020204}.viewer-video,.viewer-poster{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}.viewer-video[hidden],.viewer-poster[hidden],.viewer-unavailable[hidden]{display:none}.viewer-unavailable{position:absolute;bottom:clamp(32px,6vh,72px);left:50%;transform:translate(-50%);margin:0;text-align:center;font-size:12px;font-weight:800;line-height:2;letter-spacing:.13em;text-shadow:0 2px 22px #000}.viewer-unavailable span{opacity:.64;font-size:9px;font-weight:400}.viewer-bottom{flex:0 0 auto;min-height:80px}.viewer-bottom>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px}.viewer-index{font-size:11px;opacity:.5}.viewer-title{font-size:14px;font-weight:800;text-transform:uppercase}.viewer-category{font-size:10px;opacity:.54}.viewer-note{font-size:9px;opacity:.4}.viewer-active,.viewer-active body{overflow:hidden}.scene.viewer-open #ribbon,.scene.viewer-open .ribbon-fallback{visibility:hidden}.tile.active{cursor:zoom-in}.tile.active:after{content:""}@media(max-width:700px),(orientation:portrait){.viewer-top,.viewer-bottom{padding:15px 14px}.viewer-actions{gap:6px}.viewer-actions button{font-size:9px}.viewer-brand{font-size:10px}.viewer-brand span{display:none}.viewer-bottom{min-height:100px;align-items:flex-start;flex-direction:column;gap:6px}.viewer-bottom>div{gap:7px 10px}.viewer-title{font-size:12px}}.no-webgl .ribbon-fallback{z-index:1}