:root{--paper: #f6f4ef;--ink: #191817;--quiet: #5f5b54;--rule: #d5d0c7;--orange: #ff6c00;--blue: #2573d8;--green: #497c43;color:var(--ink);background:var(--paper);font-family:IBM Plex Sans,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}a{color:inherit;text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip-link{position:fixed;top:1rem;left:1rem;padding:.7rem 1rem;background:var(--ink);color:var(--paper);z-index:10;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{max-width:1440px;margin:auto;padding:24px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.wordmark{font-family:Space Grotesk,sans-serif;text-decoration:none;letter-spacing:-1.15px;font-size:25px;line-height:1}.wordmark strong{font-weight:700}.wordmark span{color:var(--orange);font-weight:700}.wordmark i{font-style:normal;font-weight:300}nav{display:flex;gap:22px;align-items:center;font-size:14px}nav a{text-decoration:none}nav a:last-child{text-decoration:underline}main{max-width:1440px;margin:auto}.intro{min-height:min(720px,calc(100vh - 73px));padding:clamp(80px,13vw,185px) 42px 60px;display:grid;align-content:space-between;border-bottom:1px solid var(--rule)}.meta,.project-meta,.project-index,.status{margin:0;font:500 12px/1.3 IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.02em}.meta{color:var(--quiet)}.intro h1{max-width:1100px;margin:64px 0;font:400 clamp(52px,9.1vw,130px)/.88 "DM Serif Display",Georgia,serif;letter-spacing:-.055em}.intro h1 em{font-style:normal;color:var(--orange)}.intro-foot{display:grid;grid-template-columns:minmax(0,410px) 1fr;gap:80px;align-items:end}.intro-foot p{margin:0;color:var(--quiet);font-size:18px;line-height:1.5}.arrow-link{justify-self:end;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.arrow-link span{margin-left:22px;color:var(--orange)}.work{padding:clamp(82px,11vw,156px) 42px 0}.section-head{display:grid;grid-template-columns:1fr 2fr;padding-bottom:32px}.section-head h2,.about h2{margin:0;font:400 clamp(40px,5vw,76px)/.96 "DM Serif Display",Georgia,serif;letter-spacing:-.045em}.projects{border-top:1px solid var(--ink)}.project{display:grid;grid-template-columns:1.08fr 1.92fr;min-height:410px;border-bottom:1px solid var(--ink)}.project-visual{position:relative;background:#e4e0d7;overflow:hidden}.project-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.88) contrast(.98)}.project-index{position:absolute;top:22px;left:22px;padding:4px 6px;background:color-mix(in srgb,var(--paper) 80%,transparent);color:var(--ink)}.project-copy{padding:33px clamp(24px,5vw,78px);display:flex;flex-direction:column}.project-meta,.project-bottom{display:flex;justify-content:space-between;gap:20px}.project-meta{color:var(--quiet)}.project h3{margin:auto 0 12px;font:400 clamp(45px,5.8vw,86px)/.9 "DM Serif Display",Georgia,serif;letter-spacing:-.055em}.project h3 a{text-decoration:none}.project-copy>p{max-width:470px;margin:0 0 auto;color:var(--quiet);font-size:17px;line-height:1.5}.project-bottom{padding-top:36px;align-items:end}.project-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}.project-bottom a{font-weight:500}.project-bottom a span{color:var(--orange)}.status{color:var(--quiet)}.project--blue .project-visual{background:#d9e6f4}.project--orange .project-visual{background:#f3d7bd}.project--green .project-visual{background:#d8e0d1}.project-index{color:var(--ink)}.visual-mark{position:absolute;right:10%;bottom:13%;width:min(22vw,260px);height:min(22vw,260px);display:grid;grid-template-columns:repeat(3,1fr);gap:5px;transform:rotate(-9deg)}.visual-mark span{background:var(--ink)}.project--blue .visual-mark span:nth-child(2){background:var(--blue)}.project--orange .visual-mark span:nth-child(2){background:var(--orange)}.project--green .visual-mark span:nth-child(2){background:var(--green)}.visual-mark span:nth-child(1){transform:translateY(24%)}.visual-mark span:nth-child(3){transform:translateY(-18%)}.note{margin:0 42px;padding:clamp(70px,10vw,145px) 0;display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid var(--rule)}.note p:last-child{max-width:630px;margin:0;font:400 clamp(29px,3.2vw,49px)/1.05 "DM Serif Display",Georgia,serif;letter-spacing:-.04em}.support{margin:0 42px;padding:clamp(70px,10vw,145px) 0;display:grid;grid-template-columns:1fr 2fr;gap:26px;border-bottom:1px solid var(--rule)}.support h2{max-width:700px;margin:0 0 40px;font:400 clamp(29px,3.2vw,49px)/1.05 "DM Serif Display",Georgia,serif;letter-spacing:-.04em}.support-links{display:flex;flex-wrap:wrap;gap:16px}.support-links a{padding:12px 16px;border:1px solid var(--ink);text-decoration:none;font-size:15px;font-weight:500}.support-links a:first-child{background:var(--ink);color:var(--paper)}.language-toggle{margin-left:20px;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);padding:7px 9px;font:500 12px/1 IBM Plex Mono,monospace;cursor:pointer}.language-toggle:hover{background:var(--ink);color:var(--paper)}.about{padding:clamp(80px,12vw,170px) 42px;display:grid;grid-template-columns:1fr 2fr}.about>div{max-width:730px}.about h2{margin-bottom:32px}.about p:not(.meta){max-width:505px;margin:0 0 34px;color:var(--quiet);font-size:19px;line-height:1.5}.email-link{font-size:18px;font-weight:500}.email-link span{color:var(--orange)}footer{max-width:1440px;margin:auto;padding:22px 42px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;font:400 13px IBM Plex Mono,monospace}footer a{text-decoration:none}footer>span:last-child{display:flex;gap:18px}.legal-content{min-height:calc(100vh - 140px);max-width:1440px;margin:auto;padding:clamp(80px,12vw,160px) max(42px,calc((100vw - 1440px)/2 + 42px))}.legal-content h1{margin:28px 0 72px;font:400 clamp(58px,9vw,128px)/.9 "DM Serif Display",Georgia,serif;letter-spacing:-.055em}.legal-content h2{margin:42px 0 12px;font:500 16px/1.3 IBM Plex Sans,sans-serif}.legal-content p{max-width:680px;margin:0;color:var(--quiet);font-size:18px;line-height:1.6}.legal-content .legal-note{margin-top:52px;font-size:14px}.project-nav{display:flex;align-items:center;gap:4px;font-size:14px}.project-nav a{text-decoration:none}.project-intro{min-height:min(700px,calc(100vh - 73px));padding:clamp(80px,12vw,180px) 42px 70px;border-bottom:1px solid var(--rule)}.project-intro h1{max-width:1050px;margin:48px 0 28px;font:400 clamp(58px,10vw,146px)/.86 "DM Serif Display",Georgia,serif;letter-spacing:-.06em}.project-lead{max-width:680px;margin:0;color:var(--quiet);font-size:clamp(19px,2vw,27px);line-height:1.35}.project-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px}.button-link{display:inline-block;background:var(--ink);color:var(--paper);padding:12px 16px;text-decoration:none;font-size:15px;font-weight:500}.button-link--quiet{background:transparent;color:var(--ink);border:1px solid var(--ink)}.project-facts{margin:0 42px;padding:clamp(60px,9vw,120px) 0;display:grid;grid-template-columns:1fr 2fr;gap:26px;border-bottom:1px solid var(--rule)}.project-facts dl{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0}.project-facts dt{color:var(--quiet);font:500 12px/1.3 IBM Plex Mono,monospace;text-transform:uppercase}.project-facts dd{margin:8px 0 0;font-size:17px;line-height:1.35}.project-gallery{padding:clamp(75px,10vw,145px) 42px}.gallery-heading{display:grid;grid-template-columns:1fr 2fr;margin-bottom:38px}.gallery-heading h2{margin:0;font:400 clamp(42px,6vw,80px)/.94 "DM Serif Display",Georgia,serif;letter-spacing:-.05em}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}.project-shot{margin:0}.project-shot--primary:only-child{grid-column:1 / -1;max-width:930px}.project-shot img{width:100%;display:block;background:#e4e0d7}.project-shot--primary:only-child img{max-height:740px;object-fit:cover;object-position:top}.project-shot figcaption{max-width:560px;margin-top:12px;color:var(--quiet);font-size:15px;line-height:1.45}.project-shot{position:relative;padding-top:26px}.shot-label{position:absolute;top:0;left:0;color:var(--quiet);font:500 11px/1.2 IBM Plex Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.screenshot-frame{position:relative;display:block;overflow:hidden;background:#20201e;box-shadow:0 15px 33px #19181729,0 1px #ffffff80 inset}.project-shot--browser .screenshot-frame{padding-top:30px;border:1px solid #474540;border-radius:8px 8px 3px 3px}.project-shot--browser .screenshot-frame img{border-top:1px solid rgba(255,255,255,.15)}.browser-chrome{position:absolute;inset:0 0 auto;height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#292824}.browser-chrome i{width:8px;height:8px;border-radius:50%;background:#9d998f}.browser-chrome i:first-child{background:var(--orange)}.project-shot--phone{max-width:420px;justify-self:center}.project-shot--phone .screenshot-frame{width:min(100%,350px);margin:0 auto;padding:12px;border:1px solid #070707;border-radius:32px;background:#161615;box-shadow:0 19px 38px #19181733,0 0 0 3px #5a5851,0 0 0 5px #d9d4ca}.project-shot--phone .screenshot-frame img{border-radius:21px}.phone-speaker{position:absolute;z-index:1;top:19px;left:50%;width:70px;height:5px;border-radius:8px;transform:translate(-50%);background:#292824}.project-shot--phone .screenshot-frame img{margin-top:2px}.project-shot--browser:only-child{max-width:1030px}.project-shot--browser:only-child .screenshot-frame img{max-height:700px;object-fit:cover;object-position:top}@media(max-width:720px){.site-header{padding:20px}nav{gap:14px;font-size:13px}nav a:nth-child(2){display:none}.intro,.work,.about,.project-intro,.project-gallery{padding-left:20px;padding-right:20px}.intro{min-height:600px}.intro h1{margin:48px 0;font-size:clamp(51px,15.2vw,78px)}.intro-foot,.section-head,.note,.support,.about,.project-facts,.gallery-heading{grid-template-columns:1fr;gap:26px}.arrow-link{justify-self:start}.project{grid-template-columns:1fr;min-height:unset}.project-visual{height:250px}.project-copy{min-height:320px;padding:24px 20px}.project h3{margin-top:64px;font-size:56px}.project-bottom{align-items:flex-start;flex-direction:column}.project-actions{justify-content:flex-start}.note,.support,.project-facts{margin-left:20px;margin-right:20px}.note p:last-child,.support h2{font-size:35px}.project-intro{min-height:570px}.project-intro h1{font-size:clamp(58px,17vw,90px)}.project-facts dl{grid-template-columns:1fr;gap:20px}.gallery-grid{grid-template-columns:1fr;gap:26px}.project-shot--primary:only-child{max-width:none}.legal-content{padding-left:20px;padding-right:20px}footer{padding:20px;gap:14px}footer>span:last-child{gap:12px}}@media(prefers-reduced-motion:no-preference){.project{transition:background .2s ease}.project:hover .project-visual{filter:saturate(1.12)}.project:hover h3{color:var(--orange)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}