@font-face{font-family:Rucksack;src:url('rucksack-book.otf')}@font-face{font-family:Rucksack;src:url('rucksack-bold.otf');font-weight:700}@font-face{font-family:Rucksack;src:url('rucksack-black.otf');font-weight:900}
:root{font-family:Rucksack,Arial,sans-serif;color:#fff;background:#1c1269;font-synthesis:none;--navy:#1c1269;--orange:#ff7800;--pink:#ff7080}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffb779;outline-offset:5px}header{position:fixed;z-index:30;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 4.5vw;background:linear-gradient(#0b09244d,transparent);pointer-events:none}header a,.header-right{pointer-events:auto}header img{width:220px;height:auto;display:block}.header-right{display:flex;align-items:flex-end;flex-direction:column;gap:7px;font-size:16px}.prototype{font-size:12px;letter-spacing:.02em;color:#ffffffc4;border-bottom:1px solid #ffffff50;padding-bottom:3px}.progress-track{position:fixed;top:0;left:0;width:100%;height:4px;background:#ffffff20;z-index:40}#progress{height:100%;width:0;background:var(--orange);transition:width .4s}#photos{position:fixed;inset:0;overflow:hidden;z-index:-3}.photo{position:absolute;inset:0;background-size:cover;background-position:var(--focus,65% 50%)}.shade{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,10,62,.95) 0%,rgba(18,12,64,.86) 36%,rgba(14,10,37,.37) 74%,rgba(7,5,25,.23)),linear-gradient(0deg,rgba(12,8,47,.8),transparent 25%,transparent 75%,rgba(12,8,47,.32))}.question{min-height:100svh;padding:150px 7.5vw 112px;display:flex;align-items:center;position:relative}.question[hidden]{display:none}.content{width:min(690px,100%)}.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;display:flex;align-items:center;gap:14px;color:#ffb779;margin-bottom:20px}.eyebrow:before{content:'';width:28px;height:2px;background:var(--orange)}h1,h2{font-size:clamp(30px,3.25vw,53px);line-height:1.06;letter-spacing:-.025em;margin:0 0 22px;font-weight:900;text-wrap:balance}h1{font-size:clamp(42px,4.5vw,70px);max-width:720px}.intro{font-size:19px;line-height:1.45;max-width:530px;color:#ffffffd9;margin:0 0 28px}.hint{font-size:16px;color:#ffffffcf;line-height:1.4;margin:0 0 20px}.choices{display:grid;gap:9px}.choices.columns{grid-template-columns:1fr 1fr}.choice{position:relative;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #ffffff50;background:#17104e77;color:white;padding:13px 17px;border-radius:3px;min-height:51px;font-size:17px;line-height:1.25;transition:background .2s,border-color .2s,transform .2s}.choice:hover{background:#334db58c;border-color:#ffffffa0;transform:translateX(3px)}.choice.selected{background:#ffffff;color:var(--navy);border-color:#fff}.choice input{appearance:none;width:19px;height:19px;min-width:19px;border:1px solid currentColor;border-radius:50%;margin:0;display:grid;place-content:center}.choice input[type=checkbox]{border-radius:3px}.choice input:checked:before{content:'✓';font-size:14px;font-weight:700}.choice:has(input:focus-visible){outline:3px solid #ffb779;outline-offset:3px}.choice input:focus-visible{outline:none}.actions{display:flex;align-items:center;gap:19px;margin-top:23px;flex-wrap:wrap}.next{border:0;background:var(--orange);color:#1c1269;font-weight:700;font-size:17px;padding:14px 23px;border-radius:3px;display:inline-flex;gap:24px;align-items:center;min-height:50px}.next:hover{background:#ff963d}.next:disabled{opacity:.45}.auto-hint{font-size:13px;color:#ffffffb8}.skip{background:none;color:#fff;border:0;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.optional{margin-top:20px}.optional summary{cursor:pointer;color:#ffffffd9;font-size:16px}.text-label{display:block;font-size:15px;margin:16px 0 8px}textarea,input[type=text]{width:100%;border:1px solid #ffffff70;border-radius:3px;background:#130d45a6;color:#fff;padding:15px;font-size:18px;line-height:1.5;resize:vertical}textarea{min-height:145px}textarea::placeholder,input::placeholder{color:#ffffff9c}.other{margin-top:14px}.matrix{display:grid;gap:20px}.matrix-row{border:0;padding:0;margin:0}.matrix-row legend{font-size:19px;font-weight:700;margin-bottom:10px}.matrix-options{display:flex;gap:6px;flex-wrap:wrap}.matrix-options .choice{font-size:14px;padding:11px 12px;gap:7px;min-height:44px;flex:1;white-space:normal}.matrix-options input{width:15px;height:15px;min-width:15px}.question[data-id=communications] h2,.question[data-id=ratings] h2{font-size:clamp(30px,3vw,45px)}footer{position:fixed;bottom:0;left:0;z-index:30;display:flex;align-items:center;gap:28px;width:100%;padding:23px 4.5vw;background:linear-gradient(transparent,#0b092466);font-size:14px;pointer-events:none}footer button{pointer-events:auto}.back{color:#fff;background:transparent;border:1px solid #ffffff50;border-radius:50px;min-height:44px;padding:8px 16px;display:flex;align-items:center;gap:8px}.back:disabled{opacity:.35}#step-label{font-variant-numeric:tabular-nums}#photo-caption{margin-left:auto;color:#ffffffe0;font-size:13px}.complete .intro{max-width:550px}.complete h2{font-size:clamp(46px,6vw,84px)}.complete .eyebrow{color:var(--pink)}.error{color:#ffd4da;margin:15px 0 0;line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.answer-note{font-size:14px;color:#ffffffbf;margin-top:20px;max-width:490px}.question:focus{outline:none}
@media(min-width:1500px){.content{width:740px}.question{padding-left:9vw}}
@media(max-width:760px){header{padding:23px 22px}header img{width:200px}.header-right>span:first-child{display:none}.header-right .prototype{max-width:110px;text-align:right;font-size:12px;line-height:1.3}.question{padding:135px 24px 112px;align-items:center}.content{width:100%}.choices.columns{grid-template-columns:1fr}.choice{min-height:49px;padding:12px 14px;font-size:17px}.intro{font-size:18px}.shade{background:linear-gradient(90deg,#120c42e8,#120c42b8),linear-gradient(0deg,#120c42bf,transparent 70%)}.photo{background-position:var(--mobile-focus,var(--focus,60% 50%))}.eyebrow{margin-bottom:16px;font-size:12px}h1,h2{margin-bottom:21px}footer{padding:17px 23px;gap:17px}#photo-caption{max-width:135px;text-align:right;font-size:12px}.matrix-options .choice{flex:1 1 28%;font-size:14px}.matrix{gap:24px}.matrix-row legend{font-size:18px}.auto-hint{font-size:13px}.actions{gap:16px}}
@media(max-width:480px){.header-right{position:absolute;top:84px;right:24px}.header-right .prototype{max-width:none;white-space:nowrap}.question{padding-top:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Prominent survey position, kept above the question as guests scroll. */
header{display:grid;grid-template-columns:1fr 1fr;row-gap:20px;padding-top:24px;padding-bottom:22px;background:linear-gradient(180deg,rgba(15,10,62,.98) 0%,rgba(15,10,62,.95) 85%,rgba(15,10,62,0) 100%)}
.header-right{justify-self:end}
.survey-progress{grid-column:1/-1;width:100%}
#step-label{font-size:30px;line-height:1.15;font-weight:900;letter-spacing:-.02em}
.progress-track{position:static;height:8px;width:100%;margin-top:12px;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.25)}
#progress{border-radius:20px}
.question{padding-top:230px}
@media(max-width:760px){header{grid-template-columns:1fr;row-gap:12px;padding:20px 24px 22px}.header-right{position:static;grid-row:3;justify-self:start;align-items:flex-start}.header-right .prototype{max-width:none;text-align:left;white-space:normal;font-size:12px;border-bottom:0;padding-bottom:0}.survey-progress{grid-row:2}#step-label{font-size:25px}.progress-track{margin-top:10px}.question{padding-top:245px}}

#drawing{margin-top:32px}#drawing h3{font-size:28px;margin-bottom:14px}input[type=email]{width:100%;border:1px solid #ffffff70;border-radius:3px;background:#130d45a6;color:#fff;padding:15px;font-size:18px}.drawing-consent{display:flex;gap:12px;margin:20px 0;align-items:flex-start;line-height:1.5}.drawing-consent input{margin-top:5px;width:20px;height:20px}.survey-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.choice:has(input:disabled){cursor:default}.error{overflow-wrap:anywhere}
