:root{--paper:#f5f3ed;--ink:#182b36;--orange:#c95731;--muted:#6b7476;--line:#d5d6ce;--mint:#b6dfca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}.wrap{width:min(1280px,calc(100% - 104px));margin:auto}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:6px}button{font:inherit;cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;height:112px;border-bottom:1px solid var(--line)}.identity{display:flex;gap:17px;align-items:center;font-size:11px;font-weight:700;letter-spacing:1.4px}.identity small{display:block;font-size:8px;font-weight:400;letter-spacing:1.8px;margin-top:3px;color:var(--muted)}.monogram{font-family:Georgia,serif;font-style:italic;font-size:39px;letter-spacing:-4px;line-height:1}.monogram>span{font-style:normal;font-size:21px;color:var(--orange);letter-spacing:-2px}nav{display:flex;align-items:center;gap:33px;font-size:12px}nav .contact{border:1px solid var(--ink);border-radius:25px;padding:9px 19px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;padding-top:65px;padding-bottom:65px;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:9px;margin:0 0 24px}.eyebrow>span{display:block;height:6px;width:6px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(64px,7.2vw,102px);line-height:.98;letter-spacing:-5px;font-weight:500;margin:0 0 30px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--orange)}.lead{font-size:19px;line-height:1.5;letter-spacing:-.3px;margin:0 0 15px}.intro{font-size:13px;color:var(--muted);max-width:390px;margin:0 0 25px}.button{display:inline-flex;align-items:center;gap:46px;padding:13px 22px;border-radius:3px;font-size:12px}.dark{background:var(--ink);color:var(--paper)}.button:hover{transform:translateY(-2px)}.hero-note{display:block;font-size:7px;letter-spacing:1.5px;color:var(--muted);margin-top:20px}.hero-art{background:var(--ink);border-radius:9px;padding:25px 28px 19px;position:relative;box-shadow:14px 15px 0 #e8e5dc;transform:rotate(1deg)}.art-top{display:flex;justify-content:space-between;color:#a9bdc5;font-family:monospace;font-size:8px;letter-spacing:1px}.art-top>span:first-child{display:flex;gap:7px;align-items:center}.art-top i{height:5px;width:5px;background:var(--mint);border-radius:50%}.art-title{font-size:43px;font-weight:500;line-height:1.03;letter-spacing:-1.7px;color:#f5f3ed;margin:23px 0}.art-title>span{font-family:Georgia,serif;font-style:italic;color:var(--mint)}.browser-frame{border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 15px 30px #0002;height:248px}.browser-top{display:flex;align-items:center;justify-content:space-between;background:#eff1ed;color:#6e7f80;padding:6px 10px;font-size:6px}.browser-top small{font-size:7px}.browser-frame img{display:block;width:100%;height:auto}.art-proof{display:flex;align-items:center;gap:26px;color:var(--paper);padding:21px 0}.art-proof strong{display:block;font-size:31px;font-weight:500;line-height:1.2}.art-proof strong span{font-size:15px;color:#78939e;margin-left:2px}.art-proof small{display:block;font-size:7px;letter-spacing:1px;color:#a3b8bf;margin-top:4px}.proof-check{color:var(--mint);font-size:25px;margin-left:auto;margin-right:5px}.art-bottom{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;border-top:1px solid #3c505b;padding-top:13px;color:#96aeb7}.art-bottom>span{color:var(--mint)}.skills-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.skills-band>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0}.skills-band span{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.skills-band b{font-weight:400;font-size:15px;letter-spacing:-.4px}.skills-band i{font-style:normal;color:var(--orange);font-size:13px}.work{padding-top:85px;padding-bottom:65px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:47px;line-height:1.08;font-weight:400;letter-spacing:-1.8px;margin:0}.section-heading>p{color:var(--muted);font-size:12px;margin:0 0 4px;max-width:360px}.project{display:grid;grid-template-columns:.8fr 1.3fr;gap:50px;border:1px solid var(--line);border-radius:8px;padding:32px;background:#faf9f5}.project-meta{display:flex;gap:20px;align-items:center;font-size:10px;color:var(--muted)}.status{background:#e5ece3;color:#3b684e;border-radius:20px;padding:3px 10px;font-size:7px;letter-spacing:1px}h3{font-size:33px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin:25px 0 9px}.project-subtitle{font-size:14px!important;color:var(--ink)!important}.project-info>p{font-size:12px;color:var(--muted);margin:10px 0 18px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.tags span{font-size:8px;padding:3px 8px;border:1px solid var(--line);border-radius:3px}.project-result{display:flex;gap:14px;align-items:center;padding:18px 0;border-top:1px solid var(--line);margin:20px 0 8px}.project-result strong{font-size:35px;font-weight:400;letter-spacing:-1.5px}.project-result span{font-size:9px;line-height:1.6;color:var(--muted)}.text-link{font-size:12px;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--ink);padding:10px 0}.text-link:hover{color:var(--orange)}.project-info .small-note{font-size:9px;max-width:330px;line-height:1.6;margin-top:18px}.project-demo{align-self:center;min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.demo-heading{display:flex;justify-content:space-between;background:#e9ede8;padding:12px 15px;font-size:7px;letter-spacing:1px;color:#405b5a}.image-comparison{position:relative;overflow:hidden;background:white;--position:50%;aspect-ratio:1440/1110}.image-comparison>img{display:block;width:100%;height:auto}.baseline-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--position)) 0 0)}.baseline-layer>img{display:block;width:100%;height:auto}.compare-line{position:absolute;top:0;bottom:0;left:var(--position);width:2px;background:var(--orange);transform:translateX(-50%);pointer-events:none}.compare-line span{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);background:var(--orange);color:white;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;box-shadow:0 3px 15px #0003}.image-label{position:absolute;top:10px;z-index:2;background:#182b36e8;color:white;padding:3px 7px;font-size:6px;letter-spacing:1px;pointer-events:none}.before{left:10px}.after{right:10px}.image-comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3}.image-comparison:focus-within{outline:3px solid var(--orange);outline-offset:-3px}.demo-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f1f3ed;border-top:1px solid var(--line)}.finding{display:flex;align-items:center;gap:6px;font-size:8px}.finding i{width:5px;height:5px;background:var(--orange);border-radius:50%}.demo-bottom button{border:0;background:transparent;font-size:8px;color:var(--muted);padding:4px}.next-note{display:flex;align-items:center;gap:35px;padding:25px 0;border-bottom:1px solid var(--line)}.next-note>span:first-child{font-size:8px;letter-spacing:1px;white-space:nowrap;color:var(--orange)}.next-note>p{font-size:11px;color:var(--muted);max-width:570px;margin:0}.next-arrow{font-size:28px;margin-left:auto}.approach{background:#eaece5;padding:65px 0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:20px}.principles article{border-top:1px solid #bfc6bd;padding-top:22px}.principles article>span{font-size:8px;letter-spacing:1.5px;color:#5f756c}.principles h3{font-size:21px;letter-spacing:-.5px;margin:17px 0 12px}.principles p{font-size:12px;color:#626f6b;line-height:1.8;max-width:320px}.about{padding-top:75px;padding-bottom:75px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:start}.about-grid h2{font-size:40px}.about-grid p{font-size:13px;color:var(--muted);margin:0 0 15px}.connect{background:var(--ink);color:var(--paper);padding:65px 0;position:relative;overflow:hidden}.connect .eyebrow{color:var(--mint)}.connect h2{font-size:65px;letter-spacing:-2px;margin-bottom:25px;position:relative;z-index:1}.connect em{color:var(--mint)}.cream{background:var(--paper);color:var(--ink);position:relative;z-index:1}.connect-decoration{position:absolute;right:10%;top:-70px;font-size:450px;line-height:1;color:#2d4652}footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);padding-top:25px;padding-bottom:25px}footer>a{color:var(--ink)}@media(min-width:1550px){.hero{gap:110px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:40px}h1{font-size:80px}.hero-art{padding:22px}.browser-frame{height:220px}.art-title{font-size:37px}.project{gap:25px;padding:25px}.project-info h3{font-size:29px}.project-result strong{font-size:29px}.skills-band b{font-size:12px}.about-grid{gap:35px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{height:85px}.identity{gap:10px;font-size:9px}.identity small{font-size:6px;letter-spacing:1px}.monogram{font-size:33px}nav{gap:12px}nav>a:not(.contact){display:none}nav .contact{font-size:10px;padding:7px 12px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:45px;gap:38px}h1{font-size:81px;letter-spacing:-4px}.eyebrow{font-size:8px}.lead{font-size:18px}.intro{font-size:12px}.hero-art{transform:none;margin-right:8px;padding:23px}.browser-frame{height:auto;max-height:270px}.art-title{font-size:40px}.skills-band>div{flex-wrap:wrap;justify-content:center;gap:12px 19px;padding:16px 0}.skills-band span{width:100%;text-align:center}.skills-band b{font-size:11px}.skills-band i{font-size:10px}.work{padding-top:50px;padding-bottom:40px}.section-heading{align-items:start;gap:20px;flex-direction:column;margin-bottom:28px}h2{font-size:39px}.section-heading>p{font-size:11px}.project{grid-template-columns:1fr;padding:20px;gap:25px}.project-info h3{font-size:33px}.project-info>p{max-width:none}.project-result strong{font-size:35px}.project-info .small-note{max-width:none}.demo-heading{font-size:6px;padding:10px}.demo-bottom{padding:9px 8px}.finding{font-size:7px}.next-note{gap:12px;align-items:start;flex-direction:column}.next-note p{font-size:11px}.next-arrow{display:none}.approach{padding:45px 0}.principles{grid-template-columns:1fr;gap:25px}.principles p{max-width:none}.principles h3{font-size:23px}.about{padding-top:45px;padding-bottom:45px}.about-grid{grid-template-columns:1fr;gap:25px}.about-grid h2{font-size:35px}.connect{padding:45px 0}.connect h2{font-size:53px}.connect-decoration{right:-70px;font-size:350px;top:0}footer{gap:15px;flex-wrap:wrap;font-size:8px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}