.hero{padding-top:40px;padding-bottom:75px}.hero h1{font-size:clamp(100px,13vw,190px);letter-spacing:-.055em;margin-block:65px 50px}.hero h1>span{box-shadow:9px 9px black}.hero-meta{font-size:11px}.hero-bottom p{font-size:14px;line-height:1.7}.hero-art{right:4%;opacity:.85}.hero-bottom .block-button{min-width:330px;font-size:13px}.sticker{width:140px;height:140px;font-size:13px}.work{padding-block:100px}.section-line h2{font-size:92px}.section-line p{font-size:12px}.case{box-shadow:12px 12px black}.case-art{min-height:420px}.case-art>strong{font-size:90px}.case-art>p{font-size:11px}.case-head{font-size:11px}.case summary{font-size:13px;padding:22px}.case details p{font-size:14px;line-height:1.8}.process h2{font-size:80px}.process li p{font-size:13px;line-height:1.8}.builder h2{font-size:95px}.builder-intro>p{font-size:14px;line-height:1.8}.choice-grid span{font-size:11px;min-height:90px}.choice-grid input{top:17px}.brief-machine select{font-size:14px}.brief-machine .block-button{font-size:12px}.lab-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:end;margin-bottom:40px}.lab-heading>.label{grid-column:1/-1}.lab-heading h2{font-size:78px}.lab-heading p{font-size:14px;max-width:370px;justify-self:end}.brand-lab{padding:80px 5%;background:#000;color:#facc15}.brand-lab h2 em{-webkit-text-stroke-color:#facc15}.lab-canvas{display:grid;grid-template-columns:1.5fr 1fr;border:3px solid #facc15}.lab-poster{padding:35px;background:var(--lab-bg,#facc15);color:var(--lab-fg,#000);min-height:530px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.lab-poster>span{font-size:11px;letter-spacing:.03em;z-index:1}.lab-symbol{position:absolute;top:15%;right:7%;font:500 150px Clash;transform:rotate(-12deg);opacity:.85}.lab-poster>strong{font:600 clamp(60px,7vw,110px)/.9 Clash;letter-spacing:-.06em;overflow-wrap:anywhere;margin-top:130px;position:relative;z-index:1}.lab-poster>p{font:500 26px Clash;line-height:1.1;max-width:290px;margin:20px 0 35px}.lab-controls{padding:35px;align-self:center}.lab-controls>label{display:block;font-size:11px;margin-bottom:15px}.lab-controls>input{border:0;border-bottom:2px solid #facc15;background:none;color:#facc15;width:100%;font:600 40px Clash;min-height:65px;letter-spacing:-.04em}.lab-controls>div{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.lab-controls button{border:1px solid #facc15;min-height:44px;padding:10px 12px;font-size:11px}.lab-controls [aria-pressed=true]{background:#facc15;color:black}.lab-controls>p{font-size:12px;color:#d5d1ac;line-height:1.9}
@media(max-width:1000px){.hero h1{font-size:12vw}.hero-art{opacity:.25}.lab-heading h2{font-size:65px}.lab-canvas{grid-template-columns:1fr 1fr}.lab-poster>strong{font-size:70px}.case-art>strong{font-size:65px}}
@media(max-width:760px){.hero{padding-top:30px;padding-bottom:50px}.hero h1{font-size:73px;margin:45px 0 35px;line-height:.98}.hero h1>span{box-shadow:5px 5px black}.hero-meta{font-size:11px}.hero-bottom p{font-size:13px}.hero-bottom .block-button{min-width:0;font-size:12px;width:100%;max-width:360px}.work{padding-block:55px}.section-line h2{font-size:61px}.section-line p{font-size:11px}.case-art{min-height:330px}.case-art>strong{font-size:63px}.case-art>p{font-size:11px}.case-head{font-size:11px}.case summary{font-size:12px}.case details p{font-size:13px}.process h2{font-size:57px}.process li p{font-size:13px}.builder h2{font-size:68px}.builder-intro>p{font-size:14px}.choice-grid span{font-size:11px;min-height:55px}.choice-grid.two span{font-size:11px;min-height:78px}.choice-grid input{top:21px}.brief-machine .block-button{font-size:11px}.lab-heading{display:block}.lab-heading h2{font-size:57px;margin:25px 0}.lab-heading p{font-size:13px}.brand-lab{padding:50px 6%}.lab-canvas{grid-template-columns:1fr}.lab-poster{min-height:430px;padding:24px}.lab-symbol{font-size:130px;top:12%}.lab-poster>strong{font-size:75px}.lab-poster>span{font-size:11px}.lab-poster>p{font-size:25px}.lab-controls{padding:25px}.lab-controls>input{font-size:38px}.lab-controls button{font-size:11px}.lab-controls>p{font-size:12px}}

@media (max-width: 480px) {
  .section-line h2 { font-size: clamp(2rem, 12vw, 3.5rem); }
  .work-grid { grid-template-columns: minmax(0, 1fr); }
  .case-art { min-width: 0; }
  .case-art strong { overflow-wrap: anywhere; }
}