*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0A0A0A;color:#F2EFE9;font-family:'Archivo',system-ui,sans-serif;font-size:17px;line-height:1.5;overflow-x:hidden}
a{color:#F2EFE9;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}
img{max-width:100%}
:focus-visible{outline:2px solid #F2EFE9;outline-offset:4px}
.pad{padding-left:clamp(20px,5vw,64px);padding-right:clamp(20px,5vw,64px)}
.sec{padding-top:clamp(72px,10vw,140px);padding-bottom:clamp(72px,10vw,140px)}
.mono{font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.08em}
.muted{color:#A8A39A}.red{color:#F0362F}
.serif{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-stretch:100%;letter-spacing:-.01em}
.h2{margin:0;font-weight:900;font-stretch:125%;font-size:clamp(34px,6vw,92px);line-height:.95;letter-spacing:-.03em}
.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 48px;margin-bottom:clamp(36px,5vw,64px)}
.head>div{display:flex;flex-direction:column;gap:16px}
.head p{margin:0;max-width:380px;color:#A8A39A}
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding-top:16px;padding-bottom:16px;background:#F2EFE9}
.top a{color:#0A0A0A}.top .logo img{height:44px;width:auto;display:block}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.06em}
.nav a{min-height:44px;display:flex;align-items:center}
.btn{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 30px;border-radius:999px;font-weight:700;border:1px solid #F2EFE9;transition:transform .2s;cursor:pointer;font:inherit;font-weight:700}
.btn:hover{transform:translateY(-2px);text-decoration:none}
.btn.fill{background:#F0362F;border-color:#F0362F;color:#0A0A0A}
.nav .btn{min-height:44px;padding:0 20px;font-weight:500}
.hero{padding-top:clamp(32px,5vw,64px);padding-bottom:clamp(64px,8vw,112px);display:flex;flex-direction:column;gap:clamp(28px,4vw,56px)}
.meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;color:#A8A39A}
.meta h1{margin:0;font:inherit;color:#F2EFE9}
.dot{width:10px;height:10px;border-radius:50%;background:#F0362F;display:inline-block;margin-right:10px;animation:blink 1.2s steps(2,start) infinite}
@keyframes blink{to{visibility:hidden}}
.big{margin:0;font-weight:900;font-stretch:125%;font-size:clamp(22px,7.8vw,132px);line-height:.9;letter-spacing:-.035em}
.big span{display:block}.big .out{color:transparent;-webkit-text-stroke:2px #F2EFE9}
.big .serif{line-height:1.05;color:#F0362F;letter-spacing:-.02em}
.herorow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:40px 64px}
.herotxt{flex:1 1 360px;max-width:560px;display:flex;flex-direction:column;gap:28px}
.herotxt p{margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.45;color:#D9D5CD}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.frames{flex:999 1 300px;min-width:0;display:flex;align-items:flex-end;gap:clamp(10px,1.4vw,20px)}
.frame{flex:1 1 0;min-width:0;aspect-ratio:9/16;background:#151515;border:1px solid #2A2A2A;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;padding:14px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.08em;color:#A8A39A;overflow:hidden}
.frame.hot{flex-grow:1.25;border-color:#F0362F;background:#1C1C1C}.frame.wide{flex-grow:2.2;aspect-ratio:16/11}
.marq{background:#F0362F;color:#0A0A0A;overflow:hidden;padding:18px 0;white-space:nowrap}
.track{display:inline-flex;align-items:center;gap:36px;padding-left:36px;font-weight:800;font-stretch:125%;font-size:clamp(20px,2.4vw,34px);animation:slide 36s linear infinite}
.track i{width:12px;height:12px;border-radius:50%;background:#0A0A0A;display:inline-block}
@keyframes slide{to{transform:translateX(-50%)}}
.svcs{border-top:1px solid #2A2A2A}
.svc{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 40px;padding:30px 0;border-bottom:1px solid #2A2A2A;transition:padding-left .25s,background .25s}
.svc:hover{padding-left:20px;background:#151515}
.svc>span{flex:0 0 48px;font-family:'DM Mono',monospace;font-size:13px;color:#A8A39A}
.svc h3{flex:1 1 380px;margin:0;font-weight:800;font-stretch:125%;font-size:clamp(26px,3.6vw,52px);line-height:1;letter-spacing:-.025em}
.svc p{flex:1 1 320px;margin:0;color:#A8A39A}
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filters button{min-height:44px;padding:0 20px;border-radius:999px;border:1px solid #55514A;background:transparent;color:#F2EFE9;font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.06em;cursor:pointer}
.filters button[aria-pressed=true]{background:#F0362F;border-color:#F0362F;color:#0A0A0A}
.works{columns:3 300px;column-gap:20px}
.work{margin:0 0 20px;break-inside:avoid}
.work .frame{aspect-ratio:var(--r);padding:16px;margin-bottom:12px}
.work figcaption{display:flex;justify-content:space-between;gap:16px;padding-bottom:8px}
.work b{font-size:18px}
.proc{background:#F0362F;color:#0A0A0A}
.steps{display:flex;flex-wrap:wrap;gap:32px 24px}
.steps>div{flex:1 1 230px;border-top:2px solid #0A0A0A;padding-top:20px;display:flex;flex-direction:column;gap:14px}
.steps h3{margin:0;font-weight:800;font-stretch:125%;font-size:30px;letter-spacing:-.02em;line-height:1.05}.steps p{margin:0}
.light{background:#F2EFE9;color:#0A0A0A}
.refs{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
.refhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 40px;margin-bottom:36px}
.refhead h2{margin:0;font-weight:800;font-stretch:125%;font-size:clamp(24px,3vw,40px);letter-spacing:-.025em;line-height:1.05}
.logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px 56px;padding:36px 0;border-top:1px solid #CFCBC3;border-bottom:1px solid #CFCBC3}
.logos img{max-width:150px;max-height:36px;width:auto;height:auto;display:block}.logos img.tall{max-height:52px}
.areas{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.areas li{border:1px solid #55514A;border-radius:999px;padding:10px 18px;font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.04em}
.two{display:flex;flex-wrap:wrap;gap:40px 80px}.two>*{flex:1 1 420px;min-width:0}
.two p{margin:0 0 16px;color:#D9D5CD;max-width:560px}
.faq details{border-bottom:1px solid #CFCBC3}
.faq details:first-of-type{border-top:1px solid #CFCBC3}
.faq summary{cursor:pointer;list-style:none;padding:22px 0;font-weight:700;font-size:clamp(18px,1.8vw,24px);letter-spacing:-.01em;display:flex;justify-content:space-between;gap:24px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:'DM Mono',monospace;color:#B3201B}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 24px;max-width:760px;color:#33302B}
.light :focus-visible{outline-color:#0A0A0A}
.posts{display:flex;flex-wrap:wrap;gap:20px}
.post{flex:1 1 300px;background:#151515;border:1px solid #2A2A2A;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;min-height:240px}
.post:hover{border-color:#F0362F;text-decoration:none}
.post h3{margin:0;font-weight:800;font-stretch:112%;font-size:24px;line-height:1.12;letter-spacing:-.02em}
.post p{margin:0;color:#A8A39A;font-size:15px}.post .more{margin-top:auto}
.contact{display:flex;flex-wrap:wrap;gap:56px 80px}.contact>*{flex:1 1 420px;min-width:0}
.contact .left{display:flex;flex-direction:column;gap:32px}
.rows{border-top:1px solid #2A2A2A;max-width:520px}
.rows div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;min-height:56px;border-bottom:1px solid #2A2A2A}
form{display:flex;flex-direction:column;gap:26px;background:#151515;border:1px solid #2A2A2A;border-radius:20px;padding:clamp(24px,3.4vw,44px)}
.f2{display:flex;flex-wrap:wrap;gap:26px 24px}.f2>*{flex:1 1 200px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld label{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.08em;color:#A8A39A}
.fld input,.fld select,.fld textarea{min-height:48px;background:#151515;border:0;border-bottom:1px solid #55514A;color:#F2EFE9;font:inherit;font-size:18px;padding:8px 0;resize:vertical}
::placeholder{color:#8F8A82}
footer{border-top:1px solid #2A2A2A;padding-top:clamp(32px,4vw,56px);padding-bottom:28px;display:flex;flex-direction:column;gap:24px;font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.06em;color:#A8A39A}
footer .r{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px}
footer img{height:44px;width:auto;display:block}
footer nav{display:flex;flex-wrap:wrap;gap:4px 28px}footer a{color:#A8A39A;min-height:44px;display:flex;align-items:center}
footer .c{border-top:1px solid #2A2A2A;padding-top:20px}
.article{max-width:820px;margin:0 auto;padding-top:clamp(40px,6vw,88px);padding-bottom:clamp(56px,8vw,112px)}
.article h1{margin:16px 0 20px;font-weight:900;font-stretch:112%;font-size:clamp(32px,5.4vw,64px);line-height:1;letter-spacing:-.03em}
.article h2{margin:44px 0 12px;font-weight:800;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;line-height:1.15}
.article p,.article li{color:#D9D5CD;font-size:18px;line-height:1.65}
.article .lead{font-size:21px;color:#F2EFE9}
.article a{text-decoration:underline;text-underline-offset:4px}
.article .box{margin-top:48px;background:#151515;border:1px solid #2A2A2A;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.article .box p{margin:0}.article .box a{text-decoration:none}
@media (prefers-reduced-motion:reduce){.track,.dot{animation:none}html{scroll-behavior:auto}}
.frames .frame{padding:0}.frames img{width:100%;height:100%;object-fit:cover;display:block}
.reels{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 20px}
.reel{flex:1 1 160px;max-width:280px;min-width:0;margin:0;display:flex;flex-direction:column;gap:12px}
.reel video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:#151515;border:1px solid #2A2A2A;border-radius:14px}
.reel figcaption,.yt figcaption{display:flex;flex-direction:column;gap:4px}.reel b,.yt b{font-size:16px;line-height:1.2}
.yts{display:flex;flex-wrap:wrap;gap:20px;margin-top:clamp(28px,4vw,48px)}
.yt{flex:1 1 300px;min-width:0;margin:0;display:flex;flex-direction:column;gap:12px}.yt .frame{aspect-ratio:16/9;flex:none;padding:16px}
[hidden]{display:none!important}
.head>.filters{flex-direction:row;gap:8px}
.ytb{position:relative;display:block;aspect-ratio:16/9;border:1px solid #2A2A2A;border-radius:14px;overflow:hidden;background:#151515}
.ytb img{width:100%;height:100%;object-fit:cover;display:block}
.ytb .play{position:absolute;left:14px;bottom:14px;width:52px;height:52px;border-radius:50%;background:#F0362F;color:#0A0A0A;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.ytb:hover .play{transform:scale(1.1)}
.ytf{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;display:block}
.cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:720px;margin:0 auto;background:#F2EFE9;color:#0A0A0A;border-radius:16px;padding:20px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.cerez p{margin:0;flex:1 1 320px;font-size:15px;line-height:1.45}.cerez a{color:#0A0A0A;text-decoration:underline}
.cerezb{display:flex;gap:8px;flex-wrap:wrap}.cerez .btn{min-height:44px;padding:0 20px;font-size:15px;border-color:#0A0A0A;background:transparent;color:#0A0A0A}.cerez .btn.fill{background:#0A0A0A;color:#F2EFE9}
.cerez :focus-visible{outline-color:#0A0A0A}
.lnk{background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;color:#A8A39A;min-height:44px;cursor:pointer}.lnk:hover{text-decoration:underline;text-underline-offset:6px}