:root{--color-bg: #fdfdfd;--color-text: #dfdfdf;--color-text-strong: #2a2a2a;--color-accent: #caf881;--color-surface: color-mix(in srgb, var(--color-text) 18%, var(--color-bg));--color-overlay: color-mix(in srgb, var(--color-bg) 74%, transparent);--color-line: color-mix(in srgb, var(--color-text) 42%, var(--color-bg));--font-display: "Windows Dots", sans-serif;--font-body: "Helvetica Neue", system-ui, sans-serif;--font-meta: "Paper Mono", ui-monospace, monospace;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--space-6: 64px;--space-7: 96px;--radius-sm: 2px;--ease-soft: cubic-bezier(.22, .61, .36, 1);--dur-slow: .9s;--dur-medium: .5s;--dur-quick: .22s}@font-face{font-family:Windows Dots;src:url(/fonts/Windows%20Dots.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeue-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Paper Mono;src:url(/fonts/paper-mono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{min-width:320px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);text-rendering:geometricPrecision}body{min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app-shell{min-height:100vh;background:var(--color-bg)}.page{min-height:100vh;padding:var(--space-6) var(--space-5) calc(var(--space-7) + var(--space-5))}.page-center{display:grid;place-items:center}.landing{align-content:center;display:grid;gap:var(--space-6);justify-items:center;min-height:100vh;padding:var(--space-5)}.landing-links{display:grid;gap:var(--space-4);justify-items:center}.landing-links a,.nav-link{color:var(--color-text);letter-spacing:0;line-height:1;transition:color var(--dur-quick) var(--ease-soft),filter var(--dur-quick) var(--ease-soft)}.landing-links a{font-size:clamp(2rem,7vw,3rem)}.landing-links a:hover,.nav-link:hover{color:var(--color-text-strong);filter:blur(2px)}.dot-logo{display:flex;gap:clamp(.45rem,1.4vw,1.2rem);max-width:min(88vw,1200px);width:100%;justify-content:center}.dot-logo-letter{display:grid;gap:clamp(.26rem,.72vw,.58rem);grid-template-columns:repeat(5,minmax(0,1fr));width:clamp(4rem,14vw,12rem)}.dot{aspect-ratio:2.6 / 1;border-radius:999px;background:var(--color-text);opacity:0;transform:translateY(0)}.dot.visible{opacity:1}.dot.tone-1{background:color-mix(in srgb,var(--color-text) 82%,var(--color-accent))}.dot.tone-2{background:color-mix(in srgb,var(--color-text) 55%,var(--color-accent))}.dot.tone-3{background:var(--color-accent)}.bottom-nav{align-items:baseline;bottom:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;left:50%;max-width:calc(100vw - var(--space-5));position:fixed;transform:translate(-50%);width:max-content;z-index:20}.nav-link{font-size:clamp(1.1rem,2.8vw,2.3rem);white-space:nowrap}.nav-link.work-link{font-size:clamp(1.35rem,3vw,2.55rem)}.nav-link.active{color:var(--color-text-strong);font-weight:600}.nav-dot{color:var(--color-text);font-family:var(--font-meta);font-size:.9rem}.nav-group{align-items:baseline;display:flex;gap:var(--space-3)}.work-page{align-items:center;display:grid;min-height:100vh;padding:var(--space-5) 0 calc(var(--space-7) + var(--space-5))}.gallery-rail{display:flex;gap:0;min-width:100%;overflow-x:auto;padding:var(--space-4) max(var(--space-5),8vw);scroll-snap-type:x proximity}.gallery-rail::-webkit-scrollbar{height:var(--space-1)}.gallery-rail::-webkit-scrollbar-thumb{background:var(--color-line)}.gallery-item{align-items:center;aspect-ratio:1 / 1;background:var(--color-surface);color:var(--color-text-strong);display:grid;flex:0 0 clamp(18rem,30vw,25rem);overflow:hidden;position:relative;scroll-snap-align:center}.gallery-item.poster{aspect-ratio:.72 / 1;flex-basis:clamp(15rem,24vw,22rem)}.gallery-item.logo{aspect-ratio:1.55 / 1;background:transparent;flex-basis:clamp(17rem,30vw,24rem);padding:var(--space-5)}.gallery-image{height:100%;object-fit:cover;transition:filter var(--dur-medium) var(--ease-soft),transform var(--dur-medium) var(--ease-soft),opacity var(--dur-medium) var(--ease-soft);width:100%}.gallery-item.logo .gallery-image{object-fit:contain}.gallery-fallback{align-items:center;display:grid;font-family:var(--font-display);font-size:clamp(2rem,6vw,5rem);height:100%;justify-items:center;line-height:1.1;padding:var(--space-4);text-align:center;width:100%}.poster .gallery-fallback{font-family:var(--font-body);font-size:clamp(1.6rem,4vw,3rem)}.gallery-overlay{align-content:center;background:var(--color-overlay);color:var(--color-text-strong);display:grid;top:0;right:0;bottom:0;left:0;justify-items:center;opacity:0;padding:var(--space-4);position:absolute;text-align:center;transition:opacity var(--dur-medium) var(--ease-soft)}.gallery-item:hover .gallery-image,.gallery-item:focus-visible .gallery-image{filter:blur(5px);transform:scale(1.03)}.gallery-item:hover .gallery-overlay,.gallery-item:focus-visible .gallery-overlay{opacity:1}.gallery-title{font-size:clamp(1.4rem,3vw,2.4rem);line-height:1.05}.gallery-meta{color:var(--color-text-strong);display:block;font-family:var(--font-meta);font-size:.8rem;line-height:1.6;margin-top:var(--space-2)}.simple-panel{display:grid;gap:var(--space-4);justify-items:start;margin:0 auto;max-width:48rem}.special-panel{justify-items:center;text-align:center}.page-title{color:var(--color-text-strong);font-family:var(--font-display);font-size:clamp(3.5rem,12vw,10rem);font-weight:400;line-height:.9;margin:0}.body-copy{color:var(--color-text-strong);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.55;margin:0}.meta-copy{color:var(--color-text);font-family:var(--font-meta);font-size:.78rem;line-height:1.7;margin:0;text-transform:uppercase}.shop-layout{align-items:center;display:grid;gap:var(--space-5);grid-template-columns:minmax(16rem,28rem) minmax(16rem,32rem);justify-content:center;min-height:100vh;padding:var(--space-5) var(--space-5) calc(var(--space-7) + var(--space-5))}.shop-image{aspect-ratio:1 / 1;background:var(--color-surface);overflow:hidden}.shop-image img{height:100%;object-fit:cover;width:100%}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.icon-button,.text-button{align-items:center;background:transparent;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-text-strong);display:inline-flex;gap:var(--space-2);justify-content:center;min-height:2.75rem;padding:0 var(--space-3);transition:background var(--dur-quick) var(--ease-soft),border-color var(--dur-quick) var(--ease-soft)}.icon-button{aspect-ratio:1 / 1;padding:0;position:fixed;right:var(--space-4);top:var(--space-4);width:2.75rem;z-index:30}.text-button:hover,.icon-button:hover{background:var(--color-accent);border-color:var(--color-accent)}.text-button:disabled{cursor:progress;opacity:.5}.form{display:grid;gap:var(--space-3);max-width:42rem;width:min(100%,42rem)}.field{display:grid;gap:var(--space-2)}.field label{color:var(--color-text-strong);font-family:var(--font-meta);font-size:.78rem;text-transform:uppercase}.field input,.field textarea{background:transparent;border:0;border-bottom:1px solid var(--color-line);color:var(--color-text-strong);outline:none;padding:var(--space-2) 0;resize:vertical}.field textarea{min-height:10rem}.field input:focus,.field textarea:focus{border-bottom-color:var(--color-accent)}.status{color:var(--color-text-strong);font-family:var(--font-meta);font-size:.84rem;min-height:1.4rem}.bts-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));width:min(100%,72rem)}.bts-button{aspect-ratio:1 / 1;background:var(--color-surface);border:0;overflow:hidden;padding:0}.bts-button img{height:100%;object-fit:cover;transition:filter var(--dur-quick) var(--ease-soft);width:100%}.bts-button:hover img{filter:blur(2px)}.lightbox{align-items:center;background:color-mix(in srgb,var(--color-bg) 92%,transparent);border:0;display:grid;top:0;right:0;bottom:0;left:0;justify-items:center;margin:0;max-height:none;max-width:none;padding:var(--space-5);position:fixed;width:100%;z-index:50}.lightbox img{max-height:82vh;object-fit:contain;width:min(100%,72rem)}.lightbox-close{position:fixed;right:var(--space-4);top:var(--space-4)}@media(max-width:760px){.page{padding:var(--space-5) var(--space-4) calc(var(--space-7) + var(--space-5))}.landing{gap:var(--space-5)}.gallery-rail{padding:var(--space-4)}.gallery-item,.gallery-item.logo{flex-basis:min(78vw,22rem)}.bottom-nav{gap:var(--space-2)}.shop-layout{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}