/* Independent columns keep the complete portrait clear of all headline text. */
.hero{padding-inline:5%;background:#020506}.hero-composition{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:clamp(24px,4vw,72px);align-items:center;height:auto;min-height:650px;padding-block:35px 20px}.hero .scene{position:relative;grid-column:1;grid-row:1;left:auto;right:auto;top:auto;width:100%;height:580px;margin:0;min-width:0;overflow:hidden;z-index:1}.hero-copy{grid-column:2;grid-row:1;width:100%;min-width:0;max-width:100%;padding:0 0 50px;margin:0;align-self:center;z-index:3;pointer-events:auto}.hero .intro{font-size:10px;letter-spacing:1.2px;line-height:1.8;overflow-wrap:anywhere}.hero h1{font-size:clamp(48px,5.2vw,86px);letter-spacing:-4px;line-height:1.06;max-width:100%}.hero h1>span,.hero h1 em{white-space:normal;max-width:100%}.hero .lead{font-size:15px;line-height:1.8;max-width:100%;margin-top:26px}.hero-actions{flex-wrap:wrap;gap:20px 26px}.hero .primary{white-space:nowrap}.hero-github{white-space:nowrap}.laptop-particles{isolation:auto}.hero #portrait-particles{mix-blend-mode:normal;filter:none}.particle-instruction{left:5%;bottom:30px;max-width:55%;font-size:6px;line-height:1.8}.portrait-toggle{bottom:24px;right:5%;font-size:7px}.portrait-work{inset:14% 8% 18%}.hero-snow{pointer-events:none}.hero h1 .glitch-word{max-width:100%}
@media(min-width:1600px){.hero-composition{min-height:760px;column-gap:70px}.hero .scene{height:680px}.hero h1{font-size:clamp(86px,5.2vw,105px)}.hero-copy{padding-top:0;padding-bottom:60px}.hero .lead{font-size:17px}}
@media(max-width:1100px){.hero-composition{min-height:565px;column-gap:28px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.hero .scene{height:485px}.hero h1{font-size:clamp(43px,5.3vw,66px);letter-spacing:-2.8px}.hero-copy{padding:0 0 30px}.hero .lead{font-size:13px}.hero .intro{font-size:8px;letter-spacing:.8px}.hero-actions{gap:17px}.hero .primary{font-size:10px;padding:14px 17px}.hero-github{font-size:10px}.particle-instruction{font-size:5px;bottom:24px}.portrait-toggle{font-size:6px;bottom:20px}}
@media(max-width:700px){.hero{padding-inline:6%}.hero-composition{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;height:auto;padding:40px 0 0}.hero-copy{grid-column:1;grid-row:1;width:100%;padding:0;margin:0}.hero h1{font-size:clamp(46px,11vw,72px);letter-spacing:-2.8px}.hero .intro{font-size:8px;margin-bottom:20px}.hero .lead{font-size:13px;line-height:1.75;margin-top:22px}.hero-actions{margin-top:23px;gap:24px}.hero .scene{grid-column:1;grid-row:2;position:relative;left:auto;right:auto;top:auto;width:100%;height:360px;margin:12px 0 0;overflow:visible}.particle-instruction{left:0;bottom:20px;font-size:5px}.portrait-toggle{right:0;bottom:15px;font-size:6px}.portrait-work{inset:9% 4% 18%}.hero h1 .glitch-word{line-height:1.06}}
@media(max-width:370px){.hero .scene{height:310px}.hero h1{font-size:43px}.hero-actions{gap:17px}.hero .primary{padding-inline:14px}}
@media print{.hero{display:none}}