@font-face{font-family:Bricolage;src:url(./bricolage-grotesque-500-aMBWWfC-.ttf);font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(./inter-400-BMa5IoM-.ttf);font-weight:400;font-display:swap}:root{--ink:#252829;--paper:#fafafa;--gutter:clamp(24px,4.5vw,88px);--stroke:.7;color:var(--ink);background:var(--paper);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:400 16px/1.5 Inter,Arial,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior-y:none}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.skip-link{z-index:20;background:#fff;padding:12px;position:fixed;top:8px;left:18px;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#story{height:520svh;position:relative}.stage{isolation:isolate;height:100svh;padding:max(24px,env(safe-area-inset-top)) var(--gutter) max(22px,env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:sticky;top:0;overflow:hidden}.paper{z-index:-2;background:var(--paper) url(./cotton-grid-background-bTwCekWC.png) center/cover;opacity:.65;position:absolute;inset:0}.paper:after{content:"";background:radial-gradient(#fafafa80 0%,#0000 70%);position:absolute;inset:0}header{z-index:5;justify-content:space-between;align-items:center;gap:20px;min-height:44px;display:flex;position:relative}.brand{letter-spacing:-.05em;align-items:center;min-height:44px;font:500 27px/1 Bricolage;display:flex}nav{gap:clamp(20px,3vw,46px);display:flex}nav a{align-items:center;min-height:44px;font-size:14px;display:flex}nav a:hover{text-underline-offset:5px;text-decoration:underline}#menu-toggle{display:none}.copy{text-align:center;z-index:2;min-height:clamp(170px,19svh,198px);padding-top:clamp(18px,3.4svh,36px);padding-bottom:12px}.eyebrow{letter-spacing:.18em;color:#727779;min-height:18px;margin:0 0 10px;font-size:12px;line-height:1.5}h1{letter-spacing:-.035em;text-wrap:balance;max-width:800px;margin:0 auto;font:500 clamp(28px,2.65vw,40px)/1.12 Bricolage}.description{color:#62686a;text-wrap:balance;max-width:580px;margin:12px auto 0;font-size:16px;line-height:1.5}.drawing{pointer-events:none;justify-self:center;width:100%;max-width:1500px;height:100%;min-height:0}#camera{width:100%;height:100%;color:var(--ink);display:block;overflow:visible}#scene{fill:none;stroke:currentColor;stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round}#scene path,#scene circle{vector-effect:non-scaling-stroke}#scene .hatch{opacity:.35;stroke-width:calc(var(--stroke)*.78)}#scene .faint{opacity:.38}#scene .guide{stroke-dasharray:4 6;opacity:.38;stroke-width:calc(var(--stroke)*.75)}#scene text{stroke:none;fill:currentColor;letter-spacing:1.3px;opacity:.58;font-family:Inter,Arial,sans-serif;font-size:10px}#scene .symbol{letter-spacing:0;font-family:Georgia,serif;font-size:15px;font-style:italic}footer{justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding-top:6px;display:flex;position:relative}.text-button{letter-spacing:normal;white-space:nowrap;min-height:44px;padding:8px 0;font:400 14px/1.5 Inter,Arial,sans-serif}.progress{background:#d5d8d8;width:82px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%)}.progress span{background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(1)}.controls{align-items:center;gap:22px;margin-left:auto;display:flex}@media (width<=1000px){.progress{display:none}footer{flex-wrap:wrap;justify-content:center;gap:4px;padding-top:4px}.controls{justify-content:flex-end;gap:12px;width:100%;margin:0}}@media (width<=700px){:root{--gutter:20px}#story{height:460svh}.stage{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.brand{font-size:25px}#menu-toggle{align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}#menu-toggle span{font-size:24px}nav{background:#fafafa;border:1px solid #dedede;flex-direction:column;gap:2px;width:min(240px,100vw - 40px);padding:14px 22px;display:none;position:absolute;top:54px;right:0}nav[data-open=true]{display:flex}nav a{min-height:48px;font-size:16px}.copy{min-height:196px;padding-top:clamp(16px,2.8svh,26px);padding-bottom:10px}.eyebrow{letter-spacing:.12em;margin-bottom:9px;font-size:12px}h1{max-width:365px;font-size:clamp(24px,6vw,28px);line-height:1.15}.description{max-width:350px;margin-top:12px;font-size:15px;line-height:1.5}.paper{opacity:.45;background-position:0 0;background-size:auto 100%}.controls{flex-wrap:wrap;gap:0 8px}.text-button{font-size:13px}.drawing{max-width:560px}}@media (height<=650px) and (orientation:portrait){.copy{min-height:174px;padding-top:12px;padding-bottom:8px}.eyebrow{margin-bottom:8px}h1{font-size:24px}.description{margin-top:8px;font-size:14px;line-height:1.4}.stage{padding-top:12px;padding-bottom:10px}}@media (height<=650px) and (orientation:landscape){.copy{min-height:148px;padding-top:14px;padding-bottom:8px}h1{font-size:30px}.eyebrow{margin-bottom:8px}.description{margin-top:10px;font-size:14px}.stage{padding-top:12px;padding-bottom:12px}}@media (height<=500px) and (orientation:landscape){:root{--gutter:24px}.stage{padding-top:8px;padding-bottom:8px}header,.brand{min-height:36px}.brand{font-size:23px}nav a{min-height:36px;font-size:13px}.copy{grid-template-rows:18px auto;grid-template-columns:1fr 1fr;align-items:center;gap:8px 24px;min-height:88px;padding:6px 0;display:grid}.eyebrow{text-align:center;grid-column:1/-1;margin:0;display:block}h1{text-align:right;max-width:440px;margin-right:0;font-size:22px;line-height:1.15}.description{text-align:left;text-wrap:pretty;max-width:440px;margin:0;font-size:13px;line-height:1.4}.drawing{max-width:1100px}footer{min-height:40px;padding-top:0}.controls{flex-wrap:nowrap;justify-content:flex-end;width:100%}.text-button{min-height:40px}.progress{display:none}}@media (prefers-reduced-motion:reduce){#story{height:100svh}.progress{display:none}}.stage footer{opacity:1;visibility:visible;transition:opacity 1.8s,visibility linear}.stage:not([data-phase=complete]) footer{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.8s,visibility 0s linear 1.8s}.stage[data-revisit=true] footer{transition:opacity .26s,visibility linear}.stage[data-revisit=true]:not([data-phase=complete]) footer{transition:opacity .26s,visibility 0s linear .26s}.stage[data-phase=opening] .description{visibility:hidden}@media (height<=500px) and (orientation:landscape){.stage[data-phase=opening] .copy{display:block}.stage[data-phase=opening] .eyebrow{text-align:center;margin:0 auto;display:block}}@media (prefers-reduced-motion:reduce){.stage footer,.stage:not([data-phase=complete]) footer,.stage[data-revisit=true] footer,.stage[data-revisit=true]:not([data-phase=complete]) footer{transition:none}}#scene .light-flow{opacity:0;transition:opacity 1.8s}#scene .light-flow path{stroke-dasharray:.085 .915;stroke-dashoffset:1px;animation:8s linear infinite light-passing;animation-delay:var(--flow-delay,0s);animation-play-state:paused}.stage[data-phase=complete] #scene .light-flow{opacity:.28}.stage[data-phase=complete] #scene .light-flow path{animation-play-state:running}@keyframes light-passing{0%{stroke-dashoffset:1px;opacity:0}12%{opacity:1}84%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@media (prefers-reduced-motion:reduce){#scene .light-flow{display:none}#scene .light-flow path{animation:none}}.scroll-cue{left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:3;letter-spacing:normal;min-height:44px;color:var(--ink);white-space:nowrap;opacity:1;visibility:visible;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font:400 14px/1.5 Inter,Arial,sans-serif;transition:opacity .6s,visibility linear;display:inline-flex;position:absolute;transform:translate(-50%)}.scroll-cue span{font:inherit;letter-spacing:inherit}.stage[data-phase=complete] .scroll-cue{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s,visibility 0s linear .6s}@media (width<=700px){.scroll-cue{bottom:max(14px,env(safe-area-inset-bottom));font-size:13px}}@media (height<=500px) and (orientation:landscape){.scroll-cue{bottom:max(8px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.scroll-cue{display:none}}.stage[data-phase=complete] #scene .iris-shading{animation:10s ease-in-out infinite iris-shimmer;animation-delay:var(--blade-delay,0s)}@keyframes iris-shimmer{0%,to{opacity:.31}50%{opacity:.44}}@media (prefers-reduced-motion:reduce){.stage[data-phase=complete] #scene .iris-shading{animation:none}}.stage[data-phase=complete] #scene .study-connector{opacity:.65;stroke-width:var(--stroke);animation:1.25s linear infinite connector-flow}#scene .sample-dot{transform-box:fill-box;transform-origin:50%}.stage[data-phase=complete] #scene .sample-dot{animation:6.4s ease-in-out infinite sample-ripple;animation-delay:var(--sample-delay,0s)}@keyframes connector-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-10px}}@keyframes sample-ripple{0%,to{transform:scale(1)}30%{transform:scale(1.22)}65%{transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.stage[data-phase=complete] #scene .study-connector,.stage[data-phase=complete] #scene .sample-dot{animation:none}}.experience{isolation:isolate;min-height:56svh;padding:clamp(72px,10svh,120px) var(--gutter);background:var(--paper);place-items:center;display:grid;position:relative}.experience-content{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,100px);width:100%;max-width:1200px;display:grid}.experience h2{letter-spacing:-.025em;text-wrap:balance;max-width:650px;margin:0;font:500 clamp(26px,2.5vw,36px)/1.4 Bricolage,Arial,sans-serif}.experience-copy{min-width:0}.startup-logos{flex-wrap:wrap;align-items:center;gap:20px 28px;margin:28px 0 0;padding:0;list-style:none;display:flex}.startup-logos li{align-items:center;min-height:28px;display:flex}.startup-logo{flex:none;display:block;position:relative;overflow:hidden}.startup-logo img{filter:brightness(0);width:100%;height:auto;display:block}.startup-logo--gallabox{width:108px}.startup-logo--mad{aspect-ratio:284/82;width:66px}.startup-logo--mad img{width:180.282%;max-width:none;position:absolute;top:-31.707%;left:0}.startup-logo--spacekayak{width:116px}.experience-study{pointer-events:none;visibility:hidden;justify-self:end;width:100%;max-width:400px;height:auto;display:block}.experience-study[data-ready=true]{visibility:visible}.experience-study>svg,.experience-study>img{aspect-ratio:400/340;width:100%;height:auto;display:block}.experience-study[data-drawn=true] .study-links{animation:1.6s linear infinite paused study-link-flow}.experience-study[data-motion=running] .study-links{opacity:.42;animation-play-state:running}@keyframes study-link-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-9px}}@media (prefers-reduced-motion:reduce){.experience-study{visibility:visible}.experience-study[data-drawn=true] .study-links{animation:none}}.experience a{color:#245dda;text-underline-offset:.15em;-webkit-text-decoration:underline #245dda55;text-decoration:underline #245dda55;text-decoration-thickness:1px;transition:text-decoration-color .2s}.experience a:hover{text-decoration-color:currentColor}@media (width<=700px){.experience{min-height:48svh;padding-block:64px}.experience-content{grid-template-columns:1fr;gap:28px;max-width:480px}.experience h2{max-width:480px;font-size:26px}.experience-study{justify-self:center;width:min(100%,320px)}}.header-space{pointer-events:none;height:44px}.site-header{--nav-fade:1.8s;z-index:10;isolation:isolate;min-height:0;padding:max(24px,env(safe-area-inset-top)) var(--gutter) 12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--nav-fade) ease,visibility 0s linear var(--nav-fade);background:linear-gradient(#fafafaf7 0% 78%,#fafafa00 100%);position:fixed;inset:0 0 auto}.site-header:before{content:"";z-index:-1;pointer-events:none;opacity:.65;background:url(./cotton-grid-background-bTwCekWC.png) top/100vw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.site-header[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.site-header[data-revisit=true]{--nav-fade:.26s}#experience{scroll-margin-top:96px}@media (width<=700px){.site-header{padding-top:max(18px,env(safe-area-inset-top))}.site-header:before{opacity:.45}.site-header nav{top:calc(max(18px,env(safe-area-inset-top)) + 54px);right:var(--gutter)}}@media (height<=650px){.site-header{padding-top:max(12px,env(safe-area-inset-top))}.site-header nav{top:calc(max(12px,env(safe-area-inset-top)) + 54px)}}@media (height<=500px) and (orientation:landscape){.site-header{padding-top:max(8px,env(safe-area-inset-top))}.site-header nav{top:calc(max(8px,env(safe-area-inset-top)) + 48px)}}@media (width>=701px) and (height<=500px) and (orientation:landscape){.header-space{height:36px}}@media (prefers-reduced-motion:reduce){.site-header,.site-header[data-revisit=true]{--nav-fade:0s}}.site-ending{isolation:isolate;padding:0 var(--gutter);scroll-margin-top:100px;position:relative}.site-ending>.paper{opacity:.4}.site-contact{text-align:center;max-width:820px;margin:0 auto;padding:clamp(80px,9vw,140px) 0 clamp(72px,8vw,112px)}.site-contact h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font:500 clamp(28px,3.5vw,44px)/1.3 Bricolage,Arial,sans-serif}.site-socials{flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:30px;display:flex}.site-socials a{text-underline-offset:5px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}.site-footer{max-width:1200px;padding:24px 0 max(24px,env(safe-area-inset-bottom));border-top:1px solid #25282926;justify-content:space-between;align-items:baseline;gap:20px;min-height:0;margin:0 auto;display:flex;position:relative}.site-footer p{color:#727779;margin:0;font-size:13px;line-height:1.7}.site-footer p:last-child{white-space:nowrap}.canvas-contact{text-underline-offset:4px;pointer-events:auto;background:#fafafaed;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;text-decoration:underline;display:inline-flex}.gallery-page:has(.artwork-viewer[open]){overflow:hidden}@media (width<=700px){.site-contact{padding-block:72px 60px}.site-footer{display:block}.site-footer p+p{margin-top:10px}.canvas-contact{padding:8px;font-size:13px}.gallery-page .canvas-tools{gap:8px}}@media (height<=500px) and (orientation:landscape){.site-contact{padding-block:64px 48px}}