/* Shared experience layer. The original palette and self-hosted type are retained. */
:root{--gutter:clamp(20px,2.4vw,42px);--section-space:clamp(76px,10vw,150px);--light-muted:#bfc5ba;scrollbar-color:#777c71 var(--ground)}
[hidden]{display:none!important}img{height:auto}h1,h2,h3,h4{letter-spacing:-.04em;text-wrap:balance}h4{margin:0;font-weight:500}button,input,textarea{font:inherit}button:disabled{opacity:.45;cursor:default}fieldset{border:0;padding:0;margin:0;min-width:0}.icon{width:24px;height:24px;flex:0 0 auto;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{padding:26px var(--gutter);gap:24px}.wordmark{display:inline-flex;align-items:baseline;gap:7px;letter-spacing:-.04em}.brand-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;align-self:flex-start;margin-top:5px}.header-role{margin-left:auto;margin-right:8vw;color:var(--muted)}.site-header nav{gap:32px}.site-header nav .icon{width:16px;height:16px;margin-left:4px}.site-header nav [aria-current]:after{transform:scaleX(1)}.menu-trigger{display:none;width:44px;height:44px;background:transparent}.floating-menu{position:fixed;top:22px;right:var(--gutter);z-index:12;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);opacity:0;visibility:hidden;transform:translateY(-20px) scale(.9);transition:opacity 200ms,transform 400ms var(--ease),visibility 200ms}.scrolled.nav-visible .floating-menu{opacity:1;visibility:visible;transform:none}.modal-open .floating-menu{opacity:0;visibility:hidden}
.hero{padding:38px var(--gutter) 88px;overflow:clip}.hero-title-wrap{overflow:clip;padding-block:5px 12px}.hero h1{font-size:22.4vw;line-height:.94;letter-spacing:-.06em;animation:name-arrive 850ms var(--ease) both}.hero-bottom{margin-top:48px;grid-template-columns:1fr 1.3fr;gap:7vw}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.intro{font-size:clamp(26px,2.4vw,36px);line-height:1.25}.role{font-size:17px;margin-top:22px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}.primary-action{margin-top:0}.action-disc{width:82px;height:82px}.action-disc .icon{width:32px;height:32px;transform:rotate(-40deg);transition:transform 400ms var(--ease)}.primary-action:hover .icon{transform:none}.cv-link{margin-left:0}.hero-meta{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:38px;font-size:14px}.hero-meta>span{color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;background:none;padding:4px 0}.text-link .icon{width:18px;height:18px;transition:transform 240ms var(--ease)}.text-link:hover .icon{transform:translate(3px,-3px)}.product-top>a{font-size:16px;display:inline-flex;gap:8px;align-items:center}.product-top>a .icon{width:15px;height:15px}.product-scene{height:clamp(290px,26vw,430px);background:#bdc7ad}.hero-web{width:90%;top:38px;left:5%;transform:rotate(-6deg) translateY(4px)}.hero-phone{height:88%;right:5%;top:15%;transform:rotate(9deg) translateY(20px)}.media-caption{font-size:13px;color:var(--muted);margin-top:12px}
.work{height:235svh}.work-sticky{min-height:700px;padding:42px var(--gutter) 26px;justify-content:initial}.work-header h2{font-size:clamp(40px,5vw,76px);line-height:1.04}.work-header>div{min-width:245px}.work-header p{color:var(--light-muted);font-size:16px}.work-header .text-link{margin-top:14px}.ribbon-stage{min-height:300px}.project-fallback>a{flex:0 0 55vw;scroll-snap-align:center}.project-fallback>a>span{display:flex;justify-content:space-between;margin-top:14px;font-size:20px}#ribbon{cursor:grab}#ribbon:active{cursor:grabbing}.ribbon-open{display:none;position:absolute;left:50%;top:50%;translate:-50% -50%;width:96px;height:96px;border-radius:50%;background:var(--paper);color:var(--ink);opacity:0;transition:opacity 180ms,transform 240ms var(--ease);pointer-events:none}.ribbon-open .icon{display:block;margin:0 auto 7px}.ribbon-open span{font-size:14px}.webgl-ready .ribbon-open{display:block}.ribbon-stage:hover .ribbon-open,.ribbon-open:focus-visible{opacity:1;pointer-events:auto}.ribbon-stage.is-dragging .ribbon-open{opacity:0;pointer-events:none}.drag-hint{position:absolute;bottom:10px;left:var(--gutter);font-size:13px;color:var(--light-muted);pointer-events:none}.work-bottom{margin-top:10px}.active-project>p{margin-top:10px;font-size:16px;color:var(--light-muted)}.active-project>a{margin-top:12px}.gallery-controls button{display:grid;place-items:center}.project-index{margin-top:28px}
.section-pad{padding:var(--section-space) var(--gutter)}.approach{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--paper)}.approach-title h2{font-size:clamp(52px,6.7vw,100px);line-height:1}.round-link{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:var(--ground);margin-top:40px}.round-link .icon{width:36px;height:36px}.statement{font-size:clamp(24px,2.5vw,36px);line-height:1.4;letter-spacing:-.035em}.approach-copy>p+p{margin-top:28px;font-size:17px;max-width:62ch}.expertise-list{margin-top:44px;display:grid;gap:26px}.expertise-list h3{font-size:24px;margin-bottom:7px}.expertise-list p{font-size:16px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8vw;margin-bottom:54px}.section-heading h2{font-size:clamp(36px,4.6vw,68px);line-height:1.08;max-width:15ch}.section-heading p{max-width:430px;font-size:17px}.project-directory{background:var(--ground)}.project-row{display:grid;grid-template-columns:1fr 1fr 70px 40px;align-items:center;gap:30px;padding:36px 20px;margin:0 -20px;transition:background 220ms,padding 350ms var(--ease)}.project-row:nth-child(even){background:#d2d3ca}.project-row:hover{background:var(--paper);padding-inline:32px}.project-row h3{font-size:clamp(28px,3.4vw,48px)}.project-row p,.project-row>span{font-size:15px}.row-preview{position:fixed;z-index:9;width:330px;aspect-ratio:1.54;left:0;top:0;opacity:0;pointer-events:none;transform:translate(-50%,-50%) rotate(-5deg) scale(.92);transition:opacity 180ms,scale 350ms var(--ease)}.row-preview.is-visible{opacity:1;scale:1}
.site-footer{background:var(--dark);color:var(--paper);padding:84px var(--gutter) 28px;overflow:clip}.contact-top h2{letter-spacing:-.055em}.contact-disc{border:0}.contact-disc .icon{width:40%;height:40%;transition:transform 400ms var(--ease)}.contact-disc:hover{transform:none}.contact-disc:hover .icon{transform:rotate(45deg)}.contact-line{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:42px}.email{margin-top:0;overflow-wrap:anywhere}.copy-button{display:inline-flex;align-items:center;gap:10px;font-size:14px;padding:10px 0;background:transparent}.copy-button .icon{width:18px;height:18px}.footer-bottom{align-items:center}.footer-bottom>div{flex-wrap:wrap;align-items:center}.footer-bottom a{display:inline-flex;align-items:center;gap:6px}.footer-bottom .icon{width:14px;height:14px}
.portal-dialog{position:fixed;inset:0;margin:auto;padding:0;border:0;width:min(88vw,88svh,860px);aspect-ratio:1;max-width:none;max-height:none;border-radius:50%;background:var(--accent);color:var(--paper);overflow:clip;clip-path:circle(0%);transition:clip-path 480ms var(--ease),opacity 250ms}.portal-dialog.is-open{clip-path:circle(71%)}.portal-dialog::backdrop,.quick-dialog::backdrop{background:#10140fb3;backdrop-filter:blur(5px)}.portal-inner{height:100%;padding:12% 15%;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;position:relative}.dialog-close{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:transparent;color:inherit;position:absolute;right:32px;top:26px;z-index:2;transition:transform 180ms,background 200ms}.dialog-close:hover{transform:rotate(90deg);background:#ffffff1a}.portal-dialog .dialog-close{right:calc(50% - 24px);top:5%}.portal-greeting{font-size:22px;margin-bottom:15px}.portal-inner h2{font-size:clamp(50px,6.8vw,92px);line-height:.98;letter-spacing:-.05em}.portal-inner>p:not(.portal-greeting){font-size:clamp(16px,1.4vw,19px);max-width:34ch;margin-top:24px}.portal-link{display:inline-flex;align-items:center;gap:14px;margin-top:28px;font-size:16px}.portal-social{display:flex;gap:28px;margin-top:30px;font-size:14px}.portal-dialog :focus-visible{outline-color:white}.contact-portal{background:#c6d0b8;color:var(--ink)}.contact-portal :focus-visible{outline-color:var(--accent)}.intent-links{display:grid;gap:8px;margin:24px 0 14px;width:100%}.intent-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:17px;padding:10px 0}
.menu-dialog{position:fixed;inset:0;margin:0;padding:26px var(--gutter) 32px;width:100%;height:100%;max-width:none;max-height:none;border:0;background:var(--dark);color:var(--paper);overflow:auto;clip-path:inset(0 0 100%);transition:clip-path 480ms var(--ease)}.menu-dialog.is-open{clip-path:inset(0)}.menu-dialog::backdrop{background:#10140faa}.menu-head{display:flex;align-items:center;min-height:48px;font-size:20px}.menu-head .dialog-close{right:var(--gutter)}.menu-dialog>nav{display:grid;gap:12px;margin:7svh auto;max-width:1200px}.menu-dialog>nav a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(46px,8vw,112px);line-height:1.06;letter-spacing:-.05em;padding-block:6px;transition:color 180ms,transform 280ms var(--ease)}.menu-dialog>nav a:hover{color:#bdc7ad;transform:translateX(12px)}.menu-dialog>nav .icon{width:.55em;height:.55em}.menu-foot{display:flex;justify-content:space-between;gap:30px;font-size:16px}.menu-dialog :focus-visible{outline-color:var(--paper)}
.quick-dialog{padding:0;border:0;background:var(--paper);color:var(--ink);max-width:min(1000px,92vw);width:1000px;max-height:90svh;overflow:auto;opacity:0;transform:translateY(24px) scale(.96);transition:transform 350ms var(--ease),opacity 220ms}.quick-dialog.is-open{opacity:1;transform:none}.quick-shell{position:relative;padding:36px}.quick-shell .dialog-close{background:var(--ink);color:var(--paper);top:18px;right:18px}.quick-image{width:100%;max-height:50svh;object-fit:contain;background:var(--ground)}.quick-copy{padding-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.quick-copy h2{font-size:38px;line-height:1.1}.quick-copy p{font-size:16px;margin-bottom:16px}.quick-copy .submit-button{font-size:15px}.toast{position:fixed;bottom:26px;left:50%;translate:-50% 0;z-index:50;background:var(--paper);color:var(--ink);padding:14px 24px;font-size:15px;border-radius:30px;opacity:0;transform:translateY(15px);transition:transform 250ms var(--ease),opacity 180ms;pointer-events:none;box-shadow:0 10px 30px #0002}.toast.is-visible{opacity:1;transform:none}
.page-intro{padding:80px var(--gutter) 100px}.page-intro h1{font-size:clamp(70px,12vw,180px);line-height:.98;letter-spacing:-.055em}.page-intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:60px;align-items:start}.page-intro-bottom>p:last-child{font-size:18px;max-width:52ch}.archive-section{padding:0 var(--gutter) var(--section-space)}.archive-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:44px}.archive-filters button{padding:12px 24px;background:#caccbf;border-radius:30px;transition:color 180ms,background 180ms}.archive-filters [aria-pressed=true]{background:var(--ink);color:var(--paper)}.archive-filters p{margin-left:auto;color:var(--muted);font-size:14px}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 32px;align-items:start}.archive-item:first-child{grid-column:1/-1}.archive-media{display:block;position:relative;overflow:clip}.archive-media img{width:100%;transition:transform 700ms var(--ease)}.archive-item:first-child .archive-media{max-height:680px}.archive-item:first-child img{margin-top:-3%}.archive-media>.icon{position:absolute;right:24px;bottom:24px;background:var(--paper);width:62px;height:62px;padding:18px;border-radius:50%;transition:transform 350ms var(--ease)}.archive-media:hover img{transform:scale(1.025)}.archive-media:hover>.icon{transform:rotate(45deg)}.archive-caption{display:flex;justify-content:space-between;gap:24px;margin-top:24px}.archive-caption h2{font-size:32px;line-height:1.1;margin-bottom:12px}.archive-caption p{font-size:16px;max-width:50ch}.archive-caption>span{font-size:14px;padding-top:6px}.tech-list{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;color:var(--muted);margin:24px 0 0}
.case-header{padding:50px var(--gutter) 60px}.back-link{display:inline-flex;gap:12px;align-items:center;font-size:15px;margin-bottom:52px}.back-link .icon{width:18px;height:18px}.case-header h1{font-size:clamp(58px,9vw,140px);line-height:1;letter-spacing:-.055em}.case-subtitle{font-size:clamp(24px,3vw,40px);margin-top:24px;letter-spacing:-.035em}.case-meta{display:grid;grid-template-columns:2fr 1.3fr .7fr;gap:32px;margin:54px 0 0}.case-meta dt{font-size:14px;color:var(--muted);margin-bottom:10px}.case-meta dd{font-size:17px;margin:0}.case-cover{padding:4vw 7vw}.zoom-media{display:block;position:relative;padding:0;width:100%;background:transparent}.zoom-media img{width:100%;max-height:780px;object-fit:contain}.zoom-media>span{position:absolute;bottom:20px;right:20px;display:inline-flex;gap:12px;align-items:center;background:var(--ink);color:var(--paper);font-size:14px;padding:12px 18px;border-radius:30px;opacity:0;transition:opacity 180ms}.zoom-media:hover>span,.zoom-media:focus-visible>span{opacity:1}.case-study>.media-caption{margin-inline:var(--gutter)}.case-overview,.case-decisions,.case-takeaway,.about-manifesto,.education-section{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw}.case-overview h2,.case-decisions h2,.case-takeaway h2,.about-manifesto h2,.education-section h2,.contact-compose h2{font-size:clamp(36px,4.2vw,64px);line-height:1.1}.case-overview>div>p+p,.about-manifesto>div>p+p{margin-top:28px;font-size:18px}.case-decisions{background:var(--paper)}.decisions-list{display:grid;gap:42px}.decisions-list h3{font-size:28px;margin-bottom:14px}.decisions-list p{font-size:17px;max-width:65ch}.case-demo .section-heading h2{max-width:17ch}.case-demo .section-heading p{max-width:44ch}.case-takeaway{background:#c6d0b8}.next-project{display:grid;grid-template-columns:1fr auto .7fr;gap:50px;align-items:center;background:var(--paper);padding:64px var(--gutter);overflow:clip}.next-project>div>span{font-size:15px}.next-project h2{font-size:clamp(36px,4.8vw,72px);margin-top:18px;line-height:1.06}.next-project>.icon{width:44px;height:44px;transition:transform 300ms var(--ease)}.next-project:hover>.icon{transform:translateX(14px)}.next-project img{width:100%;transform:rotate(-6deg)}
.demo-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.demo-top>strong{font-weight:500;font-size:22px;letter-spacing:-.02em}.demo-top>div{display:flex;gap:8px;flex-wrap:wrap}.demo-top button{padding:11px 18px;border-radius:24px;background:#c5cfb7;font-size:14px}.demo-top button[aria-pressed=true]{color:#eff3e9;background:#243b24}.finance-demo{background:#e6ecda;padding:38px;color:#243b24}.finance-readout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:56px}.finance-readout span,.finance-readout strong{display:block}.finance-readout span{font-size:15px;margin-bottom:12px}.finance-readout strong{font-size:clamp(24px,3.3vw,48px);font-weight:500;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.finance-chart{width:100%;max-height:250px;margin-top:40px}.finance-chart path{transition:d 500ms var(--ease)}.chart-labels{display:flex;justify-content:space-between;gap:8px;font-size:13px}.demo-disclaimer{font-size:13px;margin-top:28px;color:inherit}.annotation-demo{padding:30px;background:#222c3a;color:#edf2f7}.annotation-demo .demo-top button{background:#394b61;color:#edf2f7}.annotation-surface{height:440px;margin-top:26px;background:#3c4d50}#annotation-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.annotation-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:20px;flex-wrap:wrap}.annotation-bottom p{font-size:15px}.annotation-bottom button{padding:10px 16px;background:#394b61;color:#edf2f7;font-size:14px}.terminal-demo{background:#101716;color:#e4eada;padding:32px}.terminal-demo .demo-top>span{font-size:14px;color:#b6c5ae}.terminal-output{min-height:240px;max-height:340px;overflow-y:auto;margin:28px 0;font-family:ui-monospace,monospace;font-size:15px;line-height:1.8}.terminal-output p{white-space:pre-wrap;overflow-wrap:anywhere}.terminal-output .command-line{color:#bddd94;margin-top:12px}#terminal-form{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#terminal-form label{font-size:14px}#terminal-command{flex:1;min-width:100px;border:0;padding:14px;background:#28362e;color:white;font-family:ui-monospace,monospace;font-size:16px}#terminal-form button{background:#bdd995;color:#1b2b20;padding:14px 18px;display:flex;align-items:center;gap:10px}
.about-intro{background:#c6d0b8}.about-manifesto{background:var(--paper)}.experience-list article{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;padding:38px 0}.experience-list h3{font-size:32px;margin-bottom:12px}.experience-list h4{font-size:23px;line-height:1.3;margin-bottom:16px}.experience-list p{font-size:17px;max-width:60ch}.experience-list article>div:first-child p{font-size:14px;color:var(--muted)}.education-section{background:var(--paper)}.education-section h3{font-size:32px;margin-bottom:20px}.education-section p{font-size:18px;margin-top:18px}.education-section a{margin-top:26px}.contact-intro .copy-button{display:flex;margin-top:14px}.contact-compose{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;background:var(--paper)}.contact-compose>div>p{margin-top:28px;font-size:17px}.contact-social{display:flex;gap:24px;margin-top:36px}.contact-social a{display:inline-flex;gap:8px;align-items:center;font-size:16px}.contact-social .icon{width:16px;height:16px}#contact-form>label{display:block;margin-top:32px;font-size:16px}#contact-form legend{font-size:16px;margin-bottom:18px}.intent-options{display:flex;flex-wrap:wrap;gap:10px}.intent-options label{position:relative}.intent-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.intent-options span{display:block;padding:12px 20px;border-radius:28px;background:var(--ground);font-size:15px}.intent-options input:checked+span{background:var(--ink);color:var(--paper)}.intent-options input:focus-visible+span{outline:3px solid var(--accent);outline-offset:4px}#contact-form>label>input,#contact-form textarea{display:block;width:100%;background:#e3e4dc;border:0;padding:18px;margin-top:12px;color:var(--ink);font-size:17px;border-radius:0;caret-color:var(--accent)}#contact-form textarea{resize:vertical;min-height:150px}#contact-form input::placeholder,#contact-form textarea::placeholder{color:#62665d}.submit-button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:20px 26px;background:var(--accent);color:white;font-size:17px}#contact-form .submit-button{margin-top:20px}.form-note{margin-top:18px;font-size:14px;color:var(--muted)}.form-status{font-size:15px;margin-top:18px}.not-found{min-height:70svh}.not-found p{font-size:20px;margin-block:36px}.not-found .submit-button{margin-top:20px}
button:active,.submit-button:active{scale:.97}.magnetic{transition:transform 400ms var(--ease)}
body[data-page=contact] .site-footer .contact-top,body[data-page=contact] .site-footer .contact-line{display:none}
body[data-page=contact] .site-footer .footer-bottom{margin-top:0}
body[data-page=contact] .site-footer{padding-top:36px}
.form-note{font-size:16px;color:var(--ink);max-width:54ch}
body[data-page=work] .page-intro{padding-top:60px;padding-bottom:65px}
.row-preview{visibility:hidden}.row-preview.is-visible{visibility:visible}
.archive-grid[data-filtered] .archive-item:first-child{grid-column:auto}
.archive-grid.is-single{grid-template-columns:1fr}
@keyframes name-arrive{from{transform:translateY(80%)}to{transform:none}}@view-transition{navigation:auto}::view-transition-old(root){animation:220ms old-page both}::view-transition-new(root){animation:600ms var(--ease) new-page both}@keyframes old-page{to{opacity:0;transform:translateY(-3%)}}@keyframes new-page{from{clip-path:inset(14% 0 0);transform:translateY(5%)}to{clip-path:inset(0);transform:none}}
@media(max-width:1000px){.header-role{display:none}.hero-bottom{gap:4vw;grid-template-columns:1fr 1.2fr}.intro{font-size:27px}.hero h1{font-size:22vw}.work-header>div{min-width:200px}.work-header h2{font-size:44px}.project-row{grid-template-columns:1.3fr 1fr 36px;gap:20px}.project-row>span{display:none}.next-project{gap:25px}.portal-inner h2{font-size:70px}.portal-inner>p:not(.portal-greeting){font-size:17px}}
@media(max-width:700px){
  :root{--gutter:20px;--section-space:76px}.site-header{padding-block:18px}.site-header nav{display:none}.menu-trigger{display:grid;place-items:center}.floating-menu{width:52px;height:52px;top:16px}.hero{padding-top:40px;padding-bottom:60px}.hero h1{font-size:21.9vw}.hero-bottom{display:grid;grid-template-columns:1fr;gap:36px;margin-top:32px}.intro{font-size:27px}.role{font-size:16px;margin-top:20px}.hero-actions{margin-top:24px;gap:22px}.primary-action{font-size:15px;gap:15px}.action-disc{width:62px;height:62px}.action-disc .icon{width:28px;height:28px}.hero-meta{width:100%;justify-content:space-between;gap:20px;margin-top:28px;font-size:13px}.hero-meta .text-link{font-size:13px}.product-scene{height:290px}.product-top>a{font-size:15px}.hero-web{width:96%;left:2%}.hero-phone{right:4%}.work{height:auto}.work-sticky{position:relative;height:auto;min-height:0;max-height:none;padding-top:42px;padding-bottom:30px}.work-header{display:block}.work-header h2{font-size:38px}.work-header>div{margin-top:20px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.work-header p{font-size:14px}.work-header .text-link{margin:0;font-size:13px}.ribbon-stage{margin-top:24px;min-height:0}.project-fallback{gap:18px;padding-top:18px;padding-bottom:32px;align-items:start}.project-fallback>a{flex-basis:85vw}.project-fallback>a>span{font-size:16px}.drag-hint{display:none}.work-bottom{margin-top:5px;gap:12px;align-items:flex-end}.active-project h3{font-size:30px}.active-project>p{font-size:15px}.active-project>a{font-size:14px}.gallery-controls{gap:7px}.gallery-controls button{width:40px;height:40px}.gallery-controls .icon{width:20px;height:20px}.project-index{gap:20px;flex-wrap:wrap;margin-top:22px}.project-index button{font-size:14px}.project-index>span{margin-left:0;flex-basis:100%}
  .approach{grid-template-columns:1fr;gap:36px}.approach-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.approach-title h2{font-size:50px}.round-link{margin-top:0;width:88px;height:88px;flex-shrink:0}.round-link .icon{width:30px;height:30px}.statement{font-size:24px}.expertise-list{margin-top:32px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:36px;max-width:none}.section-heading p{margin-top:20px;font-size:16px}.project-row{grid-template-columns:1fr 26px;padding-block:28px;gap:12px}.project-row p{grid-column:1;grid-row:2;font-size:14px}.project-row>.icon{grid-column:2;grid-row:1}.project-row h3{font-size:29px}.row-preview{display:none}.site-footer{padding-top:64px;padding-bottom:26px}.contact-top h2{font-size:14.5vw}.contact-disc{width:80px;height:80px;min-width:80px;min-height:80px;flex-shrink:0}.contact-line{margin-top:30px;gap:10px 18px}.email{font-size:22px}.footer-bottom{margin-top:64px;flex-wrap:wrap;gap:26px;font-size:13px}.footer-bottom>div{order:-1;flex-basis:100%;gap:23px}.back-top{margin-left:auto}
  .portal-dialog{width:calc(100vw - 24px);max-height:92svh;aspect-ratio:auto;border-radius:28px;overflow-y:auto}.portal-inner{padding:76px 30px 42px;height:auto;min-height:540px}.portal-inner h2{font-size:66px}.portal-inner>p:not(.portal-greeting){font-size:17px;margin-top:22px}.portal-dialog .dialog-close{right:16px;top:14px}.portal-link{font-size:15px}.portal-greeting{display:none}.contact-portal .portal-inner{min-height:520px}.menu-dialog>nav{margin-block:9svh;gap:18px}.menu-dialog>nav a{font-size:13vw}.menu-foot{display:block;font-size:15px}.menu-foot a{display:inline-block;margin-top:20px}.quick-shell{padding:18px}.quick-copy{grid-template-columns:1fr;gap:20px}.quick-copy h2{font-size:32px}.quick-copy .submit-button{width:100%}.quick-dialog{max-width:calc(100vw - 24px)}
  .page-intro{padding-top:50px;padding-bottom:65px}.page-intro h1{font-size:17vw}.page-intro-bottom{grid-template-columns:1fr;gap:28px;margin-top:36px}.page-intro-bottom>p:last-child{font-size:17px}.archive-filters{gap:8px;margin-bottom:32px}.archive-filters button{padding:10px 17px;font-size:14px}.archive-filters p{width:100%;margin:12px 0 0}.archive-grid{grid-template-columns:1fr;gap:46px}.archive-item:first-child{grid-column:auto}.archive-caption{margin-top:20px}.archive-caption h2{font-size:28px}.archive-media>.icon{width:48px;height:48px;padding:14px;right:15px;bottom:15px}.tech-list{font-size:13px;gap:10px 18px}.case-header{padding-top:32px;padding-bottom:40px}.back-link{margin-bottom:36px;font-size:14px}.case-header h1{font-size:13vw;overflow-wrap:anywhere}.case-subtitle{font-size:24px;margin-top:24px}.case-meta{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:36px}.case-meta>div:first-child{grid-column:1/-1}.case-meta dd{font-size:16px}.case-meta dt{font-size:13px}.case-cover{padding:20px 10px}.case-overview,.case-decisions,.case-takeaway,.about-manifesto,.education-section{grid-template-columns:1fr;gap:32px}.case-overview h2,.case-decisions h2,.case-takeaway h2,.about-manifesto h2,.education-section h2,.contact-compose h2{font-size:36px}.case-overview>div>p+p,.about-manifesto>div>p+p{font-size:17px}.decisions-list{gap:32px}.decisions-list h3{font-size:26px}.decisions-list p{font-size:16px}.next-project{grid-template-columns:1fr auto;gap:20px;padding-block:45px}.next-project h2{font-size:34px}.next-project>img{display:none}.next-project>.icon{width:30px;height:30px}
  .demo-top{gap:18px}.demo-top>strong{font-size:20px}.demo-top button{font-size:13px;padding:10px 14px}.finance-demo{padding:24px 18px}.finance-readout{grid-template-columns:1fr;gap:26px;margin-top:32px}.finance-readout>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.finance-readout span{margin:0;font-size:14px}.finance-readout strong{font-size:27px}.finance-chart{margin-top:20px}.chart-labels{font-size:11px}.demo-disclaimer{font-size:13px;margin-top:22px}.annotation-demo{padding:24px 16px}.annotation-surface{height:300px}.annotation-bottom p{font-size:14px}.annotation-bottom button{font-size:13px;padding-inline:10px}.terminal-demo{padding:24px 18px}.terminal-output{font-size:13px}#terminal-form{gap:10px}#terminal-form label{flex-basis:100%}#terminal-form button{padding:14px;font-size:14px}#terminal-form .icon{display:none}.experience-list article{grid-template-columns:1fr;gap:22px;padding-block:28px}.experience-list h3{font-size:30px}.experience-list h4{font-size:22px}.experience-list p{font-size:16px}.education-section h3{font-size:30px}.education-section p{font-size:17px}.contact-compose{grid-template-columns:1fr;gap:48px}.contact-social{margin-top:28px}.contact-intro .email{font-size:24px}.submit-button{font-size:16px;padding:18px 22px}#contact-form .submit-button{width:100%}.not-found h1{font-size:14vw}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.entering{opacity:1;transform:none}.work{height:auto}.work-sticky{position:relative;height:auto;min-height:0}.ribbon-stage{min-height:350px}.row-preview{display:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

.site-header nav [aria-current=page]{text-decoration:underline;text-underline-offset:7px}.menu-dialog nav [aria-current=page]{color:#b9c2ff}.menu-dialog nav [aria-current=page]::before{content:"•";font-size:.35em;margin-right:.5em;vertical-align:middle}.form-note a{text-decoration:underline;text-underline-offset:3px}
html:not(.js) .menu-trigger,html:not(.js) .floating-menu{display:none}@media(max-width:700px){html:not(.js) .site-header{flex-wrap:wrap;gap:20px}html:not(.js) .site-header nav{display:flex;flex-wrap:wrap;gap:20px;width:100%;font-size:15px}}