@font-face{font-family:Conthic;src:url(fonts/Conthic.woff2) format("woff2");font-display:swap}
:root{--k:#000;--d:#111;--w:#fff;--o:#F36B21;--mut:#9a9a9a;--disp:Conthic,Archivo,"Arial Narrow",system-ui,sans-serif;--body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--s:clamp(64px,9vw,128px)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:400 18px/1.65 var(--body);color:var(--k);background:var(--w);overflow-x:hidden}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
a{color:inherit}:focus-visible{outline:3px solid var(--o);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--o);color:var(--k);padding:8px 14px;z-index:99}
h1,h2,h3{font-family:var(--disp);font-stretch:115%;line-height:1.05;letter-spacing:-.025em;font-weight:700}
h1{font-size:clamp(2.6rem,7vw,5.8rem)}h2{font-size:clamp(2rem,4.5vw,3.5rem)}h3{font-size:1.35rem;line-height:1.2}
.lead{font-size:clamp(1.1rem,1.6vw,1.35rem);max-width:640px;margin-top:24px}
.nav{position:fixed;inset:0 0 auto;z-index:50;background:rgba(0,0,0,.92);color:var(--w)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo{text-decoration:none;font:600 1rem var(--disp);letter-spacing:.12em}.om{color:var(--o);font-size:1.5rem;margin-right:6px;letter-spacing:0}
nav{display:flex;align-items:center;gap:36px}nav ul{list-style:none;display:flex;gap:32px;padding:0}
nav li a{text-decoration:none;font-size:16px;padding:6px 0;background:linear-gradient(var(--o),var(--o)) 0 100%/0 2px no-repeat;transition:background-size .25s}
nav li a:hover,nav li a.active{background-size:100% 2px}
.btn{display:inline-block;background:var(--o);color:var(--k);text-decoration:none;font-weight:600;font-size:16px;padding:14px 30px;border-radius:999px;border:2px solid var(--o);cursor:pointer;font-family:var(--body);transition:transform .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-3px);background:var(--w);border-color:var(--w)}.btn.ghost{background:transparent;color:var(--w);border-color:var(--w)}.btn.ghost:hover{background:var(--w);color:var(--k)}
.btn.dk:hover{background:var(--k);color:var(--w);border-color:var(--k)}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}.burger span{display:block;height:2px;background:var(--w);margin:7px 10px;transition:transform .25s}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:var(--w);background:var(--k) repeating-linear-gradient(90deg,#111 0 1px,transparent 1px 120px);overflow:hidden}
.bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}
.shade{position:absolute;inset:0;background:linear-gradient(0deg,#000 5%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.7))}
.hero-in{position:relative;padding-top:140px;padding-bottom:clamp(48px,9vh,96px)}.hero h1{max-width:12ch;font-size:clamp(2.7rem,8vw,6.2rem)}.hero .lead{color:#e6e6e6}
.acts{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px}
.phero{background:var(--k);color:var(--w);padding:176px 0 var(--s)}.phero.full{min-height:90svh}.phero h1{max-width:14ch}.phero .lead{color:#d4d4d4}
section{padding:var(--s) 0}.light{background:var(--w)}.dark{background:var(--d);color:var(--w)}
.split{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,7vw,110px);align-items:start}
.sec{margin-bottom:56px}
.row{display:grid;grid-template-columns:5fr 6fr;gap:clamp(24px,6vw,100px);padding:36px 0;border-top:1px solid #3a3a3a}.light .row{border-color:#d8d8d8}
.row p{color:#c8c8c8}.light .row p{color:#444}.more{margin-top:40px}.tl{color:var(--o);font-weight:600}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,5vw,72px)}.three h3{margin-bottom:12px;padding-top:16px;border-top:3px solid var(--o)}.dark .three p{color:#c8c8c8}
.steps{list-style:none;padding:0;counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:36px}
.steps li{counter-increment:s}.steps li::before{content:counter(s);font:600 3rem var(--disp);color:var(--o);display:block}.steps h3{margin:8px 0}.steps p{color:#c8c8c8}
.cta{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.cta h2{max-width:16ch}
.form{max-width:760px}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fg{margin-bottom:24px}
label{display:block;font-weight:500;margin-bottom:6px;font-size:16px}
input,select,textarea{width:100%;font:inherit;padding:14px 16px;border:2px solid #bbb;border-radius:10px;background:var(--w);color:var(--k)}
input:focus,select:focus,textarea:focus{border-color:var(--k)}.invalid{border-color:#b00020!important}
.err{display:block;color:#b00020;font-size:15px;min-height:0;margin-top:4px}.chk{display:flex;gap:12px;align-items:flex-start;font-weight:400}.chk input{width:auto;margin-top:6px}
.hp{position:absolute;left:-9999px}.note{margin-top:16px;font-weight:500}.form .btn{margin-top:24px}
.prose{max-width:720px}.prose h2{font-size:1.6rem;margin:40px 0 8px}
footer{background:var(--k);color:var(--w);padding:72px 0 32px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
footer ul{list-style:none;padding:0}footer li a{text-decoration:none;color:#ccc;line-height:2.2}footer li a:hover{color:var(--o)}footer p{color:#ccc;margin-top:12px}
.legal{margin-top:48px;color:#888;font-size:15px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.reveal.in{opacity:1;transform:none}
@media(max-width:860px){.split,.row,.three,.two,.foot{grid-template-columns:1fr}.burger{display:block}
nav{position:fixed;inset:76px 0 auto;background:var(--k);flex-direction:column;align-items:flex-start;padding:24px;gap:24px;transform:translateY(-130%);transition:transform .3s}nav.open{transform:none}nav ul{flex-direction:column;gap:12px}.nav nav li a{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.bgv{display:none}}
.ph{padding:0;background:var(--k)}.ph.first{padding-top:0}.photo{margin:0;overflow:hidden}
.photo img{display:block;width:100%;height:clamp(260px,46vw,580px);object-fit:cover;filter:grayscale(1) contrast(1.05)}
.photo.reveal{opacity:1;transform:none;clip-path:inset(0 0 12% 0);transition:clip-path .9s cubic-bezier(.2,.7,.2,1)}.photo.reveal.in{clip-path:inset(0)}
@media(prefers-reduced-motion:reduce){.photo.reveal{clip-path:none}}
.wl{margin:-24px 0 56px;color:#444}
.work{display:grid;grid-template-columns:5fr 6fr;gap:clamp(24px,6vw,100px);padding:48px 0;border-top:1px solid #d8d8d8;align-items:center}
.work:nth-of-type(even) .mock{order:2}
.work h3{font-size:1.7rem;margin:6px 0 14px}.work p{margin-bottom:8px;color:#333}.work .mods{color:#666;font-size:16px;margin-top:14px}
.tag{font-size:14px;font-weight:600;color:var(--k);border-left:3px solid var(--o);padding-left:10px}
.mock{background:var(--k);border-radius:6px;aspect-ratio:16/10;padding:8% 9%;display:flex;flex-direction:column;gap:10%;justify-content:center;position:relative}
.mock i{display:block;height:9%;background:#2a2a2a;border-radius:99px}.mock i:nth-child(2){width:72%}.mock i:nth-child(3){width:48%}
.mock b{position:absolute;right:9%;bottom:12%;width:22%;height:12%;background:var(--o);border-radius:99px}
@media(max-width:860px){.work{grid-template-columns:1fr}.work:nth-of-type(even) .mock{order:0}}