/* Latest approved Volunteers hover-shuttle composition. Get Connected only. */
body[data-page="connected"]{background:#244f76;color:#173449}
body[data-page="connected"]>footer{display:none}
body[data-page="connected"] header{position:absolute;z-index:5;top:calc(32px + 2.2vw);padding:0;margin:0;gap:20px;color:#fff3d3}
body[data-page="connected"] header .brand{position:relative;width:auto;padding-left:5.274vw;margin-left:-5.274vw}
body[data-page="connected"] header .clean-brand{display:none}
body[data-page="connected"] header .brand .world-option03{display:block!important;position:absolute;width:4.424vw;height:auto;left:0;top:50%;transform:translateY(-50%);pointer-events:none}
body[data-page="connected"] header .world-brand{display:block;width:23vw;height:auto}
body[data-page="connected"] header .world-brand image{filter:url(#shuttle-cream-key)}
body[data-page="connected"] header nav{gap:24px;margin:0;color:inherit}
body[data-page="connected"] header nav a{font-size:clamp(10px,1.05vw,16px);font-weight:400;text-transform:uppercase;letter-spacing:1px;min-height:32px;white-space:nowrap}
body[data-page="connected"] header nav a:first-child{display:none}
body[data-page="connected"] header nav a+a:before{content:'';display:inline-block;margin-right:24px;width:1px;height:12px;background:currentColor;vertical-align:middle;opacity:.7}
body[data-page="connected"] header nav a:nth-child(2):before{display:none}
body[data-page="connected"] header :focus-visible{outline:3px solid #fff3d3;outline-offset:6px;box-shadow:0 0 0 6px #173449}
#connected.shuttle-connected{position:relative;display:block;width:100%;max-width:none;margin:0;padding:0;border:0;container-type:inline-size;font-family:'Backstage Sans',Arial,sans-serif;color:#173449;overflow:hidden}
.shuttle-defs{position:absolute;pointer-events:none}
.shuttle-art{position:absolute;left:0;width:100%;pointer-events:none}
.shuttle-scene{position:relative;width:100%;aspect-ratio:948/930}
.shuttle-scene-art{inset:0;width:100%;height:100%}
#connected .shuttle-scene h1{position:absolute;left:18.46%;top:9.78%;width:63.82%;margin:0;line-height:0;font-size:inherit;letter-spacing:normal}
.shuttle-scene h1 svg{display:block;width:100%;height:auto}
#connected .shuttle-scene h1:focus{outline:none;box-shadow:none}
.shuttle-subtitle{position:absolute;top:22.2%;left:15%;width:70%;text-align:center;margin:0;color:#fff3d3;font-size:3.95cqw;line-height:1.15}
.shuttle-panel{position:relative;margin-top:-.53cqw;min-height:70.15cqw}
.shuttle-panel-art{top:0;height:100%}
.shuttle-panel-content{position:relative;padding:1.3cqw 12.65cqw 5.2cqw}
#connected .shuttle-panel h2{margin:0 auto;line-height:0;width:99.4%;font-size:inherit;letter-spacing:normal}
.shuttle-panel h2 svg{display:block;width:100%;height:auto}
.shuttle-invitation{text-align:center;font-size:3cqw;line-height:1.3;margin:.5cqw 0 2cqw}
#connected #form-notice{font-family:'Backstage Sans',Arial,sans-serif;font-size:clamp(13px,1.35cqw,17px);line-height:1.4;border:1px dashed #6c8d94;background:#fff4debf;color:#173449;padding:1.2cqw 1.5cqw;margin:0 0 2cqw;border-radius:3px}
#connected #connect-form{margin:0;padding:0}
#connected .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6cqw 2.4cqw}
#connected .shuttle-full{grid-column:1/-1}
#connected .field label{display:block;font-family:'Backstage Sans',Arial,sans-serif;font-size:2.15cqw;line-height:1.2;font-weight:700;color:#173449}
#connected .field label>span{color:#d74730}
#connected .field input{display:block;width:100%;min-width:0;height:5.1cqw;min-height:48px;margin:.55cqw 0 0;padding:.8cqw 1.2cqw;border:1.5px solid #3b8ba3;border-radius:5px;background:#fcf2de;font-family:'Backstage Sans',Arial,sans-serif;font-size:2.15cqw;line-height:1.2;color:#173449}
#connected .field input:focus{background:#fff7e6;outline:3px solid #173449;outline-offset:3px}
#connected .field input[aria-invalid="true"]{border-color:#a33b2d;background:#fff1df}
#connected .field-error{display:block;font-family:'Backstage Sans',Arial,sans-serif;font-size:clamp(13px,1.55cqw,18px);line-height:1.35;color:#973629;margin-top:.5cqw}
#connected .field-error:empty{display:none}
#connected .error-summary{border:2px solid #973629;padding:1.3cqw 1.6cqw;background:#fff1df;color:#6e302a;margin:0 0 2cqw;border-radius:3px;font-size:clamp(15px,1.6cqw,20px);line-height:1.4}
#connected .error-summary ul{margin:.7cqw 0 0;padding-left:2cqw}
#connected .error-summary li{margin:.3cqw 0}
#connected .error-summary a{color:inherit;text-underline-offset:3px}
#connected .error-summary:focus{outline:3px solid #173449;outline-offset:4px}
#connected #connect-form .shuttle-required{margin:.7cqw 0 1.4cqw;text-align:center;font-size:1.55cqw;line-height:1.3;font-weight:400;letter-spacing:0}
.shuttle-actions{display:flex;flex-direction:column;align-items:center;gap:.6cqw}
#connected .shuttle-submit{position:relative;display:block;cursor:pointer;width:35.34cqw;height:7.49cqw;min-height:54px;border:0;border-radius:0;background:transparent;padding:0;color:#fff3d3;box-shadow:none;transition:filter 140ms ease}
.shuttle-submit>svg{width:100%;height:100%;display:block;pointer-events:none}
#connected .shuttle-submit:focus-visible{outline:3px solid #173449;outline-offset:5px}
#connected .shuttle-submit:disabled{cursor:not-allowed;opacity:.65}
@media(hover:hover) and (pointer:fine){#connected .shuttle-submit:not(:disabled):hover{filter:brightness(1.07)}}
#connected .shuttle-clear{font-family:'Backstage Sans',Arial,sans-serif;font-size:clamp(13px,1.35cqw,16px);min-height:32px;padding:4px 12px;color:#173449;line-height:1.2}
#connected #form-status{font-family:'Backstage Sans',Arial,sans-serif;font-size:clamp(15px,1.7cqw,20px);line-height:1.4;text-align:center;margin:1cqw 0 0}
#connected #form-status:empty{display:none}
.shuttle-eventbrite{font-size:1.85cqw;line-height:1.3;text-align:center;margin:1cqw 0 0}
.shuttle-footer{position:relative;z-index:1;height:7.28cqw}
.shuttle-footer-art{inset:0;height:100%}
.shuttle-footer-copy{position:absolute;z-index:2;left:4.8%;right:4.8%;bottom:2.2cqw;display:flex;justify-content:space-between;gap:20px;font-size:1.05cqw;line-height:1.4;letter-spacing:.05cqw;text-transform:uppercase;color:#fff3d3}
.shuttle-footer-copy b{font-weight:400;margin:0 1.8cqw}
body[data-page="connected"] .social-footer{background:#244f76 url('assets/connected-shuttle-clean.png') center bottom/auto 4000px no-repeat}
@media(max-width:640px){
 body[data-page="connected"] header{top:62px;display:block;text-align:center;padding:0}
 body[data-page="connected"] header .brand{display:flex;width:fit-content;gap:8px;align-items:center;justify-content:center;margin:0 auto 16px;padding:0}
 body[data-page="connected"] header .brand .world-option03{position:static;width:42.56px;height:auto;transform:none}
 body[data-page="connected"] header .world-brand{width:220px;flex:none}
 body[data-page="connected"] header nav{display:flex;justify-content:center;gap:14px;flex-wrap:nowrap}
 body[data-page="connected"] header nav a{font-size:10px;letter-spacing:.4px;min-height:44px;white-space:nowrap}
 body[data-page="connected"] header nav a+a:before{margin-right:14px}
 .shuttle-scene{aspect-ratio:auto;height:calc(260px + 98.1cqw);background:#244f76 url('assets/connected-shuttle-clean.png') center top/auto 3500px no-repeat}
 .shuttle-scene-art{top:260px;width:100%;height:98.1cqw;-webkit-mask-image:linear-gradient(transparent,#000 80px);mask-image:linear-gradient(transparent,#000 80px)}
 #connected .shuttle-scene h1{top:143px;left:5%;width:90%;z-index:2}
 .shuttle-subtitle{top:222px;left:8%;width:84%;font-size:22px;line-height:1.3;z-index:2}
 .shuttle-panel{margin-top:-2px;min-height:0}
 .shuttle-panel-content{padding:18px 8.5% 80px}
 #connected .shuttle-panel h2{width:100%}
 .shuttle-invitation{font-size:20px;line-height:1.35;margin:12px 0 20px}
 #connected #form-notice{font-size:14px;padding:12px 14px;margin:0 0 24px}
 #connected .form-grid{grid-template-columns:1fr;gap:21px}
 #connected .shuttle-full{grid-column:auto}
 #connected .field label{font-size:18px;line-height:1.3;width:fit-content;background:#faedd3;box-shadow:0 0 0 3px #faedd3;border-radius:1px}
 #connected .field input{height:52px;font-size:18px;line-height:1.2;padding:12px;margin-top:7px}
 #connected .field-error{font-size:14px;line-height:1.4;margin-top:6px}
 #connected .error-summary{padding:14px 16px;margin:0 0 24px;font-size:16px}
 #connected .error-summary ul{margin:10px 0 0;padding-left:20px}
 #connected .error-summary li{margin:5px 0}
 #connected #connect-form .shuttle-required{font-size:14px;margin:14px 0 17px}
 .shuttle-actions{gap:6px}
 #connected .shuttle-submit{width:252px;max-width:100%;height:54px}
 #connected .shuttle-clear{min-height:44px;font-size:14px;padding:10px 12px}
 #connected #form-status{font-size:16px;margin:12px 0 0}
 .shuttle-eventbrite{font-size:16px;line-height:1.4;width:78%;max-width:250px;margin:12px auto 0}
 .shuttle-footer{height:95px}
 .shuttle-footer-copy{left:5%;right:5%;bottom:17px;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:9px;font-size:10px;letter-spacing:.4px}
 .shuttle-footer-copy b{margin:0 8px}
 body[data-page="connected"] .social-footer{background-size:auto 4000px}
}
@media(max-width:350px){body[data-page="connected"] header nav{gap:10px}body[data-page="connected"] header nav a{font-size:9px}body[data-page="connected"] header nav a+a:before{margin-right:10px}.shuttle-subtitle{top:215px;font-size:21px}}
@media(prefers-reduced-motion:reduce){#connected .shuttle-submit{transition:none}}