.construction-links{display:flex;gap:6px;position:absolute;top:12px;left:16px}
@font-face{font-family:Bricolage;src:url('/assets/bricolage.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
body{margin:0;color:#fff;background:#100d15;font-family:Bricolage,system-ui,sans-serif}
main{overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 12%,#481334,transparent 42%),repeating-linear-gradient(135deg,#ffffff08 0 1px,transparent 1px 85px)}
header{padding:clamp(35px,7vw,88px) 16px 0}
header img{object-fit:contain}
.eyebrow{color:#ff6bc0;font-weight:800;letter-spacing:.16em;font-size:.78rem}
h1{font-size:clamp(2.2rem,7.4vw,7.2rem);line-height:.98;letter-spacing:-.055em;margin:18px auto}
h1 em{display:block;color:#ff51b0;font-style:normal}
.message{color:#f0dce9;font-size:clamp(1rem,2vw,1.35rem);line-height:1.55}
.site-work{position:relative;padding:12px 0 48px}
.builder{position:relative;width:min(250px,63vw);margin:auto}
.builder img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.hammer{position:absolute;width:30%;right:3%;bottom:24%;transform-origin:50% 90%;animation:hammer 1.15s ease-in-out infinite}
.workbench{position:absolute;right:-8%;bottom:12%;width:30%;height:12%;border-top:6px solid #ff5ab7;background:#231626;box-shadow:0 0 0 1px #c44c8f}
@keyframes hammer{0%,100%{transform:rotate(-48deg)}55%{transform:rotate(74deg)}65%{transform:rotate(58deg)}}
.tape{position:absolute;left:-8%;width:116%;height:42px;background:repeating-linear-gradient(125deg,#100d15 0 18px,#ed168f 18px 36px);border-block:2px solid #ff82c9}
.tape-back{top:49%;transform:rotate(-7deg)}
.tape-front{bottom:13px;transform:rotate(4deg);background:#ef329f;color:#160d16;white-space:nowrap;line-height:38px;font-weight:900;letter-spacing:.1em}
section{max-width:1130px;margin:auto;padding:35px 16px 70px}
h2{font-size:clamp(1.6rem,4vw,3rem);margin:0 0 22px}
.crew{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
figure{margin:0;flex:0 1 165px;border:1px solid #f448a650;border-radius:12px;background:#221626;padding:8px 8px 12px}
figure img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
figcaption{font-weight:800}
@media(max-width:480px){figure{flex-basis:calc((100% - 24px)/3)}figcaption{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.hammer{animation:none;transform:rotate(-20deg)}}
.back-home{display:inline-block;padding:5px 9px;border:1px solid #f448a670;border-radius:5px;color:#fff;text-decoration:none;font-size:.8rem}
.back-home:hover,.back-home:focus-visible{background:#481334}
.hq-scene{display:block;width:min(100%,1100px);height:auto;margin:0 auto 40px;border-radius:12px}
.hq-scene{position:relative;width:min(94%,1100px);overflow:hidden}
.hq-scene img{display:block;width:100%;height:auto}
.hq-impact{position:absolute;left:94%;top:75%;width:2.8%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#fff4ba,#ff932b70 40%,transparent 72%);animation:impact 1.15s linear infinite}
@keyframes impact{0%,50%,100%{opacity:0;transform:scale(.4)}55%{opacity:.85;transform:scale(1)}70%{opacity:0;transform:scale(1.4)}}
@media(prefers-reduced-motion:reduce){.hq-impact{display:none}}

main{position:relative;height:100vh;height:100dvh;display:grid;place-items:center;isolation:isolate}
header{position:relative;z-index:2;padding:12px 16px;width:min(58%,820px);border:1px solid #f448a650;border-radius:16px;background:#17101aef}
header .header-mark img{width:clamp(35px,8vh,75px);height:auto}
h1{font-size:clamp(1.4rem,min(5.6vw,11vh),6rem);margin:8px auto}
.eyebrow,.message{margin:6px 0}
.message{font-size:clamp(.72rem,2.4vh,1.25rem)}
.construction-links{position:fixed;top:8px;left:8px}.back-home{background:#17101a}
.site-work{position:absolute;inset:0;padding:0}
.tape-front{bottom:2%;z-index:1}
.duck{position:absolute;width:min(13vw,23vh);transform:translate(-50%,-50%)}
.duck>img{display:block;width:100%;height:auto}
.duck-1{left:14%;top:25%;rotate:-8deg}.duck-2{left:29%;top:15%;rotate:6deg}
.duck-3{left:43%;top:14%}.duck-4{left:59%;top:14%;rotate:-6deg}
.duck-5{left:74%;top:15%;display:none}.duck-6{left:85%;top:43%;rotate:8deg}
.duck-7{left:88%;top:72%}.duck-8{left:74%;top:82%}
.duck-9{left:61%;top:83%;rotate:7deg}.duck-10{left:39%;top:82%;rotate:-6deg}
.duck-11{left:13%;top:49%}.jersey{left:50%;top:83%;width:min(15vw,25vh)}
.duck .jersey-mark{position:absolute;top:57%;left:31%;width:40%;height:auto;filter:drop-shadow(0 1px 2px #000)}
.builder-m{left:89%;top:18%;width:min(16vw,26vh)}
.builder-f{left:13%;top:79%;width:min(16vw,26vh)}
.builder-f>img{transform:scaleX(-1)}
.hardhat{position:absolute;left:25%;top:11%;width:52%;height:18%;border-radius:80% 80% 20% 20%;background:#f6bd4b;border-bottom:5px solid #a86518;rotate:9deg}
.tool{position:absolute;width:40%;right:-8%;top:25%;transform-origin:50% 92%;animation:hammer 1.2s ease-in-out infinite}
.builder-f .tool{right:auto;left:-4%;animation:paint 1.7s ease-in-out infinite alternate}
@keyframes paint{from{transform:translateY(-20%) rotate(-18deg)}to{transform:translateY(30%) rotate(-5deg)}}
@media(max-width:600px){
  header{width:76%}
  .duck{width:19vw}
  .duck-1{left:12%;top:29%}.duck-6{left:90%;top:32%}
  .duck-11{left:10%;top:63%}.duck-7{left:90%;top:64%}
  .duck-9,.duck-10,.jersey,.duck-8{top:85%}
  .builder-m,.builder-f{width:23vw}
  .builder-f{top:80%}
}
@media(prefers-reduced-motion:reduce){.tool,.builder-f .tool{animation:none}}

.header-mark{display:inline-block}
.jersey-mark img{display:block;width:100%;height:auto}