:root{--bg-darker:#f1efe8;--bg:#eae8e4;--ink:#1b1c20;--muted:#7b7f88;--accent:#a8842f;--text-colour:var(--bg);--text-dark:var(--ink);--text-light:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;cursor:grab;touch-action:none;background:radial-gradient(ellipse at 50% 50%, var(--bg-darker) 0%, var(--bg) 70%);font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif}body:before{content:"";z-index:1;pointer-events:none;width:100vw;height:100vh;box-shadow:inset 30px 30px 80px 100px var(--bg);position:fixed;top:0;left:0}body.dragging{cursor:grabbing}body.hovering{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#scene{opacity:0;display:block;position:fixed;inset:0}#scene.ready{animation:1.2s forwards scene-in}@keyframes scene-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#fade{z-index:2;pointer-events:none;background:radial-gradient(ellipse farthest-side at 50% 50%, #f1efe800 38%, #f1efe88c 60%, #f1efe8f2 82%, var(--bg) 100%);position:fixed;inset:0}#nav{width:var(--card-w,480px);z-index:10;cursor:default;-webkit-backdrop-filter:blur(20px);background:#eae8e4cc;border-radius:30px;flex-direction:column;height:62px;transition:height .55s cubic-bezier(.4,0,.2,1),width .55s cubic-bezier(.4,0,.2,1),box-shadow .55s,background .4s;display:flex;position:fixed;top:36px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 10px #0000001f}#nav.open{-webkit-backdrop-filter:none;background:#eae8e4;width:calc(100vw - 72px);height:calc(100vh - 72px);box-shadow:0 8px 40px #0000002e}#nav.open #navMenu{opacity:1;pointer-events:auto}#nav.open #navBurger{transform-origin:50%;transition:transform .35s}#nav.open #navBurger span:first-child{transform:translateY(7px)rotate(45deg)}#nav.open #navBurger span:nth-child(2){opacity:0;transform:scaleX(0)}#nav.open #navBurger span:nth-child(3){width:22px;transform:translateY(-7px)rotate(-45deg)}#nav.open #navBurger:hover{transform:scale(1.2)}#navTop{flex-shrink:0;justify-content:space-between;align-items:center;height:62px;padding:0 20px 0 28px;display:flex;position:relative}#navMenu{opacity:0;pointer-events:none;flex:1;align-items:center;padding:0 56px 48px;transition:opacity .3s;display:flex;overflow-y:auto}#navFilter{background:#00000012;border-radius:100px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.filter-btn{font:inherit;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:6px 14px;font-size:11px;text-decoration:none;transition:background .2s,color .2s}.filter-btn.active{background:var(--ink);color:var(--bg)}#navBurger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;gap:6px;width:44px;height:44px;padding:0;display:flex}#navBurger span{background:var(--ink);border-radius:2px;height:1px;transition:width .25s,transform .35s,opacity .2s;display:block}#navBurger span:first-child,#navBurger span:nth-child(2){width:22px}#navBurger span:nth-child(3){width:14px}#navBurger:hover span{width:22px}.brand{letter-spacing:.3em;text-transform:uppercase;font-size:13px}.brand #brandCanvas{opacity:.75;cursor:pointer;display:block}.brand small{color:var(--muted);letter-spacing:.16em;margin-top:6px;font-size:10px;display:block}.about-inner{flex-direction:column-reverse;width:70%;margin:5rem auto;display:flex}@media (width>=1025px){.about-inner{grid-template-columns:50% 1fr;align-items:center;gap:60px;display:grid}}.about-photo{border-radius:30px;flex-shrink:0;width:90%;max-width:540px;overflow:hidden}.about-photo img{object-fit:cover;mix-blend-mode:luminosity;width:100%;height:100%;display:block}.about-name{letter-spacing:-.02em;color:var(--ink);margin-bottom:18px;font-size:clamp(28px,3.5vw,48px);font-weight:800}.about-bio{color:var(--muted);max-width:440px;margin-bottom:32px;font-size:1.1rem;line-height:1.5}.about-bio a{color:var(--ink);text-decoration:none;transition:color .2s}.about-bio a:hover{color:var(--accent)}.about-contact{flex-direction:column;gap:10px;display:flex}.about-contact a{letter-spacing:.2em;text-transform:uppercase;color:var(--ink);font-size:11px;text-decoration:none;transition:color .2s}.about-contact a:hover{color:var(--accent)}.hud{pointer-events:none;z-index:5;position:fixed}.hint{text-align:right;color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:11px;line-height:1.9}.hint b{color:var(--ink);font-weight:600}.hud-bottom{justify-content:center;padding:24px 32px;display:none;bottom:0;left:0;right:0}.now{text-align:center;color:var(--muted);letter-spacing:.22em;text-transform:uppercase;font-size:11px;transition:opacity .3s}.now b{color:var(--ink);letter-spacing:.12em;margin-bottom:5px;font-size:14px;font-weight:600;display:block}.now span{color:var(--accent)}#loader{z-index:30;background:var(--bg);place-items:center;transition:opacity .7s;display:grid;position:fixed;inset:0}#loader.hidden{opacity:0;pointer-events:none}.spinner{border:2px solid #0000001f;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#cta{z-index:6;opacity:0;pointer-events:none;transition:opacity .35s;position:fixed;left:50%;transform:translate(-50%,-50%)}#cta.show{opacity:1;pointer-events:auto}#ctaBtn{font:inherit;cursor:pointer;color:#15161a;letter-spacing:.18em;text-transform:uppercase;background:#fffffff0;border:none;border-radius:100px;padding:14px 24px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;box-shadow:0 8px 30px #00000052}#ctaBtn:hover{background:#fff;transform:scale(1.04)}#zoom{--border-radius-cs-block:1.75rem;z-index:20;opacity:0;pointer-events:none;will-change:left, top, width, height;cursor:default;background-color:#15161a;border-radius:30px;transition:box-shadow .9s;position:fixed;overflow:hidden;box-shadow:0 40px 100px #0000}#zoom.open{opacity:1;pointer-events:auto;box-shadow:0 40px 100px #00000073}#zoom.fading{box-shadow:0 40px 100px #0000}#zoomClose{z-index:3;cursor:pointer;filter:drop-shadow(0 1px 4px #00000080);background:0 0;border:none;border-radius:50%;width:46px;height:46px;transition:background .2s,opacity .35s,transform .35s;position:absolute;top:22px;right:22px}#zoomClose span{background:var(--bg);border-radius:2px;width:22px;height:2px;display:block;position:absolute;top:50%;left:50%;transform:perspective(1px)}#zoomClose span:first-child{transform:translate(-50%,-50%)rotate(45deg)}#zoomClose span:nth-child(2){transform:translate(-50%,-50%)rotate(-45deg)}#zoomClose:hover{transform:translateZ(0)scale(1.2)}#zoomScroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;z-index:1;position:absolute;inset:0;overflow:hidden auto}#zoomHero{flex-direction:column;justify-content:flex-end;height:100%;padding:44px 80px;display:flex;position:relative;overflow:hidden}#zoomHeroBg{will-change:transform;transform-origin:50%;background-position:50%;background-size:cover;position:absolute;inset:0}#zoomHeroBg:after{content:"";opacity:1;background:linear-gradient(#0000000d 55%,#0000008c 100%);transition:opacity .45s;position:absolute;inset:0}#zoomHeroBg.fading:after{opacity:0}#zoomMeta{z-index:1;color:#fff;opacity:0;will-change:transform;width:100%;max-width:1280px;margin:0 auto;transition:opacity .5s,transform .4s cubic-bezier(0,0,.2,1);position:relative}#zoomMeta span{display:none}#zoomMeta b{letter-spacing:-.02em;font-size:clamp(26px,4.5vw,72px);font-weight:800}#zoomMeta small{letter-spacing:.12em;text-transform:uppercase;color:#fff9;margin-top:6px;font-size:1rem;font-weight:600;display:block}#zoomContent{background:var(--ink);color:var(--bg);opacity:0;will-change:transform;border-top-left-radius:30px;border-top-right-radius:30px;padding:72px 80px 100px;transition:opacity .4s,transform .4s cubic-bezier(0,0,.2,1);position:relative}#zoomContent.visible{opacity:1}.cs-project-link{border:2px solid color-mix(in srgb, var(--text-colour) 35%, transparent);width:fit-content;color:var(--text-colour);letter-spacing:.04em;border-radius:100px;margin-top:28px;padding:14px 36px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:block}.cs-project-link:hover{border-color:color-mix(in srgb, var(--text-colour) 65%, transparent);background:#ffffff1a}.cs-lead{max-width:680px;color:var(--text-colour);border-bottom:1px solid #0000001a;margin:0 auto 64px;padding-bottom:64px;font-size:clamp(16px,1.7vw,22px);font-weight:400;line-height:1.55}.cs-body{grid-template-columns:repeat(12,1fr);gap:10px;max-width:1280px;margin:0 auto 80px;display:grid}.cs-container,.cs-block{--_span:var(--span,12);grid-column:span var(--_span);opacity:0;transition:opacity .55s,transform .55s;transform:translateY(16px)}.cs-container.cs-visible,.cs-block.cs-visible{opacity:1;transform:none}@media (width<=1024px){.cs-container,.cs-block{--_span:var(--span-md,var(--span,12))}}@media (width<=640px){.cs-container,.cs-block{--_span:var(--span-sm,var(--span-md,var(--span,12)))}}.cs-container{grid-template-columns:repeat(12,1fr);align-content:start;align-items:start;gap:30px 10px;display:grid}.cs-block h3{letter-spacing:.2em;text-transform:uppercase;color:var(--text-colour);opacity:.7;margin-bottom:10px;font-size:10px}.cs-block p,.cs-block a{color:var(--text-colour);margin-bottom:1em;font-size:clamp(15px,1.3vw,18px);line-height:1.4}.cs-block p:last-child{margin-bottom:0}.cs-block ul{margin:0;padding:0;list-style:none}.cs-block ul li{color:var(--text-colour);margin-bottom:.5em;padding-left:1em;font-size:clamp(15px,1.3vw,18px);position:relative}.cs-block ul li:before{content:"•";position:absolute;left:0}.cs-block--image{margin:0}.cs-block--image img{object-fit:cover;border-radius:var(--border-radius-cs-block);width:100%;height:100%;display:block}.cs-block--video{margin:0}.cs-block--video video{border-radius:var(--border-radius-cs-block);width:100%;display:block}.cs-block--video-autoplay{aspect-ratio:var(--aspect,16/9);border-radius:var(--border-radius-cs-block);position:relative;overflow:hidden}.cs-block--video-autoplay video{object-fit:cover;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.cs-block--vimeo{aspect-ratio:var(--aspect,16/9);border-radius:var(--border-radius-cs-block);margin:0;position:relative;overflow:hidden}.cs-block--vimeo iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.cs-block--intro{padding:0 6rem 2.5rem 0}@media (width<=640px){.cs-block--intro{padding-right:0}}.cs-block--intro p{margin-bottom:1em;font-size:clamp(20px,2.4vw,24px);font-weight:400;line-height:1.4}.cs-block--intro p:last-child{margin-bottom:0}.cs-block--callout{border-radius:var(--border-radius-cs-block);background:#ffffff0f;padding:48px 56px}@media (width<=640px){.cs-block--callout{padding:48px 36px}}.cs-block--callout h3{color:#ffffff73}.cs-block--callout p,.cs-block--callout ul li,.cs-block--callout a{font-size:clamp(17px,1.7vw,22px);font-weight:400;line-height:1.55}.cs-block--callout a:hover{text-decoration:none}@media (width<=640px){body:before{box-shadow:inset 0 0 30px 40px #f1efe8}#nav{width:auto;height:54px;top:12px;left:12px;right:12px;transform:none}#nav.open{width:auto;height:calc(100vh - 24px)}#navTop{height:54px;padding:0 14px 0 20px}#navMenu{align-items:flex-start;padding:0 24px 36px}.about-photo{aspect-ratio:1;border-radius:30px;margin-bottom:2rem}.about-photo img{mix-blend-mode:luminosity}.hint{text-align:left}#zoomHero{padding:24px}#zoomContent{padding:48px 24px 80px}.cs-grid{grid-template-columns:1fr;gap:32px}}