:root{--paper:#fff;--ink:#30332f;--muted:#71756e;--line:#e4e5e0;--steel:#607880}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;padding:26px;background:#edeeeb;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--steel);outline-offset:5px}.skip{position:absolute;left:30px;top:-60px;background:var(--ink);color:#fff;padding:14px;z-index:10}.skip:focus{top:10px}.header,main,footer{max-width:1600px;margin:auto;background:var(--paper)}.header{height:92px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:17px}.brand svg{width:22px;height:29px;fill:currentColor}.brand span{font-size:12px;letter-spacing:.24em}.header nav{display:flex;gap:32px;font-size:11px}.header nav span{display:none}.header a:hover,.text-link:hover,footer a:hover{color:var(--steel)}.eyebrow{text-transform:uppercase;font:9px/1.6 'Courier New',monospace;letter-spacing:.12em}.hero{height:clamp(530px,calc(100svh - 144px),850px);position:relative;isolation:isolate;overflow:hidden;background:#f5f5f2}.slice-field{position:absolute;inset:0;z-index:-1}.slice-field svg{width:100%;height:100%;display:block}.hero-bottom{position:absolute;inset:0;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between}.hero-bottom>div:first-child{margin-top:40px}.hero-kicker{font-size:10px;letter-spacing:.035em;margin:0 0 19px;color:#5e625a}.hero h1{font-size:clamp(30px,3vw,46px);line-height:1.17;font-weight:400;letter-spacing:-.045em;margin:0}.hero-actions{position:absolute;bottom:30px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center}.text-link{font-size:11px;display:inline-flex;align-items:center;gap:32px}.text-link span{font-size:16px}#motion-toggle{font-size:10px;color:#5e625a;border:0;background:transparent;padding:10px 0;cursor:pointer;display:flex;gap:14px}#motion-toggle[hidden]{display:none}.work{padding:61px 4.5% 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-heading h2{font-size:12px;font-weight:400;margin:0}.section-heading .eyebrow{color:var(--muted)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-art{position:relative;overflow:hidden;display:block;aspect-ratio:1.5;background:#dedfd8}.screenshot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.screenshot:hover img{transform:scale(1.025)}.screenshot-caption{position:absolute;inset:auto 0 0;padding:25px 13px 12px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font:8px 'Courier New',monospace;letter-spacing:.04em}.screenshot-caption span{float:right}.project-meta{display:flex;justify-content:space-between;gap:8px;margin-top:21px;font:8px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.025em;color:var(--muted)}h3{font-size:23px;letter-spacing:-.045em;font-weight:400;margin:13px 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.working{font:8px 'Courier New',monospace;letter-spacing:0;color:var(--muted);white-space:nowrap}.project p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:355px}.project>p{min-height:86px}details{border-top:1px solid var(--line);margin-top:22px}summary{font-size:10px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:16px 0}summary::-webkit-details-marker{display:none}summary span{font-size:15px;font-weight:300;line-height:11px}details[open] summary span{transform:rotate(45deg)}details p{padding-bottom:18px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:65px 4.5% 0;border-top:1px solid var(--line);padding:43px 0 70px}.studio h2{font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-.045em;font-weight:400;margin:25px 0 0}.studio-copy{padding-top:28px;max-width:410px}.studio-copy p{font-size:14px;line-height:1.75;margin:0 0 18px}.studio-copy p+p{color:var(--muted);font-size:12px}.principles{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:27px}footer{padding:30px 4.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-wordmark{font-size:12px;letter-spacing:.2em}.footer-bottom{display:flex;gap:28px;font:8px 'Courier New',monospace;letter-spacing:.025em;color:var(--muted)}@media(min-width:1800px){body{padding:40px}}@media(max-width:900px){.projects{gap:17px}.project-meta{flex-direction:column;gap:6px}.project>p{min-height:110px}.hero h1{font-size:34px}.hero-kicker{font-size:9px}.footer-bottom>span:nth-child(2){display:none}}@media(max-width:650px){body{padding:12px}.header{height:76px;padding:0 6%}.brand{gap:11px}.brand span{font-size:10px;letter-spacing:.16em}.brand svg{width:18px;height:26px}.header nav{gap:17px;font-size:9px}.hero{height:calc(85svh - 88px);min-height:500px;max-height:720px}.slice-field{inset:0 -48% 0 0;opacity:.75}.hero-bottom{padding:0 6%;align-items:start}.hero-bottom>div:first-child{margin-top:54px}.hero h1{font-size:33px}.hero-kicker{font-size:8px;margin-bottom:16px}.hero-actions{left:6%;right:6%;bottom:21px}.text-link{font-size:10px;gap:20px}#motion-toggle{font-size:9px}.work{padding:37px 6% 0}.section-heading .eyebrow{font-size:7px;letter-spacing:.025em}.projects{grid-template-columns:1fr;gap:33px}.project-art{aspect-ratio:1.5}.project-meta{flex-direction:row;font-size:8px}h3{font-size:25px}.project p{max-width:none;font-size:13px}.project>p{min-height:0}details{margin-top:18px}.studio{grid-template-columns:1fr;gap:8px;margin:40px 6% 0;padding:32px 0 43px}.studio h2{font-size:37px;margin-top:18px}.studio-copy{padding-top:17px}.studio-copy p{font-size:14px}.studio-copy p+p{font-size:13px}footer{padding:25px 6%;align-items:start;flex-direction:column;gap:23px}.footer-bottom{width:100%;justify-content:space-between}.footer-wordmark{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
