:root{--bg:#151512;--panel:#1d1d19;--cream:#e9e8df;--muted:#a3a297;--line:#393a32;--orange:#ff7045;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--muted)}header{position:sticky;top:0;z-index:5;background:#151512ed;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff0d}.nav{height:76px;display:flex;justify-content:space-between;align-items:center}.brand{font:700 16px var(--display);letter-spacing:-.045em}.brand b{color:var(--orange);font-weight:500;margin-left:7px}.back{font-size:12px;color:#c4c3b9}.back:hover,.text-link:hover{color:var(--orange)}main{padding:54px 0 90px}.crumb{display:flex;align-items:center;gap:10px;margin:0 0 26px}.crumb a{color:#c4c3b9}.crumb span:last-child{color:var(--orange)}.intro{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center;margin-bottom:76px}.kicker{display:flex;align-items:center;gap:10px;margin:0 0 20px}.kicker i{width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font:600 clamp(42px,6vw,72px)/.98 var(--display);letter-spacing:-.075em;margin:0;max-width:600px}h1 em{font-style:normal;color:var(--orange)}.lead{max-width:515px;color:#aaa99f;font-size:15px;line-height:1.8;margin:23px 0 26px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid #44453c;padding:7px 9px;color:#c3c2b8;font:9px var(--mono)}.visual{margin:0;background:#f0f0ee;border:1px solid var(--line);min-height:420px;height:min(63vh,650px);display:flex;align-items:center;justify-content:center;overflow:hidden}.visual.dark{background:#142033}.visual.visual--busbar{height:auto;min-height:0;aspect-ratio:1195/913}.visual.visual--hook{height:auto;min-height:0;aspect-ratio:897/520}.visual.visual--beam{height:auto;min-height:0;aspect-ratio:1589/741}.visual img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;display:block}.visual.portrait img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.caption{display:flex;justify-content:space-between;gap:16px;padding:11px 0;color:#8c8b80;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.rule{border-top:1px solid var(--line)}.details{display:grid;grid-template-columns:250px 1fr;gap:75px;padding:42px 0 52px}.section-label{position:sticky;top:110px;align-self:start}.section-label p{margin:0 0 10px}.section-label h2{font:500 25px/1.2 var(--display);letter-spacing:-.05em;margin:0}.content{max-width:720px}.content h3{font:600 20px var(--display);letter-spacing:-.04em;margin:0 0 12px}.content p{font-size:13px;color:#aaa99f;line-height:1.85;margin:0 0 18px}.content p strong{color:var(--cream);font-weight:500}.content ul{list-style:none;margin:0 0 25px;padding:0;border-top:1px solid var(--line)}.content li{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7;color:#aaa99f}.content li b{display:block;color:var(--cream);font:500 11px var(--mono);margin-bottom:4px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 30px}.gallery figure{margin:0;background:#f0f0ee;border:1px solid var(--line);height:340px;display:flex;flex-direction:column;overflow:hidden}.gallery figure.dark{background:#142033}.gallery img{width:100%;height:auto;max-height:100%;object-fit:contain;display:block}.gallery figcaption{padding:9px 10px;color:#8c8b80;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;flex:0 0 auto}.gallery img{flex:1;min-height:0}.result{border-left:2px solid var(--orange);padding:4px 0 4px 18px;margin:24px 0 0;color:var(--cream)!important}.next{margin-top:65px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.next a{color:#c4c3b9;font-size:12px}.next a:hover{color:var(--orange)}footer{border-top:1px solid #ffffff0d;padding:20px 0;color:#77776e;font-size:10px}.footer{display:flex;justify-content:space-between;gap:15px}.footer a:hover{color:var(--orange)}
@media(max-width:800px){.intro{grid-template-columns:1fr;gap:32px}.visual{height:min(65vh,560px)}.details{grid-template-columns:1fr;gap:20px}.section-label{position:static}.section-label h2{max-width:450px}.gallery figure{height:280px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.nav{height:65px}.brand{font-size:14px}.back{font-size:11px}.back span{display:none}main{padding:34px 0 65px}.intro{gap:25px;margin-bottom:52px}h1{font-size:49px}.lead{font-size:14px}.visual{height:460px;min-height:300px}.visual.portrait{height:520px}.details{padding:30px 0 38px}.gallery{grid-template-columns:1fr}.gallery figure{height:300px}.footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
