@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/sollewitt/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/sollewitt/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/sollewitt/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_b81fcb{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_b81fcb{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f3ee;--fg:#1a1a1a;--stroke:#222;--muted:#666;--wall:#faf8f4}body,html{height:100%;margin:0;padding:0;font-family:var(--font-space-grotesk),"Helvetica Neue",Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg);overflow-x:hidden;-webkit-font-smoothing:antialiased}main{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.wall-section{position:relative;width:100%;height:100dvh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.drawing-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.drawing-canvas canvas{display:block}.controls{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;gap:.5rem;z-index:10}.controls button{background:var(--fg);color:var(--bg);border:none;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.controls button:hover{opacity:.75}.timeline{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--muted);z-index:10;cursor:pointer}.timeline-progress{height:100%;background:var(--fg);will-change:width}.instruction-header{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;padding:2rem;transition:opacity .4s ease}.instruction-header.fade-out{opacity:0}.instruction-label{font-size:1.1rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg);text-align:center}.instruction-subtitle{font-size:1rem;font-weight:400;color:var(--muted);max-width:500px;line-height:1.5;text-align:center}.create-button{margin-top:.75rem;padding:.6rem 2rem;font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;background:var(--fg);color:var(--bg);border:none;cursor:pointer;transition:opacity .2s;font-family:inherit}.create-button:hover{opacity:.75}.wall-section--dim .instruction-label{color:#f4f1ea}.wall-section--dim .instruction-subtitle{color:rgba(244,241,234,.82)}.wall-section--dim .create-button{background:#f4f1ea;color:#0e0e0e}.about-section{position:relative;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--fg);color:var(--bg);scroll-snap-align:start;scroll-snap-stop:always;padding:1rem;gap:1.5rem;overflow:visible}.about-content{width:100%;max-width:480px;text-align:center;padding:0 .5rem;flex-shrink:0;position:relative;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:none}.help-icon{position:absolute;top:1rem;left:1rem;z-index:5;width:2rem;height:2rem;border-radius:50%;background:rgba(255,255,255,.12);color:var(--bg);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .18s ease,transform .18s ease}.help-icon:focus-visible,.help-icon:hover{background:rgba(255,255,255,.22);transform:scale(1.06);outline:none}.hex-gallery{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:100%;min-width:0;margin-top:0;display:flex;justify-content:center;align-items:center;overflow:visible;padding:0;z-index:0;opacity:.45;perspective:1400px;perspective-origin:center 35%}.hex-grid{position:relative;transform:rotateX(26deg) rotate(-3deg);transform-origin:center 60%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);animation:hex-plane-settle 1.1s cubic-bezier(.2,.8,.2,1)}@keyframes hex-plane-settle{0%{transform:rotateX(52deg) rotate(-3deg) scale(.96)}to{transform:rotateX(26deg) rotate(-3deg) scale(1)}}.hex-gallery:hover .hex-grid{transform:rotateX(20deg) rotate(-3deg)}.hex-preview{position:absolute;background:transparent;border:0;padding:0;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:rgba(20,20,20,.65);font:inherit;display:block;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:color .22s ease,transform .32s cubic-bezier(.2,.8,.2,1);animation:hex-bloom-in .9s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes hex-bloom-in{0%{opacity:0;transform:translate3d(0,26px,-260px) scale(.55) rotate(-10deg)}60%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1) rotate(0deg)}}.hex-clip{position:absolute;inset:0;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--wall);filter:brightness(.7) saturate(.85);transition:filter .18s ease,transform .18s ease;overflow:hidden}.hex-border,.hex-clip canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hex-border{pointer-events:none;overflow:visible}.hex-preview--launching,.hex-preview:focus-visible,.hex-preview:hover{color:rgba(20,20,20,.95);transform:translate3d(0,-8px,70px);z-index:10;will-change:transform}.hex-preview--launching .hex-clip,.hex-preview:focus-visible .hex-clip,.hex-preview:hover .hex-clip{filter:brightness(1) saturate(1.05)}.hex-preview:focus-visible{outline:none}.hex-label{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);font-size:.7rem;font-weight:600;letter-spacing:.05em;color:var(--bg);background:rgba(0,0,0,.65);padding:.15rem .45rem;border-radius:2px;opacity:0;pointer-events:none;transition:opacity .18s ease}.hex-preview:focus-visible .hex-label,.hex-preview:hover .hex-label{opacity:1}.about-content h2{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;opacity:.6}.about-content p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.about-links{display:flex;flex-direction:column;gap:.75rem}.about-content a{color:var(--bg);font-size:.85rem;font-weight:500;text-decoration:none;opacity:.8;transition:opacity .2s;pointer-events:auto}.about-content a:hover{opacity:1}@media (max-width:640px){.controls{top:1rem;bottom:auto;right:1rem}.instruction-header{padding:1.5rem}.instruction-label{font-size:1rem}.instruction-subtitle{font-size:.9rem;max-width:none}.hex-gallery{width:100%;max-width:100%;opacity:.6}.hex-clip{filter:brightness(.85) saturate(.95)}.hex-label{opacity:1;background:rgba(0,0,0,.8)}.about-content p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.hex-grid,.hex-preview{animation:none}}