:root{--bg:#090909;--fg:#f4f1e8;--muted:#8c8c87;--line:#292929;--acid:#b7ff2a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}header{height:76px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5}.logo{font:700 25px "Space Grotesk";letter-spacing:-.08em}.place{justify-self:end;font-size:10px;letter-spacing:.18em;color:#777}nav{display:flex;gap:38px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}nav a:hover{color:var(--acid)}.hero{min-height:760px;padding:8vh 4vw 5vh;display:flex;flex-direction:column;justify-content:space-between}.kicker,.section-num,.work-head span,.contact>span,.credentials>span{font:600 10px "Space Grotesk";letter-spacing:.18em;color:var(--acid)}h1{font:700 clamp(100px,18vw,280px)/.68 "Space Grotesk";letter-spacing:-.095em;margin:45px 0 70px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:25px}.hero-bottom p{font:500 clamp(22px,3vw,44px)/1.05 "Space Grotesk";margin:0}.hero-bottom span{font-size:9px;line-height:1.7;letter-spacing:.16em;color:#777;text-align:right}.ticker{background:var(--acid);color:#080808;overflow:hidden;white-space:nowrap;padding:12px 0;font:700 12px "Space Grotesk";letter-spacing:.12em}.ticker div{width:max-content;animation:move 25s linear infinite}@keyframes move{to{transform:translateX(-50%)}}.profile{padding:130px 4vw;display:grid;grid-template-columns:27% 73%;border-bottom:1px solid var(--line)}.profile h2,.work-head h2,.contact h2{font:600 clamp(55px,8vw,120px)/.86 "Space Grotesk";letter-spacing:-.065em;margin:0 0 55px}.profile>div:last-child{max-width:950px}.profile p{max-width:780px;font-size:19px;line-height:1.6;color:#aaa}.work{padding:120px 4vw}.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.work-head h2{margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cards article{min-height:390px;padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column}.cards article:last-child{border:0}.cards span{font-size:11px;color:#666}.cards h3{font:600 30px "Space Grotesk";margin:50px 0 25px}.cards p{font-size:16px;line-height:1.55;color:#999;max-width:380px}.cards b{font-size:10px;letter-spacing:.12em;margin-top:auto}.statement{background:var(--fg);color:#090909;padding:110px 4vw}.statement p{font-size:11px;letter-spacing:.15em}.statement h2{font:600 clamp(70px,12vw,180px)/.78 "Space Grotesk";letter-spacing:-.075em;margin:35px 0 0}.statement em{font-weight:500}.credentials{display:grid;grid-template-columns:1fr repeat(3,1.4fr);padding:80px 4vw;border-bottom:1px solid var(--line);gap:30px}.credentials b{font:600 18px "Space Grotesk"}.credentials p{font-size:9px;letter-spacing:.13em;color:#777}.contact{padding:130px 4vw}.contact h2{font-size:clamp(75px,13vw,190px);margin:55px 0}.contact>p{font-size:20px;color:#999}.contact>div{display:flex;gap:14px;margin-top:45px}.contact a{border:1px solid #444;border-radius:100px;padding:14px 22px;font-size:11px;letter-spacing:.12em}.contact a:hover{background:var(--acid);color:#090909;border-color:var(--acid)}footer{padding:30px 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#666;font-size:9px;letter-spacing:.14em}@media(max-width:760px){header{grid-template-columns:1fr auto}.place{display:none}nav{gap:16px}.hero{min-height:650px;padding:70px 20px 40px}h1{font-size:25vw;margin:50px 0}.hero-bottom{align-items:start}.profile{grid-template-columns:1fr;padding:85px 20px}.section-num{margin-bottom:45px}.profile h2,.work-head h2,.contact h2{font-size:16vw}.work{padding:80px 20px}.work-head{display:block}.work-head span{display:block;margin-bottom:35px}.cards{grid-template-columns:1fr}.cards article{min-height:300px;border-right:0;border-bottom:1px solid var(--line)}.statement{padding:80px 20px}.statement h2{font-size:17vw}.credentials{grid-template-columns:1fr;padding:70px 20px}.contact{padding:90px 20px}footer{padding:25px 20px}}
.hero h1{font-size:clamp(82px,13vw,205px);line-height:.78;white-space:nowrap}
.workcard{min-height:390px;padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:background .2s,transform .2s}
.workcard:last-child{border-right:0}.workcard:hover{background:#111}.workcard span{font-size:11px;color:#666}.workcard h3{font:600 30px "Space Grotesk";margin:50px 0 25px}.workcard p{font-size:16px;line-height:1.55;color:#999;max-width:380px}.workcard b{font-size:10px;letter-spacing:.12em;margin-top:auto;color:var(--acid)}
.credentials{grid-template-columns:.9fr repeat(4,1.4fr)}.credentials small{display:block;color:#999;line-height:1.5;margin-top:22px;max-width:220px}
.phrase{padding:70px 4vw;border-bottom:1px solid var(--line)}.phrase p{margin:0;font:500 clamp(28px,4vw,58px)/1 "Space Grotesk";letter-spacing:-.04em}.phrase em{font-weight:400;color:#999}
@media(max-width:760px){.hero h1{font-size:20vw;white-space:normal}.workcard{min-height:280px;border-right:0;border-bottom:1px solid var(--line)}.credentials{grid-template-columns:1fr}.phrase{padding:55px 20px}}
/* hero refinement */
.hero{min-height:700px;padding-top:10vh}
.hero .kicker{margin-bottom:30px}
.hero h1{margin:auto 0 70px;font-size:clamp(92px,16vw,250px);line-height:.7;letter-spacing:-.09em}
.hero-proof{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-proof span{padding:18px 16px 18px 0;font:600 10px "Space Grotesk";letter-spacing:.13em;color:#8d8d88;border-right:1px solid var(--line)}
.hero-proof span:last-child{border-right:0;padding-left:16px;color:var(--acid)}
.workcard{position:relative;overflow:hidden}
.workcard:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.workcard:hover:after{transform:scaleX(1)}
.workcard:hover h3{transform:translateX(5px)}
.workcard h3{transition:transform .25s ease}
.credentials>div{padding-right:20px}
.credentials a:hover{color:var(--acid)}
.credentials small a{display:inline-block;margin-top:14px;color:var(--fg);font:600 9px "Space Grotesk";letter-spacing:.12em}
@media(max-width:760px){.hero{min-height:610px}.hero h1{font-size:22vw;margin:auto 0 45px}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof span{border-bottom:1px solid var(--line)}}
/* compact work index */
.cards,.workcard{display:none!important}
.work{padding-bottom:90px}
.work-head{margin-bottom:28px}
.work-head h2{font-size:clamp(54px,7vw,105px)}
.worklist{border-top:1px solid var(--line)}
.worklist>a{display:grid;grid-template-columns:70px 1.15fr 1.6fr auto;align-items:center;gap:24px;min-height:118px;border-bottom:1px solid var(--line);transition:padding .22s ease,background .22s ease}
.worklist>a:hover{padding-left:14px;background:#101010}
.worklist span{font:500 10px "Space Grotesk";color:#666}
.worklist h3{font:600 clamp(25px,2.4vw,40px) "Space Grotesk";letter-spacing:-.035em;margin:0}
.worklist p{font-size:10px;letter-spacing:.13em;color:#777;margin:0}
.worklist b{font:600 9px "Space Grotesk";letter-spacing:.14em;color:var(--acid)}
@media(max-width:760px){.worklist>a{grid-template-columns:38px 1fr auto;gap:12px;min-height:90px}.worklist p{display:none}.worklist h3{font-size:25px}}