.gh-hero{position:relative;min-height:850px;height:calc(100svh - 80px);max-height:1100px;isolation:isolate;background:radial-gradient(ellipse at 75% 46%,#193142 0,#09121e 48%,#050b12 85%);overflow:hidden;border-bottom:1px solid #344a59}.gh-canvas,.gh-vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gh-canvas{z-index:-2}.gh-vignette{z-index:-1;background:linear-gradient(90deg,#060d15 0%,#060d15e8 22%,#060d1590 40%,transparent 65%)}.gh-content{padding-top:100px;position:relative}.gh-content h1{font-size:clamp(58px,6.5vw,100px);line-height:1.01;letter-spacing:-.06em;font-weight:500;max-width:780px;margin:25px 0 30px}.gh-content h1 em{font-style:normal;color:#f6b27d}.gh-lead{font-size:20px;line-height:1.7;color:#d4e1e9;max-width:490px}.gh-content .gf-actions{margin-top:28px}.gh-mission{margin-top:36px;font-size:14px;line-height:1.8;color:#a9bfce}.gh-art-label{position:absolute;right:5%;top:50px;text-align:right;color:#b6d6e6}.gh-art-label span{font:11px ui-monospace,monospace;letter-spacing:.18em}.gh-art-label p{font-size:13px;line-height:1.7;margin-top:12px}.gh-controls{position:absolute;bottom:68px;left:5%;right:5%;display:flex;align-items:center;gap:26px;padding:18px 22px;background:#081722dd;border:1px solid #496171;border-radius:8px;backdrop-filter:blur(12px)}.gh-presets{display:flex;gap:8px}.gh-presets button,.gh-pause{border:1px solid #365362;background:#0c1c29;color:#cfe4ef;font:13px system-ui;padding:13px 18px;border-radius:4px;cursor:pointer;min-height:45px}.gh-presets button[aria-pressed=true]{border-color:#ffb87c;background:#3e2b20;color:#ffd1a9}.gh-shape-control{display:flex;gap:16px;align-items:center;margin-left:auto;color:#c5dce8;font:13px system-ui}.gh-shape-control input{width:160px;accent-color:#ffb575;cursor:pointer}.gh-shape-control output{width:35px;color:#ffbd87}.gh-caption{position:absolute;bottom:20px;right:5%;font:11px ui-monospace,monospace;color:#9eb6c6}.gh-nojs{position:absolute;bottom:0;color:#fff}.gh-hero button:focus-visible,.gh-hero input:focus-visible{outline:2px solid #b1eaff;outline-offset:5px}
@media(min-width:1600px){.gh-content{padding-top:130px}}
@media(max-width:1000px){.gh-content h1{font-size:68px}.gh-controls{gap:12px;padding:15px}.gh-presets button{padding:12px}.gh-shape-control{gap:8px}.gh-shape-control input{width:100px}}
@media(max-width:700px){.gh-hero{height:auto;min-height:1100px;max-height:none}.gh-content{padding-top:45px}.gh-content h1{font-size:clamp(45px,11vw,70px);max-width:100%;margin-top:20px}.gh-lead{font-size:17px;max-width:330px}.gh-content .gf-actions{gap:10px}.gh-content .gf-button{font-size:13px;padding:14px}.gh-mission{font-size:13px;margin-top:22px}.gh-vignette{background:linear-gradient(#060d15 0%,#060d15ea 28%,#060d1570 48%,transparent 62%)}.gh-art-label{top:auto;bottom:250px;right:6%}.gh-art-label p{display:none}.gh-controls{bottom:60px;flex-wrap:wrap;left:5%;right:5%;gap:14px}.gh-presets{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.gh-presets button{font-size:12px;padding:10px}.gh-shape-control{margin-left:0;flex:1;gap:8px}.gh-shape-control input{width:100%;min-width:45px}.gh-pause{font-size:12px;padding:10px}.gh-caption{font-size:10px;left:5%;right:5%;text-align:center;line-height:1.5;bottom:18px}}
@media(min-width:701px) and (max-width:1599px){.gh-content{padding-top:70px}.gh-mission{margin-top:24px}}