*{box-sizing:border-box}body{margin:0;color:#252722;background:#eeeee9;font:15px/1.5 system-ui}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ffc413;outline-offset:4px}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}.entry{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;display:flex;align-items:center;padding:6vw}.entry-card{max-width:480px;background:#fbfaf6f2;padding:45px}.eyebrow{font-size:11px;letter-spacing:.15em}h1{font: 52px/1.08 Georgia;margin:24px 0}h2{font: 34px/1.15 Georgia;margin:18px 0}p{line-height:1.7}.primary{background:#222;color:#fff;border:0;padding:15px 20px;width:100%;display:flex;justify-content:space-between;margin-top:30px}.entry small{display:block;margin-top:22px;color:#6d6d6d}header{position:fixed;top:18px;left:20px;right:20px;display:flex;align-items:center;gap:28px;background:#fbfaf8ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:14px 20px;border:1px solid #ffffff80;border-radius:3px;box-shadow:0 3px 20px #0000000a}header>div{min-width:145px}header b{font-size:19px;font-weight:500;display:block;line-height:1.2}header span{display:block;font-size:9px;letter-spacing:.15em}header nav{display:flex;gap:4px;flex:1;justify-content:center}header button,footer button{border:0;background:none;padding:8px 11px}header button[aria-pressed=true]{background:#ffc413}header .count{display:inline-block;font-size:10px;letter-spacing:0;background:#ffc413;padding:2px 5px;margin-left:5px}footer{position:fixed;bottom:15px;left:20px;right:20px;display:flex;align-items:center;gap:15px;background:#fbfaf8e8;border-radius:3px;padding:8px 14px;font-size:12px}footer a{color:inherit;text-decoration:none;font-size:10px;letter-spacing:.12em}.hint{flex:1;text-align:center;color:#626262}.movement{position:fixed;right:25px;bottom:80px;display:flex;gap:5px}.movement button{width:43px;height:43px;background:#fbfaf8eb;border:1px solid #ddd;border-radius:50%;font-size:21px;touch-action:none}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px;background:#fbfaf7;display:grid;gap:14px;min-width:270px;text-align:center}progress{width:100%;height:5px;accent-color:#ffc413}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0005;display:flex;justify-content:flex-end;z-index:5}.panel{background:#fbfaf6;width:min(540px,100%);height:100%;overflow:auto;padding:60px 36px 36px;position:relative}.close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:32px}.work-title{font-size:19px}.work-image{display:block;width:100%;max-height:50vh;object-fit:contain;margin:22px 0}.panel a{color:#222;text-underline-offset:4px}.panel input{width:100%;padding:13px;border:1px solid #ccc;background:#fff;font:inherit;margin:15px 0}.work-list button{width:100%;border:0;border-bottom:1px solid #ddd;background:none;display:flex;justify-content:space-between;gap:15px;text-align:left;padding:17px 0}.work-list em{display:block;font-size:13px;font-weight:400;margin-top:4px;color:#737373}.work-list small{font-size:10px;white-space:nowrap}.work-list button:hover{color:#222}@media(max-width:850px){header{top:10px;left:10px;right:10px;flex-wrap:wrap;gap:6px;padding:10px}header>div{flex:1}header nav{order:3;flex-basis:100%;overflow:auto;justify-content:flex-start}header button{font-size:12px;padding:7px 9px}footer{bottom:10px;left:10px;right:10px}.hint{display:none}footer a{flex:1}.entry{padding:22px}.entry-card{padding:30px}h1{font-size:43px}.movement{bottom:70px;right:14px}.panel{padding:55px 25px 25px}}html,body,#root{width:100%;height:100%;overscroll-behavior:none}header{top:calc(18px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));right:calc(20px + env(safe-area-inset-right))}footer{bottom:calc(15px + env(safe-area-inset-bottom));left:calc(20px + env(safe-area-inset-left));right:calc(20px + env(safe-area-inset-right))}.movement{bottom:calc(80px + env(safe-area-inset-bottom));right:calc(25px + env(safe-area-inset-right))}.movement button{width:48px;height:48px;user-select:none;-webkit-user-select:none}.panel{padding-top:calc(60px + env(safe-area-inset-top));padding-bottom:calc(36px + env(safe-area-inset-bottom));overscroll-behavior:contain;touch-action:pan-y}.panel input{font-size:16px}.close{position:fixed;z-index:2;background:#fbfaf6;width:48px;height:48px;top:calc(8px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}.entry{overflow-y:auto;padding-top:max(22px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom))}@media(max-width:850px){header{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right))}header button,footer button{min-height:44px}header nav{touch-action:pan-x;scrollbar-width:none}header nav button{flex-shrink:0}footer{bottom:calc(10px + env(safe-area-inset-bottom));left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right))}.movement{bottom:calc(85px + env(safe-area-inset-bottom));right:calc(14px + env(safe-area-inset-right))}.panel{padding:calc(62px + env(safe-area-inset-top)) 25px calc(25px + env(safe-area-inset-bottom))}.work-list small{white-space:normal;text-align:right}.entry-card{width:100%}}@media(max-height:500px){.entry{align-items:flex-start}.entry-card{padding:20px 26px;max-width:440px}h1{font-size:34px;margin:12px 0}.entry-card p{margin:10px 0}.entry .primary{margin-top:14px}.entry small{margin-top:12px}header{padding:5px 10px;gap:8px}header nav{order:initial;flex-basis:auto}header>div{min-width:110px;flex:0}header b{font-size:15px}header button{padding:5px 7px}}@font-face{font-family:Geist;src:url(/brand/Geist-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(/brand/Geist-Medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Geist;src:url(/brand/Geist-SemiBold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Geist;src:url(/brand/Geist-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}body{font-family:Geist,Arial,sans-serif;color:#222}h1,h2{font-family:Geist,Arial,sans-serif}.entry{justify-content:center;background-color:#222}.entry:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0001,#0006)}.entry-card{position:relative;width:440px;max-width:100%;text-align:center;color:#fff;background:linear-gradient(180deg,#1a1812e6,#111);border:1px solid #ffffff20;padding:36px 40px;box-shadow:0 24px 64px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.v21-mark{display:block;width:76px;height:76px;object-fit:contain;margin:0 auto 24px}.entry-card .eyebrow{color:#ffc413;font-size:11px;letter-spacing:.26em}h1{font-weight:500;letter-spacing:-.03em;font-size:44px;margin:20px 0 12px}.entry-card p{color:#fffc}.primary{justify-content:center;gap:28px;background:#fff;color:#111;text-transform:uppercase;letter-spacing:.2em;font-weight:500}.primary:hover{background:#ffc413}.entry small{color:#fff9}.cover-caption{position:absolute;bottom:24px;left:28px;color:#fff;font-size:12px;text-shadow:0 1px 5px #000}header{background:#ffffffed;border-radius:0;border:0;box-shadow:0 2px 12px #0001;padding:10px 18px}header button[aria-pressed=true]{background:#ffc413;color:#171717;box-shadow:inset 0 -2px #ffc413}header .count{background:#eee}header b{font-weight:500}footer{background:none;pointer-events:none;box-shadow:none;padding:0}footer>*{pointer-events:auto}footer .hint{background:#ffffffed;padding:10px 16px;max-width:380px;position:absolute;left:50%;transform:translate(-50%);bottom:0;font-size:11px}footer button{background:#ffffffed;margin-left:5px;min-height:44px}footer .v21-brand{margin-right:auto;background:#fff;width:62px;height:62px;padding:4px}footer .v21-brand img{width:100%;height:100%}.v21-joystick{position:fixed;bottom:calc(65px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);text-align:center;user-select:none;-webkit-user-select:none}.joystick-disc{position:relative;display:block;width:80px;height:80px;border:1px solid #ffffff55;border-radius:50%;background:#0003;touch-action:none;padding:0;box-shadow:0 2px 15px #0001}.joystick-disc span{display:block;position:absolute;width:40px;height:40px;left:19px;top:19px;background:#ffffffc0;border-radius:50%;box-shadow:0 1px 4px #0002;pointer-events:none}.joystick-disc:active span{background:#ffc413dd}.v21-joystick small{font-size:9px;letter-spacing:.18em;color:#333;background:#ffffffd9;padding:1px 5px}.joystick-disc:disabled{opacity:.3}@media(max-width:850px){footer .hint{display:none}.v21-joystick{bottom:calc(24px + env(safe-area-inset-bottom))}footer .v21-brand{width:50px;height:50px}footer button{padding:7px}header nav{justify-content:space-between}header button{font-size:12px}.cover-caption{bottom:12px;left:16px;font-size:10px}.entry-card{padding:26px}.v21-mark{width:60px;height:60px;margin-bottom:18px}}@media(max-height:500px){.entry-card{padding:15px 28px;width:430px}.v21-mark{width:38px;height:38px;margin-bottom:8px}.entry-card h1{font-size:29px}.entry-card p{margin:8px}.entry small{margin-top:10px}.v21-joystick{bottom:20px}.hint{display:none!important}}footer .v21-brand{background:#181818}footer .v21-brand{flex:0 0 62px}@media(max-width:850px){footer .v21-brand{flex:0 0 50px}}.eccb-toolbar{position:fixed;bottom:calc(35px + env(safe-area-inset-bottom));height:60px;padding:0 16px;display:flex;flex-direction:row-reverse;align-items:center;z-index:3}.eccb-toolbar-left{left:calc(5px + env(safe-area-inset-left))}.eccb-toolbar-right{right:calc(5px + env(safe-area-inset-right))}.eccb-icon-button{position:relative;width:48px;height:60px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:#fff}.eccb-icon-button img{width:36px;height:36px;background:#11111159;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff29;border-radius:50%;padding:6px;box-shadow:0 8px 24px #00000040;transition:filter .3s,border-color .25s,transform .2s,box-shadow .25s}.eccb-icon-button:hover img{filter:brightness(1.15);border-color:#ffc41399;transform:translateY(-2px);box-shadow:0 12px 28px #0005}.eccb-icon-button:focus-visible{outline:2px solid #ffc413;outline-offset:0;border-radius:8px}.eccb-tooltip{pointer-events:none;visibility:hidden;opacity:0;position:absolute;bottom:58px;left:50%;transform:translate(-50%);white-space:nowrap;background:#161616ed;color:#fff;padding:6px 10px;font:12px Geist,sans-serif;border-radius:3px;transition:opacity .15s}.eccb-icon-button:hover .eccb-tooltip,.eccb-icon-button:focus-visible .eccb-tooltip{visibility:visible;opacity:1}.eccb-toolbar-right>.eccb-icon-button:first-child .eccb-tooltip{left:auto;right:0;transform:none}.produced-by-v21artspace{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:calc(34px + env(safe-area-inset-left));font:700 10px Geist,Arial,sans-serif;color:#fff;text-decoration:none;z-index:3;text-shadow:0 1px 3px #0008}.produced-by-v21artspace:hover{color:#ffc413}.eccb-mobile{display:none}.v21-joystick{bottom:calc(35px + env(safe-area-inset-bottom));z-index:3}.joystick-disc{border:0;background:#0003;box-shadow:none}.joystick-disc span{left:20px;top:20px;background:#ffffffbf;box-shadow:none}.eccb-overlay{z-index:5;align-items:center;justify-content:center;background:#0008;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px}.eccb-overlay .panel{width:min(800px,100%);height:auto;max-height:calc(100dvh - 48px);background:linear-gradient(180deg,#1a1812f0,#111111fa);color:#fff;border:1px solid #ffffff24;padding:42px;box-shadow:0 24px 64px #0006}.eccb-overlay .close{position:absolute;top:5px;right:8px;background:transparent;color:#fff}.eccb-overlay .eyebrow,.eccb-overlay .panel a{color:#ffc413}.eccb-overlay .panel input{background:#ffffff0d;color:#fff;border:1px solid #ffffff33}.eccb-overlay .work-list button{color:#fff;border-bottom:1px solid #ffffff24}.eccb-overlay .work-list em{color:#fffb}.eccb-overlay .work-list button:hover{color:#ffc413}.eccb-sections{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 32px}.eccb-sections button{border:1px solid #ffffff38;background:transparent;color:#fff;padding:12px 18px}.eccb-sections button:hover,.eccb-sections button[aria-pressed=true]{border-color:#ffc413;color:#ffc413}.eccb-overlay h3{font-weight:400;font-size:19px}.eccb-overlay h2{font-weight:400}@media(max-width:600px){.eccb-desktop{display:none}.eccb-mobile{display:flex}.eccb-toolbar{padding:0 5px;right:5px;bottom:calc(35px + env(safe-area-inset-bottom))}.eccb-mobile-menu{position:absolute;bottom:64px;right:5px;width:54px;background:#171717e8;border:1px solid #ffffff29;display:flex;flex-direction:column;padding:3px}.eccb-mobile-menu .eccb-icon-button{height:46px}.eccb-mobile-menu .eccb-tooltip{display:none}.produced-by-v21artspace{left:calc(5px + env(safe-area-inset-left));bottom:calc(5px + env(safe-area-inset-bottom))}.eccb-overlay{padding:12px}.eccb-overlay .panel{padding:42px 22px 26px;max-height:calc(100dvh - 24px)}.eccb-sections button{padding:10px 13px}.eccb-toolbar-right{right:0}}.entry-card .v21-mark{width:220px;height:auto;aspect-ratio:2312.9/686.1;margin:0 auto 24px}@media(max-width:600px){.entry-card .v21-mark{width:190px;margin-bottom:20px}}@media(max-height:500px){.entry-card .v21-mark{width:145px;margin-bottom:8px}}