@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{--ink:#1a1c1a;--muted:#656960;--paper:#f7f5ef;--cream:#ece8de;--line:#d6d2c7;--lime:#c8e36a;--orange:#d9724b;--blue:#48766d;--text-scale:1;--type-title:clamp(3rem,7vw,6.55rem);--type-heading:clamp(2rem,4vw,4rem);--type-body:1.06rem;--type-subtext:.88rem;--font-manrope:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI";--font-mono:"SFMono-Regular",Consolas,"Liberation Mono"}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-manrope),Arial,sans-serif;margin:0;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button{font:inherit}.shell{width:min(1180px,100% - 48px);margin:0 auto}.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}.eyebrow,.section-kicker,.mono,.project-info span,.challenge-label,.architecture-node span{font-family:var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.eyebrow,.section-kicker{color:var(--muted);margin:0 0 1rem}.site-header{z-index:20;background:var(--paper);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb,var(--paper)92%,transparent)}}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.site-header{border-bottom:1px solid color-mix(in srgb,var(--line)60%,transparent)}}.nav{justify-content:space-between;align-items:center;gap:2rem;min-height:78px;display:flex}.wordmark{letter-spacing:-.04em;font-size:1rem;font-weight:800}.wordmark span{font-weight:500}.nav-links{align-items:center;gap:1.65rem;font-size:.83rem;display:flex}.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--ink)}.nav-toggle{background:0 0;border:0;padding:.4rem;display:none}.nav-toggle span:not(.sr-only){background:var(--ink);width:22px;height:1px;margin:5px;display:block}.hero{padding:9rem 0 4.8rem}.hero h1,.project-hero h1,.not-found h1{letter-spacing:-.075em;max-width:1040px;margin:0;font-size:clamp(3rem,7vw,6.55rem);font-weight:650;line-height:.99}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-lower{grid-template-columns:minmax(0,390px) 1fr;align-items:end;gap:2rem;margin-top:3.3rem;display:grid}.hero-lower>p{color:var(--muted);margin:0;font-size:1.08rem}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:.8rem;display:flex}.button{border:1px solid var(--ink);border-radius:999px;align-items:center;gap:.65rem;padding:.82rem 1.15rem;font-size:.82rem;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button svg,.project-actions svg,.text-link svg,.contact-email svg,.next-project svg,.social-row svg{width:17px;height:17px}.button-dark{background:var(--ink);color:var(--paper)}.button-quiet{background:0 0}.hero-meta{border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;gap:1rem;margin-top:6rem;padding-top:1rem;font-size:.66rem;display:flex}.work-section{padding:7rem 0 8rem}.section-intro{max-width:620px;margin-bottom:4.2rem}.section-intro h2{letter-spacing:-.065em;margin:0;font-size:clamp(2.15rem,4vw,4rem);font-weight:650;line-height:1}.section-intro>p:not(.section-kicker){color:var(--muted);max-width:500px;margin:1.1rem 0 0}.project-list{gap:6rem;display:grid}.project-card{grid-template-columns:minmax(0,1.55fr) minmax(280px,.78fr);align-items:end;gap:2.5rem;display:grid}.project-card:nth-child(2n) .project-visual{order:2}.project-visual{background:var(--cream);border-radius:18px;display:block;position:relative;overflow:hidden}.project-visual img{width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.1,1);display:block}.project-visual:hover img{transform:scale(1.025)}.project-number{background:var(--paper);font:.65rem var(--font-mono),monospace;border-radius:999px;padding:.35rem .5rem;position:absolute;top:1rem;left:1.1rem}.project-card-copy h3{letter-spacing:-.06em;margin:0;font-size:2rem;line-height:1}.project-card-copy>p:not(.eyebrow){color:var(--muted);margin:1rem 0 1.4rem}.stack-list{flex-wrap:wrap;gap:.4rem;margin:0 0 1.6rem;padding:0;list-style:none;display:flex}.stack-list li{font:.63rem var(--font-mono),monospace;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:.35rem .55rem}.project-actions{flex-wrap:wrap;gap:1.2rem;font-size:.8rem;font-weight:700;display:flex}.project-actions a,.text-link{align-items:center;gap:.35rem;display:inline-flex}.project-actions a:hover,.text-link:hover{color:var(--orange)}.section-rule{border-top:1px solid var(--line);padding:7rem 0}.capabilities{grid-template-columns:.8fr 1.2fr;gap:4rem;display:grid}.capability-grid{gap:0;display:grid}.capability{border-bottom:1px solid var(--line);grid-template-columns:145px 1fr;gap:1rem;padding:1.25rem 0;display:grid}.capability:first-child{border-top:1px solid var(--line)}.capability h3{margin:0;font-size:.8rem}.capability p{color:var(--muted);margin:0;font-size:.87rem}.about{grid-template-columns:.8fr 1.2fr;gap:4rem;display:grid}.about-copy{max-width:620px}.about-copy p{letter-spacing:-.025em;margin:0 0 1.4rem;font-size:1.15rem}.about-copy p+p{color:var(--muted);font-size:1rem}.social-row{flex-wrap:wrap;gap:1.4rem;margin-top:2.2rem;display:flex}.social-row a{align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;display:inline-flex}.experience{grid-template-columns:.8fr 1.2fr;gap:4rem;display:grid}.experience-entry{border-top:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:2rem;padding:1.4rem 0 0;display:grid}.experience-entry h3{margin:0;font-size:1rem}.experience-entry p{color:var(--muted);margin:.2rem 0 0}.experience-entry ul{color:var(--muted);margin:0;padding:0;font-size:.9rem;list-style:none}.experience-entry li+li{margin-top:.65rem}.experience-entry li:before{content:"— ";color:var(--orange)}.contact{background:var(--ink);color:var(--paper);padding:8rem 0}.contact .section-kicker{color:var(--lime)}.contact h2{letter-spacing:-.07em;max-width:620px;margin:0;font-size:clamp(2.4rem,5vw,5rem);line-height:.98}.contact-email{border-bottom:1px solid var(--lime);align-items:center;gap:.6rem;margin:2.2rem 0 .9rem;font-size:clamp(1rem,2vw,1.45rem);display:inline-flex}.contact p:last-child{color:#bfc1b9;margin:0;font-size:.85rem}.contact p:last-child a{text-underline-offset:3px;text-decoration:underline}.footer{background:var(--ink);color:#bfc1b9;font:.65rem var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.06em;border-top:1px solid #383a37;padding:1.4rem 0}.footer-inner{justify-content:space-between;gap:1rem;display:flex}.footer p{margin:0}.footer div div{gap:1.2rem;display:flex}.project-hero{padding:4rem 0 6rem}.back-link{font:.7rem var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.project-hero-copy{max-width:900px;margin:4rem 0 3rem}.project-hero h1{font-size:clamp(3.2rem,7vw,6rem)}.project-lede{max-width:610px;color:var(--muted);margin:1.6rem 0 2.3rem;font-size:1.2rem;line-height:1.45}.project-info{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.8rem;padding:1.2rem 0;display:grid}.project-info span{color:var(--muted)}.project-info p{margin:.3rem 0 0;font-size:.87rem}.case-hero-image{background:var(--cream);border-radius:20px;overflow:hidden}.case-hero-image img{width:100%;height:auto;display:block}.overview{grid-template-columns:.8fr 1.2fr;gap:4rem;display:grid}.overview .section-intro{margin:0}.overview-copy>p{letter-spacing:-.03em;margin-top:0;font-size:1.35rem;line-height:1.4}.overview-copy dl{margin:3.2rem 0 0}.overview-copy dl div{border-top:1px solid var(--line);grid-template-columns:150px 1fr;gap:1rem;padding:1rem 0;display:grid}.overview-copy dt{font:.67rem var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.overview-copy dd{margin:0;font-size:.88rem}.features .section-intro,.challenges .section-intro,.architecture .section-intro{margin-bottom:3.3rem}.feature-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.feature-grid article{border-right:1px solid var(--line);padding:1.45rem 1.45rem 1.7rem}.feature-grid article:first-child{padding-left:0}.feature-grid article:last-child{border:0}.feature-grid span{font:.67rem var(--font-mono),monospace;color:var(--orange)}.feature-grid h3{letter-spacing:-.03em;margin:3.2rem 0 .7rem;font-size:1.1rem}.feature-grid p{color:var(--muted);margin:0;font-size:.85rem}.gallery{grid-template-columns:1.2fr .8fr;gap:1rem;margin-top:1rem;display:grid}.gallery figure{background:var(--cream);border-radius:14px;margin:0;overflow:hidden}.gallery figure:first-child{grid-row:span 2}.gallery img{width:100%;height:auto;display:block}.gallery figcaption{font:.62rem var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:.8rem 1rem}.challenge-list{border-top:1px solid var(--line)}.challenge-list article{border-bottom:1px solid var(--line);grid-template-columns:1.1fr 1fr 1fr 1fr;gap:1.5rem;padding:1.6rem 0;display:grid}.challenge-list h3{letter-spacing:-.03em;margin:0;font-size:1.02rem}.challenge-list p{color:var(--muted);margin:0;font-size:.84rem}.challenge-list .challenge-label{color:var(--ink);margin-bottom:.5rem}.architecture-flow{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:.6rem;display:grid}.architecture-node{background:var(--cream);flex-direction:column;justify-content:space-between;min-height:155px;padding:1.1rem;display:flex;position:relative}.architecture-node:not(:last-child):after{content:"→";z-index:1;text-align:center;width:1rem;color:var(--orange);position:absolute;top:50%;right:-.55rem;transform:translateY(-50%)}.architecture-node span{color:var(--orange)}.architecture-node p{margin:0;font-size:.9rem;font-weight:700;line-height:1.25}.quality-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.quality-grid>div{background:var(--ink);color:var(--paper);padding:1.4rem}.quality-grid>div:last-child{background:var(--blue)}.quality-grid h3{margin:0 0 1rem;font-size:.82rem}.quality-grid ul{color:#d6d8d2;margin:0;padding:0;font-size:.81rem;list-style:none}.quality-grid li+li{margin-top:.4rem}.quality-grid li:before{content:"• ";color:var(--lime)}.preview{width:min(1180px,100% - 48px);margin:0 auto}.preview-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.6rem;display:flex}.preview-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.preview-heading p{color:var(--muted);max-width:540px;margin:.7rem 0 0;font-size:.88rem}.text-link{white-space:nowrap;font-size:.8rem;font-weight:700}.preview-controls{gap:.4rem;margin-bottom:.8rem;display:flex}.preview-controls button{border:1px solid var(--line);font:.63rem var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .72rem}.preview-controls button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.browser-frame{background:var(--cream);border-radius:15px;padding:.8rem;overflow:hidden}.browser-bar{align-items:center;gap:.35rem;height:30px;padding:0 .2rem .7rem;display:flex}.browser-bar span{background:var(--orange);border-radius:50%;width:8px;height:8px}.browser-bar span:nth-child(2){background:var(--lime)}.browser-bar span:nth-child(3){background:var(--blue)}.browser-bar p{color:var(--muted);font:.62rem var(--font-mono),monospace;margin:0 0 0 .4rem}.iframe-wrap{background:#fff;width:100%;height:620px;margin:0 auto;transition:max-width .35s;position:relative;overflow:hidden}.iframe-wrap iframe{background:#fff;border:0;width:100%;height:100%}.iframe-fallback{background:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.iframe-fallback a{border-bottom:1px solid var(--ink);align-items:center;gap:.4rem;display:inline-flex}.next-project{padding:7rem 0}.next-project>a{letter-spacing:-.07em;justify-content:space-between;align-items:center;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:650;line-height:1;display:flex}.next-project>a:hover{color:var(--orange)}.next-project svg{width:clamp(2rem,5vw,4rem);height:clamp(2rem,5vw,4rem)}.not-found{min-height:100vh;padding:15vw max(24px,10vw)}.not-found a{border-bottom:1px solid var(--ink);margin-top:2rem;display:inline-block}@media (max-width:800px){.shell,.preview{width:min(100% - 32px,1180px)}.nav{min-height:64px}.nav-toggle{z-index:2;display:block}.nav-links{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 16px 1.4rem;display:none;position:absolute;top:64px;left:0;right:0}.nav-links.is-open{display:flex}.hero{padding:6.5rem 0 3rem}.hero h1{font-size:clamp(2.8rem,12vw,4.3rem)}.hero-lower{grid-template-columns:1fr;margin-top:2rem}.hero-actions{justify-content:flex-start}.hero-meta{flex-direction:column;margin-top:3rem}.work-section,.section-rule{padding:4.8rem 0}.section-intro{margin-bottom:2.6rem}.project-list{gap:4.5rem}.project-card,.project-card:nth-child(2n){grid-template-columns:1fr;gap:1.5rem}.project-card:nth-child(2n) .project-visual{order:0}.project-card-copy h3{font-size:1.75rem}.capabilities,.about,.experience,.overview{grid-template-columns:1fr;gap:0}.capability{grid-template-columns:105px 1fr}.about-copy p{font-size:1.06rem}.experience-entry{grid-template-columns:1fr;gap:1rem}.contact{padding:5rem 0}.footer-inner{flex-direction:column}.project-hero{padding:2.7rem 0 4rem}.project-hero-copy{margin:3rem 0 2rem}.project-info{grid-template-columns:1fr;gap:1rem}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article:first-child{border-right:0;border-bottom:1px solid var(--line);padding:1.4rem 0}.feature-grid article:last-child{border-bottom:0}.feature-grid h3{margin-top:1.5rem}.gallery{grid-template-columns:1fr}.gallery figure:first-child{grid-row:auto}.challenge-list article{grid-template-columns:1fr;gap:.85rem}.architecture-flow{grid-template-columns:1fr}.architecture-node{min-height:110px}.architecture-node:not(:last-child):after{content:"↓";inset:auto auto -.72rem 50%;transform:translate(-50%)}.quality-grid{grid-template-columns:1fr}.preview-heading{flex-direction:column;align-items:flex-start;gap:.9rem}.iframe-wrap{height:520px}.project-hero h1{font-size:clamp(2.9rem,13vw,4.2rem)}}.hero-email{color:var(--muted);align-self:center;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;display:inline-flex}.hero-email:hover{color:var(--orange)}.hero-email svg{width:17px;height:17px}.project-visual>img{width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.1,1);display:block}.project-visual:hover>img{transform:scale(1.025)}.project-app-icon,.case-app-icon{background:var(--paper);place-items:center;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.project-app-icon,.case-app-icon{background:color-mix(in srgb,var(--paper)90%,transparent)}}.project-app-icon,.case-app-icon{border:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.project-app-icon,.case-app-icon{border:1px solid color-mix(in srgb,var(--line)75%,transparent)}}.project-app-icon,.case-app-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 30px #1a1c1a29}.project-app-icon{border-radius:16px;width:58px;height:58px;padding:7px;top:1rem;right:1.1rem}.project-app-icon img,.case-app-icon img{object-fit:contain;width:100%;height:100%}.case-hero-image{position:relative}.case-hero-image>img{width:100%;height:auto;display:block}.case-app-icon{border-radius:22px;width:82px;height:82px;padding:10px;top:1.5rem;right:1.5rem}@media (max-width:800px){.case-app-icon{border-radius:17px;width:62px;height:62px;padding:7px;top:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.project-gallery{outline:none;margin-top:1rem}.project-gallery:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.project-gallery-frame{aspect-ratio:16/9;background:var(--cream);border-radius:14px;overflow:hidden}.project-gallery-frame img{object-fit:cover;width:100%;height:100%;display:block}.project-gallery-controls{grid-template-columns:1fr minmax(0,2fr) 1fr;align-items:center;gap:1rem;margin-top:.8rem;display:grid}.project-gallery-controls button{border:1px solid var(--ink);width:fit-content;color:var(--ink);cursor:pointer;font:.65rem var(--font-mono),monospace;letter-spacing:.05em;text-transform:uppercase;background:0 0;border-radius:999px;align-items:center;gap:.45rem;padding:.52rem .8rem;display:inline-flex}.project-gallery-controls button:hover{background:var(--ink);color:var(--paper)}.project-gallery-controls button:last-child{justify-self:end}.project-gallery-controls p{color:var(--muted);font:.65rem var(--font-mono),monospace;letter-spacing:.05em;text-align:center;text-transform:uppercase;margin:0}@media (max-width:800px){.project-gallery-controls{grid-template-columns:1fr auto}.project-gallery-controls p{text-align:left;grid-area:2/1/auto/-1}.project-gallery-controls button span{display:none}}body{font-size:calc(var(--type-body)*var(--text-scale))}.hero h1,.project-hero h1,.not-found h1,.next-project>a{font-size:calc(var(--type-title)*var(--text-scale))}.section-intro h2,.preview-heading h2,.contact h2,.project-card-copy h3,.feature-grid h3,.challenge-list h3,.architecture-node p,.quality-grid h3{font-size:calc(var(--type-heading)*var(--text-scale))}.hero-lower>p,.section-intro>p:not(.section-kicker),.project-lede,.overview-copy>p,.about-copy p,.capability p,.experience-entry p,.experience-entry ul,.feature-grid p,.challenge-list p,.project-info p,.overview-copy dd,.preview-heading p,.quality-grid ul,.contact p:last-child{font-size:calc(var(--type-body)*var(--text-scale))}.eyebrow,.section-kicker,.mono,.project-info span,.challenge-label,.architecture-node span,.nav-links,.text-link,.project-actions,.stack-list li,.preview-controls button,.browser-bar p,.gallery figcaption,.footer,.back-link,.project-gallery-controls button,.project-gallery-controls p{font-size:calc(var(--type-subtext)*var(--text-scale))}.project-card .project-visual{aspect-ratio:16/9}.project-card .project-visual>img{object-fit:cover;width:100%;height:100%}.text-size-control{position:relative}.text-size-trigger{border:1px solid var(--line);color:var(--ink);cursor:pointer;font-size:calc(var(--type-subtext)*var(--text-scale));white-space:nowrap;background:0 0;border-radius:999px;padding:.48rem .75rem;font-weight:700}.text-size-trigger:hover,.text-size-trigger[aria-expanded=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.text-size-popover{z-index:3;border:1px solid var(--line);background:var(--paper);border-radius:12px;width:220px;padding:.8rem;position:absolute;top:calc(100% + .7rem);right:0;box-shadow:0 14px 35px #1a1c1a29}.text-size-popover>p{color:var(--muted);font:calc(var(--type-subtext)*var(--text-scale))var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem}.text-size-popover [role=radiogroup]{gap:.2rem;display:grid}.text-size-popover [role=radio]{width:100%;color:var(--ink);cursor:pointer;text-align:left;font-size:calc(var(--type-subtext)*var(--text-scale));background:0 0;border:0;border-radius:7px;justify-content:space-between;padding:.55rem .6rem;display:flex}.text-size-popover [role=radio]:hover,.text-size-popover [role=radio].is-selected{background:var(--cream)}.text-size-popover [role=radio].is-selected span:first-child:before{content:"✓ ";color:var(--orange)}.external-preview{border:1px solid var(--line);background:var(--cream);border-radius:18px;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1rem,3vw,2rem);display:grid}.external-preview-image{aspect-ratio:16/9;background:var(--paper);border-radius:12px;overflow:hidden}.external-preview-image img{object-fit:cover;width:100%;height:100%;display:block}.external-preview-copy{justify-items:start;gap:1.2rem;display:grid}.external-preview-label{color:var(--muted);font:calc(var(--type-subtext)*var(--text-scale))var(--font-mono),monospace;letter-spacing:.06em;text-transform:uppercase;margin:0}.external-preview-label+p{font-size:calc(var(--type-heading)*var(--text-scale));letter-spacing:-.05em;overflow-wrap:anywhere;margin:0;font-weight:650}.project-card-copy h3{font-size:calc(var(--type-heading)*.58*var(--text-scale))}.feature-grid h3,.challenge-list h3,.architecture-node p,.quality-grid h3{font-size:calc(var(--type-heading)*.42*var(--text-scale))}.contact h2{font-size:calc(var(--type-title)*.76*var(--text-scale))}.project-hero-copy,.project-hero h1{width:100%;max-width:none}@media (max-width:800px){.text-size-control{order:2;margin-left:auto;margin-right:.35rem}.nav-toggle{order:3}.text-size-popover{right:0}.hero h1,.project-hero h1,.not-found h1,.next-project>a{font-size:calc(var(--type-title)*var(--text-scale))}.external-preview{grid-template-columns:1fr}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
