:root{--paper:#080909;--ink:#eee;--muted:#aaa;--line:#444;--accent:#d4bd41}html{scroll-behavior:smooth;scroll-padding-top:70px}body{display:block;background:#080909;color:#eee;min-height:100vh;overflow-x:hidden}#world{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}a:focus-visible,button:focus-visible{outline:2px solid #e4cb51;outline-offset:7px}.entry{display:none;position:fixed;inset:0;z-index:100;background:radial-gradient(circle,#242525 1px,transparent 2px) 0 0/8px 8px,#050606;padding:8vh 7vw;flex-direction:column;justify-content:center;gap:7vh;transition:opacity .9s,transform 1.3s cubic-bezier(.2,.8,.2,1)}.has-voxel-js:not(.entered) .entry{display:flex}.has-voxel-js:not(.entered){overflow:hidden}.entry.leaving{display:flex!important;opacity:0;transform:scale(2.5);pointer-events:none}.pixel-logo{width:100%;max-width:1100px;aspect-ratio:2.7;margin:auto auto 0;position:relative;border:clamp(12px,2.6vw,32px) solid #505251;display:grid;grid-template-columns:repeat(19,1fr);grid-template-rows:repeat(9,1fr);padding:3%;gap:1px}.pixel-logo i{background:#555;transition:background .4s}.pixel-logo i.lit{background:var(--pixel)}.entry-bottom{max-width:1100px;width:100%;margin:0 auto auto;display:flex;align-items:end;justify-content:space-between;gap:30px}.entry h1{font-size:clamp(24px,3.1vw,45px);line-height:1;letter-spacing:-.04em;margin:0}.entry-bottom>span{font-size:8px;letter-spacing:.1em;color:#777}.entry-bottom>div{width:35%}#enter{width:100%;border:0;background:#535554;color:#fff;text-align:left;padding:25px;font-size:16px;font-weight:700;letter-spacing:.07em;cursor:pointer;display:flex;justify-content:space-between}#enter:hover{background:#eee;color:#111}#enter b{font-size:24px;line-height:16px}.entry small{font-size:8px;color:#777;display:block;margin-top:20px}.world-nav{position:fixed;top:35px;left:32px;width:165px;z-index:20;mix-blend-mode:normal;text-shadow:0 2px 8px #000}.identity{display:block}.identity svg{width:78px;height:52px;border:3px solid #888;padding:7px;margin-bottom:10px}.identity span{font-size:24px;line-height:1.03;letter-spacing:-.04em;font-weight:700;display:block}.world-nav nav{display:flex;flex-direction:column;gap:9px;margin-top:45px;font-size:15px;font-weight:600;color:#999}.world-nav nav a:hover,.world-nav nav a.active{color:#fff}.view-controls{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap;width:100px}.view-controls>span{flex-basis:100%;font-size:10px;color:#888}.view-controls button{background:none;border:1px solid #555;color:#888;width:31px;height:29px;cursor:pointer;font-size:24px;line-height:1}.view-controls button[aria-pressed=true]{border-color:white;color:#fff}#pause{padding:0;background:none;border:0;font-size:10px;color:#aaa;margin-top:28px;cursor:pointer}.nav-hint{display:block;font-size:8px;color:#666;margin-top:30px;letter-spacing:.05em}.has-voxel-js:not(.entered) .world-nav,.has-voxel-js:not(.entered) #journey{visibility:hidden}#journey{padding-top:30vh;padding-left:220px;perspective:1800px;overflow:clip}.world-section{max-width:1120px;margin:auto;padding:8vh 55px 12vh 25px;position:relative}.scene-board{padding:45px;background:#080a0bea;border:1px solid #2c2e2e;box-shadow:16px 16px 0 #2227;transform:rotateX(8deg) rotateY(-9deg) rotateZ(3deg);transform-origin:center;transition:transform .8s ease;backdrop-filter:blur(2px)}.scene-board:hover{transform:rotateX(0) rotateY(0) rotateZ(0)}.board-tag{display:inline-block;padding:15px 22px;background:#4b4c4b;font-size:15px;font-weight:700;letter-spacing:.06em;box-shadow:7px 7px 0 #303231;margin-bottom:40px}.statement h1{font-size:clamp(65px,10vw,150px);line-height:.85;letter-spacing:-.07em;margin:20px 0 65px}.statement h2{font-size:clamp(24px,3vw,42px);line-height:1.6;letter-spacing:.04em;margin:40px 0 20px}.statement p{font-size:14px;line-height:2.4;letter-spacing:.04em}.next-link{display:inline-block;font-size:12px;border-bottom:1px solid #777;padding:15px 0;margin-top:30px}.landscape-gap{height:65vh}.wrap,.about-grid{width:100%;max-width:none}.works{padding:0}.section-head{margin-bottom:40px}.section-head .eyebrow{display:none}.page-display{font-size:clamp(42px,6vw,80px);line-height:.95;margin:0;letter-spacing:-.05em}.section-head>p{font-size:10px}.project-pair{display:block;margin-top:70px}.project-pair .project{margin-top:65px}.project-image{filter:none;border:5px solid #363838}.sake{height:360px}.keirin{background:#1a2529}.shop{background:#b0b5a5;color:#151515}.project h3{color:#eee}.project-info>p,.tech,.project-index{color:#aaa}.tech span{color:#555}.project-title>a{border-radius:0}.detail-content{color:#ccc}.about{background:none;padding:0}.about-grid{display:block}.portrait{height:360px;max-width:330px;margin-bottom:45px;background:#555}.portrait img{filter:grayscale(1)}.portrait>span{background:#222}.about-copy .eyebrow{display:none}.about-copy h2{font-size:34px}.about-copy>p{max-width:none;color:#bbb;font-size:14px}.stack{border-color:#444}.contact{padding:0}.contact .eyebrow{display:none}.contact-title{display:block}.contact-title .page-display{font-size:clamp(42px,6vw,80px);margin:0 0 45px}.contact-title>span{display:none}.contact-bottom{display:block}.contact-pending{margin-top:35px}.world-footer{text-align:right;padding:100px 55px 40px;font-size:9px;color:#888}.flat-view .scene-board{transform:none;box-shadow:none;background:#0a0b0c}.flat-view #world{opacity:.25}.flat-view .landscape-gap{height:15vh}.flat-view #journey{perspective:none}.flat-view .scene-board:hover{transform:none}.entered .world-nav{animation:nav-in 1s .5s both}.entered #journey{animation:nav-in 1.2s .4s both}@keyframes nav-in{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@media(max-width:900px){.world-nav{left:20px;width:130px}.identity span{font-size:19px}.world-nav nav{font-size:13px}#journey{padding-left:160px}.world-section{padding-right:25px;padding-left:0}.scene-board{padding:28px}.statement p{font-size:12px}.sake{height:300px}.section-head>p{display:none}.entry-bottom>span{display:none}.entry-bottom>div{width:40%}}@media(max-width:560px){.entry{padding:12vh 20px;gap:45px}.pixel-logo{border-width:10px;aspect-ratio:1.9}.entry-bottom{align-items:start;gap:25px}.entry h1{font-size:23px}.entry-bottom>div{width:47%}#enter{padding:17px;font-size:12px}.entry small{font-size:7px}.world-nav{left:0;top:0;width:100%;padding:12px 16px;background:#090a0aea;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.identity svg{width:42px;height:30px;padding:3px;margin:0}.identity span{display:none}.world-nav nav{flex-direction:row;gap:14px;font-size:10px;margin:0}.view-controls{margin:0;margin-left:auto;width:auto;gap:7px}.view-controls>span{display:none}.view-controls button{width:23px;height:23px;font-size:18px}#pause{margin:0;font-size:8px}.nav-hint{display:none}#journey{padding:22vh 0 0}.world-section{padding:30px 22px 60px}.scene-board{padding:24px;transform:rotateY(-5deg) rotateZ(2deg)}.statement h1{font-size:19vw;margin-bottom:45px}.statement h2{font-size:23px}.statement p{font-size:11px}.board-tag{font-size:11px;margin-bottom:25px;padding:12px 16px}.landscape-gap{height:45vh}.page-display{font-size:42px}.sake{height:280px}.image-copy strong{font-size:23px}.project h3{font-size:20px}.project-info>p{font-size:11px}.small .project-image{height:260px;padding:20px}.portrait{height:320px}.about-copy h2{font-size:25px}.about-copy>p{font-size:12px}.contact-title .page-display{font-size:43px}.footer{padding:35px 20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.scene-board{transform:none}}
.entry-tile{position:absolute;width:12px;height:12px;animation:tile-drift 6s ease-in-out infinite;z-index:-1}.entry-bottom,.pixel-logo{z-index:1}.pixel-logo{background:#05060688}.scene-board{background:transparent;backdrop-filter:none;border:0;box-shadow:none;transform:rotateX(28deg) rotateY(-8deg) rotateZ(16deg)}.scene-board:hover{transform:rotateX(28deg) rotateY(-8deg) rotateZ(16deg)}#journey{padding-top:95vh}.world-section{max-width:1000px}.statement{padding-bottom:20vh}.world-section .scene-board{background:linear-gradient(90deg,#060707dd,#060707aa)}.flat-view .scene-board,.flat-view .scene-board:hover{transform:none;background:#090a0a}.landscape-gap{height:85vh}@keyframes tile-drift{0%,100%{translate:0 0}50%{translate:0 -18px}}@media(max-width:560px){#journey{padding-top:85vh}.scene-board,.scene-board:hover{transform:rotateX(15deg) rotateZ(6deg)}.landscape-gap{height:50vh}}@media(prefers-reduced-motion:reduce){.entry-tile{animation:none}.scene-board,.scene-board:hover{transform:none}}
/* One clear space: distributed content instead of a single floating panel. */
body{background:#090c0e}.world-section .scene-board,.scene-board:hover,.flat-view .scene-board,.flat-view .scene-board:hover{background:none;border:0;box-shadow:none;backdrop-filter:none;transform:none;padding:0}.world-section{max-width:1160px;padding-right:60px;padding-left:35px}.board-tag{background:none;box-shadow:none;font-size:10px;letter-spacing:.15em;color:#aab4b9;padding:0 0 16px;border-bottom:1px solid #5b686d;width:100%;margin-bottom:55px}.statement .scene-board{transform:translateY(calc(var(--drift,0)*30px)) rotate(calc(var(--drift,0)*-1.2deg))}.statement h1{font-size:clamp(70px,10vw,150px)}.statement h2,.statement p{max-width:580px}.statement p{color:#bac0c3}.statement h2:nth-of-type(2),.statement p:nth-of-type(2){margin-left:15%}.landscape-gap{height:48vh}.project{display:grid;grid-template-columns:1fr;position:relative;padding-top:20px;margin-bottom:95px;transform:perspective(1800px) rotateY(calc(var(--drift,0)*-3deg)) rotateZ(calc(var(--drift,0)*1.2deg));transform-origin:50% 30%;transition:transform .15s linear}.project-image{width:88%;border:0;box-shadow:none;transform:translateX(calc(var(--drift,0)*-22px));filter:saturate(.3)}.project-info{width:78%;margin-left:22%;padding-top:30px}.project:before{content:'01';position:absolute;right:0;top:-22px;font-size:clamp(65px,9vw,130px);line-height:1;font-weight:500;letter-spacing:-.06em;color:#acb9c020;z-index:-1}.project-pair .project:first-child:before{content:'02'}.project-pair .project:last-child:before{content:'03'}.project-pair .project:first-child .project-image{margin-left:12%}.project-pair .project:first-child .project-info{margin-left:0}.project-pair .project:first-child:before{left:0;right:auto}.project-pair{margin-top:90px}.project h3{font-weight:500;font-size:26px}.project-info>p{line-height:2;color:#aeb8bc}.project-index{font-size:9px;letter-spacing:.1em}.project-title>a{border:0;border-bottom:1px solid #777;padding:4px 10px}.project details{border-color:#364248}.sake{height:430px}.small .project-image{height:350px}.section-head .page-display{font-size:clamp(48px,6.5vw,90px);font-weight:500}.section-head{margin-bottom:65px}.about-grid{display:grid;grid-template-columns:.8fr 1fr;gap:45px;align-items:start;transform:translateY(calc(var(--drift,0)*25px))}.portrait{margin:0;height:400px;max-width:none;transform:rotate(-3deg);filter:grayscale(1)}.about-copy{padding-top:75px}.about-copy h2{font-size:28px}.about-copy .name span{display:block;margin:8px 0}.contact{transform:translateY(calc(var(--drift,0)*25px))}.contact-bottom{padding-top:24px;border-color:#445057}.contact-title .page-display{font-weight:500;font-size:clamp(50px,7vw,100px)}.view-controls button{border-color:#536067}.world-nav nav{font-weight:400}.identity svg{border-width:1px}.flat-view .project,.flat-view .statement .scene-board,.flat-view .about-grid,.flat-view .contact,.flat-view .project-image{transform:none}.flat-view #world{opacity:.35}@media(max-width:900px){.world-section{padding-left:20px;padding-right:30px}.project-info{width:88%;margin-left:12%}.sake{height:340px}.about-grid{display:block}.portrait{width:75%;height:360px}.about-copy{padding-top:45px}.small .project-image{height:300px}.project h3{font-size:22px}}@media(max-width:560px){.world-section{padding:30px 24px 60px}.board-tag{margin-bottom:40px}.statement h1{font-size:21vw}.statement h2:nth-of-type(2),.statement p:nth-of-type(2){margin-left:0}.project-image{width:94%;transform:none}.project-info{margin-left:5%;width:95%}.project-pair .project:first-child .project-image{margin-left:6%}.project-pair .project:first-child .project-info{margin-left:0}.project{margin-bottom:65px;transform:translateY(calc(var(--drift,0)*14px))}.project:before{font-size:80px;top:-30px}.sake{height:290px}.small .project-image{height:280px}.section-head .page-display{font-size:48px}.section-head{margin-bottom:45px}.project h3{font-size:21px}.project-info>p{font-size:12px}.image-caption{font-size:7px;right:12px;bottom:12px}.portrait{width:85%;height:340px}.about-copy h2{font-size:26px}.contact-title .page-display{font-size:50px}.landscape-gap{height:28vh}.world-nav{background:#090c0ef5}}@media(prefers-reduced-motion:reduce){.project,.project-image,.statement .scene-board,.about-grid,.contact{transform:none!important}}

/* Scroll trajectory: 35 degrees from the vertical. */
.project,.statement .scene-board,.about-grid,.contact{transform:translateX(var(--diagonal-x,0px));transition:transform .12s linear;will-change:transform}
.project-image{transform:none}
.flat-view .project,.flat-view .statement .scene-board,.flat-view .about-grid,.flat-view .contact{transform:none}
@media(prefers-reduced-motion:reduce){.project,.statement .scene-board,.about-grid,.contact{transform:none!important}}

/* Layered forest entrance. */
.entry{background:radial-gradient(ellipse at 50% 36%,#687354 0%,#263d30 32%,#101e18 75%);isolation:isolate;gap:4vh;overflow:hidden}
.entry:before{content:'';position:absolute;inset:0;background:radial-gradient(#c3cc9c18 1px,transparent 1px) 0 0/5px 5px;z-index:1;pointer-events:none}
.forest{position:absolute;inset:0;z-index:0;pointer-events:none}.forest:before{content:'';position:absolute;left:22%;right:22%;bottom:-15%;height:70%;background:linear-gradient(#8f997635,#7f806120);clip-path:polygon(49% 0,53% 0,100% 100%,0 100%)}
.forest-layer{position:absolute;inset:-2%;transition:transform 1.9s cubic-bezier(.48,.01,.35,1),opacity 1.9s;transition-delay:calc(var(--depth)*70ms)}.forest-layer svg{width:100%;height:100%;display:block}
.forest-caption{position:relative;z-index:2;text-align:center;color:#c6cdb6;font-size:9px;letter-spacing:.3em;margin-top:auto}
.pixel-logo{flex:none;width:min(580px,70vw);max-height:32vh;margin:0 auto;border:1px solid #acb99b66;background:#12221966;box-shadow:0 0 70px #b9c89b0a;z-index:2;aspect-ratio:2.7}
.pixel-logo i{background:#72806a}.entry-bottom{position:relative;z-index:2;max-width:850px;margin:3vh auto auto;align-items:center}.entry h1{font-size:clamp(23px,3vw,38px);font-weight:500}.entry-bottom>span{color:#aab79c}#enter{background:#aebe95;color:#132219;border:1px solid #cad3b6;padding:23px 26px}#enter:hover{background:#d2dcbe}.entry small{color:#bac6ab;font-size:10px}
.entry.leaving{opacity:1;transform:none;filter:none;background:transparent;transition:background .8s .75s;pointer-events:none}
.entry.leaving .forest-layer{transform:translateX(calc(var(--side)* (45vw + var(--depth)*15vw))) scale(1.65);opacity:0}
.entry.leaving .pixel-logo,.entry.leaving .entry-bottom,.entry.leaving .forest-caption{opacity:0;transform:scale(1.12);transition:opacity .4s,transform .65s}
.entry.leaving:before,.entry.leaving .forest:before{opacity:0;transition:opacity .7s}
.forest-opening{overflow:hidden!important}
@media(max-width:560px){.pixel-logo{width:88vw;max-height:none;aspect-ratio:2.3}.entry{padding:12vh 22px;gap:30px}.forest-caption{font-size:8px;letter-spacing:.23em}.entry-bottom{margin-top:15px}.entry h1{font-size:24px}.entry-bottom>div{width:44%}#enter{padding:18px}.forest-layer{inset:-2% -25%}.entry small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.entry.leaving .forest-layer{transform:none}.entry.leaving{display:none!important}}

.board-link{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;text-decoration:none;background:linear-gradient(130deg,#192a23,#101916);padding:32px!important;color:#e5ebda;position:relative}.board-name{font-size:clamp(28px,4vw,48px);font-weight:600;line-height:1.3;letter-spacing:.04em}.board-domain{font-size:11px;color:#a3b397}.board-open{border-bottom:1px solid #91a27e;padding-bottom:8px;font-size:12px}.board-link:hover{background:#23382c}.board-link .visual-label{position:static;font-size:9px;color:#a3b397}

/* Actual Gambling Board screenshot, shown without cropping. */
.small .project-image.board-link{height:auto;min-height:0;padding:0!important;display:block;background:#10120f;filter:none;overflow:hidden;line-height:0}
.board-link img{display:block;width:100%;height:auto;position:static;object-fit:contain;transform:none;filter:none}
.board-link:hover img{opacity:.9}

/* Keep mobile text inside the viewport during diagonal movement. */
@media(max-width:560px){
 .statement h1{font-size:19vw}
 .project,.statement .scene-board,.about-grid,.contact{min-width:0;max-width:100%;transition:none}
 .project-info,.about-copy,.contact-bottom{min-width:0;overflow-wrap:anywhere}
 .contact-title .page-display{font-size:clamp(32px,10vw,50px)}
}