@import url('./fonts/fonts.css');
:root{--bg:#151515;--panel:#1e1e1e;--ink:#f0efeb;--muted:#a6a5a0;--line:#3a3a37;--accent:#fa493b;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Golos Text',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:25px;font-weight:800;letter-spacing:-1.1px}.brand span{font-size:12px;vertical-align:top;padding-left:4px;line-height:2}.header nav{display:flex;gap:32px;font-size:13px}.header nav a:hover{color:var(--accent)}.location{font-family:var(--mono);font-size:10px;letter-spacing:.6px;display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.eyebrow{display:flex;justify-content:space-between;font:11px var(--mono);letter-spacing:.8px;padding-top:42px}.edition{color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:clamp(52px,7.2vw,102px);line-height:.98;letter-spacing:-5px;font-weight:900;margin:32px 0 44px;position:relative;max-width:1080px}h1>span:not(.hero-star){color:var(--accent)}.hero-star{position:absolute;font-size:135px;right:10px;bottom:-6px;color:var(--accent);font-weight:400;line-height:1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.intro{display:flex;flex-direction:column;justify-content:space-between;min-height:420px}.name{font-size:23px;font-weight:600;letter-spacing:-.7px}.name span{display:block;font-weight:400;font-size:15px;color:var(--muted);letter-spacing:0;margin-top:6px}.intro-copy{font-size:18px;line-height:1.6;margin-top:25px}.hero-caption{color:var(--muted);font-size:14px;line-height:1.6;margin:22px 0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:64px;padding:18px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.primary{background:var(--accent);color:#151515}.primary:hover{background:#ff695d;transform:translateY(-2px)}.button span{font-size:23px;line-height:.8}.hero-bottom{display:flex;gap:28px;align-items:flex-end;margin-top:34px;color:var(--muted);font-size:11px;line-height:1.6}.mono{font:11px var(--mono);letter-spacing:.5px}.portrait{overflow:hidden;isolation:isolate;min-height:420px;position:relative;background:#272725;border:1px solid #41413b;display:flex;align-items:center;justify-content:center}.portrait-grid{position:absolute;inset:0;z-index:-1;opacity:.35;background-image:linear-gradient(#4a4a44 1px,transparent 1px),linear-gradient(90deg,#4a4a44 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(140deg,#000,transparent)}.portrait-top{position:absolute;top:24px;left:26px;color:#aaa99f;font-size:9px}.portrait-placeholder{text-align:center}.monogram{display:block;font-size:170px;line-height:1;letter-spacing:-24px;font-weight:900;color:#77766a;transform:skew(-8deg)}.monogram span{color:#48483f}.portrait-placeholder p{font:11px var(--mono);color:#bbb9ae;margin:20px 0 30px}.portrait-label{position:absolute;left:26px;right:26px;bottom:24px;display:flex;justify-content:space-between;align-items:flex-end;font-size:12px;line-height:1.25;font-weight:600}.portrait-label .mono{text-align:right;color:var(--muted);font-size:9px}.portrait-cross{position:absolute;color:var(--accent);font:25px var(--mono)}.cross-one{right:23px;top:20px}.cross-two{right:23px;top:52px}.roles{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:29px 0;border-block:1px solid var(--line);margin-top:44px;font-weight:500;font-size:12px;letter-spacing:.5px}.roles i{color:var(--accent);font-size:21px;font-style:normal}.section{padding-block:83px;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);margin-bottom:38px}.tiny-arrow{font-size:30px;color:var(--accent)}h2{font-size:clamp(32px,4.1vw,58px);font-weight:800;line-height:1.06;letter-spacing:-2.5px}.muted{color:var(--muted)}.accent{color:var(--accent)}.about{display:grid;grid-template-columns:1fr 2fr;gap:45px}.about>.section-label{align-items:flex-start;justify-content:flex-start;gap:70px}.about-text{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;font-size:14px;line-height:1.8;color:#c5c4bd}.signature{display:flex;align-items:center;gap:13px;margin-top:32px;font-size:13px}.signature .accent{font:21px var(--mono)}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.direction{padding:32px;display:flex;flex-direction:column;min-height:420px}.content-direction{background:#e7e5dc;color:#20211f}.tech-direction{background:#232422;border:1px solid #3a3c36}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.card-top svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.5}.card-top svg path{fill:currentColor;stroke:none}.terminal-icon{font:28px var(--mono);color:var(--accent)}h3{font-size:39px;line-height:1.02;letter-spacing:-1.9px;font-weight:800}.direction>p{font-size:14px;line-height:1.7;margin-top:24px;max-width:380px}.tech-direction>p{color:#c0c1b9}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 31px}.tags span{font-size:10px;border:1px solid #adada5;padding:6px 9px}.tech-direction .tags span{border-color:#50524a;color:#c0c1b9}.text-link{border-top:1px solid #b8b9af;padding-top:20px;display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-top:auto}.text-link span{font-size:23px;line-height:14px}.tech-direction .text-link{border-color:#4a4c43}.text-link:hover{opacity:.65}.work-body{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.work-body>div{max-width:420px;font-size:15px;line-height:1.75}.work-body p+p{margin-top:16px}.outline{border:1px solid #75766b;margin-top:28px}.outline:hover{background:#30312c}.contact{background:var(--accent);color:#181918;margin-top:84px;padding:40px 0 48px}.contact .section-label{color:#4d221b;margin-bottom:48px}.contact h2{font-size:clamp(66px,9.6vw,135px);font-weight:900;letter-spacing:-6px;line-height:.89}.contact h2>span{color:#f0efeb}.contact-bottom{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-top:38px}.contact-bottom>p{font-size:18px;line-height:1.6}.contact-pending{width:41%;border-top:1px solid #aa3229;padding-top:18px}.contact-pending>p{font-size:13px;line-height:1.7;margin-top:10px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:30px}.footer>span,.footer>a:last-child{font-size:11px;color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:var(--bg);padding:12px;z-index:9}.skip:focus{top:10px}::selection{background:var(--accent);color:var(--bg)}
@media(min-width:1500px){h1{font-size:108px;max-width:1180px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.location{display:none}h1{letter-spacing:-3px}.hero-star{font-size:105px;right:0}.hero-grid{gap:25px}.portrait,.intro{min-height:400px}.roles{font-size:9px;gap:8px}.about{grid-template-columns:1fr}.about>.section-label{margin-bottom:0}.about-text{max-width:800px}.direction{padding:25px}h3{font-size:32px}.work-body{gap:30px}.section{padding-block:60px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header{height:78px;gap:10px}.brand{font-size:21px}.header nav{gap:20px;font-size:11px}.header nav a:nth-child(2){display:none}.eyebrow{padding-top:28px;font-size:9px}.edition{display:none}h1{font-size:clamp(36px,9.1vw,59px);letter-spacing:-2px;margin:25px 0 30px}.hero-star{font-size:61px;bottom:-3px;right:0}.hero-grid{grid-template-columns:1fr;gap:28px}.intro{min-height:0}.intro-copy{font-size:16px;margin-top:19px}.hero-caption{margin:20px 0 18px;font-size:13px}.hero-bottom{display:none}.button{padding:16px 20px}.portrait{min-height:350px}.monogram{font-size:160px}.roles{margin-top:28px;flex-wrap:wrap;justify-content:center;padding:20px 0;gap:9px 12px;font-size:9px}.roles i{font-size:14px}.section{padding-block:44px}.section-label{margin-bottom:27px}.section-label>.mono{font-size:9px}.directions>.section-label>.mono:last-child{display:none}.about{gap:20px}h2{font-size:33px;letter-spacing:-1.5px}.about-text{grid-template-columns:1fr;gap:15px;font-size:14px;margin-top:24px}.direction-grid{grid-template-columns:1fr;margin-top:26px;gap:16px}.direction{min-height:390px;padding:25px}.card-top{margin-bottom:28px}h3{font-size:36px}.work-body{grid-template-columns:1fr;gap:25px}.work-body>div{font-size:14px}.contact{margin-top:44px;padding:28px 0 34px}.contact .section-label{margin-bottom:35px}.contact h2{font-size:clamp(65px,17vw,105px);letter-spacing:-4px}.contact-bottom{display:block;margin-top:28px}.contact-bottom>p{font-size:16px}.contact-pending{width:100%;margin-top:28px}.footer{flex-wrap:wrap;padding-block:26px}.footer>.brand{width:100%}.footer>span{font-size:10px}.footer>a:last-child{margin-left:auto}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.socials{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #aa3229;border-bottom:1px solid #aa3229;margin-top:38px}.socials a{padding:22px 16px;display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;border-right:1px solid #aa3229}.socials a:first-child{padding-left:0}.socials a:last-child{border-right:0}.socials a:hover,.business a:hover{color:#fff}.business{width:41%;padding-top:4px}.business>.mono{display:block;margin-bottom:16px}.business>a{display:flex;justify-content:space-between;gap:16px;font-size:16px;padding-block:12px;border-bottom:1px solid #aa3229}.contact a:focus-visible{outline-color:#151515}@media(max-width:760px){.socials{grid-template-columns:1fr 1fr}.socials a{border-right:0;border-bottom:1px solid #aa3229;padding:18px 10px}.socials a:first-child{padding-left:10px}.socials a:last-child{border-bottom:0;grid-column:1 / -1}.business{width:100%;margin-top:28px}.business>a{font-size:15px}}@media(min-width:641px) and (max-width:760px){.contact-bottom{align-items:flex-start}.business{margin-top:0}}
@media(max-width:640px){.contact h2{font-size:clamp(51px,15vw,94px);letter-spacing:-3px;line-height:.98}}