@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f4f2e9;--ink:#25271f;--muted:#727268;--line:#d4d5c8;--orange:#e6502e;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{background:#e6502e;color:var(--paper)}.wrap{width:calc(100% - 112px);max-width:1440px;margin:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:29px;letter-spacing:-1.8px;font-weight:700;display:inline-flex;align-items:center;gap:2px}.brand-dot{font-size:12px;color:var(--orange);margin:0 3px}.header nav{display:flex;gap:35px;font-size:13px}.header nav a:hover,.text-link:hover,.email:hover{color:var(--orange)}.contact-link{font-size:13px;border-bottom:1px solid var(--ink);padding:9px 0}.contact-link span{margin-left:28px}.hero{padding-top:47px}.eyebrow,.section-label,.hero-foot,.art-caption,.project-kind,.project-number,.tag,.row-num,.footer>span,.vision-bottom{font-size:10px;letter-spacing:1.2px;font-weight:550}.eyebrow{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.hero-layout{display:grid;grid-template-columns:1.35fr 1fr;min-height:545px;align-items:center;gap:12px}.hero-copy{position:relative;z-index:1;padding:42px 0 58px}h1{font-size:clamp(54px,5.9vw,90px);font-weight:450;letter-spacing:-5px;line-height:1.04;margin:0 0 30px;white-space:nowrap}em{font-family:var(--serif);font-weight:400}h1 em{font-size:1.12em;color:var(--orange);letter-spacing:-3px}.hero-description{max-width:375px;font-size:16px;line-height:1.7;color:#67695e;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:53px;background:var(--ink);color:var(--paper);padding:18px 22px;font-size:12px}.button:hover{background:var(--orange)}.hero-art{height:475px;position:relative;overflow:hidden}.art-grid{position:absolute;inset:25px;background-image:linear-gradient(#cdd0be66 1px,transparent 1px),linear-gradient(90deg,#cdd0be66 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000 12%,transparent 72%)}.sculpture{position:absolute;inset:45px 10px 50px;transform:rotate(-25deg);filter:drop-shadow(22px 32px 19px #65693a22)}.disc{position:absolute;left:20%;width:63%;height:90px;border-radius:50%;background:linear-gradient(180deg,#e8efb1 0%,#b9c584 32%,#7e8c46 75%,#636c3b 90%,#c7d693 100%);box-shadow:inset 0 2px 1px #f7ffd6,0 6px 7px #59603730}.disc:after{content:'';position:absolute;inset:8px 11px 25px;border:1px solid #e5edb980;border-radius:50%}.d1{top:5px;z-index:8}.d2{top:42px;z-index:7}.d3{top:79px;z-index:6}.d4{top:116px;z-index:5}.d5{top:153px;z-index:4}.d6{top:190px;z-index:3}.d7{top:227px;z-index:2}.d8{top:264px;z-index:1}.art-cross{position:absolute;font-size:23px;font-weight:400;color:#949888}.cross-top{right:10px;top:40px}.cross-bottom{left:25px;bottom:58px}.art-caption{position:absolute;bottom:14px;left:25px;right:8px;display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.hero-foot{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px}.hero-foot a{font-size:21px;color:var(--ink)}.section{padding-top:98px;padding-bottom:98px}.section-label{display:flex;justify-content:space-between;margin-bottom:55px;color:var(--muted)}.section-label span:first-child{color:var(--ink)}h2{font-size:clamp(38px,3.6vw,58px);font-weight:450;line-height:1.13;letter-spacing:-2px;margin:0}h2 em{font-size:1.1em}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.body-copy{max-width:475px}.body-copy p{font-size:15px;line-height:1.8;margin:0 0 18px;color:var(--muted)}.body-copy p:first-child{color:var(--ink)}.text-link{display:inline-flex;gap:46px;border-bottom:1px solid var(--ink);padding:10px 0;font-size:12px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:70px}.principles>div{border-top:1px solid var(--line);padding-top:24px}.principles span{color:var(--orange);font-size:11px}.principles h3{font-weight:500;font-size:18px;margin:23px 0 12px;letter-spacing:-.5px}.principles p{font-size:13px;line-height:1.7;color:var(--muted);max-width:290px}.vision{background:#26382e;color:#f1f1df}.vision .section-label{color:#a5b4a5}.vision .section-label span:first-child{color:#dde5d7}.vision-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:center}.vision h2{font-size:clamp(43px,4.6vw,70px);line-height:1.09;letter-spacing:-2px;margin-bottom:30px}.vision h2 em{color:#d6dda7}.vision p{font-size:14px;line-height:1.85;color:#b1c0b2;max-width:470px}.vision-symbol{width:280px;height:280px;position:relative;margin:0 auto}.vision-symbol span{position:absolute;inset:0;border:1px solid #c4d498;border-radius:50%}.vision-symbol span:nth-child(2){transform:translateX(-38px)}.vision-symbol span:nth-child(3){transform:translateX(38px)}.vision-symbol span:nth-child(4){transform:scale(.7);background:#d6dda7}.vision-bottom{border-top:1px solid #546153;margin-top:65px;padding-top:25px;color:#a8b6a6}.vision-bottom span{color:#e4e9d3;margin-left:15px}.portfolio-heading{display:flex;justify-content:space-between;align-items:flex-end}.portfolio-heading p{font-size:13px;line-height:1.8;color:var(--muted);margin-right:90px}.filters{display:flex;gap:10px;margin:42px 0 29px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);padding:10px 17px;font-size:11px;border-radius:30px;color:var(--muted);cursor:pointer}.filters button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filters button:hover{border-color:var(--ink)}.filters button span{margin-left:8px;opacity:.6}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-art{height:310px;position:relative;overflow:hidden}.project-number{position:absolute;top:18px;left:20px;opacity:.6}.project-kind{position:absolute;bottom:18px;left:20px;font-size:8px}.telegram{background:#e1e6d6}.docs{background:#e8ddd1}.social{background:#e1e0ea}.chat-art{position:absolute;top:88px;left:10%;width:80%;transform:rotate(-9deg)}.chat-art span,.chat-art i{display:block;width:max-content;padding:18px 22px;background:#f9f9f0;border-radius:16px 16px 16px 0;font-size:18px;box-shadow:0 12px 20px #2838290b}.chat-art i{font-style:normal;background:#344b3b;color:#f1f5de;margin:13px 0 0 auto;border-radius:16px 16px 0 16px}.chat-art b{margin-left:12px;color:#cfdf9c}.paper-art{position:absolute;width:180px;height:220px;background:#faf7ee;top:42px;left:calc(50% - 90px);transform:rotate(9deg);box-shadow:12px 12px 0 #cabbad6b;padding:24px}.paper-lines{width:25px;height:14px;border-top:2px solid #e6502e;border-bottom:2px solid #e6502e;margin-bottom:22px}.paper-art span{font-size:24px;line-height:1.06;letter-spacing:-.8px}.paper-art em{font-size:35px;color:var(--orange)}.paper-art b{position:absolute;right:20px;bottom:14px;font-size:28px;font-weight:400}.search-art{position:absolute;inset:30px;display:grid;place-items:center}.search-art b{font-size:36px;line-height:1.05;text-align:center;font-weight:450;letter-spacing:-1.5px;z-index:1}.search-art em{font-size:44px}.orbit{position:absolute;width:160px;height:190px;border:1px solid #a49cb9;border-radius:50%;transform:rotate(35deg)}.o2{transform:rotate(-35deg)}.o3{transform:rotate(90deg)}.project-title{display:flex;align-items:center;justify-content:space-between;padding-top:21px}.project-title h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:0}.project-title>span{font-size:18px;color:#888a7e}.project>p{font-size:12px;color:var(--muted);line-height:1.7;max-width:280px;margin:12px 0 30px}.project-list{margin-top:18px}.project-row{display:grid;grid-template-columns:44px 1fr 1.5fr 125px;gap:20px;align-items:center;min-height:91px;border-top:1px solid var(--line)}.project-row:last-child{border-bottom:1px solid var(--line)}.project-row h3{font-size:16px;font-weight:500;letter-spacing:-.3px}.project-row p{font-size:12px;color:var(--muted)}.row-num{color:#8d9082;font-size:9px}.tag{font-size:8px;border:1px solid var(--line);border-radius:20px;padding:7px 10px;width:max-content;justify-self:end;color:var(--muted)}.portfolio-note{font-size:11px;color:var(--muted);margin-top:23px}.approach{border-top:1px solid var(--line)}.approach h2{font-size:clamp(35px,3.3vw,53px)}.contact{background:var(--orange);padding:70px 0 75px;color:#fff3df}.contact .eyebrow{font-size:9px;opacity:.8}.contact-main{display:flex;align-items:center;justify-content:space-between;margin:35px 0}.contact h2{font-size:clamp(52px,6vw,94px);letter-spacing:-3px;line-height:1.04}.contact-circle{border:1px solid #f7b493;width:107px;height:107px;border-radius:50%;display:grid;place-items:center;font-size:57px;transition:transform .25s}.contact-circle:hover{transform:rotate(45deg);background:#ffffff13}.email{font-size:15px;border-bottom:1px solid #f7b493;padding-bottom:8px}.email:hover{color:white}.footer{display:flex;justify-content:space-between;align-items:center;padding-top:38px;padding-bottom:38px}.footer>span{font-size:8px;color:var(--muted)}.skip{position:absolute;left:20px;top:-100px;z-index:5;background:var(--ink);color:white;padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}[hidden]{display:none!important}@media(min-width:1600px){.hero-layout{min-height:630px}.hero-art{height:520px}.sculpture{inset:65px 20px 55px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}h1{letter-spacing:-3px}.hero-layout{min-height:470px}.hero-art{height:400px}.sculpture{inset:45px -15px 20px;transform:rotate(-25deg) scale(.85)}.split{gap:45px}.project-art{height:260px}.chat-art span,.chat-art i{font-size:14px;padding:15px}.paper-art{transform:rotate(9deg) scale(.85);top:20px}.portfolio-heading p{margin-right:0}.vision-layout{gap:45px}.vision-symbol{width:200px;height:200px}.project-row{grid-template-columns:25px 1fr 1.1fr 105px;gap:12px}.tag{font-size:7px}.hero-foot{font-size:8px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{height:84px}.wordmark{font-size:25px}.header nav{gap:17px;font-size:11px}.header nav a:first-child{display:none}.contact-link{font-size:11px}.contact-link span{margin-left:9px}.hero{padding-top:30px}.eyebrow{font-size:8px}.hero-layout{grid-template-columns:1fr;gap:0}.hero-copy{padding:36px 0 15px}h1{font-size:clamp(41px,9.3vw,67px);letter-spacing:-2.6px;margin-bottom:24px}h1 em{letter-spacing:-1.4px}.hero-description{font-size:14px;max-width:340px}.button{font-size:11px;padding:16px 20px}.hero-art{height:335px;margin:0 20px}.sculpture{inset:2px 20px 0;transform:rotate(-25deg) scale(.8)}.hero-foot{font-size:7px;letter-spacing:.7px;gap:12px}.hero-foot span:nth-child(2){display:none}.section{padding-top:62px;padding-bottom:62px}.section-label{font-size:8px;letter-spacing:1px;margin-bottom:34px;gap:20px}.section-label span:last-child{text-align:right}.split{grid-template-columns:1fr;gap:28px}h2{font-size:39px;letter-spacing:-1.5px}.body-copy p{font-size:14px}.principles{grid-template-columns:1fr;gap:22px;margin-top:35px}.principles>div{display:grid;grid-template-columns:25px 1fr;gap:6px 15px;padding-top:22px}.principles span{grid-row:1/3;padding-top:5px}.principles h3{margin:0;font-size:17px}.principles p{grid-column:2;margin:2px 0;max-width:none}.vision-layout{grid-template-columns:1fr;gap:35px}.vision-symbol{width:145px;height:145px;margin:5px auto 15px}.vision-symbol span:nth-child(2){transform:translateX(-25px)}.vision-symbol span:nth-child(3){transform:translateX(25px)}.vision h2{font-size:44px;letter-spacing:-1.8px}.vision p{font-size:13px}.vision-bottom{margin-top:38px;font-size:8px}.portfolio-heading{display:block}.portfolio-heading p{margin-top:22px}.filters{gap:7px;margin-top:27px}.filters button{font-size:10px;padding:9px 12px}.project-grid{grid-template-columns:1fr;gap:12px}.project-art{height:320px}.chat-art{max-width:285px;left:calc(50% - 142px);top:90px}.chat-art span,.chat-art i{font-size:19px}.paper-art{transform:rotate(9deg);top:43px}.project>p{max-width:none}.project-row{grid-template-columns:25px 1fr auto;gap:7px 10px;padding:18px 0;min-height:100px}.project-row h3{font-size:14px;margin:0}.project-row p{grid-column:2/4;grid-row:2;margin:0;font-size:11px;line-height:1.6}.tag{grid-column:3;grid-row:1;font-size:6px;padding:6px}.row-num{font-size:8px}.approach h2{font-size:37px}.contact{padding:50px 0}.contact h2{font-size:55px;letter-spacing:-2px}.contact-circle{width:64px;height:64px;font-size:35px;flex-shrink:0}.contact .eyebrow{font-size:7px}.email{font-size:13px}.footer{flex-wrap:wrap;gap:24px;padding-top:30px;padding-bottom:30px}.footer>span:nth-child(2){display:none}.footer>span{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.footer-portfolio{font-size:12px;border-bottom:1px solid var(--line);padding:8px 0}.footer-portfolio:hover{color:var(--orange)}.portfolio-page-title{font-size:clamp(46px,5vw,76px);letter-spacing:-2px;line-height:1.08;margin:0;white-space:normal}.portfolio-page-title em{color:var(--ink);font-size:1.1em;letter-spacing:-2px}@media(max-width:720px){.footer-portfolio{font-size:11px}.portfolio-page-title{font-size:46px;letter-spacing:-1.5px}}

