:root{color-scheme:dark;--white:#f0f0f0;--muted:#c5c5c5;--journey:max(2600px,300vw,360svh)}
*,*::before,*::after{box-sizing:border-box}
html{margin:0;background:#090909;scroll-behavior:smooth}
body{margin:0;min-width:280px;color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
main{position:relative;isolation:isolate;overflow:clip;min-height:var(--journey)}
.scenery{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:#111}
.scenery img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero{position:relative;height:calc(var(--journey)*.28);min-height:100svh;display:grid;place-items:center;padding:30px 20px 70px}
.constellation{position:absolute;top:3%;left:50%;transform:translateX(-50%);width:min(100%,1100px);height:auto;pointer-events:none}
.brand{text-align:center;width:100%;position:relative}
.brand h1{font-size:clamp(26px,5.2vw,66px);font-weight:400;letter-spacing:.19em;line-height:1.2;white-space:nowrap;margin:0;padding-left:.19em}
.brand p{font-size:clamp(13px,2.6vw,25px);font-weight:400;letter-spacing:.39em;margin:20px 0 0;padding-left:.39em;color:#dedede}
.down{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--journey)*.025);display:grid;place-items:center;width:56px;height:56px;text-decoration:none;color:#ddd;border-radius:50%;transition:background .18s ease}
.down svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.2}
.down:hover{background:#ffffff0d}
:focus-visible{outline:2px solid #ddd;outline-offset:6px}
.landscape{height:calc(var(--journey)*.34);position:relative;padding:0 22px}
.groups{width:min(100%,1000px);margin:auto;text-align:center;display:flex;flex-direction:column;justify-content:space-between;height:calc(var(--journey)*.145)}
.group h2{font-size:clamp(23px,3.4vw,40px);font-weight:400;letter-spacing:.19em;line-height:1.3;margin:0;padding-left:.19em}
.group p{font-size:clamp(11px,1.6vw,15px);letter-spacing:.14em;line-height:2;margin:16px auto 0;color:#d8d8d8;max-width:850px;text-wrap:balance}
.to-contact{bottom:calc(var(--journey)*.075)}
.underwater{min-height:calc(var(--journey)*.38);padding:calc(var(--journey)*.052) 26px max(130px,env(safe-area-inset-bottom));position:relative}
.contact{width:min(100%,580px);margin:0 auto;scroll-margin-top:60px}
.contact h2{text-align:center;font-size:clamp(28px,3.8vw,42px);font-weight:400;letter-spacing:.19em;line-height:1.25;padding-left:.19em;margin:0 0 20px}
.intro{text-align:center;font-size:clamp(13px,1.5vw,16px);line-height:1.7;color:#ddd;letter-spacing:.06em;margin:0 0 48px}
.form-grid{display:grid;gap:25px}
.field{display:block}
.field span{display:block;font-size:12px;letter-spacing:.12em;line-height:1.5;color:#ddd;margin-bottom:2px}
.field input,.field select{display:block;width:100%;font:inherit;font-size:16px;line-height:1.4;color:#eee;background:transparent;border:0;border-bottom:1px solid #a2a2a2;border-radius:0;padding:6px 0 10px;min-height:44px;outline-offset:3px}
.field select{color:#bdbdbd;cursor:pointer}
.field select option{background:#111;color:#eee}
.field input:hover,.field select:hover{border-color:#ddd}
.field input:focus,.field select:focus{border-color:#fff}
.consent{display:flex;align-items:flex-start;gap:12px;line-height:1.7;font-size:12px;letter-spacing:.025em;color:#d2d2d2;cursor:pointer;min-height:44px;padding:8px 0 0}
.consent input{width:17px;height:17px;flex:0 0 auto;margin:2px 0 0;accent-color:#ddd}
.honeypot{position:absolute;width:1px;height:1px;left:-9999px;opacity:0}
.send{display:block;margin:24px auto 0;padding:16px 24px;width:min(100%,360px);min-height:48px;background:transparent;border:1px solid #b8b8b8;color:#eee;font:inherit;font-size:13px;letter-spacing:.18em}
.send:disabled{color:#a3a3a3;border-color:#626262;cursor:not-allowed}
.send:not(:disabled){cursor:pointer}
.send:not(:disabled):hover{color:#111;background:#eee}
.notice{text-align:center;font-size:11px;line-height:1.75;letter-spacing:.025em;margin:26px 0 0;color:#ccc}
.status{text-align:center;font-size:11px;line-height:1.7;margin:14px 0 0;color:#aaa;min-height:20px}
#turnstile-slot:empty{display:none}
#turnstile-slot{margin:20px 0}
.skip{position:fixed;top:12px;left:12px;z-index:10;padding:12px 18px;background:#111;transform:translateY(-200%)}
.skip:focus{transform:translateY(0)}
@media(max-width:600px){.brand h1{font-size:clamp(24px,7vw,40px);letter-spacing:.12em}.brand p{font-size:15px}.group h2{font-size:23px;letter-spacing:.14em}.group p{font-size:11px;max-width:340px;letter-spacing:.09em}.groups{height:calc(var(--journey)*.15)}.contact{width:min(100%,440px)}.intro{margin-bottom:38px}.constellation{top:9%}.form-grid{gap:21px}.underwater{padding-inline:26px}.notice{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep ADVICE anchored while drawing the first two headings down towards it. */
.landscape{padding-top:calc(var(--journey)*.045)}
.groups{height:calc(var(--journey)*.10)}