.case-study-page{--wn-acid:#b6d532;--wn-ink:#090909;--wn-soft:#b6b3ad}
.wn-opening,.wn-application{margin-block:clamp(68px,9vw,126px);overflow:hidden;border:1px solid var(--line);background:#111}
.wn-opening img,.wn-application img{display:block;width:100%;height:auto}
.wn-opening figcaption,.wn-application figcaption{padding:15px 20px;color:var(--muted);font:500 10px/1.5 "Space Grotesk",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.wn-brief,.wn-principle,.wn-use,.wn-resolution{padding-block:clamp(76px,10vw,148px)}
.wn-brief{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(380px,1.15fr);gap:clamp(52px,8vw,124px)}
.wn-brief h2,.wn-section-head h2,.wn-resolution h2{font:600 var(--case-reading-heading)/1.08 var(--font-display);letter-spacing:var(--heading-section-tracking);text-wrap:balance}
.wn-copy p,.wn-section-head p,.wn-resolution p{max-width:62ch;color:var(--muted);font-size:var(--case-reading-copy);line-height:1.72}
.wn-copy p+p{margin-top:20px}
.wn-record{display:grid;margin-top:38px;border-top:1px solid var(--line)}
.wn-record div{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:15px 0;border-bottom:1px solid var(--line)}
.wn-record dt{color:var(--wn-acid);font:500 10px/1.4 "Space Grotesk",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.wn-record dd{line-height:1.5}
.wn-principle{background:linear-gradient(145deg,#151515,#090909 72%);border-block:1px solid var(--line)}
.wn-section-head{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(320px,1.05fr);gap:clamp(40px,8vw,120px);align-items:end;margin-bottom:clamp(42px,6vw,74px)}
.wn-construction{position:relative;min-height:clamp(430px,57vw,720px);overflow:hidden;border:1px solid var(--line);background:#0a0a0a;perspective:1000px}
.wn-construction:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(182,213,50,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(182,213,50,.1) 1px,transparent 1px);background-size:7.14% 12.5%;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.wn-mark{position:absolute;left:50%;top:50%;width:min(49vw,560px);aspect-ratio:1;transform:translate(-50%,-50%) rotateX(var(--wn-rx,0deg)) rotateY(var(--wn-ry,0deg));transform-style:preserve-3d;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.wn-mark i{position:absolute;inset:20%;border:clamp(18px,3vw,42px) solid var(--wn-acid);transform:rotate(45deg);box-shadow:0 0 60px rgba(182,213,50,.14)}
.wn-mark i:before,.wn-mark i:after{content:"";position:absolute;background:#0a0a0a}
.wn-mark i:before{width:38%;height:140%;left:31%;top:-20%}.wn-mark i:after{height:38%;width:140%;top:31%;left:-20%}
.wn-mark b{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);color:#f3f1ec;font:500 clamp(14px,1.5vw,21px)/1 "Space Grotesk",sans-serif;letter-spacing:.35em;text-transform:uppercase;white-space:nowrap}
.wn-annotations span{position:absolute;padding:8px 10px;border:1px solid rgba(182,213,50,.34);background:#0a0a0a;color:var(--wn-soft);font:500 9px/1.35 "Space Grotesk",sans-serif;letter-spacing:.13em;text-transform:uppercase}
.wn-annotations span:nth-child(1){left:5%;top:9%}.wn-annotations span:nth-child(2){right:5%;top:21%}.wn-annotations span:nth-child(3){left:8%;bottom:10%}
.wn-logic{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}
.wn-logic article{padding:clamp(26px,3vw,42px);border-right:1px solid var(--line)}.wn-logic article:last-child{border-right:0}
.wn-logic span{color:var(--wn-acid);font:500 10px/1 "Space Grotesk",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.wn-logic h3{margin-top:28px;font:500 clamp(23px,2.2vw,32px)/1.14 var(--font-display)}
.wn-logic p{margin-top:14px;color:var(--muted);font-size:15px;line-height:1.65}
.wn-app-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.wn-app-grid figure{margin:0;overflow:hidden;border:1px solid var(--line);background:#111}.wn-app-grid figure:first-child{grid-row:span 2}.wn-app-grid img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover}.wn-app-grid figure:first-child img{object-position:center}.wn-app-grid figcaption{padding:14px 16px;color:var(--muted);font:500 9px/1.45 "Space Grotesk",sans-serif;letter-spacing:.13em;text-transform:uppercase}
.wn-use{padding-top:0}.wn-resolution{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,120px);align-items:end;border-top:1px solid var(--line)}
.wn-resolution ul{display:grid;padding:0;list-style:none;border-top:1px solid var(--line)}.wn-resolution li{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted)}.wn-resolution li b{color:var(--wn-acid);font-weight:500}
@media(max-width:900px){.wn-brief,.wn-section-head,.wn-resolution{grid-template-columns:1fr}.wn-logic{grid-template-columns:1fr}.wn-logic article{border-right:0;border-bottom:1px solid var(--line)}.wn-app-grid{grid-template-columns:1fr 1fr}.wn-app-grid figure:first-child{grid-column:1/-1;grid-row:auto}}
@media(max-width:620px){.wn-app-grid{grid-template-columns:1fr}.wn-app-grid figure:first-child{grid-column:auto}.wn-construction{min-height:430px}.wn-mark{width:78vw}.wn-annotations span:nth-child(2){top:auto;bottom:18%}}
@media(prefers-reduced-motion:reduce){.wn-mark{transition:none}}