:root{--bg:#2d2d2d;--dark:#202020;--ink:#f7f7f5;--muted:#a8a39e;--line:#55514e;--orange:#ff6200;--paper:#f1efe9;--paperink:#191919;--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.45}a{color:inherit}.shell{width:min(var(--max),calc(100% - 60px));margin:auto}header{position:sticky;top:0;z-index:20;background:#202020f5;border-bottom:1px solid var(--line)}.nav{min-height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.brand{text-decoration:none;font:800 1.12rem Manrope}.brand b,.brand span,h1 span,.contact h2 span{color:var(--orange)}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:.85rem;font-weight:600}.contact-link{justify-self:end;border:1px solid var(--ink);padding:10px 14px;text-decoration:none;font-weight:700;font-size:.82rem}.menu{display:none;background:none;border:0;color:#fff}.hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:80px 1.1fr .9fr;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden;border-inline:1px solid var(--line)}.index{position:absolute;left:0;top:0;width:80px;height:100%;border-right:1px solid var(--line);padding:24px 18px;color:var(--muted);font-weight:700}.kicker{grid-column:2/4;padding:24px 30px;border-bottom:1px solid var(--line);font-size:.72rem;font-weight:800;letter-spacing:.12em}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em}h1{grid-column:2;align-self:center;font-size:clamp(4.5rem,10vw,10rem);line-height:.82;margin:40px 30px;position:relative;z-index:2}.hero-copy{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);padding:24px 30px;font-size:.9rem}.hero-links{grid-column:3;grid-row:3;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.hero-links a{padding:24px;text-decoration:none;font-weight:700;border-right:1px solid var(--line)}.hero-links a:hover{background:var(--orange)}.motion{grid-column:3;grid-row:2;position:relative;border-left:1px solid var(--line);overflow:hidden;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:70px 70px;animation:grid 15s linear infinite}.motion i{position:absolute;height:2px;background:var(--orange);box-shadow:0 0 16px #ff620080;transform-origin:left}.motion i:nth-child(1){width:70%;left:10%;top:25%;transform:rotate(28deg)}.motion i:nth-child(2){width:58%;left:24%;top:58%;transform:rotate(-35deg)}.motion i:nth-child(3){width:40%;left:46%;top:20%;transform:rotate(88deg)}.motion b{position:absolute;right:-.1em;bottom:-.18em;font:800 clamp(5rem,11vw,12rem) Manrope;color:transparent;-webkit-text-stroke:1px #ffffff20;transform:rotate(-90deg) translateX(100%);transform-origin:right bottom}@keyframes grid{to{background-position:70px 70px}}.section{position:relative;padding:110px 0;border-top:1px solid var(--line)}.section-head{margin-left:110px;max-width:1000px}.section-head small,.contact small{color:var(--orange);font-weight:800;letter-spacing:.12em}.section-head h2,.contact h2{font-size:clamp(3rem,7vw,7.5rem);line-height:.92;margin:22px 0 30px}.muted{color:var(--muted)}.profile{margin:70px 0 0 110px;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.profile>div{font-size:1.3rem}.profile dl{margin:0}.profile dl div{display:grid;grid-template-columns:1fr 1fr;padding:20px 0;border-top:1px solid var(--line)}dt{font-size:2rem;font-weight:800;color:var(--orange)}dd{margin:0;color:var(--muted);align-self:end}.light{background:var(--paper);color:var(--paperink)}.light .index{border-color:#aaa}.principles{margin:70px 0 0 110px;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #aaa}.principles article{min-height:300px;padding:24px;border-right:1px solid #aaa}.principles span{color:var(--orange);font-weight:800}.principles h3{font-size:2rem;margin:80px 0 10px}.principles p{color:#5e5955}.accordion{margin:60px 0 0 110px}.accordion article{border-top:1px solid var(--line)}.accordion article:last-child{border-bottom:1px solid var(--line)}.accordion button{width:100%;display:grid;grid-template-columns:160px 1fr 50px;align-items:center;padding:28px 0;background:none;border:0;color:#fff;text-align:left;cursor:pointer}.accordion button b{font-size:1.25rem}.accordion button span{color:var(--muted)}.accordion button i{text-align:right;font-size:1.5rem;transition:.25s}.accordion article.open i{transform:rotate(180deg);color:var(--orange)}.panel{display:grid;grid-template-columns:1fr 250px;max-height:0;overflow:hidden;opacity:0;transition:.35s}.open .panel{max-height:260px;opacity:1;padding:0 60px 30px 160px}.panel p{color:var(--muted)}.panel strong{color:var(--orange)}.panel em{text-align:right;font-style:normal}.projects{background:var(--dark)}.project-grid{margin:70px 0 0 110px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.project-grid>*{min-height:390px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none}.project-grid>*:hover{background:var(--orange)}.project-grid h3{font-size:3rem}.project-grid small{color:var(--muted)}.project-grid>*:hover small{color:#fff}.project-grid span{align-self:flex-end;font-size:2rem}.contact{min-height:680px;display:grid;grid-template-columns:80px 1.2fr .8fr;align-items:center}.contact>div:first-of-type{grid-column:2}.contact-data{grid-column:3;display:grid}.contact-data a,.contact-data p{padding:24px 0;margin:0;border-top:1px solid var(--line);text-decoration:none}.contact-data p{color:var(--muted)}footer{min-height:110px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border:1px solid var(--line);padding:0 24px;font-size:.78rem;color:var(--muted)}footer span:nth-child(2){text-align:center}footer a{text-align:right;text-decoration:none}
@media(max-width:950px){.nav{grid-template-columns:1fr auto}.menu{display:block}.contact-link,nav{display:none}nav.open{display:flex;position:fixed;inset:80px 0 0;background:var(--dark);flex-direction:column;justify-content:center;align-items:center;gap:30px}.hero{grid-template-columns:55px 1fr;grid-template-rows:auto auto auto auto}.index{width:55px}.kicker,h1,.motion,.hero-copy,.hero-links{grid-column:2}.motion{grid-row:3;min-height:380px;border-left:0;border-top:1px solid var(--line)}.hero-copy{grid-row:4}.hero-links{grid-row:5;border-left:0}.section-head,.profile,.principles,.accordion,.project-grid{margin-left:75px}.principles{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.contact{grid-template-columns:55px 1fr}.contact>div:first-of-type,.contact-data{grid-column:2}}@media(max-width:680px){.shell{width:min(100% - 24px,var(--max))}.hero{grid-template-columns:1fr;border-inline:0}.index{display:none}.kicker,h1,.motion,.hero-copy,.hero-links{grid-column:1}.hero-copy,.hero-links{grid-template-columns:1fr}.section{padding:78px 0}.section-head,.profile,.principles,.accordion,.project-grid{margin-left:0}.profile{grid-template-columns:1fr;gap:40px}.principles{grid-template-columns:1fr}.principles article{min-height:220px}.principles h3{margin-top:45px}.accordion button{grid-template-columns:85px 1fr 30px}.open .panel{grid-template-columns:1fr;padding-left:0}.panel em{text-align:left}.contact{grid-template-columns:1fr}.contact>div:first-of-type,.contact-data{grid-column:1}footer{grid-template-columns:1fr;gap:12px;padding-block:24px}footer span:nth-child(2),footer a{text-align:left}}