@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a6c19694cd327cd4-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/851c4691abdf3def-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a8a8dd7277bab4cf-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/313510e2713fb214-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/a6c19694cd327cd4-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/851c4691abdf3def-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/a8a8dd7277bab4cf-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/313510e2713fb214-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/a6c19694cd327cd4-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/851c4691abdf3def-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/a8a8dd7277bab4cf-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/313510e2713fb214-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a6c19694cd327cd4-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/851c4691abdf3def-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a8a8dd7277bab4cf-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/313510e2713fb214-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Hanken Grotesk Fallback;src:local("Arial");ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.00%;size-adjust:100.94%}.__className_c8454b{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.__variable_c8454b{--font-reading:"Hanken Grotesk","Hanken Grotesk Fallback"}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/5ece437c7024c161-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/9cc5b37ab1350db7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/35f3de0ebb1cfc70-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e6099e249fd938cc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Instrument Serif Fallback";src:local("Times New Roman");ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.00%;size-adjust:83.94%}.__className_1f5468{font-family:"Instrument Serif","Instrument Serif Fallback";font-weight:400}.__variable_1f5468{--font-display:"Instrument Serif","Instrument Serif Fallback"}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-reading);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.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}}.block{display:block}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grayscale{--tw-grayscale:grayscale(100%);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{--paper:#f6f4ed;--ink:#263b50;--accent:#a45339;--muted:#5c6975;--line:#bdc7ce;--surface:#e9edf0;--lime:#e9edf0;--radius:14px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--muted)var(--paper);scroll-padding-top:28px}body{background:var(--paper);color:var(--ink);font-family:var(--font-reading),sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px;text-decoration:none}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{color:var(--ink);background:#e4d0c5}svg{flex-shrink:0;display:block}.skip-link{z-index:50;background:var(--ink);color:var(--paper);padding:14px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.contact,.header,.intro,.photo-section-inner,.work-index{width:min(100% - 112px,1240px);margin-inline:auto}.header{border-bottom:1px solid var(--line);align-items:center;gap:30px;padding-block:27px;display:flex}.brand,.footer-name{font-family:var(--font-display),serif;letter-spacing:-.04em;font-size:43px;line-height:1}.brand-period{color:var(--accent)}.header-role{color:var(--muted);font-size:12px}.header nav{align-items:center;gap:30px;margin-left:auto;font-size:13px;display:flex}.header nav a{align-items:center;gap:9px;min-height:44px;display:inline-flex}.header a:hover,.header nav a:last-child,.intro a:hover,.section-heading a:hover{color:var(--accent)}.intro{padding-block:76px 73px}.intro-title-row{justify-content:space-between;align-items:center;gap:30px;display:flex}h1{font-family:var(--font-display),serif;letter-spacing:-.035em;margin:0;font-size:clamp(68px,8vw,96px);font-weight:400;line-height:1.04}.intro-asterisk,h1 em{color:var(--accent)}.intro-asterisk{width:91px;height:91px;margin-right:8%}.intro-bottom{grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-top:34px;display:grid}.intro-scroll{align-items:center;gap:15px;width:fit-content;font-size:13px;display:flex}.round-arrow{border:1px solid var(--line);border-radius:50%;place-items:center;width:49px;height:49px;transition:background .2s,color .2s;display:grid}.intro-scroll:hover .round-arrow{background:var(--accent);color:var(--paper);border-color:var(--accent)}.intro-description{max-width:470px}.intro-description>p{letter-spacing:-.02em;margin:0;font-size:22px;line-height:1.5}.intro-meta{color:var(--muted);justify-content:space-between;gap:20px;margin-top:25px;font-size:12px}.intro-meta,.intro-meta a{align-items:center;display:flex}.intro-meta a{color:var(--accent);gap:6px;min-height:44px}.work-index{border-top:1px solid var(--line);padding-top:28px;padding-bottom:95px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:23px;font-weight:500}.heading-count{color:var(--muted);vertical-align:top;letter-spacing:0;margin-left:9px;font-size:12px}.section-heading>a{align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.project-spreads{grid-template-columns:1fr 1fr;gap:58px 36px;display:grid}.project-spread{min-width:0}.spread-visual{background:#d9e3d1;place-items:center;min-height:535px;padding:34px;display:grid;position:relative;overflow:hidden}.project-1 .spread-visual{background:#dcdfee}.project-2 .spread-visual{background:#cadce2;min-height:450px}.project-3 .spread-visual{background:#e6d9c7;min-height:450px}.preview-open{width:44px;height:44px;color:var(--ink);background:#ffffffa8;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid;position:absolute;top:15px;right:15px}.preview-open:hover{background:var(--ink);color:var(--paper)}.spread-copy{padding-top:23px}.project-title-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.spread-copy h3{letter-spacing:-.035em;margin:0;font-size:28px;font-weight:500}.spread-copy h3 button{color:inherit;text-align:left;background:0 0;min-height:44px;padding:0}.spread-copy h3 button:hover{color:var(--accent)}.project-platform{color:var(--muted);font-size:11px}.spread-copy>p{color:var(--muted);max-width:480px;margin:10px 0 0;font-size:15px;line-height:1.65}.spread-actions{flex-wrap:wrap;align-items:center;gap:26px;margin-top:14px;display:flex}.spread-actions :is(a,button){min-height:44px;color:var(--accent);background:0 0;align-items:center;gap:7px;padding:0;font-size:12px;display:flex}.spread-actions button{color:var(--muted)}.spread-actions :is(a,button):hover{text-decoration:underline}.split-study{width:min(100%,350px);position:relative}.receipt{color:var(--ink);background:#fffef4;border-radius:8px 8px 0 0;padding:27px 29px 22px;position:relative;box-shadow:10px 18px 40px #6a241e2b}.receipt:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%,95% 0,90% 100%,85% 0,80% 100%,75% 0,70% 100%,65% 0,60% 100%,55% 0,50% 100%,45% 0,40% 100%,35% 0,30% 100%,25% 0,20% 100%,15% 0,10% 100%,5% 0,0 100%);background:#fffef4;height:9px;position:absolute;bottom:-8px;left:0;right:0}.receipt-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.receipt-heading>span:first-child{font-family:var(--font-display),sans-serif;letter-spacing:-.04em;font-size:30px;font-weight:700}.receipt-symbol{background:var(--lime);border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.receipt h3{letter-spacing:-.02em;margin:0 0 5px;font-size:20px;font-weight:600}.example-label{color:var(--muted);margin:0;font-size:11px}.receipt-items{gap:12px;margin:22px 0 17px;display:grid}.receipt-items>div{justify-content:space-between;gap:20px;font-size:13px;display:flex}.receipt-items dd{font-variant-numeric:tabular-nums;margin:0}.receipt-total{border-top:1px dashed #b2b6a8;justify-content:space-between;gap:16px;padding-top:17px;font-size:13px;display:flex}.receipt-total strong{font-variant-numeric:tabular-nums;font-size:17px}.people-picker{border:0;min-width:0;margin:22px 0 20px;padding:0}.people-picker legend{color:var(--muted);padding:0 0 9px;font-size:11px}.people-picker>div{gap:6px;display:flex}.people-picker button{min-height:44px;color:var(--ink);background:#edeee4;border-radius:5px;flex:1;padding:8px 4px;font-size:12px}.people-picker button[aria-pressed=true]{background:var(--ink);color:#fffef4}.people-picker button:hover:not([aria-pressed=true]){background:#dfe4cf}.lead-project .people-picker button:focus-visible{outline-color:var(--accent)}.receipt-result{background:var(--lime);border-radius:5px;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;display:flex}.receipt-result>span{max-width:85px;font-size:12px;line-height:1.5}.receipt-result output{font-family:var(--font-display),sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:600}.receipt-bottom{color:#52633c;gap:7px;margin-top:16px;font-size:10px}.receipt-bottom,.split-caption{justify-content:center;align-items:center;display:flex}.split-caption{gap:12px;margin-top:24px;font-size:11px}.compass-study{width:min(100%,360px);padding-top:57px;position:relative}.road-sign{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);z-index:1;background:#bf3828;place-items:center;width:113px;height:113px;display:grid;position:absolute;top:-4px;right:20px}.road-sign:before{background:#fffef4;inset:5px}.road-sign:after,.road-sign:before{content:"";clip-path:inherit;position:absolute}.road-sign:after{background:#bf3828;inset:8px}.road-sign span{z-index:1;font-family:var(--font-display),sans-serif;color:#fffef4;font-size:29px;font-weight:700}.practice-sheet{background:#f9faef;border-radius:9px;padding:26px 25px 20px;box-shadow:6px 15px 34px #5762401a}.study-topline{color:#526044;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.study-topline span:last-child{padding-right:100px;display:none}.practice-sheet h4{font-family:var(--font-display),sans-serif;letter-spacing:-.03em;margin:38px 0 26px;font-size:29px;font-weight:600;line-height:1.12}.practice-answer{color:#344526;background:#d9e9bb;border-radius:5px;align-items:center;gap:10px;padding:16px 13px;font-size:12px;display:flex}.study-footnote{color:#606859;margin:20px 0 0;font-size:10px}.xer-study{color:#eff3f2;background:#242c30;border-radius:10px;width:min(100%,390px);overflow:hidden;box-shadow:8px 18px 38px #33424924}.workbench-bar{border-bottom:1px solid #ffffff1c;align-items:center;gap:23px;padding:14px 18px;font-size:11px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#7b8a90;border-radius:50%;width:7px;height:7px}.workbench-content{padding:20px}.workbench-project{justify-content:space-between;gap:10px;margin-bottom:22px;font-size:12px;display:flex}.workbench-project>span{align-items:center;gap:9px;display:flex}.workbench-setting{justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;display:flex}.workbench-setting>span{color:#b4c0c3}.workbench-setting strong{font-weight:500}.run-illustration{color:#263523;background:#cce5b0;border-radius:4px;justify-content:center;align-items:center;gap:9px;margin-block:23px;padding:13px;font-size:12px;display:flex}.build-output{color:#c8d1d3;gap:9px;font-family:ui-monospace,monospace;font-size:10px;display:grid}.build-success{color:#cce5b0;align-items:center;gap:6px;display:flex}.xer-study .study-footnote{color:#b4c0c3}.note-study{color:#33352b;background:#fbf9f1;border-radius:8px;width:min(100%,345px);overflow:hidden;box-shadow:7px 18px 36px #725e3e1c}.note-tabs{border-bottom:1px solid #e3e1d6;justify-content:space-between;padding:14px 19px;font-size:10px}.note-tabs,.note-tabs>span{align-items:center;display:flex}.note-tabs>span{gap:8px}.note-content{padding:22px 25px}.note-format{color:#6a6c5f;font-size:10px}.note-content h4{font-family:var(--font-display),sans-serif;letter-spacing:-.03em;margin:11px 0 15px;font-size:26px;font-weight:600}.note-content>p:not(.study-footnote){margin:0;font-size:12px;line-height:1.7}.note-content ul{gap:9px;margin:22px 0;padding:0;font-size:11px;list-style:none;display:grid}.note-content li{align-items:center;gap:9px;display:flex}.note-checkbox{border:1px solid #929985;border-radius:2px;width:13px;height:13px}.note-source{color:#646958;background:#eeeee2;border-radius:4px;padding:14px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.6}.note-content h4,.practice-sheet h4,.receipt-heading>span:first-child,.receipt-result output,.road-sign span{font-family:var(--font-reading),sans-serif}.spread-visual .split-study{width:290px}.spread-visual .receipt{padding:20px 24px 17px}.spread-visual .receipt-heading{margin-bottom:14px}.spread-visual .receipt-items{gap:8px;margin-block:15px}.spread-visual .people-picker{margin-block:13px}.spread-visual .receipt-result{padding:10px 14px}.spread-visual .receipt-bottom{margin-top:11px}.spread-visual .split-caption{display:none}.receipt{box-shadow:0 14px 30px #22362418}.receipt:after{display:none}.note-study,.practice-sheet,.receipt,.xer-study{border-radius:12px}.compass-study{width:min(100%,330px)}.xer-study{width:min(100%,365px)}.photo-section{color:#f6f4ed;background:#192a3a;padding-block:74px 52px}.photo-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:39px;display:flex}.photo-heading h2{font-family:var(--font-display),serif;letter-spacing:-.03em;margin:0;font-size:clamp(45px,5.4vw,72px);font-weight:400;line-height:1.06}.photo-heading h2 em{color:#c6d6e2}.photo-heading p{color:#c1cbd3;margin:18px 0 0;font-size:14px;line-height:1.65}.photo-heading>a{white-space:nowrap;align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.photo-main{background:#14212d;place-items:center;height:590px;display:grid;overflow:hidden}.photo-main-link{min-height:0}.photo-main img,.photo-main-link{width:100%;height:100%;display:block}.photo-main img{object-fit:contain;animation:photo-arrive .45s cubic-bezier(.16,1,.3,1)}@keyframes photo-arrive{0%{filter:saturate(.6)}to{filter:saturate()}}.photo-caption{justify-content:space-between;align-items:center;gap:25px;padding-block:22px;display:flex}.photo-caption h3{margin:0 0 7px;font-size:18px;font-weight:400}.photo-caption span{color:#c1cbd3;font-size:12px}.photo-navigation{align-items:center;gap:9px;display:flex}.photo-counter{font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:17px}.photo-navigation button{color:inherit;background:0 0;border:1px solid #637380;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.photo-navigation button:hover{color:#192a3a;background:#f6f4ed}.photo-contact-sheet{border-top:1px solid #455563;grid-template-columns:repeat(6,minmax(0,1fr));padding-top:17px;display:grid}.photo-contact-sheet button{color:inherit;opacity:.65;background:0 0;border:1px solid #0000;padding:5px;transition:opacity .2s;position:relative}.photo-contact-sheet button[aria-pressed=true]{opacity:1;border-color:#d4e0e9}.photo-contact-sheet button:hover{opacity:1}.photo-contact-sheet img{object-fit:cover;width:100%;height:105px;display:block}.photo-contact-sheet span{text-align:left;font-variant-numeric:tabular-nums;margin-top:8px;font-size:10px;display:block}.photo-bottom{justify-content:space-between;align-items:center;gap:20px;padding-top:19px;display:flex}.photo-bottom :is(button,a),.photo-empty :is(button,a),.photo-image-error :is(button,a){min-height:44px;color:inherit;background:0 0;align-items:center;gap:9px;padding:0;font-size:12px;display:inline-flex}.photo-bottom :is(button,a):hover,.photo-heading a:hover{text-decoration:underline}.photo-section :is(a,button):focus-visible{outline-color:#c6d6e2}.photo-empty,.photo-image-error{text-align:center;color:#c1cbd3;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:360px;padding:30px;display:flex}.photo-empty{border:1px solid #455563}.photo-empty p,.photo-image-error p{margin:0}.contact{padding-block:79px 0}.contact-top{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:14px;display:flex}.contact-top p{margin:0}.contact-top>svg{color:var(--accent)}.contact h2{font-family:var(--font-display),serif;letter-spacing:-.035em;margin:24px 0 33px;font-size:clamp(52px,7vw,92px);font-weight:400;line-height:1.1}.contact h2 em{color:var(--accent)}.contact-bottom{justify-content:space-between;gap:30px}.contact-bottom,.email-line{align-items:center;display:flex}.email-line{gap:15px;position:relative}.email-line>a{letter-spacing:-.02em;align-items:center;min-height:44px;font-size:23px;display:flex}.email-line button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;display:grid}.email-line button:hover{background:#e1e6f4}.copy-status{color:var(--accent);white-space:nowrap;font-size:12px;position:absolute;top:49px;left:0}.social-links{gap:27px;font-size:12px;display:flex}.social-links a{align-items:center;gap:6px;min-height:44px;display:flex}.social-links a:hover{color:var(--accent)}.contact>footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:25px;margin-top:65px;padding:22px 0;font-size:11px;display:flex}.footer-name{color:var(--ink);font-size:34px}.footer-credit{margin-right:auto}.contact>footer button{min-height:44px;color:inherit;background:0 0;padding:10px;font-size:11px}.contact>footer>a{align-content:center;min-height:44px}body:has(.project-dialog[open]){overflow:hidden}.project-dialog{border-radius:var(--radius);background:var(--paper);width:calc(100% - 48px);max-width:1040px;max-height:92svh;color:var(--ink);border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 100px #263b5040}.project-dialog::backdrop{background:#222620a6}.dialog-toolbar{z-index:4;background:var(--paper);justify-content:space-between;align-items:center;padding:14px 22px 14px 28px;font-size:12px;display:flex;position:sticky;top:0}.toolbar-total{color:var(--muted);padding-left:6px}.dialog-tools{gap:7px;display:flex}.dialog-tools button{width:44px;height:44px;color:var(--ink);background:#e9edf0;border-radius:50%;place-items:center;display:grid}.dialog-tools button:hover{background:#d9dfcd}.dialog-tools .dialog-close{background:var(--ink);color:var(--paper);margin-left:9px}.dialog-inner{grid-template-columns:1fr 1fr;gap:36px;padding:3px 28px 30px;display:grid}.dialog-art{background:#e4e8d7;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:30px 22px;display:flex;overflow:hidden}.dialog-art.project-0 .split-caption{color:var(--ink)}.art-caption{display:none}.dialog-copy{align-self:center;padding:24px 8px 25px 0}.project-category{color:var(--muted);font-size:11px}.dialog-copy h2{font-family:var(--font-display),sans-serif;letter-spacing:-.04em;margin:15px 0 25px;font-size:44px;font-weight:700;line-height:1}.dialog-copy p{color:var(--muted);margin:0 0 23px;font-size:14px;line-height:1.85}.project-features{gap:12px;margin:0 0 24px;padding:0;font-size:12px;list-style:none;display:grid}.project-features li{align-items:center;gap:10px;display:flex}.project-features svg{color:#52633d}.tech-tags{flex-wrap:wrap;gap:7px;margin-bottom:28px;display:flex}.tech-tags span{color:#505b42;background:#e9edf0;border-radius:4px;padding:7px 10px;font-size:10px}.project-link{background:var(--ink);color:var(--paper);border-radius:6px;justify-content:space-between;align-items:center;gap:15px;padding:16px 19px;font-size:13px;display:flex}.project-link:hover{background:#354e65}.dialog-projects{justify-content:center;gap:10px;padding:0 28px 25px;display:flex}.dialog-projects button{color:var(--muted);white-space:nowrap;background:0 0;border-radius:5px;padding:10px 17px;font-size:12px}.dialog-projects button[aria-current]{color:var(--ink);background:#e9edf0}.motion-paused *{transition:none!important;animation-play-state:paused!important}.motion-paused .is-developed .photo-emulsion img{filter:none;animation:none!important}.dialog-copy h2{font-weight:400}.dialog-art.project-0{background:#d9e3d1}.dialog-art.project-1{background:#dcdfee}.dialog-art.project-2{background:#cadce2}.dialog-art.project-3{background:#e6d9c7}.dialog-projects button{min-height:44px}.motion-paused *,.photos-paused *{scroll-behavior:auto!important;transition:none!important;animation:none!important}html:has(.motion-paused){scroll-behavior:auto}@media (min-width:1500px){.intro{padding-block:92px}}@media (max-width:1000px){.contact,.header,.intro,.photo-section-inner,.work-index{width:calc(100% - 64px)}.header-role{display:none}.intro-asterisk{margin-right:3%}.intro-description>p{font-size:20px}.intro-bottom{grid-template-columns:.8fr 1.2fr;gap:30px}.project-spreads{gap:40px 24px}.spread-visual{padding:28px 20px}.project-title-line{flex-direction:column;align-items:start;gap:1px}.photo-main{height:480px}.photo-contact-sheet img{height:85px}.dialog-copy{padding:32px}}@media (max-width:650px){html{scroll-padding-top:18px}.contact,.header,.intro,.photo-section-inner,.work-index{width:calc(100% - 40px)}.header{flex-wrap:wrap;gap:16px;padding-block:16px}.brand{font-size:35px}.header nav{gap:17px;font-size:11px}.header nav a:last-child{display:none}.intro{padding-block:48px 43px}h1{font-size:clamp(57px,12vw,78px)}.intro-asterisk{width:40px;height:40px;margin:0}.intro-title-row{gap:12px}.intro-bottom{flex-direction:column-reverse;align-items:stretch;gap:26px;margin-top:27px;display:flex}.intro-description>p{font-size:19px;line-height:1.55}.intro-meta{margin-top:14px;font-size:11px}.intro-scroll{font-size:12px}.round-arrow{width:42px;height:42px}.work-index{padding-top:17px;padding-bottom:52px}.section-heading{margin-bottom:19px}.section-heading h2{font-size:20px}.section-heading>a{font-size:12px}.project-spreads{grid-template-columns:1fr;gap:35px}.spread-visual{min-height:530px;padding:30px 22px}.project-1 .spread-visual{min-height:390px}.project-2 .spread-visual,.project-3 .spread-visual{min-height:450px}.spread-copy{padding-top:16px}.project-title-line{flex-direction:row;align-items:center;gap:8px}.spread-copy h3{font-size:26px}.project-platform{font-size:10px}.spread-copy>p{margin-top:7px;font-size:14px}.spread-actions{gap:25px;margin-top:7px}.photo-section{padding-block:47px 28px}.photo-heading{flex-direction:column;align-items:start;gap:10px;margin-bottom:20px}.photo-heading h2{font-size:47px}.photo-heading p{max-width:280px;margin-top:16px;font-size:13px}.photo-heading>a{font-size:12px}.photo-main{height:390px}.photo-caption{flex-wrap:wrap;gap:17px;padding-block:20px}.photo-caption h3{font-size:16px}.photo-navigation{margin-left:auto}.photo-contact-sheet{gap:5px}.photo-contact-sheet button{padding:3px}.photo-contact-sheet img{height:56px}.photo-contact-sheet span{font-size:9px}.photo-bottom{gap:12px}.photo-bottom :is(a,button){gap:6px;font-size:11px}.contact{padding-top:45px}.contact-top{font-size:12px}.contact-top svg{width:25px}.contact h2{max-width:340px;margin-block:21px 24px;font-size:57px}.contact-bottom{flex-direction:column;align-items:start;gap:25px}.social-links{gap:25px}.contact>footer{flex-wrap:wrap;gap:5px 17px;margin-top:36px}.footer-credit{flex-basis:calc(100% - 90px);margin:0}.contact>footer button{margin-right:auto;padding-left:0}.project-dialog{width:calc(100% - 24px);max-height:94svh}.dialog-inner{grid-template-columns:1fr}.dialog-art{min-height:360px;padding:30px 22px}.dialog-copy{padding:30px 24px}.dialog-copy h2{font-size:47px}.dialog-toolbar{padding:10px 12px 10px 20px}.dialog-tools{gap:3px}.dialog-tools .dialog-close{margin-left:3px}.dialog-projects{flex-wrap:wrap;gap:8px;padding:15px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.project-list{border-top:1px solid var(--line)}.project-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.4fr .8fr;align-items:start;gap:44px;padding:38px 0;display:grid}.project-identity h3{font-family:var(--font-display),serif;letter-spacing:-.025em;margin:0 0 9px;font-size:43px;font-weight:400;line-height:1.05}.project-identity h3 button{color:inherit;text-align:left;background:0 0;min-height:44px;padding:0}.project-identity h3 button:hover{color:var(--accent)}.project-identity>span,.project-summary>span{color:var(--muted);font-size:12px;line-height:1.6}.project-summary p{margin:0 0 13px;font-size:16px;line-height:1.65}.project-row-actions{flex-direction:column;align-items:end;gap:5px;display:flex}.project-row-actions :is(a,button){min-height:44px;color:var(--accent);text-align:left;background:0 0;align-items:center;gap:10px;padding:0;font-size:13px;display:inline-flex}.project-row-actions button{color:var(--muted)}.project-row-actions :is(a,button):hover{text-decoration:underline}.photo-contact-sheet{scrollbar-color:#8095a6 #14212d;gap:13px;padding-bottom:12px;display:flex;overflow-x:auto}.photo-contact-sheet button{flex:0 0 155px}.photo-load-more{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding-top:26px;display:flex}.photo-load-more button{min-height:44px;color:inherit;background:0 0;border:1px solid #637380;align-items:center;gap:12px;padding:12px 18px;display:inline-flex}.photo-load-more button:hover:not(:disabled){color:#192a3a;background:#f6f4ed}.photo-load-more>span{color:#c1cbd3;font-size:12px}@media (max-width:1000px){.project-row{grid-template-columns:.9fr 1.4fr;gap:20px 30px}.project-row-actions{flex-flow:wrap;grid-column:2;gap:24px}}@media (max-width:650px){.project-row{grid-template-columns:1fr;gap:18px;padding-block:29px}.project-row-actions{grid-column:auto}.project-identity h3{font-size:38px}.project-summary p{font-size:15px}.photo-contact-sheet button{flex-basis:92px}.photo-contact-sheet img{height:75px}}.personal-hero{color:#f6f4ed;background:#254bba;border-radius:14px;width:min(100% - 64px,1376px);margin:22px auto 68px;padding:54px 48px 0}.hero-content{grid-template-columns:1.3fr 1fr;align-items:end;gap:70px;padding-bottom:56px;display:grid}.hero-name h1{font-family:var(--font-display),serif;letter-spacing:-.035em;margin:0 0 28px;font-size:96px;font-weight:400;line-height:.95}.hero-name h1 span{color:#dce6bb}.hero-name>p{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3.3vw,45px);font-weight:400;line-height:1.16}.hero-name em{font-family:var(--font-display),serif;font-size:1.12em}.hero-introduction{max-width:350px;padding-bottom:2px}.hero-introduction p{color:#eef1ff;margin:0 0 25px;font-size:18px;line-height:1.65}.hero-introduction a{align-items:center;gap:20px;min-height:44px;font-size:14px;display:inline-flex}.hero-navigation{border-top:1px solid #fff5;grid-template-columns:1fr 1fr;display:grid}.hero-navigation a{justify-content:space-between;align-items:center;gap:20px;padding-block:24px;font-size:14px;display:flex}.hero-navigation a:first-child{padding-right:30px}.hero-navigation a:last-child{border-left:1px solid #fff5;padding-left:30px}.personal-hero a:hover{color:#dce6bb}.personal-hero a:focus-visible{outline-color:#dce6bb}.project-card-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.project-card{color:#243a2b;background:#e1e8d9;border-radius:14px;min-width:0;padding:27px 28px 0}.card-compass{color:#343453;background:#e5e4f2}.card-xer{color:#f0f3f4;background:#233846}.card-quivnote{color:#45392b;background:#ede2d1}.project-card-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.project-card-top h3{font-family:var(--font-reading),sans-serif;letter-spacing:-.035em;margin:0;font-size:31px;font-weight:600}.project-card-top h3 button{color:inherit;text-align:left;background:0 0;min-height:44px;padding:0}.card-explore{width:44px;height:44px;color:inherit;background:0 0;border:1px solid;border-radius:50%;place-items:center;transition:background .2s;display:grid}.card-explore:hover{background:#ffffff38}.project-card-body{grid-template-columns:1.05fr 1fr;align-items:center;gap:26px;min-height:267px;padding-block:30px;display:grid}.project-card-copy>p{letter-spacing:-.02em;margin:0 0 14px;font-size:20px;line-height:1.3}.project-card-copy>span{font-size:13px;line-height:1.65;display:block}.project-card-bottom{border-top:1px solid #243a2b33;justify-content:space-between;align-items:center;gap:14px;padding-block:16px;display:flex}.project-card-bottom>span{font-size:11px}.project-card-bottom a{text-align:right;align-items:center;gap:7px;min-height:44px;font-size:12px;display:inline-flex}.project-card-bottom a:hover{text-decoration:underline}.card-xer .project-card-bottom{border-color:#cbdde044}.card-xer :is(a,button):focus-visible{outline-color:#dce6bb}.card-demonstration{color:#25352d;background:#fffdf5;min-width:0;padding:20px 16px;font-size:11px;transform:rotate(-3deg);box-shadow:0 8px 24px #162a3410}.card-demonstration>span:first-child{font-size:11px}.split-balance{gap:8px;margin-block:18px;display:grid}.split-balance>span{font-size:10px}.split-balance>strong{letter-spacing:-.03em;font-size:28px;font-weight:500}.split-person{border-top:1px solid #ccd3c3;gap:5px;padding-top:12px;display:grid}.split-person strong{font-size:20px}.split-person small{font-size:10px;font-weight:400}.card-demonstration>p:last-child,.card-demonstration>small{margin:15px 0 0;font-size:9px;display:block}.compass-detail{text-align:center;color:#343453;background:#f9f8ff;transform:rotate(3deg)}.compact-stop{color:#fff;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:#b9312b;place-items:center;width:76px;height:76px;margin:18px auto;font-size:22px;font-weight:700;display:grid}.compass-detail p{text-align:left;align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.build-detail{color:#e0e9ed;box-shadow:none;background:#162630;border-radius:8px;transform:none}.build-detail>div{align-items:center;gap:6px;font-size:10px;display:flex}.build-detail>p{color:#b5c8d1;margin:18px 0;font-size:10px}.build-command{color:#243a2b;background:#dce6bb;border-radius:4px;justify-content:center;gap:8px;padding:12px 6px}.build-command,.build-done{align-items:center;font-size:10px;display:flex}.build-done{color:#dce6bb;gap:6px;margin-top:22px}.markdown-detail{color:#45392b;background:#fffaf0;transform:rotate(2deg)}.markdown-detail>span:first-child{font-size:9px}.markdown-detail h4{font-family:var(--font-display),serif;margin:17px 0 10px;font-size:28px;font-weight:400}.markdown-detail>p{margin:0 0 22px;font-size:11px;line-height:1.7}.markdown-detail>div{align-items:center;gap:6px;font-size:10px;display:flex}.photo-loading-status{text-align:center;color:#c1cbd3;margin-top:25px;font-size:12px}@media (max-width:1100px){.project-card-body{grid-template-columns:1fr}.card-demonstration{width:100%;max-width:240px;margin:6px auto 0}.hero-content{gap:35px}.project-card-bottom{flex-wrap:wrap}}@media (max-width:650px){.personal-hero{width:calc(100% - 24px);margin:12px auto 42px;padding:34px 24px 0}.hero-content{grid-template-columns:1fr;gap:30px;padding-bottom:31px}.hero-name h1{margin-bottom:23px;font-size:86px}.hero-name>p{font-size:29px}.hero-introduction p{margin-bottom:12px;font-size:16px}.hero-navigation a{gap:10px;padding-block:20px;font-size:11px}.hero-navigation a:first-child{padding-right:12px}.hero-navigation a:last-child{padding-left:12px}.hero-navigation svg{width:15px}.project-card-grid{grid-template-columns:1fr;gap:20px}.project-card{padding:23px 23px 0}.project-card-body{grid-template-columns:1fr;gap:25px;padding-block:23px}.project-card-copy>span{max-width:300px}.project-card-top h3{font-size:29px}.card-demonstration{max-width:245px;transform:none}.project-card-bottom{gap:4px 15px}}.product-figure{width:100%;min-width:0;color:var(--ink);margin:0;position:relative}.splitt-figure{color:oklch(12% .015 255);background:0 0;padding:0}.splitt-app-head{border-bottom:1px solid oklch(42% .05 158/.25);justify-content:space-between;align-items:center;padding:0 0 1.4rem;display:flex;position:relative}.splitt-greeting{align-items:center;gap:.7rem;display:flex}.splitt-profile{object-fit:cover;background:oklch(88% .04 162);border-radius:12px;width:42px;height:42px;display:block}.splitt-greeting>span:last-child,.splitt-row-copy{flex-direction:column;min-width:0;display:flex}.splitt-greeting small{color:oklch(40% .04 162);font-size:.66rem}.splitt-greeting strong{font-size:.84rem}.splitt-add{color:oklch(36% .12 158);background:oklch(84% .07 158);border-radius:999px;align-items:center;gap:.3rem;padding:.6rem .8rem;font-size:.7rem;font-weight:750;display:inline-flex}.splitt-add svg{stroke-width:2.4px;width:.85rem;height:.85rem}.splitt-home-grid{grid-template-columns:1fr 1fr;gap:clamp(1.2rem,3vw,2.5rem);padding:1.4rem 0 0;display:grid;position:relative}.splitt-home-card{min-width:0;transition:translate .25s var(--ease);background:0 0;overflow:visible}.splitt-home-card:hover{translate:0 -4px}.splitt-home-card header{border-bottom:1px solid oklch(42% .05 158/.28);grid-template-columns:34px 1fr auto;align-items:center;gap:.65rem;min-height:60px;padding:.7rem 0;display:grid}.splitt-card-icon{color:oklch(38% .11 158);background:oklch(84% .06 158);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.splitt-card-icon svg,.splitt-group-icon svg{stroke-width:1.9px;width:17px;height:17px}.splitt-home-card header>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.splitt-home-card header strong{font-size:.78rem}.splitt-home-card header small,.splitt-row-copy small{color:oklch(42% .025 162);font-size:.62rem}.splitt-home-card header b{color:oklch(38% .11 158);white-space:nowrap;font-size:.62rem}.splitt-home-card ul{margin:0;padding:0;list-style:none}.splitt-home-card li{min-height:60px;transition:translate .2s var(--ease);border-bottom:1px solid oklch(42% .05 158/.18);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem 0;display:grid}.splitt-home-card li:hover{translate:4px}.splitt-home-card li>strong,.splitt-row-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:650;overflow:hidden}.splitt-avatar{background:oklch(91% .025 80);border-radius:10px;place-items:center;width:34px;height:34px;font-size:.95rem;display:grid}.splitt-home-card img.splitt-avatar{object-fit:cover;display:block}.splitt-group-icon{color:oklch(38% .025 245);background:oklch(88% .02 245)}.balance-pill{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:7px;padding:.28rem .44rem;font-size:.6rem;font-weight:750}.balance-pill--owed{color:oklch(33% .12 150);background:oklch(83% .09 150)}.balance-pill--owe{color:oklch(43% .14 25);background:oklch(90% .055 25)}.balance-pill--settled{color:oklch(42% .025 158);background:oklch(86% .012 158)}.g1-figure{color:var(--paper);background:0 0;padding:0}.g1-quiz-meta{color:var(--g1);border-bottom:1px solid oklch(82% .14 85/.28);justify-content:space-between;align-items:baseline;gap:1rem;padding:0 0 1.15rem;font-size:.68rem;font-weight:750;display:flex}.g1-quiz-meta strong{color:oklch(86% .03 85);font-weight:650}.g1-quiz-prompt{max-width:38ch;font-family:var(--font-display);letter-spacing:-.03em;text-wrap:pretty;margin:1.35rem 0 1.2rem;font-size:clamp(1.35rem,2.4vw,2.05rem);font-weight:640;line-height:1.12}.g1-options{gap:0;display:grid}.g1-option{min-height:58px;color:inherit;text-align:left;cursor:pointer;transition:translate .2s var(--ease),color .2s;background:0 0;border:0;border-bottom:1px solid oklch(100% 0 0/.12);grid-template-columns:1.6rem minmax(0,1fr) 1rem;align-items:center;gap:.85rem;padding:.85rem 0;display:grid}.g1-option:hover:not(:disabled){translate:4px}.g1-option:focus-visible{outline:1px solid var(--g1);outline-offset:4px}.g1-option:disabled{cursor:default}.g1-option b{color:var(--g1);font-size:.72rem;font-weight:750}.g1-option span{font-size:.92rem}.g1-option i{font-style:normal;font-weight:750}.g1-option.is-selected{color:var(--g1)}.g1-option.is-correct{color:oklch(84% .11 145)}.g1-option.is-correct b,.g1-option.is-incorrect b{color:inherit}.g1-option.is-incorrect{color:oklch(82% .12 28)}.g1-quiz-explain,.g1-quiz-hint{min-height:3.2rem;margin:1.1rem 0 0;font-size:.78rem;line-height:1.5}.g1-quiz-hint{color:oklch(78% .04 85)}.g1-quiz-explain{color:oklch(90% .04 85)}.header{justify-content:space-between;padding-block:19px}.header nav{margin-left:0}.header-github{align-items:center;gap:7px;min-height:44px;font-size:13px;display:inline-flex}.developer-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;width:min(100% - 112px,1240px);margin:auto;padding-block:75px 82px;display:grid}.developer-intro h1{font-size:clamp(66px,7.5vw,96px);line-height:1.02}.developer-intro h1 em{color:var(--accent)}.developer-intro-copy{max-width:410px;padding-bottom:5px}.developer-intro-copy p:first-child{letter-spacing:-.025em;margin:0 0 20px;font-size:24px;line-height:1.4}.developer-intro-copy p+p{color:var(--muted);margin:0;font-size:16px;line-height:1.7}.developer-actions{flex-wrap:wrap;gap:25px;margin-top:22px;display:flex}.developer-actions a{align-items:center;gap:9px;min-height:44px;font-size:13px;display:inline-flex}.developer-actions a:first-child{color:var(--accent)}.developer-actions a:hover{text-decoration:underline}.project-chapters{width:min(100% - 48px,1392px);margin:0 auto}.chapter-heading{justify-content:space-between;align-items:center;gap:20px;padding:0 32px 24px;display:flex}.chapter-heading h2{letter-spacing:-.025em;margin:0;font-size:21px;font-weight:500}.chapter-heading>span{color:var(--muted);font-size:12px}.project-chapter{--font-display:var(--font-reading);--case-ink:#17271e;--case-muted:#415c4d;--g1:#edce7b;--paper:#f6f4ed;min-height:580px;color:var(--case-ink);background:#d5efdf;border-radius:14px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;margin-bottom:20px;padding:65px 60px;display:grid}.chapter-copy h3{font-family:var(--font-reading),sans-serif;letter-spacing:-.04em;margin:0 0 28px;font-size:clamp(45px,5vw,72px);font-weight:700;line-height:1}.chapter-copy h4{letter-spacing:-.03em;max-width:360px;margin:0 0 18px;font-size:clamp(25px,2.5vw,34px);font-weight:500;line-height:1.13}.chapter-copy>p{max-width:390px;color:var(--case-muted);margin:0;font-size:15px;line-height:1.75}.chapter-platform{color:var(--case-muted);margin-top:21px;font-size:11px;display:block}.chapter-actions{flex-wrap:wrap;align-items:center;gap:12px 23px;margin-top:20px;display:flex}.chapter-actions :is(a,button){min-height:44px;color:inherit;background:0 0;align-items:center;gap:9px;padding:0;font-size:12px;display:inline-flex}.chapter-actions a{border-bottom:1px solid;font-weight:600}.chapter-actions button{color:var(--case-muted)}.chapter-actions :is(a,button):hover{text-decoration:underline}.chapter-interface{min-width:0}.chapter-compass{--case-ink:#f4f3e9;--case-muted:#c4d3dc;background:#102e44;grid-template-columns:1.2fr .8fr}.chapter-compass .chapter-copy{grid-area:1/2}.chapter-compass .chapter-interface{grid-area:1/1;max-width:500px}.chapter-xer{--case-ink:#193243;--case-muted:#415b6e;background:#c1dff0}.chapter-quivnote{--case-ink:#f4ead9;--case-muted:#d3c7b5;background:#413d35;grid-template-columns:1.2fr .8fr}.chapter-quivnote .chapter-copy{grid-area:1/2}.chapter-quivnote .chapter-interface{grid-area:1/1}.chapter-compass :is(a,button):focus-visible,.chapter-quivnote :is(a,button):focus-visible{outline-color:#edce7b}.splitt-avatar,.splitt-profile{place-items:center;font-size:10px;font-weight:600;display:grid!important}.splitt-example-label{color:#415c4d;font-size:10px}.splitt-home-grid{gap:22px}.splitt-home-card header{grid-template-columns:34px 1fr}.splitt-home-card header b{display:none}.splitt-home-card li{grid-template-columns:30px minmax(0,1fr) auto;gap:7px}.splitt-home-card li>strong,.splitt-row-copy strong{font-size:11px}.splitt-avatar{width:30px;height:30px}.balance-pill{font-size:9px}.g1-quiz-prompt{font-size:25px;font-weight:500}.quiz-reset{color:#edce7b;text-underline-offset:5px;background:0 0;min-height:44px;padding:12px 0;font-size:12px;text-decoration:underline}.chapter-interface .xer-study{width:100%;max-width:530px;box-shadow:none;color:#193243;background:0 0;border-radius:0}.chapter-interface .workbench-bar{border-color:#7a9db34d;padding:16px 0;font-size:14px}.chapter-interface .window-dots i{background:#557889}.chapter-interface .workbench-content{padding:25px 0 0}.chapter-interface .workbench-setting>span{color:#415b6e}.chapter-interface .run-illustration{color:#193243;background:#a4c8dd;margin-block:24px;padding:15px}.chapter-interface .build-output{color:#28475d;gap:13px;font-size:12px;line-height:1.4}.chapter-interface .build-success{color:#215c46}.chapter-interface .xer-study .study-footnote{color:#415b6e}.chapter-interface .note-study{color:#f4ead9;width:100%;max-width:510px;box-shadow:none;background:0 0;border-radius:0}.chapter-interface .note-tabs{border-color:#a89e864d;padding:17px 0;font-size:12px}.chapter-interface .note-content{padding:26px 0 0}.chapter-interface .note-format,.chapter-interface .note-study .study-footnote{color:#d3c7b5}.chapter-interface .note-content h4{margin:13px 0 18px;font-size:34px;font-weight:500}.chapter-interface .note-content ul{gap:15px;font-size:14px}.chapter-interface .note-source{color:#e3d9c7;background:#ffffff09;padding:18px;font-size:12px}.polaroid-section{grid-template-columns:1fr 1fr;align-items:center;gap:65px;width:min(100% - 112px,1040px);margin:75px auto 70px;padding-block:25px;display:grid}.polaroid-copy h2{font-family:var(--font-display),serif;letter-spacing:-.025em;margin:0 0 16px;font-size:49px;font-weight:400;line-height:1.1}.polaroid-copy>p{max-width:290px;color:var(--muted);margin:0 0 15px;font-size:15px;line-height:1.7}.polaroid-copy a{align-items:center;gap:8px;min-height:44px;font-size:13px;display:inline-flex}.polaroid-copy a:hover{color:var(--accent)}.polaroid-controls{margin-top:22px}.polaroid-buttons{align-items:center;gap:8px;display:flex}.polaroid-buttons button{min-width:44px;min-height:44px;color:var(--ink);background:#e9e8e0;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:10px 12px;font-size:12px;display:inline-flex}.polaroid-buttons button:hover{background:#dedfd5}.polaroid-controls>span{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:17px;font-size:11px;display:block}.polaroid-controls>a{font-size:11px}.polaroid-stage{isolation:isolate;width:290px;height:376px;margin:20px auto;position:relative}.polaroid-print{color:#4d514b;width:100%;height:100%;transform:translate(calc(var(--depth)*5px),calc(var(--depth)*3px))rotate(var(--rotation));z-index:calc(10 - var(--depth));text-align:center;background:#fffefa;padding:11px 11px 0;transition:transform .55s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;box-shadow:0 7px 25px #26304024}.polaroid-print img{object-fit:cover;width:100%;height:315px;display:block}.polaroid-front:hover{transform:rotate(-1deg)translateY(-4px)}.polaroid-caption{min-height:49px;padding:8px 4px;font-size:11px;line-height:1.3}.polaroid-caption,.polaroid-placeholder{justify-content:center;align-items:center;display:flex}.polaroid-placeholder{text-align:center;background:#eeede5;flex-direction:column;gap:18px;width:100%;height:100%;padding:25px;font-size:13px}.polaroid-placeholder button,.polaroid-retry button{color:var(--accent);background:0 0;align-items:center;gap:7px;min-height:44px;padding:10px;display:flex}.polaroid-image-error{background:#eeede5;place-items:center;height:315px;padding:25px;font-size:13px;display:grid}.polaroid-copy .polaroid-status,.polaroid-retry{font-size:11px}.contact{border-top:1px solid var(--line)}@media (max-width:1100px){.project-chapter{grid-template-columns:1fr 1.1fr;gap:35px;padding:50px 36px}.splitt-home-grid{grid-template-columns:1fr}.splitt-home-card li{min-height:48px}.chapter-compass,.chapter-quivnote{grid-template-columns:1.1fr 1fr}}@media (max-width:800px){.developer-intro{gap:35px;width:calc(100% - 64px);padding-block:60px}.developer-intro h1{font-size:72px}.project-chapter{grid-template-columns:1fr;gap:45px;padding:42px 30px}.chapter-compass .chapter-copy,.chapter-compass .chapter-interface,.chapter-quivnote .chapter-copy,.chapter-quivnote .chapter-interface{grid-area:auto/1}.chapter-interface{width:100%;max-width:620px}.splitt-home-grid{grid-template-columns:1fr 1fr}.polaroid-section{gap:35px;width:calc(100% - 64px)}.polaroid-stage{width:250px;height:333px}.polaroid-image-error,.polaroid-print img{height:272px}}@media (max-width:650px){.header{padding-block:12px}.header nav{gap:17px}.header-github{font-size:11px}.developer-intro{grid-template-columns:1fr;gap:29px;width:calc(100% - 40px);padding-block:42px 49px}.developer-intro h1{font-size:73px}.developer-intro-copy p:first-child{margin-bottom:15px;font-size:21px}.developer-intro-copy p+p{font-size:15px}.developer-actions{margin-top:18px}.project-chapters{width:calc(100% - 24px)}.chapter-heading{padding:0 8px 20px}.chapter-heading h2{font-size:19px}.chapter-heading>span{font-size:10px}.project-chapter{gap:36px;min-height:0;margin-bottom:14px;padding:38px 23px}.chapter-copy h3{margin-bottom:22px;font-size:48px}.chapter-copy h4{font-size:27px}.chapter-copy>p{font-size:14px}.chapter-actions{gap:17px}.splitt-home-grid{grid-template-columns:1fr}.splitt-greeting strong{font-size:12px}.splitt-example-label{text-align:right;max-width:50px;line-height:1.4}.g1-quiz-prompt{font-size:23px}.g1-quiz-meta{gap:12px;font-size:10px}.polaroid-section{grid-template-columns:1fr;gap:30px;width:calc(100% - 40px);margin-block:50px;padding-block:0}.polaroid-copy h2{font-size:40px}.polaroid-copy>p{max-width:320px}.polaroid-stage{grid-row:2;width:260px;height:343px;margin:15px auto 25px}.polaroid-image-error,.polaroid-print img{height:282px}}.polaroid-print:disabled{opacity:1;pointer-events:none}.g1-option:disabled{opacity:1}.project-chapters{width:min(100% - 112px,1240px)}.chapter-heading{padding-inline:0}.project-chapter{gap:42px;min-height:0;margin-bottom:16px;padding:32px 36px}.chapter-copy h3{margin-bottom:17px;font-size:48px}.chapter-copy h4{margin-bottom:12px;font-size:25px}.chapter-copy>p{font-size:14px;line-height:1.6}.chapter-platform{margin-top:13px}.chapter-actions{margin-top:12px}.splitt-period{color:#4e7d63}.splitt-app-head{padding-bottom:14px}.splitt-home-grid{gap:18px;padding-top:14px}.splitt-home-card header,.splitt-home-card li{min-height:46px;padding-block:6px}.splitt-figure img.splitt-avatar,.splitt-figure img.splitt-profile{object-fit:cover;display:block!important}.g1-quiz-meta{padding-bottom:12px}.g1-quiz-prompt{margin-block:16px 12px;font-size:21px;line-height:1.25}.g1-option{min-height:44px;padding-block:9px}.g1-quiz-explain,.g1-quiz-hint{min-height:0;margin-top:12px}.chapter-interface .workbench-bar{padding-block:11px}.chapter-interface .workbench-content{padding-top:16px}.chapter-interface .workbench-project{margin-bottom:16px;font-size:14px}.chapter-interface .workbench-setting{margin-top:12px;font-size:12px}.chapter-interface .run-illustration{margin-block:16px;padding:12px}.chapter-interface .build-output{gap:8px;font-size:11px}.chapter-interface .note-tabs{padding-block:11px}.chapter-interface .note-content{padding-top:15px}.chapter-interface .note-content h4{margin-block:9px 12px;font-size:27px}.chapter-interface .note-content>p:not(.study-footnote){font-size:13px}.chapter-interface .note-content ul{gap:10px;margin-block:16px;font-size:12px}.chapter-interface .note-source{padding:12px;font-size:11px}.chapter-interface .study-footnote{margin-top:12px}@media (min-width:801px) and (max-width:1100px){.project-chapter{gap:28px;padding:28px}.splitt-home-grid{grid-template-columns:1fr}}@media (max-width:800px){.project-chapters{width:calc(100% - 64px)}.project-chapter{gap:28px;padding:28px}.chapter-copy h3{font-size:42px}.chapter-copy h4{font-size:24px}}@media (max-width:650px){.project-chapters{width:calc(100% - 40px)}.project-chapter{gap:25px;padding:25px 21px}.chapter-copy h3{font-size:39px}.chapter-copy h4{font-size:23px}.chapter-copy>p{font-size:13px}.chapter-actions{gap:16px}.chapter-actions :is(a,button){font-size:11px}.splitt-home-card li{min-height:44px}.g1-quiz-prompt{font-size:20px}}.maker-intro{width:min(100% - 112px,1240px);margin:auto;padding:48px 0 52px}.maker-intro h1{font-family:var(--font-reading),sans-serif;letter-spacing:-.04em;margin:0 0 21px;font-size:clamp(62px,7vw,88px);font-weight:600;line-height:1}.maker-intro h1 span{color:var(--accent)}.maker-intro>p{font-family:var(--font-display),serif;letter-spacing:-.02em;max-width:840px;margin:0;font-size:clamp(30px,4vw,49px);line-height:1.2}.maker-intro>p em{color:var(--accent)}.maker-intro-bottom{justify-content:space-between;align-items:center;gap:24px;margin-top:29px;display:flex}.maker-intro-bottom>span{color:var(--muted);font-size:13px}.maker-intro-bottom>div{gap:25px;display:flex}.maker-intro-bottom a{align-items:center;gap:8px;min-height:44px;font-size:13px;display:inline-flex}.maker-intro-bottom a:hover{color:var(--accent)}.compact-project-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.compact-project-grid .project-chapter{--case-ink:#25392e;--case-muted:#4a6154;border-radius:14px;flex-direction:column;align-items:stretch;gap:20px;min-width:0;margin:0;padding:25px;display:flex}.compact-project-grid .chapter-splitt{background:#e0ede3}.compact-project-grid .chapter-compass{--case-ink:#29384c;--case-muted:#506176;--g1:#4c6081;--paper:#29384c;background:#e6e9f1}.compact-project-grid .chapter-xer{--case-ink:#263e45;--case-muted:#49626b;background:#dce9eb}.compact-project-grid .chapter-quivnote{--case-ink:#443e31;--case-muted:#645b49;background:#eae5d9}.compact-project-grid .chapter-copy h3{margin:0 0 8px;font-size:34px}.compact-project-grid .chapter-copy>p{max-width:none;font-size:15px;line-height:1.5}.compact-project-grid .chapter-platform{margin-top:8px;font-size:10px}.compact-project-grid .chapter-actions{gap:22px;margin-top:8px}.compact-project-grid .chapter-interface{border-top:1px solid #405d4c26;width:100%;max-width:none;margin-top:auto;padding-top:18px}.compact-project-grid .splitt-home-grid{grid-template-columns:1fr 1fr;gap:16px}.compact-project-grid .splitt-greeting strong{font-size:12px}.compact-project-grid .splitt-home-card li>strong,.compact-project-grid .splitt-row-copy strong{font-size:10px}.compact-project-grid .g1-quiz-meta{color:#4c6081;border-color:#5061763a}.compact-project-grid .g1-quiz-explain,.compact-project-grid .g1-quiz-hint,.compact-project-grid .g1-quiz-meta strong{color:#506176}.compact-project-grid .g1-quiz-prompt{margin-block:12px 8px;font-size:19px}.compact-project-grid .g1-options{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.compact-project-grid .g1-option{color:#29384c;border-color:#50617633}.compact-project-grid .g1-option.is-correct{color:#216342}.compact-project-grid .g1-option.is-incorrect{color:#9c332d}.compact-project-grid .quiz-reset{color:#29384c}.compact-project-grid .chapter-compass :is(a,button):focus-visible,.compact-project-grid .chapter-quivnote :is(a,button):focus-visible{outline-color:var(--accent)}.compact-project-grid .note-study{color:#443e31}.compact-project-grid .note-format,.compact-project-grid .note-study .study-footnote{color:#645b49}.compact-project-grid .note-content h4{font-size:24px}.compact-project-grid .note-content{grid-template-columns:1fr 1fr;gap:8px 20px;display:grid}.compact-project-grid .note-content h4,.compact-project-grid .note-content ul,.compact-project-grid .note-content>p:not(.study-footnote),.compact-project-grid .note-format{grid-column:1}.compact-project-grid .note-source{color:#645b49;background:#ffffff50;grid-area:1/2/5;align-self:center}.compact-project-grid .note-content .study-footnote{grid-column:1/-1;margin:0}.compact-project-grid .note-content ul{margin:8px 0}.compact-project-grid .note-study,.compact-project-grid .xer-study{max-width:none}.polaroid-stage{--throw-x:76%;--throw-y:-35px}.polaroid-outgoing{pointer-events:none;animation:return-to-stack .85s cubic-bezier(.45,0,.2,1) both}.is-cycling .polaroid-print{transition:none}@keyframes return-to-stack{0%{z-index:12;transform:translate(0)rotate(-4deg);box-shadow:0 7px 25px #26304024}42%{transform:translate(var(--throw-x),var(--throw-y))rotate(17deg);z-index:12;box-shadow:0 18px 32px #26304030}49%{transform:translate(var(--throw-x),var(--throw-y))rotate(17deg);z-index:0}to{z-index:0;transform:translate(15px,9px)rotate(9deg);box-shadow:0 7px 25px #26304024}}@media (max-width:1000px){.compact-project-grid .splitt-home-grid{grid-template-columns:1fr}.compact-project-grid .note-content{display:block}.compact-project-grid .note-source{margin-top:14px}}@media (max-width:650px){.maker-intro{width:calc(100% - 40px);padding-block:34px 37px}.maker-intro h1{margin-bottom:18px;font-size:69px}.maker-intro>p{font-size:34px}.maker-intro-bottom{flex-direction:column;align-items:start;gap:7px;margin-top:20px}.maker-intro-bottom>div{gap:23px}.compact-project-grid{grid-template-columns:1fr;gap:15px}.compact-project-grid .project-chapter{gap:15px;padding:23px}.compact-project-grid .chapter-copy h3{font-size:31px}.compact-project-grid .chapter-interface{padding-top:15px}.polaroid-stage{--throw-x:18%;--throw-y:-130px}}@media (max-width:1100px){.polaroid-stage{--throw-x:0%;--throw-y:-130px}}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.portfolio-card{--stage:#e0ebe1;background:#fdfdf9;border:1px solid #bdc7ce;border-radius:16px;min-width:0;overflow:hidden}.card-compass{--stage:#e1e7ed}.project-stage{background:var(--stage);justify-content:center;align-items:center;height:315px;padding:28px 32px;display:flex;overflow:hidden}.project-stage-app{width:100%;max-width:390px}.project-card-content{padding:22px 25px 16px}.project-card-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.project-card-title h3{font-family:var(--font-reading),sans-serif;letter-spacing:-.035em;margin:0;font-size:27px;font-weight:650;line-height:1.15}.project-card-title>span{color:#5c6975;text-align:right}.project-card-content>p{color:#5c6975;margin:8px 0 15px}.project-card-actions{border-top:1px solid #bdc7ce;justify-content:space-between;align-items:center;padding-top:7px;display:flex}.project-card-actions :is(button,a){color:#263b50;background:0 0;justify-content:center;align-items:center;gap:10px;min-height:44px;font-size:12px;display:inline-flex}.project-card-actions a{border-radius:50%;width:44px}.project-card-actions :is(button,a):hover{color:#263b50;background:#e9edf0;text-decoration:underline}.detail-preview .splitt-figure,.project-stage .splitt-figure{background:#fcfdf9;border-radius:12px;padding:19px;box-shadow:0 12px 28px #263d3314}.project-stage .splitt-home-grid{padding-top:5px;display:block}.project-stage .splitt-home-card:nth-child(2){display:none}.project-stage .splitt-home-card header{border-bottom:0}.project-stage .splitt-home-card li{min-height:43px}.project-stage .splitt-home-card li:last-child{border:0}.project-stage .splitt-greeting strong{font-size:12px}.project-stage .splitt-example-label{font-size:9px}.project-stage .splitt-home-card li>strong{font-size:12px}.project-stage .balance-pill{font-size:10px}.detail-preview .g1-figure,.project-stage .g1-figure{color:#293b4a;--g1:#49617a;--paper:#293b4a;background:#fcfdfc;border-radius:12px;padding:20px;box-shadow:0 12px 28px #263d3314}:is(.project-stage,.detail-preview) .g1-quiz-meta{color:#49617a;border-color:#dce3e9;font-size:10px}:is(.project-stage,.detail-preview) .g1-quiz-meta strong{color:#49617a}:is(.project-stage,.detail-preview) .g1-quiz-prompt{font-family:var(--font-reading),sans-serif;margin:13px 0;font-size:17px;font-weight:500;line-height:1.35}:is(.project-stage,.detail-preview) .g1-options{grid-template-columns:1fr 1fr;gap:7px}:is(.project-stage,.detail-preview) .g1-option{border:1px solid #dce3e9;border-radius:6px;grid-template-columns:16px 1fr 10px;gap:5px;min-height:39px;padding:7px 9px}:is(.project-stage,.detail-preview) .g1-option span{font-size:12px}:is(.project-stage,.detail-preview) .g1-option.is-correct{color:#23603e;background:#eaf3eb}:is(.project-stage,.detail-preview) .g1-option.is-incorrect{color:#973c33;background:#faece8}:is(.project-stage,.detail-preview) :is(.g1-quiz-hint,.g1-quiz-explain,.quiz-reset){color:#49617a;margin-top:10px;font-size:10px}.project-stage .g1-quiz-explain{line-height:1.25}.project-stage .quiz-reset{float:right;min-height:30px;margin:0;padding:4px}.project-stage .note-study,.project-stage .xer-study{width:100%;max-width:none;box-shadow:0 12px 28px #263d3314}.project-stage .xer-study{color:#f0f5f3;background:#26383b}.project-stage .workbench-bar{padding:11px 17px}.project-stage .workbench-content{padding:15px 19px}.project-stage .workbench-project{margin-bottom:13px}.project-stage .workbench-setting{margin-top:9px}.project-stage .run-illustration{color:#243b2e;background:#cae4d5;margin:12px 0;padding:10px}.project-stage .build-output{gap:5px;font-size:10px}.project-stage .xer-study .study-footnote{display:none}.project-stage .note-content{padding:16px 22px}.project-stage .note-content h4{margin:8px 0 12px;font-size:25px}.project-stage .note-content>p:not(.study-footnote){font-size:13px}.project-stage .note-content ul{margin:15px 0 0;font-size:12px}.project-stage .note-source,.project-stage .note-study .study-footnote{display:none}.project-detail-sheet{background:#fcfcf8;border-radius:16px;max-width:1080px}.project-detail-sheet .dialog-toolbar{background:#fcfcf8;border-bottom:1px solid #bdc7ce;padding:13px 24px}.project-detail-sheet .dialog-tools button{border-radius:8px}.project-detail-sheet .dialog-inner{grid-template-columns:1fr 1.05fr;align-items:center;gap:36px;padding:34px}.project-detail-sheet .dialog-copy{grid-area:1/1;padding:12px 0}.project-detail-sheet .dialog-art{border-radius:12px;grid-area:1/2;min-height:390px;padding:26px}.project-detail-sheet .detail-preview{width:100%;min-width:0}.project-detail-sheet .dialog-copy h2{font-family:var(--font-reading),sans-serif;margin:0 0 12px;font-size:44px;font-weight:650}.project-detail-sheet .dialog-copy .detail-caption{color:#263b50;margin:0 0 17px;font-size:22px;line-height:1.3}.project-detail-sheet .project-category{color:#5c6975;margin:0 0 22px;font-size:11px;display:block}.project-detail-sheet .project-description{font-size:14px;line-height:1.7}.project-detail-sheet .project-features{border-block:1px solid #bdc7ce;margin:20px 0;padding:17px 0}.project-detail-sheet .tech-tags{gap:8px}.project-detail-sheet .tech-tags span{color:#5c6975;background:0 0;border:0;padding:0;font-size:11px}.project-detail-sheet .tech-tags span:not(:last-child):after{content:" /";color:#5c6975;margin-left:8px}.project-detail-sheet .project-link{color:#fff;background:#263b50;border-radius:8px;margin-top:22px;padding:12px 16px;display:inline-flex}.project-detail-sheet .dialog-projects{border-top:1px solid #bdc7ce;justify-content:flex-start;gap:4px;padding:12px 24px}.detail-preview .splitt-home-grid{grid-template-columns:1fr}.detail-preview .g1-quiz-explain{font-size:12px}@media (max-width:1050px){.project-gallery{grid-template-columns:1fr;max-width:700px;margin-inline:auto}.project-stage{height:310px}.project-detail-sheet .dialog-inner{grid-template-columns:1fr;gap:24px;padding:24px}.project-detail-sheet .dialog-copy{grid-area:1/1}.project-detail-sheet .dialog-art{grid-area:2/1;min-height:0}.detail-preview{max-width:440px}}@media (max-width:550px){.project-gallery{gap:20px}.project-stage{height:300px;padding:20px 17px}.project-card-content{padding:19px 19px 12px}.project-card-title{align-items:start}.project-card-title h3{font-size:26px}.project-card-title>span{max-width:100px;line-height:1.5}.project-stage .g1-figure,.project-stage .splitt-figure{padding:15px}.project-detail-sheet .dialog-inner{padding:20px}.project-detail-sheet .dialog-art{padding:15px}.project-detail-sheet .dialog-copy h2{font-size:38px}.project-detail-sheet .dialog-copy .detail-caption{font-size:21px}.project-detail-sheet .dialog-projects{grid-template-columns:1fr 1fr;padding:12px;display:grid}.project-detail-sheet .dialog-toolbar{padding:10px 14px}}.portfolio-card .project-card-title h3{color:#263b50}.card-xer{--stage:#d8e2e6}.card-quivnote{--stage:#e7dfd2}.xer-workspace{color:#31434f;font-family:var(--font-reading),sans-serif;background:#f8fafb;border-radius:12px;width:100%;margin:0;overflow:hidden;box-shadow:0 16px 30px #233a4920}.desktop-chrome{background:#edf1f3;border-bottom:1px solid #dfe6ea;justify-content:space-between;align-items:center;padding:11px 14px;font-size:10px;display:flex}.desktop-traffic{gap:5px;display:flex}.desktop-traffic i{background:#c5cdd2;border-radius:50%;width:7px;height:7px}.desktop-traffic i:first-child{background:#d79890}.desktop-traffic i:nth-child(2){background:#d7bd84}.desktop-traffic i:last-child{background:#9cbaa0}.xer-workspace-body{grid-template-columns:40px 1fr;display:grid}.xer-workspace-body aside{color:#617988;background:#edf1f3;flex-direction:column;align-items:center;gap:22px;padding-top:22px;display:flex}.xer-build-main{min-width:0;padding:20px 18px 17px}.xer-project-name{align-items:center;gap:10px;display:flex}.xer-project-icon{color:#3e7699;background:#e4eff6;border-radius:8px;place-items:center;width:37px;height:40px;display:grid}.xer-project-name>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.xer-project-name strong{font-size:15px;font-weight:650}.xer-project-name small{color:#647885;font-size:10px}.xer-target{border:1px solid #d8e1e7;border-radius:6px;justify-content:space-between;margin:18px 0;padding:9px 10px;font-size:10px}.xer-target,.xer-target>span{align-items:center;display:flex}.xer-target>span{gap:7px}.xer-build-status{align-items:center;gap:9px;display:flex}.xer-success-icon{color:#3e7759}.xer-build-status>span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.xer-build-status strong{font-size:12px;font-weight:650}.xer-build-status small{color:#647885;font-size:9px}.xer-play{color:#fff;background:#335d79;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.xer-build-steps{color:#557565;justify-content:space-between;margin-top:19px;font-size:9px;display:flex}.xer-build-steps span{align-items:center;gap:4px;display:flex}.xer-workspace>footer{color:#647885;border-top:1px solid #e0e7eb;justify-content:space-between;padding:8px 13px;font-size:9px;display:flex}.xer-workspace>footer span{align-items:center;gap:5px;display:flex}.quivnote-desktop{color:#433f37;width:100%;font-family:var(--font-reading),sans-serif;margin:0}.quivnote-menubar{align-items:center;gap:16px;padding:0 10px 14px;font-size:10px;display:flex}.quivnote-menubar svg:first-of-type{box-sizing:content-box;background:#fcfaf5;border-radius:4px;margin-left:auto;padding:5px 8px}.quivnote-popover{background:#fffdf8;border-radius:12px;position:relative;box-shadow:0 16px 30px #56493220}.quivnote-popover:before{content:"";background:#fffdf8;width:12px;height:12px;position:absolute;top:-6px;right:54px;transform:rotate(45deg)}.quivnote-popover>header{justify-content:space-between;align-items:center;padding:12px 17px;font-size:11px;display:flex}.quivnote-popover>header>span{color:#777268;gap:14px;display:flex}.quivnote-tabstrip{color:#777268;border-bottom:1px solid #e9e4da;align-items:center;gap:17px;padding:0 17px;font-size:10px;display:flex}.quivnote-tabstrip>span{padding:9px 0}.quivnote-tabstrip>span:first-child{color:#584b31;border-bottom:2px solid #a38a58}.quivnote-tabstrip svg{margin-left:auto}.quivnote-document{padding:17px 20px}.quivnote-doc-title{align-items:baseline;gap:8px;display:flex}.quivnote-doc-title small{color:#a99b7e;font-size:17px}.quivnote-doc-title h4{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:600}.quivnote-document p{color:#777065;margin:8px 0 16px;font-size:10px}.quivnote-document ul{gap:9px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.quivnote-document li{align-items:center;gap:8px;display:flex}.qn-check{color:#fff;background:#b19b70;border-radius:3px;place-items:center;width:13px;height:13px;display:grid}.qn-check.empty{background:0 0;border:1px solid #bfb5a2}.quivnote-popover>footer{color:#777065;border-top:1px solid #eee9df;justify-content:space-between;padding:9px 17px;font-size:9px;display:flex}.quivnote-popover>footer>span{align-items:center;gap:4px;display:flex}.detail-xer .dialog-art{background:#d8e2e6}.detail-quivnote .dialog-art{background:#e7dfd2}@media (max-width:550px){.xer-build-main{padding:17px 13px}.xer-workspace-body{grid-template-columns:32px 1fr}.quivnote-document{padding:17px}.quivnote-doc-title h4{font-size:18px}}.project-detail-sheet{max-width:900px}.project-detail-heading{justify-content:space-between;align-items:center;gap:24px;padding:30px 34px 25px;display:flex}.project-detail-heading h2{font-family:var(--font-reading),sans-serif;letter-spacing:-.035em;margin:0 0 9px;font-size:43px;font-weight:650;line-height:1.1}.project-detail-heading p{color:#5c6975;margin:0;font-size:15px}.project-detail-heading>a{color:#fff;background:#263b50;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;min-height:44px;padding:12px 16px;font-size:12px;display:inline-flex}.project-detail-body{padding:0 34px 28px}.detail-showcase{background:#e0ebe1;border-radius:12px;justify-content:center;align-items:center;padding:28px;display:flex}.detail-showcase-compass{background:#e1e7ed}.detail-showcase-xer{background:#d8e2e6}.detail-showcase-quivnote{background:#e7dfd2}.detail-showcase .detail-preview{max-width:510px}.detail-showcase .splitt-home-grid{grid-template-columns:1fr 1fr;gap:20px}.detail-showcase .splitt-home-card li{grid-template-columns:30px 1fr}.detail-showcase .balance-pill{grid-column:2;justify-self:start;margin-top:-3px}.detail-showcase .quivnote-desktop,.detail-showcase .xer-workspace{max-width:410px;margin-inline:auto}.project-detail-description{grid-template-columns:1.3fr 1fr;gap:36px;padding-top:24px;display:grid}.project-detail-description>p{color:#5c6975;margin:0;font-size:14px;line-height:1.75}.project-detail-description dl{gap:14px;margin:0;display:grid}.project-detail-description dt{color:#5c6975;margin-bottom:4px;font-size:10px}.project-detail-description dd{margin:0;font-size:12px;line-height:1.5}@media (max-width:650px){.project-detail-heading{padding:22px 20px;display:block}.project-detail-heading h2{font-size:36px}.project-detail-heading p{font-size:14px}.project-detail-heading>a{margin-top:17px}.project-detail-body{padding:0 16px 24px}.detail-showcase{padding:17px 12px}.detail-showcase .splitt-home-grid{grid-template-columns:1fr}.detail-showcase .splitt-home-card li{grid-template-columns:30px 1fr auto}.detail-showcase .balance-pill{grid-column:auto;margin:0}.project-detail-description{grid-template-columns:1fr;gap:20px;padding:22px 4px 0}.project-detail-description dl{grid-template-columns:1fr 1fr;gap:18px}}.card-quivnote .quivnote-menubar{padding-bottom:8px}.card-quivnote .quivnote-popover>header{padding-block:10px}.card-quivnote .quivnote-document{padding-block:12px}.card-quivnote .quivnote-document p{margin:6px 0 10px}.card-quivnote .quivnote-document ul{gap:7px}.card-quivnote .project-stage,.card-xer .project-stage{padding-block:12px}.other-projects-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.other-projects-heading h2{letter-spacing:-.025em;margin:0;font-size:21px;font-weight:500}.other-projects-heading a{align-items:center;gap:7px;min-height:44px;font-size:12px;display:inline-flex}.other-projects ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.other-projects li{border-bottom:1px solid var(--line)}.other-projects li>a{color:var(--ink);grid-template-columns:150px minmax(0,1fr) 110px 20px;align-items:center;gap:25px;padding:23px 8px;transition:background .18s ease-out;display:grid}.other-projects li>a:hover{background:#e9edf0}.other-projects li>a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.other-projects h3{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:600}.other-projects p{color:#5c6975;margin:0;font-size:14px;line-height:1.55}.other-projects li>a>span{color:#5c6975;text-align:right;font-size:11px}.other-projects li>a>svg{color:#5c6975}@media (max-width:750px){.other-projects{margin-top:34px}.other-projects li>a{grid-template-columns:1fr auto 19px;gap:7px 14px;padding:20px 4px}.other-projects h3{font-size:18px}.other-projects p{grid-area:2/1/auto/3;font-size:13px}.other-projects li>a>span{grid-area:1/2}.other-projects li>a>svg{grid-area:1/3}}.site-footer{color:#263b50;background:#e9edf0;margin-top:60px;overflow:hidden}.site-footer-content{grid-template-columns:1.35fr .8fr .8fr 1.15fr;gap:40px;width:min(100% - 112px,1240px);margin:auto;padding:64px 0 22px;display:grid}.site-footer a,.site-footer button{color:inherit}.site-footer a:hover{text-underline-offset:5px;text-decoration:underline}.site-footer :is(a,button):focus-visible{outline-offset:5px;outline:2px solid #263b50}.footer-wordmark{font-family:var(--font-display),serif;margin:0 0 22px;font-size:57px;line-height:1;display:inline-block}.footer-contact-column p,.footer-identity p{font-family:var(--font-display),serif;margin:0 0 20px;font-size:23px;font-style:italic;line-height:1.35}.footer-email{align-items:center;gap:9px;min-height:44px;font-size:15px;display:inline-flex}.site-footer h2{font-family:var(--font-reading),sans-serif;text-transform:uppercase;letter-spacing:.13em;margin:9px 0 23px;font-size:11px;font-weight:500}.site-footer h2:after{content:"";background:#263b5050;width:32px;height:1px;margin-top:18px;display:block}.footer-column{flex-direction:column;align-items:start;display:flex}.footer-column>a{font-family:var(--font-display),serif;min-height:38px;font-size:23px;line-height:1.4}.footer-email-box{border:1px solid #263b5070;margin-top:22px;display:flex}.footer-email-box>a{flex:1;justify-content:space-between;align-items:center;gap:12px;min-height:49px;padding:12px 15px;font-size:13px;display:flex}.footer-email-box>button{color:#f7f6ee;background:#263b50;place-items:center;width:49px;display:grid}.footer-copy-status{min-height:19px;margin-top:8px;font-size:11px;display:block}.site-footer-bottom{border-top:1px solid #263b5030;grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;margin-top:5px;padding-top:20px;font-size:11px;display:flex}.site-footer-bottom>div{align-items:center;gap:24px;display:flex}.site-footer-bottom :is(button,a){background:0 0;align-items:center;gap:7px;min-height:44px;padding:0;font-size:11px;display:inline-flex}@media (max-width:1000px){.site-footer-content{grid-template-columns:1.2fr 1fr;gap:35px 65px;width:calc(100% - 64px);padding-top:45px}.footer-identity{grid-row:1}.footer-contact-column{grid-area:2/1}.footer-column{grid-column:2}}@media (max-width:550px){.site-footer{margin-top:35px}.site-footer-content{grid-template-columns:1fr 1fr;gap:30px 20px;width:calc(100% - 40px);padding-top:36px}.footer-identity{grid-column:1/-1}.footer-wordmark{margin-bottom:15px;font-size:52px}.footer-identity p{margin-bottom:8px;font-size:23px}.footer-column{grid-area:2}.footer-contact-column{grid-area:3/1/auto/-1;width:100%;max-width:350px}.site-footer h2{margin-bottom:16px}.footer-contact-column p{font-size:23px}.site-footer-bottom{flex-direction:column;align-items:start;gap:8px;margin-top:0}.site-footer-bottom>div{gap:22px}}.site-footer{background-image:url(/images/footer-background.webp);background-position:bottom;background-repeat:no-repeat;background-size:100%;padding-bottom:clamp(100px,14vw,210px)}@media (max-width:650px){.site-footer{background-size:auto 330px;padding-bottom:130px}}@media (min-width:651px){.site-footer{padding-bottom:clamp(160px,22vw,330px)}}.card-quickinbox,.detail-showcase-quickinbox{--stage:#e1e8ed;background-color:#e1e8ed}.card-askk,.detail-showcase-askk{--stage:#e9e4dc;background-color:#e9e4dc}.card-askk .project-card-content,.card-quickinbox .project-card-content{background:#fdfdf9}.askk-preview,.inbox-preview{color:#30423c;width:100%;font-family:var(--font-reading),sans-serif;background:#fcfdfb;border-radius:12px;margin:0;overflow:hidden;box-shadow:0 12px 28px #263d3314}.askk-preview>header,.inbox-preview>header{justify-content:space-between;align-items:center;gap:12px;padding:17px 18px 12px;display:flex}.inbox-preview header>span:first-child{align-items:center;gap:9px;display:flex}.inbox-preview header strong{font-size:17px}.askk-preview header>span,.preview-example{color:#68756f;font-size:9px}.inbox-search{color:#64746c;background:#edf1ee;border-radius:6px;gap:7px;margin:0 16px 4px;padding:8px 10px;font-size:10px;display:flex}.inbox-message{border-bottom:1px solid #e7ece8;grid-template-columns:28px 1fr 12px;align-items:center;gap:9px;padding:14px 17px;display:grid}.mail-sender{color:#516647;background:#e5eadd;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.inbox-message:nth-of-type(3) .mail-sender{color:#516681;background:#e4e9f1}.inbox-message>div{min-width:0}.inbox-message strong{justify-content:space-between;gap:6px;font-size:11px;font-weight:650;display:flex}.inbox-message small{color:#748178;font-size:9px;font-weight:400}.inbox-message b{margin:4px 0 2px;font-size:11px;font-weight:500;display:block}.inbox-message p{white-space:nowrap;text-overflow:ellipsis;color:#68766f;margin:0;font-size:10px;overflow:hidden}.mail-unread{background:#547f71;border-radius:50%;width:6px;height:6px}.askk-preview footer,.inbox-preview footer{color:#64746c;justify-content:space-between;align-items:center;gap:8px;padding:10px 17px;font-size:9px;display:flex}.askk-preview footer span,.inbox-preview footer span{align-items:center;gap:5px;display:flex}.askk-preview>header{border-bottom:1px solid #e7e8e1}.askk-preview header strong{letter-spacing:-.03em;font-size:19px}.askk-key{background:#efefe9;border-radius:4px;padding:4px 6px}.askk-question{background:#eaece4;border-radius:9px 9px 2px;margin:18px 18px 13px 55px;padding:10px 13px;font-size:12px}.askk-answer{align-items:start;gap:10px;padding:0 18px;display:flex}.askk-answer svg{color:#6b795a;flex-shrink:0;margin-top:3px}.askk-answer p{margin:0;font-size:12px;line-height:1.6}.askk-composer{color:#788276;border:1px solid #dbe0d6;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:18px 16px 0;padding:8px 8px 8px 11px;font-size:11px;display:flex}.askk-send{color:#fff;background:#486550;border-radius:5px;place-items:center;width:23px;height:23px;display:grid}.maker-intro-bottom{justify-content:flex-start}.site-footer{isolation:isolate;background-image:none;padding-bottom:clamp(130px,18vw,260px);position:relative}.site-footer:before{content:"";pointer-events:none;z-index:-1;aspect-ratio:3;mix-blend-mode:multiply;opacity:.8;background:url(/images/footer-background.webp) bottom/100% 100% no-repeat;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000 75%);mask-image:linear-gradient(#0000,#000 75%)}.site-footer-content{position:relative}.site-footer-bottom{border-top:0;margin-top:0;padding-top:0}@media (max-width:650px){.site-footer{padding-bottom:130px}.site-footer:before{aspect-ratio:auto;background-size:auto 100%;height:330px}}.other-projects li{grid-template-columns:1fr 44px;align-items:center;display:grid}.project-list-detail{width:100%;min-height:86px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:140px 1fr 80px 70px;align-items:center;gap:22px;padding:23px 8px;display:grid}.project-list-name{letter-spacing:-.025em;font-size:19px;font-weight:600}.project-list-caption{color:#5c6975;font-size:14px;line-height:1.5}.project-list-platform{color:#5c6975;font-size:11px}.project-list-open{color:#263b50;justify-content:end;align-items:center;gap:7px;font-size:11px;display:flex}.other-projects li>.project-list-link{place-items:center;width:44px;height:44px;padding:0;display:grid}.project-list-detail:hover{background:#e9edf0}.text-project-detail{max-width:780px}.text-project-detail .project-detail-heading{padding:30px 34px 20px}.text-detail-content{padding:0 34px 30px}.detail-overview{color:#5c6975;max-width:65ch;margin:0 0 28px;font-size:16px;line-height:1.75}.text-detail-columns{border-block:1px solid #bdc7ce;grid-template-columns:1.25fr 1fr;gap:35px;padding-block:25px;display:grid}.text-detail-content h3{margin:0 0 14px;font-size:16px;font-weight:600}.text-detail-columns ul{color:#5c6975;gap:12px;margin:0;padding-left:17px;font-size:14px;line-height:1.6;display:grid}.text-detail-columns .detail-stack{flex-wrap:wrap;gap:7px;margin-bottom:24px;padding:0;list-style:none;display:flex}.detail-stack li{background:#e9edf0;border-radius:5px;padding:4px 9px;font-size:12px}.text-detail-columns p{color:#5c6975;margin:0;font-size:13px}.detail-links{flex-wrap:wrap;align-items:center;gap:4px 23px;margin-top:23px;display:flex}.detail-links h3{width:100%;margin-bottom:5px}.detail-links a{color:#263b50;text-underline-offset:5px;align-items:center;gap:8px;min-height:44px;font-size:13px;text-decoration:underline;display:inline-flex}.text-project-detail .dialog-projects{flex-wrap:nowrap;display:flex;overflow-x:auto}@media (max-width:750px){.project-list-detail{grid-template-columns:1fr auto;gap:6px 12px;padding:19px 4px}.project-list-name{font-size:18px}.project-list-caption{grid-column:1/-1;font-size:13px}.project-list-platform{grid-area:1/2}.project-list-open{grid-column:1/-1;justify-content:start;margin-top:3px}}@media (max-width:550px){.text-project-detail .project-detail-heading{padding:24px 20px 18px}.text-detail-content{padding:0 20px 23px}.detail-overview{margin-bottom:20px;font-size:15px}.text-detail-columns{grid-template-columns:1fr;gap:26px}.text-detail-columns .detail-stack{margin-bottom:20px}}.other-projects ul{border-top:0;grid-template-columns:1fr 1fr;gap:0 44px;display:grid}.other-projects li{border-top:1px solid var(--line);border-bottom:0;padding:25px 0 20px;display:block}.project-list-heading{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.other-projects .project-list-heading h3{font-family:var(--font-display),serif;letter-spacing:-.02em;font-size:30px;font-weight:400}.project-list-heading>span{color:#5c6975;font-size:11px}.other-projects li>p{max-width:42ch;min-height:42px;margin:9px 0 18px;font-size:14px}.project-list-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.project-list-actions :is(button,a){color:#263b50;background:0 0;align-items:center;gap:8px;min-height:44px;padding:0;font-size:12px;display:inline-flex}.project-list-actions :is(button,a):hover{text-underline-offset:5px;text-decoration:underline}@media (max-width:700px){.other-projects ul{grid-template-columns:1fr}.other-projects li{padding:23px 0 16px}.other-projects li>p{min-height:0;margin-bottom:10px}}.project-gallery .project-stage{background:#f5f3eb;padding:0}.project-gallery .project-stage-app{width:100%;max-width:none;height:100%}.project-illustration{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:650px){.project-gallery .project-stage{aspect-ratio:3/2;height:auto}}.project-gallery{gap:18px}.project-gallery .portfolio-card{background:#fafbf6;grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:20px;padding:25px;display:grid}.project-gallery .project-stage{border-radius:9px;grid-area:1/2;width:130px;height:116px;overflow:hidden}.project-gallery .project-card-content{background:0 0;grid-area:1/1;min-width:0;padding:0}.project-card-title{display:block}.project-card-title h3{font-size:26px;font-weight:550}.project-card-title>span{text-align:left;margin-top:7px;font-size:10px;display:block}.project-card-content>p{margin:13px 0 12px;font-size:14px}.project-card-actions{border-top:0;justify-content:flex-start;gap:17px;padding:0}.project-card-actions a{width:32px}.project-card-actions :is(button,a){font-size:11px}.other-projects{margin-top:36px}.other-projects ul{gap:0 36px}.other-projects li{padding:20px 0 14px}.other-projects .project-list-heading h3{font-family:var(--font-reading),sans-serif;font-size:19px;font-weight:500}.other-projects li>p{min-height:0;margin:9px 0 8px;font-size:13px}.project-list-actions :is(button,a){font-size:11px}@media (max-width:550px){.project-gallery .portfolio-card{grid-template-columns:minmax(0,1fr) 86px;gap:15px;padding:20px}.project-gallery .project-stage{width:86px;height:95px}.project-card-title h3{font-size:24px}.project-card-content>p{font-size:13px}.project-card-actions{gap:12px}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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}