@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--paper:#f4f2ec;--ink:#23251f;--muted:#73746b;--orange:#bf481f;--line:#d6d5cb;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}::selection{background:#d65328;color:white}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button{background:none}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}img{display:block;max-width:100%}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:800 31px/1 var(--display);letter-spacing:-1.8px;display:flex;align-items:baseline;position:relative}.logo-dot{color:var(--orange)}.logo small{font:9px var(--mono);letter-spacing:1px;margin-left:15px}.nav nav{display:flex;gap:40px;align-items:center;font-size:13px}.nav sup{font:9px var(--mono);color:var(--muted);padding-left:3px}.nav-contact{border:1px solid var(--ink);border-radius:50px;padding:10px 20px;display:flex;gap:27px}.nav a:hover{color:var(--orange)}.hero{padding-top:43px}.hero-top,.hero-foot,.hero-bottom,.section-top,.contact-top{display:flex;justify-content:space-between;gap:30px}.eyebrow,.edition,.mini-label,.index,.hero-foot,.art-caption,.tags,.project-index,.work-note,.availability{font:10px/1.5 var(--mono);letter-spacing:.8px}.eyebrow{display:flex;gap:9px;align-items:center}.eyebrow i,.availability i{width:6px;height:6px;background:var(--orange);border-radius:50%;display:inline-block}.edition{color:var(--muted)}h1{font-size:clamp(80px,10.3vw,151px);line-height:1.06;letter-spacing:-8px;margin:40px 0 47px;font-weight:500}.second{display:flex;align-items:center;gap:32px}.second em{color:var(--orange);letter-spacing:-8px}.asterisk{font-size:116px;color:var(--orange);margin-left:auto;padding-right:8%;font-family:Arial;line-height:1}.hero-bottom{align-items:flex-end;padding-bottom:57px}.intro{max-width:405px}.mini-label{color:var(--muted);font-size:9px}.intro p{font-size:19px;line-height:1.55;margin:15px 0 27px;letter-spacing:-.3px}.text-link{display:inline-flex;gap:45px;font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:7px}.text-link:hover{color:var(--orange);border-color:var(--orange)}.hero-play{width:43%;border:1px solid #c9c9bf;background:#efeee7}.play-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;gap:12px;border-bottom:1px solid var(--line)}.play-head>span{font:8px var(--mono);letter-spacing:.2px;max-width:160px}.switch{display:flex;gap:2px;background:#e3e3da;border-radius:4px;padding:3px}.switch button{border:0;padding:3px 10px;font-size:10px;border-radius:2px}.switch .active{background:var(--ink);color:white}.play-area{height:135px;display:grid;place-items:center;overflow:hidden}.design-view{position:relative;width:100%;height:100%;display:grid;place-items:center}.sample-button{font-size:13px;background:var(--orange);color:#fff;padding:13px 20px;display:flex;gap:25px;outline:1px solid #c4765a;outline-offset:8px;position:relative;z-index:1}.spec-line{position:absolute;left:9%;right:9%;border-top:1px dashed #bcbdb0}.spec-top{top:35px}.spec-bottom{bottom:35px}.measure{position:absolute;top:7px;left:16px;font:8px var(--mono);color:var(--muted)}.cursor-mark{position:absolute;bottom:12px;right:23%;color:var(--orange);z-index:2;font-size:23px}.cursor-mark small{position:absolute;top:18px;left:15px;background:var(--orange);color:white;font:8px var(--mono);padding:3px 6px}.play-foot{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);padding:5px 9px;border-top:1px solid var(--line);color:var(--muted)}.cross{font-size:16px}.code-view{font:11px/1.6 var(--mono);margin:0;padding:10px}.code-orange{color:#df7f51}.code-green{color:#a1b88f}.code-dim{color:#888b7e}.code-view .code-orange{color:var(--orange)}.code-view .code-green{color:#426139}.hero-foot{border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:8px}.work{padding-top:116px;padding-bottom:90px}.section-top{align-items:flex-end;margin-bottom:45px}.index{font-size:9px;color:var(--muted)}h2{font-size:clamp(36px,3.7vw,53px);line-height:1.15;letter-spacing:-2px;margin-top:20px}.orange{color:var(--orange)}.filters{display:flex;gap:20px;padding-bottom:4px}.filters button{border:0;padding:7px 0;font-size:12px;color:var(--muted)}.filters button.active{border-bottom:1px solid var(--ink);color:var(--ink)}.filters sup{font:8px var(--mono)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:53px 28px}.project{min-width:0}.project[hidden]{display:none}.wide{grid-column:1/-1}.project-image{width:100%;height:390px;border:0;padding:25px 28px 0;overflow:hidden;position:relative;display:flex;flex-direction:column;text-align:left}.wide .project-image{height:530px}.compassion{background:#d8e1d4}.superna{background:#dce0e8}.james{background:#d6dce3}.grind{background:#e2dace}.shift{background:#e0dbee}.art-caption{display:flex;justify-content:space-between;color:#4f594f;font-size:8px;gap:15px;width:100%}.browser{margin:40px auto 0;width:89%;background:white;box-shadow:0 12px 40px #182c2620;border-radius:5px 5px 0 0;overflow:hidden;transition:transform .5s;flex-shrink:0}.wide .browser{width:78%;margin-top:41px}.browser-bar{height:27px;display:flex;align-items:center;gap:4px;padding:0 10px;background:#fafbf9;border-bottom:1px solid #e2e4de}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#d8d9d3}.browser-bar span{font:7px var(--mono);color:#8c8e86;margin-left:12px}.browser img{width:100%;height:350px;object-fit:cover;object-position:top}.wide .browser img{height:480px}.project-image:hover .browser{transform:translateY(-9px)}.open-project{position:absolute;bottom:18px;right:20px;background:var(--ink);color:white;border-radius:50px;padding:10px 17px;font-size:10px;transition:background .2s}.project-image:hover .open-project{background:var(--orange)}.project-meta{padding-top:18px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.project-meta h3{font-size:22px;letter-spacing:-.6px}.project-meta p{font-size:12px;color:var(--muted);margin-top:4px}.tags{font-size:8px;padding-top:9px;text-align:right;color:var(--muted)}.project-index{color:var(--muted);padding-top:7px}.phones{display:flex;justify-content:center;gap:22px;width:100%;margin-top:31px;align-items:start;transition:transform .5s}.phones img{width:36%;height:340px;object-fit:cover;object-position:top;border-radius:20px;border:5px solid #282432;box-shadow:0 15px 35px #25203922}.phones img:last-child{margin-top:32px;transform:rotate(7deg)}.phones img:first-child{transform:rotate(-5deg)}.project-image:hover .phones{transform:translateY(-8px)}.wide .tool{height:400px;background:#272b26;color:#eeeee5;flex-direction:row;align-items:center;justify-content:space-between;padding:50px 60px;gap:40px}.tool-copy .index{color:#b8c0af}.tool-copy h3{font-size:43px;line-height:1.15;letter-spacing:-1.5px;margin:22px 0}.tool-copy h3 em{color:#e4976e}.tool-copy p{font:11px var(--mono);color:#a8b29f}.tool-link{font-size:11px;display:block;margin-top:30px}.editor{width:47%;background:#1b1e1a;border:1px solid #50554a;transform:rotate(-2deg);text-align:left}.editor-head{border-bottom:1px solid #41463a;display:flex;justify-content:space-between;padding:12px 17px;font:9px var(--mono);color:#a7ad9e}.editor pre{font:11px/1.7 var(--mono);padding:16px 23px;color:#d2d6c8}.editor-status{display:flex;justify-content:space-between;border-top:1px solid #41463a;padding:10px 16px;font:8px var(--mono);color:#b5c2a5}.work-note{text-align:center;color:var(--muted);font-size:9px;margin-top:50px}.about{background:#e9e8df;padding:90px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.monogram{height:350px;margin-top:45px;position:relative;font:400 230px/1 Georgia;color:#c6c6b9;letter-spacing:-65px;padding-top:15px}.monogram>span{font-style:italic;color:var(--orange)}.monogram i{font:9px/1.8 var(--mono);letter-spacing:1px;position:absolute;bottom:0;left:0;color:var(--muted)}.mono-corner{position:absolute;bottom:5px;right:20px;font:40px var(--display);letter-spacing:0}.about-copy h2{font-size:clamp(42px,4.1vw,59px);margin-top:0;margin-bottom:30px}.about-copy h2 em{color:var(--orange)}.about-copy p{font-size:14px;line-height:1.8;color:#64665c;margin-bottom:19px;max-width:490px}.about-copy .lead{font-size:19px;line-height:1.55;color:var(--ink)}.about-copy .text-link{margin-top:10px}.practice{padding-top:100px;padding-bottom:80px}.practice-heading{margin-bottom:40px}.service{display:grid;grid-template-columns:50px 1fr 1.2fr 20px;gap:25px;align-items:center;border-top:1px solid var(--line);padding:30px 0}.service:last-child{border-bottom:1px solid var(--line)}.service>span{font:10px var(--mono);color:var(--muted)}.service>span:last-child{font-size:25px;color:var(--orange)}.service h3{font-size:27px;letter-spacing:-1px}.service p{font-size:13px;margin-bottom:5px}.service small{font-size:11px;color:var(--muted);line-height:1.7;display:block}.experience{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:30px 0 110px}.experience-intro p{max-width:315px;color:var(--muted);font-size:14px;margin-top:23px}.timeline>div{padding:20px 0;border-top:1px solid var(--line);position:relative}.timeline span{font:8px var(--mono);color:var(--muted)}.timeline h3{font-size:20px;margin-top:5px}.timeline p{font-size:12px;color:var(--muted)}.contact{background:#e6ebdc;padding:50px 0 65px}.contact-top{align-items:center}.availability{font-size:8px;display:flex;gap:8px;align-items:center}.availability i{background:#5b6c40}.contact h2{font-size:clamp(65px,8.6vw,124px);line-height:1.03;letter-spacing:-5px;margin:55px 0}.contact h2 em{color:#536443}.contact h2>a{float:right;font-size:110px;font-family:var(--sans);padding-right:25px}.contact h2>a:hover{color:var(--orange)}.contact-bottom{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.contact-bottom p{font-size:14px;line-height:1.8;color:#58604e}.email{font-size:25px;letter-spacing:-1px;border-bottom:1px solid #a4ac96;padding-bottom:8px;display:block}.contact-bottom button{border:0;padding:10px 0 0;font:9px var(--mono);color:#5c6650;display:flex;gap:60px}.contact-bottom [role=status]{font-size:11px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:33px 0!important}footer .logo{font-size:24px}footer .logo small{font-size:7px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:10px;z-index:100}.skip:focus{top:10px}dialog{width:min(900px,calc(100% - 32px));border:0;background:var(--paper);padding:55px;max-height:90vh;color:var(--ink)}dialog::backdrop{background:#171c17b8;backdrop-filter:blur(5px)}.close-dialog{display:block;margin-left:auto;border:0;font:11px var(--mono);padding:5px 0 20px}.dialog-content h2{font-size:42px;margin:12px 0 20px}.dialog-content p{font-size:15px;margin-bottom:20px;color:#62665a}.dialog-content h3{font-size:16px;margin:20px 0 8px}.dialog-content img{width:100%;max-height:360px;object-fit:contain;background:#e5e7df;margin-bottom:25px}.dialog-content .text-link{margin-top:15px}.dialog-tags{font:9px var(--mono);color:var(--orange)}body.modal-open{overflow:hidden}
@media(min-width:1600px){h1{font-size:158px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}h1{letter-spacing:-5px}.second em{letter-spacing:-5px}.asterisk{font-size:90px;padding-right:2%}.intro{max-width:350px}.hero-play{width:45%}.play-head>span{font-size:7px}.hero-foot{font-size:7px}.project-image{height:330px;padding:20px}.wide .project-image{height:450px}.section-top{display:block}.filters{margin-top:25px}.tags{display:none}.wide .tool{padding:40px;height:370px}.tool-copy h3{font-size:32px}.editor{width:50%}.editor pre{font-size:9px;padding:15px}.service{grid-template-columns:30px 1fr 1.2fr 15px;gap:15px}.service h3{font-size:22px}.contact h2>a{font-size:90px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.nav{height:80px}.logo{font-size:26px}.logo small{display:none}.nav nav{gap:20px;font-size:11px}.nav-contact{padding:8px 12px;gap:14px}.hero{padding-top:27px}.hero-top{gap:12px}.eyebrow{font-size:7px;letter-spacing:.2px}.edition{font-size:7px;letter-spacing:0}h1{font-size:clamp(59px,12.8vw,86px);letter-spacing:-3px;margin:38px 0 34px;line-height:1.1}.second{gap:15px}.second em{letter-spacing:-3px}.asterisk{font-size:52px;padding-right:0}.hero-bottom{display:block;padding-bottom:33px}.intro{max-width:390px}.intro p{font-size:17px;max-width:340px}.hero-play{width:100%;margin-top:36px}.play-head>span{max-width:none;font-size:7px}.hero-foot{font-size:7px;gap:20px}.hero-foot>span:nth-child(2){display:none}.work{padding-top:65px;padding-bottom:55px}h2{font-size:34px;letter-spacing:-1.5px}.section-top{margin-bottom:30px}.filters{gap:25px}.projects{grid-template-columns:1fr;gap:35px}.wide{grid-column:auto}.project-image,.wide .project-image{height:335px}.wide .browser{width:92%;margin-top:37px}.browser{width:94%;margin-top:34px}.browser img,.wide .browser img{height:350px}.project-meta h3{font-size:20px}.project-meta p{font-size:11px}.art-caption{font-size:7px}.wide .tool{height:auto;min-height:480px;flex-direction:column;align-items:start;padding:30px;gap:25px}.tool-copy h3{font-size:36px;margin:17px 0}.tool-link{margin-top:15px}.editor{width:100%;transform:rotate(-1deg)}.editor pre{font-size:10px;line-height:1.5}.phones{margin-top:25px}.phones img{height:320px;width:35%}.work-note{font-size:8px;max-width:260px;margin:35px auto 0}.about{padding:55px 0}.about-grid{grid-template-columns:1fr;gap:40px}.monogram{height:200px;font-size:175px;margin-top:10px;letter-spacing:-50px}.monogram i{left:auto;right:30px;bottom:35px}.mono-corner{display:none}.about-copy h2{font-size:45px}.practice{padding-top:65px;padding-bottom:55px}.service{grid-template-columns:22px 1fr 18px;gap:10px;padding:24px 0}.service h3{font-size:24px}.service>div{grid-column:2;grid-row:auto}.service>span:last-child{grid-column:3;grid-row:1}.service small{font-size:10px}.experience{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.experience-intro p{max-width:350px}.timeline>div{padding:17px 0}.contact{padding:30px 0 40px}.contact-top{gap:15px}.contact-top .index{font-size:7px;max-width:170px}.availability{font-size:7px;letter-spacing:0}.contact h2{font-size:64px;letter-spacing:-3px;margin:37px 0}.contact h2>a{font-size:55px;padding:8px 0 0}.contact-bottom{display:block}.contact-bottom>div{margin-top:28px}.email{font-size:23px;display:inline-block}footer{flex-wrap:wrap}footer>span{font-size:9px}footer>a:last-child{font-size:9px}dialog{padding:25px}.dialog-content h2{font-size:31px}.dialog-content p{font-size:14px}.dialog-content img{max-height:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}