:root{color-scheme:light;--paper:#faf8f4;--ink:#192226;--muted:#5c6667;--accent:#e87f59;--panel:#eeeae3;--line:rgba(25,34,38,.17);--hero:#f0e9df;--light-ink:#fff;--rounded:26px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}button,a{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{cursor:pointer}img,svg{max-width:100%}.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.top-strip{background:var(--ink);color:var(--light-ink);font-size:.76rem;letter-spacing:.045em;text-align:center;padding:9px 14px}.navbar{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:25px 0}.brand{font-weight:850;letter-spacing:-.05em;font-size:1.34rem;text-decoration:none;white-space:nowrap}.desktop-nav{display:flex;gap:28px;align-items:center}.desktop-nav a{text-decoration:none;font-size:.91rem;font-weight:650;opacity:.85}.desktop-nav a:hover{opacity:1;color:var(--accent)}.nav-action{border:1px solid var(--ink);border-radius:100px;padding:10px 17px;font-size:.85rem;text-decoration:none;white-space:nowrap}.mobile-nav{display:none}.mobile-nav summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-weight:700}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] .mobile-menu{position:absolute;right:22px;top:111px;z-index:10;background:var(--paper);box-shadow:0 15px 40px #0002;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;min-width:190px}.mobile-menu a{padding:9px;text-decoration:none}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:38px;align-items:stretch;min-height:620px;padding:34px 0 95px}.hero-copy{align-self:center;padding:18px 0}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.5rem,6.1vw,6.7rem);line-height:1.03;letter-spacing:-.075em;margin:20px 0 25px;max-width:850px;font-weight:820}h2{font-size:clamp(2.2rem,4.5vw,4.4rem);letter-spacing:-.064em;line-height:1.08;margin-bottom:20px}h3{font-size:1.31rem;letter-spacing:-.035em}.lead{font-size:1.06rem;max-width:510px;color:var(--muted);line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border-radius:100px;padding:15px 24px;font-weight:750;font-size:.88rem;min-height:50px}.button-primary{background:var(--ink);color:var(--light-ink)}.button-secondary{border:1px solid var(--line)}.button:hover{transform:translateY(-2px)}.visual{border-radius:var(--rounded);min-height:480px;position:relative;overflow:hidden;background:var(--hero)}.visual::before,.visual::after{content:'';position:absolute;pointer-events:none}.visual-label{position:absolute;z-index:2;left:28px;bottom:27px;right:28px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.8rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.visual-circle{position:absolute;border-radius:50%;filter:drop-shadow(18px 24px 22px #0002)}.scene{position:absolute;inset:0}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-head h2{max-width:670px;margin:0}.section-head p{max-width:290px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{background:var(--panel);border-radius:20px;padding:30px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease}.work-card:hover{transform:translateY(-5px)}.work-card .number{font-size:.71rem;font-weight:820;letter-spacing:.13em;opacity:.65}.work-card h3{font-size:1.65rem;letter-spacing:-.055em;line-height:1.12;max-width:280px}.work-card p{font-size:.9rem;color:var(--muted);max-width:290px}.work-card .glyph{width:80px;height:80px;align-self:flex-end;display:grid;place-items:center;font-size:3.25rem;font-family:Georgia,serif;border-radius:18px;background:var(--paper);color:var(--accent)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.filters button{background:transparent;border:1px solid var(--line);border-radius:24px;padding:9px 19px;font-size:.85rem;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);color:var(--light-ink)}.work-card[hidden]{display:none}.process{background:var(--ink);color:var(--light-ink);padding:100px 0}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.process p{color:#eee9df;line-height:1.85}.process ul{margin:30px 0;padding:0;list-style:none}.process li{padding:16px 0;border-top:1px solid #ffffff35;font-size:.94rem}.process li::before{content:'↗';display:inline-block;margin-right:17px;color:var(--accent)}.quote{font-size:clamp(2rem,4vw,4rem);line-height:1.13;letter-spacing:-.06em;font-weight:650;max-width:520px}.footer{padding:45px 0 50px}.footer-line{border-top:1px solid var(--line);padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:18px}.disclaimer{color:var(--muted);font-size:.78rem;max-width:610px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.tags span{font-size:.77rem;border:1px solid var(--line);border-radius:100px;padding:7px 12px;color:var(--muted)}.signature{font-size:.77rem;font-weight:730;letter-spacing:.11em;text-transform:uppercase;color:var(--accent)}
body.business{--paper:#f8f4ed;--ink:#182936;--muted:#5a6872;--accent:#df6b3b;--panel:#eee7da;--hero:#c8d6d5;--rounded:18px}body.business .hero{grid-template-columns:1.03fr .97fr}body.business .visual{background:linear-gradient(155deg,#dce2df,#bacdd1)}body.business .visual::before{width:78%;height:65%;left:11%;top:15%;border-radius:18px;background:#fff;box-shadow:0 25px 55px #284d5a28;transform:rotate(-6deg)}body.business .visual::after{width:54%;height:35%;right:2%;top:35%;border-radius:16px;background:#253f50;box-shadow:0 20px 35px #2338;transform:rotate(7deg)}body.business .visual .visual-circle{width:120px;height:120px;background:linear-gradient(135deg,#e69c67,#ce5c3c);top:19%;left:21%;z-index:2}body.business .visual-label{background:#f8f4ed;left:12%;right:12%;bottom:8%;padding:13px;border-radius:11px;color:#182936}
body.studio{--paper:#f5f1ff;--ink:#251643;--muted:#625b70;--accent:#7949ea;--panel:#e7def8;--hero:#d6cdf3;--rounded:5px}body.studio h1{font-family:Georgia,'Times New Roman',serif;font-weight:550;letter-spacing:-.075em}body.studio .visual{background:linear-gradient(45deg,#3e1f79,#926bdf)}body.studio .visual::before{width:65%;height:72%;background:#e7cebb;top:12%;left:10%;transform:rotate(-14deg)}body.studio .visual::after{width:48%;height:68%;background:#c3ebcc;top:16%;left:43%;transform:rotate(15deg);border-radius:65% 30% 15% 65%}body.studio .visual .visual-circle{background:linear-gradient(100deg,#fff,#ffce77);width:175px;height:175px;top:32%;left:27%;z-index:1;mix-blend-mode:screen}body.studio .visual-label{color:#fff}body.studio .work-card:nth-child(2){background:#d7f0df}body.studio .work-card:nth-child(3){background:#f2d9db}
body.moss{--paper:#f5f4eb;--ink:#264536;--muted:#64736c;--accent:#7b905a;--panel:#e3e9da;--hero:#c7dac4;--rounded:180px 180px 22px 22px}body.moss h1{font-family:Georgia,'Times New Roman',serif;font-weight:550;letter-spacing:-.055em}body.moss .visual{background:radial-gradient(circle at 60% 20%,#dee8d3,#b2c9a5)}body.moss .visual::before{width:210px;height:330px;background:#5c865b;top:23%;left:20%;border-radius:100% 3% 100% 3%;transform:rotate(-35deg);box-shadow:105px 30px 0 -18px #8da777,170px -25px 0 -33px #426c48}body.moss .visual::after{width:215px;height:155px;bottom:7%;left:32%;border-radius:15% 15% 40% 40%;background:linear-gradient(85deg,#b57759,#d7ae88);box-shadow:0 24px 18px #324d3a35}body.moss .visual .visual-circle{width:96px;height:96px;top:14%;right:11%;background:#f5f4d8;opacity:.65}body.moss .work-card{border-radius:34px}body.moss .visual-label{color:#254a37;background:#eef4e7c9;padding:9px;border-radius:12px}
body.craft{--paper:#fbf5ee;--ink:#432920;--muted:#765f54;--accent:#af644b;--panel:#f0e0d4;--hero:#e5bb9f;--rounded:240px 240px 12px 12px}body.craft h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.07em}body.craft .visual{background:linear-gradient(130deg,#efd3b9,#d59a7b)}body.craft .visual::before{width:39%;height:53%;top:28%;left:12%;background:linear-gradient(90deg,#bd7959,#e0b090);border-radius:38% 38% 26% 26%;transform:rotate(-10deg);box-shadow:0 25px 24px #58301b25}body.craft .visual::after{width:37%;height:61%;top:20%;right:10%;background:linear-gradient(90deg,#8e5141,#c98c70);border-radius:26% 26% 50% 50%;transform:rotate(12deg);box-shadow:0 25px 24px #58301b25}body.craft .visual .visual-circle{width:135px;height:40px;background:#eac6a4;top:24%;left:9%;transform:rotate(-10deg);border:10px solid #bd7959;z-index:3}body.craft .visual-label{color:#462a20;background:#fff9e8bd;padding:9px;border-radius:5px}body.craft .work-card:nth-child(2){background:#e9d0c1}body.craft .work-card:nth-child(3){background:#edd6c7}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:18px;padding:20px 0 70px;min-height:0}.hero-copy{padding:22px 0}.visual{min-height:430px}.section{padding:78px 0}.process-grid{gap:30px}.work-grid{grid-template-columns:1fr 1fr}.work-card:last-child{grid-column:1/-1}.desktop-nav{gap:14px}}
@media(max-width:650px){.container{width:min(100% - 32px,1180px)}.navbar{padding:18px 0}.desktop-nav,.nav-action{display:none}.mobile-nav{display:block}.hero{padding:10px 0 54px}.hero h1{font-size:clamp(2.8rem,11vw,4.8rem)}.lead{font-size:1rem}.visual{min-height:370px}.work-grid,.process-grid{grid-template-columns:1fr}.work-card,.work-card:last-child{grid-column:auto;min-height:250px}.section{padding:68px 0}.section-head{display:block}.section-head p{margin-top:20px}.process{padding:75px 0}.footer-line{align-items:flex-start;flex-direction:column}.brand{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-card,.button{transition:none}}