/* public-pages.css — component rules;responsive conditions retain their original cascade order. */
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-main { max-width:1100px;margin:auto;padding:64px 24px 72px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-intro { text-align:center;margin:0 auto 30px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-intro h1 { font:clamp(34px,4.7vw,58px)/1.15 Georgia,serif;letter-spacing:-.8px;white-space:normal;margin:0 0 16px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-intro>p { font:clamp(18px,2.1vw,24px)/1.5 Georgia,serif;margin:0;color:#e0e8ec;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel { max-width:600px;margin:auto;padding:32px 38px;background:#041925ee;border:1px solid #54758a;border-radius:12px;box-shadow:0 20px 50px #0005;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel h2 { text-align:left;font:38px/1.2 Georgia,serif;margin:0 0 26px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel label { display:block;font:18px/1.4 Georgia,serif;margin:18px 0 7px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel :is(input,select),
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel textarea { display:block;width:100%;border:1px solid #7d95aa;border-radius:7px;background:#081e2dcf;color:#fbf8f0;font:16px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;padding:11px 14px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel textarea { resize:vertical;min-height:140px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel :is(input,select):focus,
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel textarea:focus { outline:2px solid #91d7ff;outline-offset:2px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel [aria-invalid=true] { border-color:#ffbeb0;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .field-error { display:block;color:var(--public-error);font-size:13px;min-height:0;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .field-error:not(:empty) { margin-top:5px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-note { font-size:13px;line-height:1.6;color:#c1d0dc;margin:19px 0 12px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel button[type=submit] { width:100%;border:1px solid #8bc6ff;border-radius:8px;padding:11px 18px;color:#fff;background:#247eb7;font-size:18px;display:flex;align-items:center;justify-content:center;gap:22px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel button:disabled { opacity:.65;cursor:wait;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) #inquiry-error { color:var(--public-error);font-size:14px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) #inquiry-error:empty { display:none;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) #inquiry-success { padding:25px 0;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) #inquiry-reference { font-weight:600;overflow-wrap:anywhere;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel [hidden],
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-main+[hidden] { display:none;}
@media(max-width:650px) {
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-main { padding:38px 18px 45px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel { padding:25px 22px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel h2 { font-size:30px;margin-bottom:18px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-intro { margin-bottom:25px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-intro h1 { font-size:36px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-intro>p { font-size:19px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel label { font-size:17px;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-ocean { background-position:62% top;}
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel :is(input,select),
:where(body.page-inquiries,body.page-affiliates,body.page-join-crew) .inquiry-panel textarea { font-size:16px;}
}
:where(body.page-about) .about-main { max-width:1000px;margin:auto;padding:45px 26px 65px;}
:where(body.page-about) .about-kicker { text-align:center;letter-spacing:5px;color:var(--public-accent-soft);font-size:11px;}
:where(body.page-about) .about-main h1 { font:clamp(34px,4.6vw,56px)/1.17 Georgia,serif;white-space:normal;text-align:center;max-width:850px;margin:18px auto 36px;letter-spacing:-.7px;}
:where(body.page-about) .about-story { max-width:740px;margin:auto;font:18px/1.85 Georgia,serif;color:#d5e2eb;}
:where(body.page-about) .about-story>p { margin:0 0 24px;}
:where(body.page-about) .about-review { font:13px/1.7 -apple-system,BlinkMacSystemFont,sans-serif;border-left:2px solid #7c9bad;padding-left:16px;color:#b6c9d5;margin-top:30px;}
:where(body.page-about) .about-review p { margin:0;}
:where(body.page-about) .bridge-crew { max-width:740px;margin:45px auto 0;border-top:1px solid #375264;padding-top:32px;text-align:center;}
:where(body.page-about) .bridge-crew h2 { font-size:32px;margin-bottom:24px;}
:where(body.page-about) .crew-name { font:24px/1.4 Georgia,serif;margin:0 0 5px;}
:where(body.page-about) .crew-position { font-size:14px;color:#b9d4e1;margin:0;}
@media(max-width:650px) {
:where(body.page-about) .about-main { padding:25px 22px 40px;}
:where(body.page-about) .about-main h1 { font-size:35px;margin-bottom:27px;}
:where(body.page-about) .about-story { font-size:17px;line-height:1.8;}
:where(body.page-about) .bridge-crew { margin-top:32px;}
:where(body.page-about) .bridge-crew h2 { font-size:28px;}
}
:where(body.page-faq) .faq-main { max-width:960px;margin:auto;padding:38px 24px 64px;}
:where(body.page-faq) .faq-intro { text-align:center;margin:0 auto 28px;}
:where(body.page-faq) .faq-intro h1 { font-size:clamp(32px,4.5vw,54px);line-height:1.15;white-space:normal;letter-spacing:-.7px;margin-bottom:16px;}
:where(body.page-faq) .faq-intro>p { color:var(--public-muted);}
:where(body.page-faq) .faq-intro .eyebrow { color:#9ccee3;}
:where(body.page-faq) .faq-release-note { font-size:13px;max-width:650px;margin:18px auto 0;}
:where(body.page-faq) .faq-categories { display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:28px 0 36px;}
:where(body.page-faq) .faq-categories a { border:1px solid #42647a;border-radius:20px;padding:7px 14px;font-size:14px;background:#0b202d;}
:where(body.page-faq) .faq-group { scroll-margin-top:24px;margin-bottom:30px;}
:where(body.page-faq) .faq-group h2 { text-align:left;font-size:27px;margin-bottom:12px;}
:where(body.page-faq) .faq-item { background:#0c202eea;border:1px solid #315064;border-radius:10px;margin:10px 0;overflow:hidden;}
:where(body.page-faq) .faq-item summary { cursor:pointer;padding:18px 22px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;}
:where(body.page-faq) .faq-item summary::marker { color:#81d6fa;}
:where(body.page-faq) .faq-item summary:focus-visible { outline:3px solid #81d6fa;outline-offset:-4px;}
:where(body.page-faq) .faq-item[open] summary { color:#a4def5;}
:where(body.page-faq) .faq-answer { padding:0 22px 18px;color:#d3e0e8;line-height:1.75;}
:where(body.page-faq) .faq-answer p { margin:0;}
:where(body.page-faq) .faq-answer a,
:where(body.page-faq) .faq-help a { text-decoration:underline;text-underline-offset:3px;color:#9edfff;}
:where(body.page-faq) .faq-help { border-top:1px solid #315064;padding-top:26px;text-align:center;}
:where(body.page-faq) .faq-help h2 { font-size:27px;}
:where(body.page-faq) .faq-help p { color:var(--public-muted);}
:where(body.page-faq) .faq-skip { position:absolute;top:-100px;left:16px;z-index:10;background:#122c3d;padding:12px;}
:where(body.page-faq) .faq-skip:focus { top:12px;}
@media(max-width:650px) {
:where(body.page-faq) .faq-main { padding:24px 18px 40px;}
:where(body.page-faq) .faq-group h2 { font-size:24px;}
:where(body.page-faq) .faq-item summary { padding:16px;}
:where(body.page-faq) .faq-answer { padding:0 16px 16px;}
:where(body.page-faq) .faq-categories { justify-content:flex-start;gap:8px;}
:where(body.page-faq) .faq-categories a { font-size:13px;}
:where(body.page-faq) .faq-intro h1 { font-size:36px;}
}
:where(body.page-affiliates) .affiliate-main { max-width:1120px;margin:auto;padding:30px 24px 65px;}
:where(body.page-affiliates) .affiliate-intro { max-width:850px;margin:0 auto 28px;text-align:center;}
:where(body.page-affiliates) .affiliate-kicker { font:12px/1.5 -apple-system,sans-serif!important;color:var(--public-accent-soft);letter-spacing:5px;}
:where(body.page-affiliates) .affiliate-intro h1 { font:clamp(36px,5vw,58px)/1.2 Georgia,serif;letter-spacing:-.7px;margin:12px 0 20px;white-space:normal;}
:where(body.page-affiliates) .affiliate-intro>p { font:21px/1.55 Georgia,serif;color:#e2e9ef;margin:16px 0;}
:where(body.page-affiliates) .affiliate-panel { max-width:720px;padding:30px 38px;}
:where(body.page-affiliates) .affiliate-panel h2 { font-size:36px;margin-bottom:8px;}
:where(body.page-affiliates) .affiliate-support { font:17px/1.6 Georgia,serif;color:#c3d4df;margin:0 0 20px;}
:where(body.page-affiliates) .affiliate-fields { display:grid;grid-template-columns:1fr 1fr;gap:17px 22px;}
:where(body.page-affiliates) .affiliate-field.full-width { grid-column:1/-1;}
:where(body.page-affiliates) .affiliate-panel label { margin:0 0 6px;font-size:16px;}
:where(body.page-affiliates) .affiliate-panel label>span { color:#e7b59a;}
:where(body.page-affiliates) .affiliate-panel label>small { font-size:13px;color:#c3d0db;}
:where(body.page-affiliates) .affiliate-panel select { display:block;width:100%;border:1px solid #7d95aa;border-radius:7px;background:#081e2d;color:#fbf8f0;font:16px/1.5 -apple-system,sans-serif;padding:11px 14px;}
:where(body.page-affiliates) .affiliate-panel select:focus { outline:2px solid #91d7ff;outline-offset:2px;}
:where(body.page-affiliates) .affiliate-panel input,
:where(body.page-affiliates) .affiliate-panel textarea { padding:9px 12px;}
:where(body.page-affiliates) .affiliate-panel textarea { min-height:130px;}
:where(body.page-affiliates) .affiliate-panel #affiliate-error { font-size:14px;color:var(--public-error);}
:where(body.page-affiliates) .affiliate-panel #affiliate-error:empty { display:none;}
:where(body.page-affiliates) #affiliate-success { padding:20px 0;}
:where(body.page-affiliates) #affiliate-success h2 { font-size:30px;}
:where(body.page-affiliates) #affiliate-reference { overflow-wrap:anywhere;}
@media(max-width:650px) {
:where(body.page-affiliates) .affiliate-main { padding:25px 18px 40px;}
:where(body.page-affiliates) .affiliate-intro>p { font-size:18px;line-height:1.6;}
:where(body.page-affiliates) .affiliate-intro h1 { font-size:37px;}
:where(body.page-affiliates) .affiliate-fields { grid-template-columns:1fr;gap:17px;}
:where(body.page-affiliates) .affiliate-panel { padding:25px 22px;}
:where(body.page-affiliates) .affiliate-panel h2 { font-size:29px;}
:where(body.page-affiliates) .affiliate-support { font-size:16px;}
}
:where(body.page-join-crew) .join-main { max-width:900px;}
:where(body.page-join-crew) .join-kicker { font:12px/1.5 -apple-system,BlinkMacSystemFont,sans-serif!important;letter-spacing:4px;color:var(--public-accent-soft)!important;margin-bottom:16px!important;}
:where(body.page-join-crew) .join-introduction { max-width:590px;margin:0 auto 28px;text-align:center;color:#d4e2eb;line-height:1.8;}
:where(body.page-join-crew) .join-main .inquiry-panel { max-width:660px;}
:where(body.page-join-crew) .join-required,
:where(body.page-join-crew) .join-hint { font-size:13px;line-height:1.6;color:#bdced9;}
:where(body.page-join-crew) .join-field small { font:13px -apple-system,BlinkMacSystemFont,sans-serif;color:#bdced9;}
:where(body.page-join-crew) .join-preview { border-left:2px solid #93c9df;padding:8px 12px;margin:0 0 20px;color:#c8e4ee;font-size:14px;line-height:1.6;}
:where(body.page-join-crew) .join-signin { text-align:center;color:var(--public-muted);font-size:14px;margin:28px 0 0;}
:where(body.page-join-crew) .join-signin a { color:#a6dfff;text-decoration:underline;text-underline-offset:4px;}
:where(body.page-join-crew) #join-error { color:var(--public-error);line-height:1.6;}
:where(body.page-join-crew) #join-error:empty { display:none;}
:where(body.page-join-crew) #join-reference { font-weight:600;overflow-wrap:anywhere;}
:where(body.page-join-crew) .join-skip { position:absolute;top:-100px;left:16px;z-index:10;background:#122c3d;padding:12px;}
:where(body.page-join-crew) .join-skip:focus { top:12px;}
:where(body.page-media) .media-main { max-width:880px;margin:auto;padding:48px 24px 72px;}
:where(body.page-media) .media-kicker { text-align:center;letter-spacing:5px;color:var(--public-accent-soft);font-size:12px;}
:where(body.page-media) .media-main h1 { font:clamp(34px,4.5vw,54px)/1.18 Georgia,serif;white-space:normal;letter-spacing:-.7px;text-align:center;margin:18px auto 24px;}
:where(body.page-media) .media-intro { max-width:650px;text-align:center;margin:0 auto 38px;color:#d5e2eb;font-size:18px;line-height:1.8;}
:where(body.page-media) .media-channels { display:grid;gap:18px;}
:where(body.page-media) .media-channel { display:flex;align-items:flex-start;gap:24px;padding:28px;background:#0b202de8;border:1px solid #315064;border-radius:12px;}
:where(body.page-media) .media-icon { flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #4c758a;border-radius:10px;color:#b0e2fa;font:bold 32px Georgia,serif;}
:where(body.page-media) .media-channel h2 { text-align:left;font-size:27px;margin:0 0 12px;}
:where(body.page-media) .media-channel p { color:var(--public-muted);line-height:1.75;margin:0 0 14px;}
:where(body.page-media) .media-account { font-size:14px;}
:where(body.page-media) .media-account a,
:where(body.page-media) .media-help a { color:#a3dfff;text-decoration:underline;text-underline-offset:4px;}
:where(body.page-media) .media-account a:focus-visible,
:where(body.page-media) .media-help a:focus-visible { outline:2px solid #a3dfff;outline-offset:5px;}
:where(body.page-media) .media-note,
:where(body.page-media) .media-help { text-align:center;color:#b6cbd7;font-size:14px;line-height:1.7;margin:24px 0 0;}
:where(body.page-media) .media-skip { position:absolute;top:-100px;left:16px;z-index:10;background:#122c3d;padding:12px;}
:where(body.page-media) .media-skip:focus { top:12px;}
@media(max-width:600px) {
:where(body.page-media) .media-main { padding:30px 18px 44px;}
:where(body.page-media) .media-channel { padding:22px 18px;gap:16px;}
:where(body.page-media) .media-intro { font-size:16px;}
:where(body.page-media) .media-channel h2 { font-size:24px;}
:where(body.page-media) .media-icon { flex-basis:36px;width:36px;height:36px;}
}
.public-interior { --page-image:none;background:var(--public-footer);}
.page-about { --page-image:url('/assets/optimized/background-about.a857820cbffa.webp');--page-shade:.63;}
.page-faq { --page-image:url('/assets/optimized/background-faq.831030d132e3.webp');--page-shade:.68;}
.page-affiliates { --page-image:url('/assets/optimized/background-affiliates.a8f564697b67.webp');--page-shade:.66;}
.page-media { --page-image:url('/assets/optimized/background-media.a4c50676c512.webp');--page-shade:.83;}
.page-inquiries { --page-image:url('/assets/optimized/background-inquiries.8d7fd3f2a865.webp');--page-shade:.67;}
.page-join-crew { --page-image:url('/assets/optimized/background-join.be2ec738b1c8.webp');--page-shade:.68;}
.public-interior .about-ocean,
.public-interior .faq-ocean,
.public-interior .media-ocean,
.public-interior .inquiry-ocean { min-height:100svh;background-image:linear-gradient(to bottom,rgba(0,18,30,var(--page-shade)) 0%,rgba(0,18,30,var(--page-shade)) 65%,var(--public-footer) 100%),var(--page-image);background-size:100% 100%,cover;background-position:center,center top;background-repeat:no-repeat;background-attachment:scroll,fixed;}
.public-interior .bridge-footer { background:var(--public-footer);}
.public-interior .bridge-footer .interior-art { display:none;}
.public-interior .about-story { color:#e1eaf0;text-shadow:0 1px 5px var(--public-footer);}
.public-interior .faq-item { background:#0c202ed9;}
.public-interior .media-channel { background:#0b202dd9;}
@media(max-width:650px) {
.public-interior .about-ocean,
.public-interior .faq-ocean,
.public-interior .media-ocean,
.public-interior .inquiry-ocean { background-attachment:scroll,scroll;}
.page-join-crew { --page-shade:.72;}
}
.public-interior .bridge-footer { min-height:260px;}
@media(max-width:650px) {
.public-interior .bridge-footer { min-height:250px;}
}

.page-join-crew #join-form select {
  appearance: none;
  padding-inline-end: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23bdced9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px;
}

@media (forced-colors: active) {
  .page-join-crew #join-form select {
    appearance: auto;
    background-image: none;
  }
}