:root{--bg:#f3f1ec;--ink:#191919;--muted:#66635e;--line:#cbc8c2;--accent:#ff5630;--lime:#d5ef5b;--card:#e4e1da;--inverse:#181818}html[data-theme="dark"]{--bg:#171717;--ink:#f3f1ec;--muted:#ada9a1;--line:#4a4947;--accent:#ff6f4c;--lime:#d5ef5b;--card:#292929;--inverse:#f3f1ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}.wrap{width:min(1400px,93.4vw);margin:auto}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:11px/1 "DM Mono",monospace;text-transform:uppercase}.brand{display:flex;align-items:center;gap:10px;font:800 14px/1 Manrope,sans-serif;letter-spacing:.03em}.brand img{width:28px;height:28px;object-fit:contain;background:var(--ink);border-radius:50%;padding:5px}.nav{display:flex;gap:28px}.nav a,.header-cta,.underlined,.contact-bottom a{transition:opacity .2s}.nav a:hover,.header-cta:hover,.underlined:hover,.contact-bottom a:hover{opacity:.55}.header-actions{display:flex;align-items:center;gap:17px}.theme-toggle{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:inherit;font:11px "DM Mono",monospace;text-transform:uppercase;cursor:pointer}.theme-toggle span{font-size:17px;line-height:11px}.theme-toggle b{font-weight:400}.header-cta{color:var(--accent)}.kicker{margin:0;font:11px/1.4 "DM Mono",monospace;letter-spacing:.02em;text-transform:uppercase}.hero{min-height:calc(100vh - 84px);padding:9.5vh 0 4.5vh;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero h1{margin:0;font-size:clamp(64px,11.8vw,178px);line-height:.82;letter-spacing:-.095em;font-weight:700;z-index:1}.hero h1 em{color:var(--accent);font-style:normal}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;z-index:1}.hero-bottom p{width:300px;margin:0;font-size:15px;line-height:1.45}.circle-button{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--ink);border-radius:50%;font-size:25px;transition:background .2s,color .2s}.circle-button:hover{background:var(--ink);color:var(--bg)}.hero-sticker{position:absolute;right:8%;top:27%;width:160px;height:160px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#172018;text-align:center;font-size:33px;font-weight:800;line-height:.8;letter-spacing:-.1em;transform:rotate(12deg)}.hero-sticker small{font:9px/1.2 "DM Mono",monospace;letter-spacing:0;text-transform:uppercase}.ticker{overflow:hidden;background:var(--accent);color:#fff;padding:15px 0;white-space:nowrap;font:13px "DM Mono",monospace;letter-spacing:.05em}.ticker div{display:inline-block;animation:slide 26s linear infinite}.ticker i{margin:0 23px;font-style:normal}@keyframes slide{to{transform:translateX(-35%)}}.selected{padding:11vw 0}.section-title{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.section-title h2,.statement h2,.services-preview h2{margin:0;font-size:clamp(44px,6vw,92px);line-height:.85;letter-spacing:-.09em}.section-title h2 sup{font:11px "DM Mono",monospace;letter-spacing:0;vertical-align:top;color:var(--muted)}.underlined{margin-top:8px;border-bottom:1px solid currentColor;padding-bottom:5px;font:11px "DM Mono",monospace;text-transform:uppercase}.underlined span{margin-left:22px;font-size:15px}.featured-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:4vw 2vw;margin-top:55px}.featured{display:block;position:relative;overflow:hidden}.featured--wide{grid-row:span 2}.featured img{display:block;width:100%;height:clamp(325px,34vw,600px);object-fit:cover;background:var(--card);transition:transform .45s cubic-bezier(.2,.75,.2,1)}.featured--wide img{height:clamp(500px,52vw,890px)}.featured:hover img{transform:scale(1.035)}.project-label{display:flex;justify-content:space-between;gap:12px;padding:12px 0;font:11px "DM Mono",monospace;text-transform:uppercase}.project-label b{font-weight:500}.project-label small{font:inherit;color:var(--muted);text-align:right}.statement{border-top:1px solid var(--line);padding:10vw 0}.statement-grid{display:grid;grid-template-columns:.55fr 1.6fr;gap:6vw}.statement h2{max-width:900px}.lead{max-width:610px;margin:48px 0 0;font-size:17px;line-height:1.52}.process{padding:9vw 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.process-list{padding:0;margin:0;list-style:none}.process-list li{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:0 0 35px;margin-bottom:35px;border-bottom:1px solid var(--line);font:12px "DM Mono",monospace}.process-list li:last-child{margin:0}.process-list span{color:var(--accent)}.process-list b{font:600 19px Manrope,sans-serif;letter-spacing:-.04em}.process-list p{margin:12px 0 0;max-width:410px;color:var(--muted);font:14px/1.5 Manrope,sans-serif}.services-preview{padding:9vw 0;background:var(--lime);color:#192019}.services-preview-grid{display:grid;grid-template-columns:.6fr 1.2fr .55fr;gap:5vw}.services-preview h2{font-size:clamp(55px,7vw,105px)}.services-preview-grid>div>p{max-width:350px;margin:30px 0;font-size:15px;line-height:1.5}.button{display:inline-flex;gap:35px;align-items:center;background:#1a2119;color:#fff;padding:16px 18px;font:11px "DM Mono",monospace;text-transform:uppercase;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.price-note{align-self:end;margin:0;font:16px/1.1 Manrope,sans-serif;letter-spacing:-.05em}.faq{padding:11vw 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;font-size:17px;font-weight:600;letter-spacing:-.04em}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;font-weight:400;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:540px;margin:17px 40px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.contact{background:var(--inverse);color:var(--bg);padding:5vw 0 2.5vw}.contact h2{margin:9vw 0;font-size:clamp(57px,10.4vw,160px);letter-spacing:-.1em;line-height:.8}.contact h2 a{color:var(--lime);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}.contact-bottom{display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid color-mix(in srgb,var(--bg) 30%,transparent);font:11px "DM Mono",monospace;text-transform:uppercase}.contact-bottom p{margin:0}.contact-bottom div{display:flex;gap:24px}.page-hero{padding:9vw 0 6vw;border-bottom:1px solid var(--line)}.page-hero h1{max-width:1100px;margin:28px 0 0;font-size:clamp(63px,10vw,155px);line-height:.82;letter-spacing:-.1em}.page-hero p:not(.kicker){max-width:470px;margin:35px 0 0;font-size:16px;line-height:1.5}.portfolio-controls{display:flex;gap:8px;flex-wrap:wrap;padding:30px 0 18px}.filter{padding:8px 11px;background:transparent;border:1px solid var(--line);color:var(--ink);font:11px "DM Mono",monospace;text-transform:uppercase;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:var(--bg)}.all-projects{display:grid;grid-template-columns:repeat(2,1fr);gap:5vw 2vw;padding:15px 0 11vw}.all-projects .featured:nth-child(3n){grid-column:span 2}.all-projects .featured:nth-child(3n) img{height:clamp(340px,45vw,700px)}.all-projects .featured img{height:clamp(310px,38vw,530px)}.hidden{display:none!important}.services-page{padding:7vw 0 11vw}.services-table{margin-top:50px;border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:1fr 1.6fr .65fr .55fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.service-row b{font-size:17px;letter-spacing:-.04em}.service-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.service-row span{font:11px/1.4 "DM Mono",monospace;text-transform:uppercase}.service-note{margin:45px 0 0;color:var(--muted);font-size:13px}.project-hero{padding:8vw 0 4vw}.back{font:11px "DM Mono",monospace;text-transform:uppercase}.project-title{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:end;margin-top:8vw}.project-title h1{margin:0;font-size:clamp(51px,9.5vw,140px);line-height:.83;letter-spacing:-.1em}.project-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.project-tags span{border:1px solid var(--line);padding:7px 9px;font:10px "DM Mono",monospace;text-transform:uppercase}.project-cover{width:100%;max-height:78vh;object-fit:cover;display:block;background:var(--card)}.case-intro{display:grid;grid-template-columns:.6fr 1.4fr;gap:7vw;padding:8vw 0}.case-intro p{margin:0;max-width:760px;font-size:clamp(22px,3vw,42px);line-height:1.1;letter-spacing:-.06em}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2vw;padding-bottom:9vw}.case-grid img{width:100%;min-height:350px;max-height:680px;object-fit:cover;background:var(--card)}.case-grid .case-text{padding:3vw;background:var(--card)}.case-grid h2{margin:0 0 20px;font-size:clamp(26px,3vw,43px);letter-spacing:-.07em;line-height:.95}.case-grid p{font-size:14px;line-height:1.55}.project-next{padding:5vw 0;background:var(--accent);color:white}.project-next h2{margin:20px 0 0;font-size:clamp(44px,6vw,85px);line-height:.86;letter-spacing:-.09em}.project-next a{text-decoration:underline;text-underline-offset:7px}@media(max-width:700px){.wrap{width:90vw}.site-header{height:68px}.nav{display:none}.header-actions{gap:10px}.theme-toggle b{display:none}.hero{min-height:calc(100svh - 68px);padding:8vh 0 4vh}.hero h1{font-size:clamp(62px,16vw,100px)}.hero-sticker{width:106px;height:106px;right:2%;top:28%;font-size:23px}.hero-bottom p{width:230px;font-size:13px}.featured-grid,.statement-grid,.process,.faq,.services-preview-grid,.project-title,.case-intro{grid-template-columns:1fr;gap:30px}.featured--wide{grid-row:auto}.featured img,.featured--wide img{height:110vw}.section-title h2{font-size:51px}.selected,.statement,.faq{padding:19vw 0}.featured-grid{margin-top:35px}.statement h2{font-size:44px}.lead{margin-top:26px;font-size:15px}.process{padding:19vw 0}.services-preview{padding:17vw 0}.price-note{display:none}.contact{padding:12vw 0 6vw}.contact h2{margin:27vw 0;font-size:57px}.contact-bottom{display:block}.contact-bottom div{margin-top:18px;flex-wrap:wrap;gap:11px 17px}.page-hero{padding:18vw 0 10vw}.page-hero h1{font-size:62px}.all-projects{grid-template-columns:1fr;padding-bottom:20vw}.all-projects .featured:nth-child(3n){grid-column:auto}.all-projects .featured img,.all-projects .featured:nth-child(3n) img{height:105vw}.service-row{grid-template-columns:1fr 1fr;gap:13px}.service-row p{grid-column:span 2}.project-hero{padding:14vw 0 8vw}.project-title{margin-top:16vw}.project-tags{justify-content:flex-start}.case-intro{padding:16vw 0}.case-grid{grid-template-columns:1fr;gap:4vw;padding-bottom:18vw}.case-grid img{min-height:0;height:100vw}.case-grid .case-text{padding:8vw}.project-next{padding:12vw 0}}