@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--page-bg:#fcfcfc;--text:#111;--text-muted:#5a5a5a;--text-faint:#8d8d8d;--border:#d9d9d9;--screen-bg:#fff;--screen-border:#202020;--content-max:960px;--line-width:2px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", helvetica, arial, sans-serif;--font-heading:var(--font-sans);color:var(--text);background:var(--page-bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}.app,.app *,.cable-svg,.cable-svg *{-webkit-user-select:none;user-select:none}.app{min-height:100svh;max-width:var(--content-max);flex-direction:column;margin:0 auto;padding:clamp(.5rem,2vw,.85rem) clamp(1rem,4vw,1.75rem) clamp(.75rem,3vw,1.25rem);display:flex;position:relative}.app__masthead{flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;min-height:0;margin-bottom:.35rem;padding-block:.15rem;display:flex}.app__sig{color:inherit;flex-shrink:0;justify-content:flex-start;align-items:center;padding:0;line-height:0;text-decoration:none;display:flex}.app__sig img{object-fit:contain;width:auto;max-width:min(100px,28vw);height:clamp(20px,3.6vw,26px);display:block}.app__nav{flex-shrink:0;align-items:center;gap:1rem;display:flex}.app__nav-link{color:var(--text-muted);letter-spacing:.01em;-webkit-user-select:text;user-select:text;font-size:.8125rem;font-weight:500;text-decoration:none}.app__nav-link:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.app__stage{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.display-wrap{flex-direction:column;flex:auto;justify-content:flex-start;align-items:stretch;width:100%;min-height:0;margin-top:clamp(.85rem,2.8vw,1.65rem);padding-bottom:0;display:flex}.display-wrap:after{content:"";flex:auto;width:100%;min-height:250px}.display{background:var(--screen-bg);border:none;border-radius:24px;flex-direction:column;justify-content:center;width:100%;max-width:none;min-height:max(240px,min(50svh,640px));padding:clamp(1.75rem,5vw,3rem) clamp(1.75rem,5vw,3rem) clamp(2.25rem,5vw,2.75rem);display:flex;position:relative;box-shadow:inset 0 2px 16px #ffffffe6,inset 0 -10px 28px #00000008,0 8px 36px #0000000f}.display.display--split{justify-content:flex-start;min-height:max(320px,min(52svh,720px))}.display__inner{transition:opacity .35s;animation:.45s displayFadeIn}@keyframes displayFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.display__hero{flex-direction:column;gap:.65rem;max-width:38ch;margin-inline:auto;padding:clamp(.25rem,1vw,.75rem) 0;display:flex}.display__hero-text{text-align:left;font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-muted);margin:0;font-size:clamp(1.02rem,2.6vw,1.18rem);font-weight:400;line-height:1.55}.display__hero-text strong{color:var(--text);font-weight:600}.display__anchor.display__anchor--hidden{opacity:0;pointer-events:none;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:24px;left:50%;overflow:visible}.display__icon{color:var(--text);justify-content:center;margin-bottom:clamp(1rem,3vw,1.5rem);display:flex}.display__icon svg{width:clamp(88px,18vw,132px);height:clamp(88px,18vw,132px);stroke-width:var(--line-width)}.display__meta{font-family:var(--font-heading);text-align:center;letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.25rem,4vw,1.65rem);font-weight:600}.display__tag{text-align:center;text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint);margin:0 0 1rem;font-size:.72rem}.display__blurb{text-align:center;color:var(--text-muted);margin:0;max-width:36ch;margin-inline:auto;font-size:clamp(.95rem,2.5vw,1.05rem);line-height:1.5}.display__split{width:100%;max-width:880px;margin-inline:auto}.display__split-meta{align-items:center;gap:clamp(.65rem,2vw,1rem);margin-bottom:clamp(.85rem,2.5vw,1.25rem);display:flex}.display__split-icon{color:var(--text);flex-shrink:0;line-height:0}.display__split-icon svg{width:clamp(36px,6.5vw,48px);height:clamp(36px,6.5vw,48px);stroke-width:var(--line-width)}.display__split-head-text{min-width:0}.display__split-title{font-family:var(--font-heading);letter-spacing:-.02em;margin:0 0 .2rem;font-size:clamp(1.15rem,3vw,1.45rem);font-weight:600;line-height:1.2}.display__tag--split{text-align:left;margin:0}.display__split-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(1.25rem,4vw,2.75rem);display:grid}.display__split-carousel{min-width:0}@media (width<=720px){.display__split-grid{grid-template-columns:1fr;align-items:stretch}.display__split-carousel{max-width:min(100%,420px);margin-inline:auto}}.display__split-text{min-width:0}.display__blurb--split{text-align:left;margin-inline:0;max-width:none;margin-bottom:1rem}.display__split-body{color:var(--text-muted);margin:0 0 .85rem;font-size:clamp(.92rem,2.2vw,1.02rem);line-height:1.55}.display__split-body:last-child{margin-bottom:0}.display__project-links{flex-flow:wrap;align-items:center;gap:.5rem .85rem;margin:1.85rem 0 0;padding:0;list-style:none;display:flex}.display__project-link{color:var(--text-muted);letter-spacing:.01em;-webkit-user-select:text;user-select:text;font-size:clamp(.92rem,2.2vw,1.02rem);font-weight:500;text-decoration:none}.display__project-link:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.project-carousel{width:100%;min-width:0}.project-carousel:focus-visible{outline:2px solid var(--text);outline-offset:4px;border-radius:16px}.project-carousel__scene{flex-direction:column;align-items:stretch;gap:clamp(.65rem,2vw,.9rem);width:100%;display:flex}.project-carousel__deck{width:100%;position:relative;overflow:visible}.project-carousel__polaroid{--carousel-frame:clamp(8px, 2vw, 12px);--carousel-chin:calc(var(--carousel-frame) * 3.5);width:100%;padding:var(--carousel-frame) var(--carousel-frame) 0 var(--carousel-frame);transform-origin:50% 92%;background:#fff;border-radius:clamp(10px,2vw,14px);flex-direction:column;align-items:stretch;transition:transform 90ms cubic-bezier(.32,.85,.35,1),opacity 90ms,box-shadow 90ms;display:flex;box-shadow:0 8px 28px #00000014,0 2px 8px #0000000a}.project-carousel__polaroid--depth-0{z-index:3;position:relative;transform:translate(0)scale(1)rotate(0)}.project-carousel__polaroid--depth-1{z-index:2;pointer-events:none;position:absolute;top:0;left:0;right:0;transform:translate(9px,11px)scale(.965)rotate(1.8deg)}.project-carousel__polaroid--depth-2{z-index:1;pointer-events:none;position:absolute;top:0;left:0;right:0;transform:translate(18px,22px)scale(.93)rotate(-2.2deg)}.project-carousel__deck--snap-next .project-carousel__polaroid--depth-0{opacity:.92;z-index:1;pointer-events:none;transform:translate(-25%)rotate(-2deg)}.project-carousel__deck--snap-next .project-carousel__polaroid--depth-1{opacity:1;z-index:5;transform:translate(0)scale(1)rotate(0)}.project-carousel__deck--snap-next .project-carousel__polaroid--depth-2{opacity:1;z-index:4;transform:translate(5px,6px)scale(.985)rotate(.9deg)}.project-carousel__deck--snap-prev .project-carousel__polaroid--depth-0{opacity:.92;z-index:1;pointer-events:none;transform:translate(25%)rotate(2deg)}.project-carousel__deck--snap-prev .project-carousel__polaroid--depth-1{opacity:1;z-index:5;transform:translate(0)scale(1)rotate(0)}.project-carousel__deck--snap-prev .project-carousel__polaroid--depth-2{opacity:1;z-index:4;transform:translate(5px,6px)scale(.985)rotate(.9deg)}.project-carousel__polaroid--cloak{opacity:0;pointer-events:none;transition:none}.project-carousel__polaroid--settling{z-index:0;pointer-events:none;width:100%;transition:transform .1s cubic-bezier(.35,.88,.32,1),opacity 70ms 80ms;position:absolute;top:0;left:0;right:0}.project-carousel__polaroid--settling-next:not(.project-carousel__polaroid--settling-active){opacity:.92;transform:translate(-25%)rotate(-2deg)}.project-carousel__polaroid--settling-next.project-carousel__polaroid--settling-active{opacity:0;transform:translate(18px,22px)scale(.93)rotate(-2.2deg)}.project-carousel__polaroid--settling-prev:not(.project-carousel__polaroid--settling-active){opacity:.92;transform:translate(25%)rotate(2deg)}.project-carousel__polaroid--settling-prev.project-carousel__polaroid--settling-active{opacity:0;transform:translate(-18px,22px)scale(.93)rotate(2.2deg)}@media (prefers-reduced-motion:reduce){.project-carousel__polaroid{transition:none}.project-carousel__deck--snap-next .project-carousel__polaroid--depth-0,.project-carousel__deck--snap-next .project-carousel__polaroid--depth-1,.project-carousel__deck--snap-next .project-carousel__polaroid--depth-2,.project-carousel__deck--snap-prev .project-carousel__polaroid--depth-0,.project-carousel__deck--snap-prev .project-carousel__polaroid--depth-1,.project-carousel__deck--snap-prev .project-carousel__polaroid--depth-2{opacity:1;transform:translate(0)scale(1)rotate(0)}}.project-carousel__image-stage{aspect-ratio:1;flex-shrink:0;width:100%;position:relative}.project-carousel__media-inset{touch-action:none;cursor:grab;background:#e8e8e8;border-radius:clamp(6px,1.4vw,10px);position:absolute;inset:0;overflow:hidden}.project-carousel__media-inset--touchable-video{touch-action:auto;cursor:default}.project-carousel__polaroid--depth-1 .project-carousel__media-inset,.project-carousel__polaroid--depth-2 .project-carousel__media-inset{cursor:default}.project-carousel__media-inset:active{cursor:grabbing}.project-carousel__media{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.project-carousel__caption{min-height:var(--carousel-chin);padding:calc(var(--carousel-frame) * .35) 0 calc(var(--carousel-frame) * .85);text-align:center;flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-carousel__caption-text{letter-spacing:.02em;max-width:100%;color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:clamp(.68rem,1.65vw,.8rem);line-height:1.35;display:-webkit-box;overflow:hidden}.project-carousel__nav-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.75rem,3vw,1.25rem);display:flex}.project-carousel__nav{width:auto;min-width:2rem;min-height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:.35rem .5rem;transition:color .15s,opacity .15s;display:flex}.project-carousel__nav:hover:not(:disabled){color:var(--text)}.project-carousel__nav:disabled{opacity:.35;cursor:default}.dock-wrap{z-index:100;left:50%;bottom:calc(50px + env(safe-area-inset-bottom,0px));width:min(calc(100vw - 2 * clamp(1rem, 4vw, 1.75rem)), var(--content-max));max-width:var(--content-max);box-sizing:border-box;flex-shrink:0;margin-top:0;padding-top:0;padding-bottom:clamp(.5rem,2vh,1.25rem);position:fixed;transform:translate(-50%)}.dock{flex-wrap:wrap;justify-content:center;gap:clamp(.4rem,1.8vw,.85rem);padding:.35rem 0 .75rem;display:flex}.dock.dock--two-tier{flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:0;width:100%;max-width:100%;padding:0 0 .75rem}.dock__group{flex-direction:column;align-items:center;gap:calc(.4rem + 15px);min-width:0;display:flex}.dock__group--big{flex:none}.dock__group--small{flex:0 auto;min-width:0}.dock__row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(.4rem,1.8vw,.85rem);width:fit-content;max-width:100%;display:flex}.dock__spacer{flex-shrink:0;align-self:stretch;width:75px;min-width:75px}.dock__tier-label{letter-spacing:.06em;text-transform:lowercase;text-align:center;width:100%;color:var(--text-faint);max-width:100%;margin:0;padding:0;font-size:.62rem;font-weight:500;line-height:1.2}.socket{touch-action:none;flex-direction:column;align-items:center;gap:.35rem;width:56px;display:flex}.socket__port-outer{transform-origin:50%;justify-content:center;align-items:center;width:10px;height:10px;line-height:0;display:flex;transform:translateY(-5px)}.socket__port{transform-origin:50%;will-change:transform;justify-content:center;align-items:center;width:100%;height:100%;line-height:0;transition:transform .28s cubic-bezier(.25,.9,.32,1),filter .2s;display:flex}.socket--near .socket__port{filter:drop-shadow(0 2px 5px #0000001a);transform:scale(1.06)}.socket--connected .socket__port{filter:drop-shadow(0 3px 10px #0000001f);transform:scale(1.32)}.outlet-face{display:block}.outlet-face__ring{fill:var(--page-bg);stroke:var(--text);stroke-width:2px}.cable-svg__plug-dot{pointer-events:none;fill:var(--text)}.socket__icon{color:var(--text);transform-origin:50%;will-change:transform;justify-content:center;align-items:center;transition:transform .28s cubic-bezier(.25,.9,.32,1);display:flex}.socket__icon svg{width:26px;height:26px;stroke-width:var(--line-width)}.cable-svg{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.cable-svg__path-hit{fill:none;stroke:#0000;stroke-width:40px;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;cursor:grab;touch-action:none}.cable-svg__path{fill:none;stroke:var(--text);stroke-width:var(--line-width);stroke-linecap:butt;stroke-linejoin:round;pointer-events:none}.cable-svg__plug{pointer-events:auto;cursor:grab}.cable-svg__plug:active{cursor:grabbing}.cable-svg__plug-hit{fill:#0000;stroke:none;pointer-events:all;cursor:grab;touch-action:none}