@font-face{font-family:Sauce;font-display:swap;src:url('/assets/VvQsG6v03iEur3JMvHc8uDrkGo.woff2')}@font-face{font-family:Sauce;font-display:swap;src:url('/assets/O2R7AhA6wjBk0GHLJl0N8fqxN0.woff2');font-weight:500}
:root{color-scheme:dark;--bg:#080808;--fg:#f2f2f2;--muted:#888;--panel:rgba(29,29,29,.65);--border:#ffffff0e;--field:#ffffff06;--noise:.055}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Sauce,Arial,sans-serif;font-size:16px;letter-spacing:-.035em;transition:background .3s,color .3s}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:url('/assets/rR6HYXBrMmX4cRpXfXUOvpvpB0.png');opacity:var(--noise)}body.light{color-scheme:light;--bg:#f4f4f1;--fg:#151515;--muted:#666;--panel:#ffffff80;--border:#00000012;--field:#00000006;--noise:.025}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--fg);outline-offset:6px}button{border:0}img{display:block;width:100%}h1,h2,h3,p{margin:0;font-weight:400}header{height:76px;padding:0 24px;display:grid;grid-template-columns:180px 1fr auto 108px;align-items:center;gap:24px;font-size:16px}.brand{width:max-content}.back{display:flex;align-items:center;gap:10px}.back span{color:var(--muted)}.location{white-space:nowrap}.theme{justify-self:end;width:36px;height:20px;border-radius:30px;background:#282828;padding:3px}.theme:before{content:"";display:block;width:14px;height:14px;background:#f4f4f4;border-radius:50%;transform:translateX(16px);transition:transform .25s}.light .theme:before{transform:translateX(0)}.light .theme{background:#c4c4c4}.home{height:calc(100svh - 76px);min-height:650px;padding:116px 16px 16px;position:relative}.hero-name{position:absolute;top:8px;left:16px;right:16px;text-align:center;font-size:clamp(80px,11.55vw,200px);line-height:1;letter-spacing:-.065em;white-space:nowrap;transition:opacity .2s,filter .2s}.hero-name.changing{opacity:0;filter:blur(9px)}.bento{display:grid;position:relative;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:16px;height:100%}.panel{background:var(--panel);border:1px solid var(--border);border-radius:32px;box-shadow:inset 0 1px 1px #ffffff0b;backdrop-filter:blur(10px);overflow:hidden}.tile{position:relative;display:flex;align-items:flex-end;padding:32px;font-size:18px;transition:background .3s,box-shadow .3s,transform .3s}.tile:hover{background:rgba(45,45,45,.73);box-shadow:inset 0 1px 1px #ffffff18}.light .tile:hover{background:#fff}.tile .arrow{margin-left:auto;transition:transform .3s;font-size:24px;font-family:Arial;font-weight:normal;line-height:1}.tile:hover .arrow{transform:translate(3px,-3px)}.tile-portfolio{grid-column:span 3}.tile-contact{grid-column:span 2}.portrait{position:relative}.portrait img{height:100%;object-fit:cover;filter:grayscale(1);transition:filter .5s,transform .8s}.portrait:hover img{filter:grayscale(0);transform:scale(1.025)}.side-tiles{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-width:0}.stack{display:flex;align-items:center;overflow:hidden;padding:0;position:relative}.stack:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#141414 0%,transparent 18%,transparent 82%,#141414 100%);pointer-events:none}.light .stack:after{background:linear-gradient(90deg,#fafafa,transparent 18%,transparent 82%,#fafafa)}.tool-track{display:flex;gap:16px;width:max-content;animation:marquee 24s linear infinite;padding:0 8px}.tool{width:72px;height:72px;border-radius:18px;background:#ffffff08;display:grid;place-items:center;flex:none}.tool img{width:34px;height:38px;object-fit:contain}.stack:hover .tool-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}.page{padding:48px 32px 100px;animation:appear .5s both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:clamp(80px,11.6vw,180px);line-height:1.1;letter-spacing:-.065em;margin-bottom:72px}.page-lead{font-size:clamp(28px,3.35vw,52px);line-height:1.25;letter-spacing:-.045em;max-width:1050px;margin-bottom:56px}.about-copy{width:70%;margin:60px 0 100px auto;font-size:clamp(26px,2.95vw,46px);line-height:1.25;letter-spacing:-.045em}.about-photo{width:35%;margin:0 0 100px auto;border-radius:24px;max-height:680px;object-fit:cover}.quotes{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 16px;margin-bottom:110px}.quote{padding:32px;flex:0 0 420px;scroll-snap-align:start;display:flex;flex-direction:column;min-height:330px}.quote-mark{font-size:40px}.quote p{font-size:23px;line-height:1.4;margin:16px 0 30px}.quote footer{margin-top:auto}.quote small,.muted{color:var(--muted)}.experience{width:70%;margin-left:auto}.job{padding:35px 0;border-top:1px solid var(--border);display:grid;grid-template-columns:170px 1fr;gap:24px}.job h3{font-size:28px;margin-bottom:6px}.job p{color:var(--muted);line-height:1.65;margin-top:24px;max-width:680px}.marquee-line{overflow:hidden;white-space:nowrap;margin-top:110px;font-size:clamp(32px,6vw,90px);letter-spacing:-.05em}.projects{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-card{padding:16px;transition:transform .3s}.project-card:hover{transform:translateY(-4px)}.project-card:nth-child(3){grid-column:span 2}.project-card img{aspect-ratio:1.25;object-fit:cover;border-radius:17px;transition:filter .3s}.project-card:nth-child(3) img{aspect-ratio:2}.project-meta{display:flex;justify-content:space-between;gap:20px;padding:18px 24px 8px;align-items:center}.project-meta h2{font-size:22px}.project-meta span{color:var(--muted);font-size:16px}.project-intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin:0 0 64px}.project-intro h2{font-size:32px}.project-intro p{font-size:25px;line-height:1.5}.project-facts{display:flex;gap:70px;margin:35px 0}.project-facts dt{color:var(--muted);font-size:14px;margin-bottom:8px}.project-facts dd{margin:0}.project-hero{border-radius:24px;max-height:900px;object-fit:cover}.story{max-width:900px;margin:90px auto;display:grid;gap:45px}.story h2{font-size:30px;margin-bottom:18px}.story p{color:var(--muted);font-size:21px;line-height:1.65}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gallery img{border-radius:20px}.gallery img:nth-child(3n){grid-column:span 2}.project-nav{display:flex;justify-content:space-between;font-size:30px;margin-top:60px}.contact-layout{display:grid;grid-template-columns:2fr 3fr;gap:40px;margin-top:80px}.contact-details>div{margin-bottom:30px}.contact-details small{color:var(--muted);display:block;margin-bottom:10px}.contact-details a{font-size:28px}.contact-form{padding:48px}.field{display:block;margin-bottom:38px}.field>span,legend{display:block;margin-bottom:14px;font-size:16px}.field input,.field textarea{width:100%;border:1px solid transparent;background:var(--field);padding:17px;border-radius:12px;outline-offset:2px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--muted)}.form-options{display:grid;grid-template-columns:3fr 2fr;gap:30px;margin-bottom:40px}fieldset{border:0;margin:0;padding:0}.choice{display:flex;gap:12px;align-items:center;margin:16px 0;font-size:14px;line-height:1.4}.choice input{accent-color:#ddd;width:17px;height:17px;flex:none}.submit{width:100%;padding:17px;background:var(--fg);color:var(--bg);border-radius:12px;display:flex;justify-content:space-between}.form-note{color:var(--muted);font-size:13px;line-height:1.5;margin-top:16px}.form-status{margin-top:18px;line-height:1.5}.site-footer{border-top:1px solid var(--border);margin:0 32px;padding:48px 0 70px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.footer-item small{display:block;color:var(--muted);font-size:14px;margin-bottom:9px}.footer-item a{font-size:26px}.footer-item a:hover{text-decoration:underline}.footer-item:nth-child(4){grid-column:2}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--fg);color:var(--bg);padding:12px;border-radius:8px}.skip:focus{top:16px}.error{padding:60px;font-size:24px}
@media(min-width:1800px){.home{padding-top:160px}}@media(max-width:1000px){header{grid-template-columns:140px 1fr auto 40px;gap:15px}.home{height:auto;padding-top:100px}.bento{grid-template-columns:1fr 1fr;grid-template-rows:250px 250px 250px}.tile-portfolio{grid-column:auto}.tile-contact{grid-column:auto}.side-tiles{grid-column:span 2;grid-template-columns:1fr 1fr;grid-template-rows:180px}.hero-name{font-size:13.5vw}.about-copy,.experience{width:82%}.contact-layout{grid-template-columns:1fr 2fr;gap:25px}.contact-form{padding:28px}.form-options{grid-template-columns:1fr}.footer-item a{font-size:20px}}
@media(max-width:600px){header{height:60px;padding:0 16px;grid-template-columns:1fr auto 36px;gap:15px;font-size:13px}.role{display:none}.location{font-size:12px}.home{min-height:0;padding:60px 16px 16px}.hero-name{top:28px;font-size:13.4vw}.bento{gap:12px;grid-template-rows:164px 164px 164px 164px}.panel{border-radius:26px}.tile{padding:24px;font-size:16px}.tile-about,.tile-portfolio{grid-column:span 2}.tile-contact{grid-column:1}.side-tiles{gap:12px;grid-template-rows:164px}.tool{width:58px;height:58px;border-radius:14px}.tool img{width:28px;height:32px}.tool-track{gap:12px}.page{padding:40px 16px 60px}.page-title{font-size:74px;margin-bottom:45px}.page-lead{font-size:29px;margin-bottom:36px}.about-copy{width:100%;font-size:27px;margin:0 0 40px}.about-photo{width:75%;margin-bottom:55px}.quotes{margin-bottom:55px}.quote{flex-basis:85%;padding:25px}.quote p{font-size:21px}.experience{width:100%}.job{grid-template-columns:1fr;gap:15px}.job p{margin-top:15px}.marquee-line{margin-top:50px}.projects{grid-template-columns:1fr;gap:16px}.project-card:nth-child(3){grid-column:1}.project-card:nth-child(3) img{aspect-ratio:1.25}.project-card{padding:10px}.project-meta{padding:16px 10px 10px}.project-meta h2{font-size:19px}.project-meta span{font-size:13px}.project-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.project-intro p{font-size:20px}.project-facts{gap:30px;font-size:14px}.story{margin:50px 0;gap:30px}.story p{font-size:18px}.gallery{gap:10px}.gallery img{border-radius:12px}.contact-layout{grid-template-columns:1fr;margin-top:40px;gap:30px}.contact-details{display:flex;gap:25px;flex-wrap:wrap}.contact-details a{font-size:22px}.contact-form{padding:24px}.field{margin-bottom:28px}.form-options{gap:20px;margin-bottom:28px}.site-footer{margin:0 16px;padding:35px 0 45px;grid-template-columns:1fr 1fr;gap:30px}.footer-item:first-child{grid-column:span 2}.footer-item:nth-child(4){grid-column:auto}.footer-item a{font-size:19px}.project-nav{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1001px){.bento{grid-template-rows:repeat(2,minmax(0,1fr))}.bento>*{min-height:0}.side-tiles{grid-template-rows:repeat(2,minmax(0,1fr))}}.portrait img{position:absolute;inset:0}.home .tool img{content-visibility:visible}
/* Personal content adaptations; the original grid, transitions and motion are retained. */
.theme.language{display:flex;width:64px;height:26px;padding:3px;gap:3px;align-items:center;justify-content:center;font-size:10px;letter-spacing:0}.theme.language:before{display:none}.language span{padding:3px 5px;color:#999;border-radius:12px}.language .selected{background:#eee;color:#111}.hero-name{font-size:clamp(60px,9.3vw,170px)}.about-copy p+p{margin-top:1em}.about-photo{background:#0a0a0a;object-fit:contain;object-position:bottom}.portrait img{object-fit:cover;object-position:50% 24%}.fact-number{font-size:55px;letter-spacing:-.06em}.job h2{font-size:28px;margin-bottom:6px}.project-status{font-size:12px;color:var(--muted);padding:0 24px 10px}.project-facts{flex-wrap:wrap;gap:28px 60px}.project-live{display:inline-block;border-bottom:1px solid var(--muted);padding:6px 0}.project-title{font-size:clamp(54px,9vw,150px);overflow-wrap:anywhere}.contact-details a{font-size:clamp(17px,2vw,28px);overflow-wrap:anywhere}.footer-item{min-width:0}.footer-item a{font-size:clamp(17px,1.8vw,26px);overflow-wrap:anywhere}.company-details{grid-column:1/-1;color:var(--muted);font-size:13px;line-height:1.7;padding-top:24px}.company-details a{text-decoration:underline;margin-left:8px}.faq-title{font-size:28px;margin:65px 0 25px}.faq-item{border-top:1px solid var(--border);padding:22px 0}.faq-item summary{font-size:20px;cursor:pointer}.faq-item p{color:var(--muted);line-height:1.65;padding-top:18px}.project-captures{grid-template-columns:2fr 1fr;align-items:start}.project-captures figure{margin:0;border-radius:24px;background:var(--panel);padding:16px}.project-captures img{width:100%;height:auto;object-fit:contain}.project-captures .mobile-capture img{max-height:760px}.project-captures figcaption{font-size:13px;color:var(--muted);padding:14px 4px 0}.quote{flex-basis:calc((100% - 32px)/3)}
@media(max-width:1000px){.quote{flex-basis:420px}}@media(max-width:600px){header{grid-template-columns:1fr auto 64px;gap:10px;font-size:12px}.location{font-size:11px}.hero-name{font-size:10.4vw;top:38px}.project-status{padding:0 10px 10px;font-size:11px}.project-meta{align-items:start}.project-meta span{max-width:46%;text-align:right}.project-captures{grid-template-columns:1fr}.project-captures .mobile-capture{max-width:300px;margin:auto}.quote{flex-basis:85%}.page-title{font-size:clamp(48px,13vw,74px)}}

/* Reference restoration: original noise scale, glass layers and rolling text motion. */
:root{--bg:#000;--panel:rgba(255,255,255,.08);--noise:.08;--motion-duration:1.3s}
body:after{background-size:64px auto}
.panel{border:0;box-shadow:inset 0 1px 0 1px #ffffff0f;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.tile:hover,.stack:hover{background:rgba(255,255,255,.02);box-shadow:inset 0 1px 0 1px #ffffff0f}
.home{margin-top:16px;padding-top:80px;height:calc(100svh - 92px);min-height:708px}
.hero-stage{position:absolute;inset:0 16px auto;height:160px;overflow:hidden;pointer-events:none}
.hero-name{position:absolute;inset:0;text-align:center;font-size:130px;font-weight:500;line-height:1;letter-spacing:-.04em;transition:none}
.hero-name.changing{opacity:1;filter:none}
.hero-name span{display:inline-block;white-space:pre}
.hero-alternate{position:absolute;inset:0;text-align:center;font-size:130px;font-weight:500;line-height:1;letter-spacing:-.04em;white-space:nowrap;transform:translateY(240px) skewY(12deg)}
.bento{z-index:auto}.tile{transition:background var(--motion-duration) var(--spring)}
.roll-label{position:relative;display:inline-block;overflow:hidden;height:1.25em;line-height:1.2}
.roll-label>span{display:block;transition:transform var(--motion-duration) var(--spring)}
.roll-label>span+span{position:absolute;top:calc(100% + 8px);left:0;transform:skewY(12deg)}
a:hover .roll-label>span:first-child,a:focus-visible .roll-label>span:first-child{transform:translateY(calc(-100% - 8px)) skewY(12deg)}
a:hover .roll-label>span+span,a:focus-visible .roll-label>span+span{transform:translateY(calc(-100% - 8px)) skewY(0deg)}
.tile .arrow{font-size:18px;transition:transform var(--motion-duration) var(--spring)}
.tile:hover .arrow{transform:rotate(45deg)}
.portrait:hover img{filter:grayscale(1);transform:none}
.tool-track{animation-duration:23.47s}.stack:hover .tool-track{animation-play-state:running}
.stack:after{background:linear-gradient(90deg,#141414,transparent 18%,transparent 82%,#141414)}
.page{animation:none}.page-lead{font-size:48px;line-height:1.2;letter-spacing:-.04em;max-width:880px;font-weight:500}
.project-card{border-radius:24px;transition:background var(--motion-duration) var(--spring)}
.project-card:hover{transform:none;background:#ffffff05}
.project-card>img{border-radius:16px}
.marquee-line{display:flex;gap:0}.marquee-track{display:flex;flex:none;animation:marquee 30s linear infinite}.marquee-track>span{white-space:nowrap;padding-right:.3em}
@media(min-width:1440px){.hero-name,.hero-alternate{font-size:160px}.home{padding-top:80px}}
@media(min-width:1800px){.home{padding-top:80px}}
@media(max-width:1000px){.home{height:auto;min-height:0}.hero-name,.hero-alternate{font-size:100px}}
@media(max-width:699px){.home{margin-top:16px;padding-top:64px;min-height:0}.hero-name,.hero-alternate{font-size:clamp(40px,10.4vw,70px);top:0}.hero-stage{height:120px}.page-lead{font-size:29px}.tile .arrow{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero-alternate{display:none}}
:root{--spring:linear(0.00000,0.05610,0.14896,0.24014,0.32302,0.39715,0.46322,0.52206,0.57446,0.62111,0.66264,0.69962,0.73255,0.76187,0.78798,0.81122,0.83191,0.85034,0.86675,0.88135,0.89436,0.90594,0.91625,0.92543,0.93361,0.94089,0.94737,0.95314,0.95827,0.96285,0.96692,0.97055,0.97378,0.97665,0.97921,0.98149,0.98352,0.98533,0.98693,0.98837,0.98964,0.99078,0.99179,0.99269,0.99349,0.99420,0.99484,0.99540,0.99591,0.99636,0.99676,0.99711,0.99743,0.99771,0.99796,0.99818,0.99838,0.99856,0.99872,0.99886,1.00000)}

.project-image{overflow:hidden;border-radius:16px;transition:transform var(--motion-duration) var(--spring)}
.project-card:hover .project-image{transform:scale(.98)}
.project-image img{border-radius:0}
@media(prefers-reduced-motion:reduce){.project-image{transition:none}}