.portfolio-group-title{font-size:29px;letter-spacing:-1px;margin:35px 0 8px}.portfolio-group-intro{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 26px}.earlier-projects{border-top:1px solid var(--line);margin-top:65px;padding-top:15px}.project-row p{line-height:1.7;padding:8px 0}.portfolio-group .project-list{margin-top:18px}@media(max-width:720px){.portfolio-group-title{font-size:27px}.project-row p{padding:0}.earlier-projects{margin-top:45px}}

/* Motion and interactive affordances */
.portfolio-plus{z-index:3;width:44px;height:44px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;transition:background .2s,color .2s,rotate .3s,border-color .2s}.portfolio-plus:hover,.portfolio-plus:focus-visible{background:var(--orange);color:var(--paper);border-color:var(--orange);rotate:90deg}.hero-art:has(.portfolio-plus:hover) .disc{box-shadow:inset 0 2px 1px #f7ffd6,0 9px 16px #59603750}.art-grid{transition:transform .4s ease-out}.button,.contact-link,.footer-portfolio,.text-link{transition:background .2s,color .2s,gap .25s}.button:hover{gap:63px}.project-art{transition:transform .4s,box-shadow .4s}.project:hover .project-art{transform:translateY(-5px);box-shadow:0 15px 30px #25271f0d}.project-row{transition:background .2s,padding .2s}.project-row:hover{background:#e8eadf;padding-left:10px;padding-right:10px}.filters button{transition:background .2s,color .2s,border-color .2s}.dobs-feature{display:grid;grid-template-columns:1fr 1fr;margin-bottom:30px;border:1px solid var(--line);min-height:300px}.dobs-art{background:#293733;color:#e1ebc7;position:relative;padding:35px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:300px}.dobs-logo{font-size:58px;font-weight:600;letter-spacing:-3px;position:relative;z-index:1}.dobs-logo span{font-size:20px;vertical-align:top;margin-left:8px;letter-spacing:-1px;color:#e8bc82}.dobs-bars{position:absolute;display:flex;align-items:end;gap:12px;right:32px;bottom:40px;height:170px;transform:rotate(-12deg)}.dobs-bars i{width:29px;background:linear-gradient(#dce9b7,#92ab7c);border-radius:5px 5px 0 0;transition:translate .4s}.dobs-bars i:nth-child(1){height:30%}.dobs-bars i:nth-child(2){height:48%}.dobs-bars i:nth-child(3){height:62%}.dobs-bars i:nth-child(4){height:80%}.dobs-bars i:nth-child(5){height:100%}.dobs-feature:hover .dobs-bars i{translate:0 -9px}.dobs-art-caption{font-size:9px;letter-spacing:1.2px;z-index:1}.dobs-copy{padding:40px;display:flex;flex-direction:column;align-items:start;justify-content:center}.dobs-copy .eyebrow{font-size:9px;color:var(--muted)}.dobs-copy h3{font-size:42px;letter-spacing:-1.5px;font-weight:500;margin:23px 0 12px}.dobs-copy p{max-width:340px;font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 24px}.dobs-category{border:1px solid var(--line);padding:8px 12px;border-radius:20px;font-size:8px;letter-spacing:1px}
@media(prefers-reduced-motion:no-preference){.sculpture{animation:sculpture-float 7s ease-in-out infinite}.vision-symbol span:nth-child(4){animation:vision-breathe 6s ease-in-out infinite}@keyframes sculpture-float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes vision-breathe{0%,100%{scale:1}50%{scale:.94}}}
@media(max-width:720px){.dobs-feature{grid-template-columns:1fr}.dobs-copy{padding:28px}.dobs-copy h3{font-size:36px}.dobs-copy p{font-size:14px}.dobs-art{min-height:260px}.dobs-bars{height:150px}.portfolio-plus.cross-bottom{left:10px;bottom:48px}.portfolio-plus.cross-top{right:0;top:25px}}