:root{--bg:#050601;--panel:#17181a;--line:#2c2e31;--ink:#f1f0eb;--mute:#a4a5a8;--y:#f5c400;--yi:#111;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 "Work Sans",system-ui,sans-serif}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--y);outline-offset:3px}
.w{width:min(1120px,100% - 40px);margin-inline:auto}
h1,h2,h3{font-family:"Archivo Black","Arial Black",sans-serif;font-weight:400;line-height:1.02;margin:0;letter-spacing:-.01em}
h2{font-size:clamp(30px,5vw,52px);margin-bottom:18px}
h3{font-size:21px;margin-bottom:6px}
p{margin:0 0 14px}
.btn{display:inline-block;background:var(--y);color:var(--yi);font-weight:700;text-decoration:none;padding:15px 26px;border-radius:4px}
.btn:hover{background:#fff}
.btn.o{background:none;color:var(--ink);border:2px solid var(--ink)}
.btn.o:hover{border-color:var(--y);color:var(--y)}
nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:16px}
nav b{font-family:"Archivo Black",sans-serif;font-weight:400;font-size:18px}
nav div{display:flex;gap:22px;font-size:15px}
nav a{text-decoration:none;color:var(--mute)}nav a:hover{color:var(--y)}
.hero{text-align:center;padding:8px 0 56px}
.hero img.logo{width:min(760px,100%);margin:0 auto}
.hero h1{font-size:clamp(38px,8vw,96px);margin:10px 0 18px}
.hero h1 span{color:var(--y)}
.hero p{max-width:620px;margin:0 auto 28px;color:var(--mute);font-size:19px}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.tape{height:22px;background:repeating-linear-gradient(-45deg,var(--y) 0 22px,var(--yi) 22px 44px)}
section{padding:84px 0}
.lead{max-width:640px;color:var(--mute);margin-bottom:36px}
.mos{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.mos figure{margin:0;position:relative;overflow:hidden;border-radius:4px;background:var(--panel);min-height:220px}
.mos img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.mos figcaption{position:absolute;left:0;bottom:0;background:var(--y);color:var(--yi);font-weight:700;padding:5px 12px;font-size:15px}
.m1{grid-column:span 4;grid-row:span 2;min-height:440px!important}
.m2,.m3,.m4,.m5,.m6{grid-column:span 2}
.svc{border-top:2px solid var(--ink)}
.svc div{display:grid;grid-template-columns:minmax(200px,1fr) 2fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.svc p{margin:0;color:var(--mute)}
.alt{background:var(--panel)}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.how div{padding:0 28px;border-left:3px solid var(--y)}
.how div+div{margin-left:0}
.how p{color:var(--mute)}
.shop{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}
.shop img{width:100%;height:100%;object-fit:cover;border-radius:4px}
.shop .c{display:grid;gap:10px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contact dl{margin:0}.contact dt{color:var(--mute);font-size:14px;margin-top:18px}
.contact dd{margin:2px 0 0;font-size:20px;font-weight:500}
.big{font-family:"Archivo Black",sans-serif;font-size:clamp(28px,4.4vw,46px);line-height:1.05}
footer{padding:28px 0;border-top:1px solid var(--line);color:var(--mute);font-size:14px}
@media(max-width:760px){
.mos{grid-template-columns:1fr 1fr}.m1{grid-column:span 2;min-height:300px!important}.m2,.m3,.m4,.m5,.m6{grid-column:span 1;min-height:170px}
.svc div{grid-template-columns:1fr;gap:4px}.how{grid-template-columns:1fr;gap:28px}
.shop,.contact{grid-template-columns:1fr}nav div a:not(.keep){display:none}section{padding:60px 0}}

.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:24px 0 0}
.tags li{border:1px solid var(--line);border-radius:99px;padding:6px 16px;font-size:15px;color:var(--mute)}
.pk{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pk article{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:26px 24px;position:relative;overflow:hidden}
.pk article:hover{border-color:var(--y)}
.pk i{font:normal 400 52px/1 "Archivo Black",sans-serif;color:var(--line);position:absolute;right:16px;top:10px}
.pk h3{max-width:80%;margin-bottom:10px;min-height:2.1em}
.pk p{margin:0;color:var(--mute)}
.pk .top{background:var(--y);border-color:var(--y);color:var(--yi)}
.pk .top i{color:rgba(0,0,0,.18)}.pk .top p{color:#222;font-weight:700}
.pk .d{margin-top:10px;font-size:15px}.pk .top .d{font-weight:400}.pk .top{grid-column:1/-1}.pk .top .d{max-width:640px}
@media(max-width:760px){.pk{grid-template-columns:1fr}.pk h3{min-height:0}}

.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:10px}
.gal figure{margin:0;position:relative;overflow:hidden;border-radius:4px;background:var(--panel)}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gal figure:hover img{transform:scale(1.05)}
.gal figcaption{position:absolute;left:0;bottom:0;background:var(--y);color:var(--yi);font-weight:700;padding:5px 12px;font-size:15px}
.gal .g1{grid-column:span 2;grid-row:span 2}
@media(max-width:760px){.gal{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.gal .g1{grid-column:span 2;grid-row:span 1}}
@media(prefers-reduced-motion:reduce){.gal img{transition:none}.gal figure:hover img{transform:none}}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:34px 0 0;text-align:center}
.stats div{padding:6px 12px;border-left:1px solid var(--line)}.stats div:first-child{border:0}
.stats b{display:block;font:400 clamp(30px,5vw,48px)/1.05 "Archivo Black",sans-serif;color:var(--y)}
.stats span{color:var(--mute);font-size:15px}
.sub{margin:56px 0 18px;font-size:26px}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.strip.s5{grid-template-columns:repeat(5,1fr)}
.strip figure{margin:0;position:relative;overflow:hidden;border-radius:4px;aspect-ratio:3/4;background:var(--panel)}
.strip img{width:100%;height:100%;object-fit:cover}
.strip figcaption{position:absolute;left:0;bottom:0;background:var(--y);color:var(--yi);font-weight:700;padding:5px 12px;font-size:15px}
.faq{border-top:2px solid var(--ink);max-width:820px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-weight:700;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";color:var(--y);font-size:26px;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq p{margin:12px 0 0;color:var(--mute)}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr;row-gap:18px}.stats div:nth-child(3){border-left:0}.strip,.strip.s5{grid-template-columns:1fr 1fr}.strip figure{aspect-ratio:1}}