.result-share{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100svh;max-width:none;max-height:none;margin:0;padding:0;overflow:auto;overscroll-behavior:contain;border:0;border-radius:0;color:#fff;background:linear-gradient(180deg,#231f20,#28282e 22%,#455b77 58%,#586e88 81%,#ababac);text-align:center}.result-share::backdrop{background:#231f20}.result-share-content{width:min(76%,472px);margin-inline:auto;padding-top:max(44px,min(7.65svh,85px),calc(env(safe-area-inset-top) + 44px));padding-bottom:max(32px,env(safe-area-inset-bottom))}.result-share h2{margin:0 0 clamp(26px,8.33vw,52px);font-family:Arial,Helvetica,sans-serif;font-size:clamp(22px,7.69vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.035em;white-space:nowrap;text-shadow:0 0 22px #ffffff38}.result-share-close{position:fixed;z-index:1;top:max(6px,env(safe-area-inset-top));display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:inherit;background:#231f2055}.result-share-close{right:max(8px,env(safe-area-inset-right))}.result-share-close:hover{background:#ffffff20}.result-share-preview{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:clamp(16px,4vw,26px);background-position:center;background-size:cover;box-shadow:0 0 22px #eaf1ff24}.result-share-preview img{position:absolute;top:50%;left:50%;display:block;width:78%;height:auto;max-width:none;max-height:none;transform:translate(-50%,-50%);clip-path:inset(8.333333% round 4%);-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.result-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(8px,1.6vw,12px);margin-top:clamp(18px,4.5vw,28px)}.result-share-button{display:inline-flex;min-width:0;min-height:clamp(52px,10vw,64px);align-items:center;justify-content:center;gap:clamp(6px,1.3vw,8px);padding:clamp(6px,1.1vw,8px) clamp(8px,1.9vw,14px);border:1px solid #eff8ffad;border-radius:999px;color:#fff;background:radial-gradient(ellipse at 80% 125%,#ffffffb8,transparent 62%),linear-gradient(175deg,#c1d8f51f 25%,#b1ceef0f 50%,#e1efff52);--glass-inset-shadow: inset 3px 2px 7px #ffffffb8, inset -3px -5px 13px #f5faffc7, inset 0 0 3px #ffffffa6;box-shadow:var(--glass-inset-shadow),0 0 9px #d7eaff40;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);font-size:clamp(14px,3.4vw,21px);font-weight:300;line-height:1.4;text-decoration:none;white-space:normal}.result-share-button span{min-width:0;text-wrap:balance;overflow-wrap:anywhere}.result-share-button svg{flex-shrink:0;width:clamp(18px,4vw,25px);height:clamp(18px,4vw,25px);stroke-width:1.6}.result-share-button:hover{background-color:#ffffff16}.result-share-button:disabled{opacity:.6;cursor:wait}.result-share :is(button,a):focus-visible{outline:2px solid #fff;outline-offset:4px}.result-share-preparing,.result-share-error{min-height:260px;display:grid;place-content:center;justify-items:center;gap:12px}.result-share-preparing{aspect-ratio:3 / 4;margin:0;font-size:15px}.result-share-error{line-height:1.6}.result-share-assistance{margin-top:20px;padding:18px;border:1px solid #ffffff40;border-radius:16px;background:#203349d9}.result-share-help{margin:0 0 16px;font-size:15px;line-height:1.6}.result-share-note,.result-share-status{margin:12px 0 0;font-size:13px;line-height:1.6}.result-share-note{color:#d7e2ef}.result-share-status:not(:empty){padding:12px;border-radius:12px;background:#203349d9}.result-share-status:empty{display:none}.result-share-browser-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.result-share-links{margin-top:16px;padding-top:4px;border-top:1px solid #99b1c940}.result-share-web{display:flex;justify-content:center;align-items:center;min-height:44px;margin-top:4px;color:inherit;font-size:14px;text-underline-offset:4px}.result-share-web+.result-share-note{margin-top:0}@media(orientation:landscape)and (max-height:500px){.result-share-content{width:min(76%,300px);padding-top:52px}.result-share h2{margin-bottom:24px;font-size:30px}.result-share-button{font-size:16px}.result-share-button svg{width:20px;height:20px}}.results.ice-result{width:min(460px,calc(100% - 36px));margin:0 auto;text-align:center;text-shadow:none}.ice-card{position:relative;isolation:isolate;container-type:inline-size;width:100%;aspect-ratio:9 / 16;overflow:visible;padding:0;border:0;border-radius:0;color:#111;font-family:var(--font-family);background:transparent}.ice-image-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.ice-brands{position:absolute;top:9%;left:10%;right:10%;display:flex;justify-content:space-between;align-items:center}.ice-artwork{display:block;position:relative;overflow:hidden}.ice-artwork img{display:block;position:absolute;height:auto;max-width:none}.ice-artwork--bus{width:18%}.ice-artwork--soray{width:21%}.ice-artwork--heartbeat{position:absolute;top:15.5%;left:32.5%;width:35%}.ice-artwork--title{position:absolute;top:80%;left:22%;width:56%}.ice-result .result-lyric{position:absolute;top:28%;left:9%;width:82%;height:18%;align-content:center;margin:0;padding:0;border:0;border-radius:0;color:#3267ac;background:transparent;font-size:7.6cqw;font-weight:700;line-height:1.2;overflow-wrap:anywhere;text-wrap:balance;text-shadow:none}.ice-result .ice-card[data-outcome="4"] .result-lyric{line-height:1.3}.ice-result .ice-card[data-outcome="7"] .result-lyric{font-size:6.8cqw}.ice-result .ice-card[data-outcome="9"] .result-lyric{font-size:6.1cqw}.ice-result .ice-card[data-outcome="12"] .result-lyric{font-size:6.7cqw}.ice-result .result-description{position:absolute;isolation:isolate;top:49%;left:8%;width:84%;height:22%;align-content:center;margin:0;padding:2.6cqw;color:#111;font-weight:400;line-height:1.25;text-wrap:balance;overflow-wrap:anywhere}.result-description-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none}.result-description-lead{display:block;font-size:6cqw}.result-description-detail{display:block;margin-top:1.6cqw;font-size:5cqw}.result-description-phrase{white-space:nowrap}.ice-card[data-outcome="2"] .result-description-phrase,.ice-card[data-outcome="5"] .result-description-phrase,.ice-card[data-outcome="8"] .result-description-phrase,.ice-card[data-outcome="9"] .result-description-phrase,.ice-card[data-outcome="10"] .result-description-phrase,.ice-card[data-outcome="12"] .result-description-phrase{display:block}.ice-card[data-outcome="12"] .result-description-detail{font-size:4.7cqw}.ice-result .result-lyric>.ice-lyric-phrase{display:inline;margin:0;font:inherit;opacity:1;white-space:nowrap}.ice-actions{display:flex;justify-content:center;gap:8px;width:90%;margin:clamp(8px,2.4svh,24px) auto 6px}.ice-action{display:inline-flex;justify-content:center;align-items:center;flex:0 0 46px;height:49px;padding:8px;border:1px solid #6f8dac;border-radius:6px;background:#315688;color:#fff;text-decoration:none;transition:background .15s ease,transform .15s ease}.ice-action svg{width:27px;height:27px;flex-shrink:0}.ice-save{flex:1 1 auto;gap:10px;white-space:nowrap;font-size:16px;font-weight:400;padding:8px 13px}.ice-save svg{width:29px;height:29px}.ice-action:hover:not(:disabled){background:#244775;transform:translateY(-1px)}.ice-action:disabled{opacity:.75}.ice-action:focus-visible{outline:2px solid white;outline-offset:4px}.ice-secondary-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 12px}.ice-retake{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:0;padding:5px 8px;background:none;color:#fff;font-size:15px;text-underline-offset:4px;text-decoration:underline;text-shadow:0 1px 3px #29476c,0 0 10px #29476c}.ice-retake{border-radius:6px;background:#36557a40}.ice-status{margin:0;font-size:13px;line-height:1.6;text-shadow:0 1px 7px #34547f}.ice-feedback{position:fixed;z-index:5;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(420px,calc(100% - 32px));min-height:52px;padding:14px 52px 14px 16px;border:1px solid #a5bfdc;border-radius:10px;background:#294970f5;box-shadow:0 5px 20px #142d4f33;color:#fff;text-align:left}.ice-dismiss{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:#fff}.ice-dismiss:hover{background:#ffffff1a}.ice-copy-field{width:100%;min-height:44px;margin-top:10px;border:1px solid #d4e2f6;border-radius:6px;padding:10px;color:#284366;background:#eef4fc}.ice-spinner{animation:ice-spin 1s linear infinite}@keyframes ice-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.ice-actions{width:100%;gap:7px}.ice-action{flex-basis:44px}.ice-save{flex:1 1 auto;font-size:14px;gap:7px}}@media(prefers-reduced-motion:reduce){.ice-action{transition:none}.ice-spinner{animation:none}}@media(max-width:380px){.ice-save{padding-inline:8px}}.signal-transition{--signal-ink: #d8e3ee;width:min(390px,100%);text-align:center;animation:signal-arrive .3s ease-out both}.signal-mark{position:relative;width:min(320px,100%);height:210px;margin:0 auto 24px;color:var(--signal-ink)}.signal-heartbeat{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:160px;margin:auto;stroke:currentColor;stroke-width:2;stroke-linejoin:miter}.signal-trace-shadow{opacity:.12}.signal-trace{stroke:#edf3fa;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 4px #d8e3ee80);animation:signal-draw .95s .1s ease-in-out forwards}.signal-mark-label{position:absolute;inset-inline:0;bottom:0;font-size:9px;letter-spacing:.2em}.signal-heading{margin:0 0 10px;font-size:clamp(24px,4svh,34px);font-weight:300;line-height:1.5}.signal-caption{margin:0;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.signal-caption span{color:#edf3f9}.signal-transition--launch .signal-trace{animation-duration:.55s}.signal-transition--listening{animation:signal-listen var(--signal-duration) ease both}.signal-transition--listening .signal-mark{color:inherit}.signal-transition--listening .signal-trace{stroke:currentColor;animation-duration:1.35s}@keyframes signal-listen{0%,to{opacity:0}12%,80%{opacity:1}}.experience--intro .story-controls{position:relative}.intro-signal{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;height:10px;white-space:nowrap;color:#d8e3ee}.intro-signal-label,.intro-signal-count{font-size:8px;letter-spacing:.1em;opacity:.85}.intro-signal-count{font-variant-numeric:tabular-nums}.intro-signal-bars{display:flex;align-items:center;gap:4px}.intro-signal-bars i{width:4px;height:4px;background:#d8e3ee40;transition:background .3s,height .3s}.intro-signal-bars .is-lit{background:#d8e3eebf}.intro-signal-bars .is-current{height:10px;background:#f0f4fa;animation:signal-breathe 1.8s ease-in-out infinite}@keyframes signal-arrive{0%{opacity:0}to{opacity:1}}@keyframes signal-draw{to{stroke-dashoffset:0}}@keyframes signal-breathe{50%{opacity:.5}}@media(max-height:650px){.signal-mark{width:min(280px,100%);height:190px;margin-bottom:14px}.signal-caption{font-size:14px}}@media(max-height:500px)and (min-aspect-ratio:3/2){.main-content>.signal-transition{width:min(600px,100%);display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:20px;align-items:center}.signal-mark{grid-column:1;grid-row:1 / 3;width:190px;margin:0}.signal-heading,.signal-caption{grid-column:2}.signal-heading{font-size:23px}.intro-signal{bottom:calc(100% + 10px)}}@media(prefers-reduced-motion:reduce){.signal-transition,.signal-transition *,.intro-signal *{animation:none!important;transition:none!important}.signal-trace{stroke-dashoffset:0}}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-Thin.otf) format("opentype");font-style:normal;font-weight:100;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-ThinItalic.otf) format("opentype");font-style:italic;font-weight:100;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-ExtraLight.otf) format("opentype");font-style:normal;font-weight:200;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-ExtraLightItalic.otf) format("opentype");font-style:italic;font-weight:200;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-Light.otf) format("opentype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-LightItalic.otf) format("opentype");font-style:italic;font-weight:300;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-Regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-Italic.otf) format("opentype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-Medium.otf) format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-MediumItalic.otf) format("opentype");font-style:italic;font-weight:500;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-SemiBold.otf) format("opentype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-SemiBoldItalic.otf) format("opentype");font-style:italic;font-weight:600;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-Bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-BoldItalic.otf) format("opentype");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-ExtraBold.otf) format("opentype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Mittraphap;src:url(/images/mittraphap%20font/Mittraphap-ExtraBoldItalic.otf) format("opentype");font-style:italic;font-weight:800;font-display:swap}:root{--font-family: "Mittraphap", sans-serif;font-family:var(--font-family);color:#fff;background:#6884aa;font-synthesis:none;font-weight:400;--artboard-width: max(100vw, 177.7778svh);--artboard-height: max(100svh, 56.25vw)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:focus-visible{outline:2px solid #fff;outline-offset:7px}button[hidden]{display:none}h1:focus{outline:none}.experience{--background-fade-duration: 1.8s;position:relative;isolation:isolate;min-height:100svh;overflow:clip}.campaign-background,.campaign-background-original{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100svh;object-fit:cover;object-position:50% 50%;pointer-events:none;-webkit-user-select:none;user-select:none}.campaign-background-original{opacity:1}.experience--light .campaign-background-original{opacity:0}.experience--pause .campaign-background-original,.experience--pause .campaign-dither{transition:opacity var(--background-fade-duration) cubic-bezier(.4,0,.2,1)}.experience--pause .campaign-dither{opacity:0}.experience--light .story-heading{text-shadow:0 1px 8px #142d4f}.campaign-brands{position:absolute;top:max(12px,calc(5svh - 32px),env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));max-width:560px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none}.campaign-brands img{display:block;width:clamp(86px,24vw,160px);height:auto}.campaign-brands img:first-child{transform:translate(-17.944535%)}.campaign-brands img:last-child{transform:translate(15.454545%)}@media(max-height:500px)and (orientation:landscape){.campaign-brands{top:max(0px,env(safe-area-inset-top))}.campaign-brands img{width:54px}}.campaign-dither{position:fixed;top:0;right:0;bottom:0;left:0;height:100svh;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.42;mix-blend-mode:luminosity;mask-image:radial-gradient(ellipse at 50% 46%,#000b,#000d 40%,#000 74%);-webkit-mask-image:radial-gradient(ellipse at 50% 46%,#000b 0%,#000d 40%,#000 74%)}@media(max-width:700px){.campaign-dither{opacity:.36}}.campaign-heading,.member-list{position:absolute;font-family:var(--font-family);font-weight:300;line-height:.97;color:#f0f3fb;opacity:.72;text-shadow:0 0 3px #d9eaff8a}.campaign-heading{top:11.7svh;left:calc(50% - var(--artboard-width) * .137);font-size:clamp(15px,2.04svh,27px)}.campaign-heading p{margin:0 0 3px}.campaign-heading>span{font-size:.8em}.member-list{top:68svh;right:calc(50% - var(--artboard-width) * .139);display:flex;flex-direction:column;align-items:flex-end;font-size:clamp(14px,2.08svh,26px);line-height:.88}.main-content{width:100%;display:flow-root}.welcome{position:absolute;top:31.7svh;left:50%;width:min(34svh,calc(100% - 64px));transform:translate(-50%);text-align:center}.greeting{font-family:var(--font-family);font-weight:300;font-size:clamp(74px,10.8svh,140px);line-height:1.3;text-shadow:0 0 12px #ffffff8a,0 0 30px #d8eeff66;margin:0 0 2.2svh}.welcome-form{display:flex;flex-direction:column;gap:1.8svh}.glass-pill{color:#fff;border:1px solid rgba(239,248,255,.68);border-radius:999px;background:radial-gradient(ellipse at 78% 125%,rgba(255,255,255,.82),transparent 61%),linear-gradient(175deg,#c1d8f51f 25%,#b1ceef0f 50%,#e1efff52);--glass-inset-shadow: inset 3px 2px 7px rgba(255, 255, 255, .72), inset -3px -5px 13px rgba(245, 250, 255, .78), inset 0 0 3px rgba(255, 255, 255, .65);box-shadow:var(--glass-inset-shadow),0 0 8px #d7eaff42;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:background .2s,box-shadow .2s,border-color .2s}.welcome-form input{width:100%;min-height:50px;height:6.45svh;padding:0 24px;text-align:center;font-size:clamp(23px,3.25svh,40px);font-weight:400;letter-spacing:-.045em;caret-color:#fff}.welcome-form input::placeholder{color:#fff;opacity:.94}.welcome-form input:focus{outline:none;border-color:#fff;box-shadow:inset 2px 2px 10px #fffc,inset -3px -4px 14px #fff9,0 0 18px #ddf5ff80}.welcome-form input:autofill{-webkit-text-fill-color:white;transition:background-color 9999s ease-out}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:9px 3px;background:transparent;color:#fff;border:0;font-size:13px;text-shadow:0 1px 8px #284a86}.text-button:hover:not(:disabled){text-shadow:0 0 12px white}.text-button:disabled{opacity:.35}.start-button{align-self:center;animation:reveal .35s ease-out}.start-button.glass-pill{width:100%;min-height:48px;font-size:17px;margin-top:4px;text-shadow:none}button.glass-pill:hover:not(:disabled){background-color:#cde7ff2e;border-color:#fff}button.glass-pill:active:not(:disabled){box-shadow:inset 1px 2px 10px #fff8,inset -2px -3px 9px #e7f4ff99}.campaign-footer{position:absolute;top:76.2svh;left:50%;transform:translate(-50%)}.bus-brand{width:clamp(115px,15svh,190px);text-align:center}.bus-mark{display:block;width:100%;overflow:visible;filter:drop-shadow(0 0 5px #b8eeffb3)}.bus-brand>span{display:block;margin-top:2px;font-family:var(--font-family);font-size:clamp(7px,1.07svh,13px);font-weight:600;letter-spacing:-.01em;white-space:nowrap;text-shadow:0 0 5px #e1f8ff}.quiz,.results{width:min(420px,calc(100% - 48px));margin:23svh auto 48px;text-shadow:0 1px 10px #36547d50;animation:reveal .35s ease-out}.quiz-meta{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-family);font-size:13px;letter-spacing:.07em}.progress{display:flex;gap:5px;margin-top:12px}.progress>span{flex:1;height:2px;background:#ffffff28}.progress>.filled{background:#e3f9ff;box-shadow:0 0 6px #fff8}.question-heading{font-size:28px;line-height:1.35;font-weight:400;margin:26px 0 10px}.question-hint{font-size:12px;margin:0 0 24px;color:#f0f6ff}.options{display:grid;gap:13px}.option{display:flex;gap:12px;align-items:center;padding:16px 21px;width:100%;min-height:54px;text-align:left;font-size:14px}.option-letter{font-size:10px;opacity:.65;flex-shrink:0}.option-check{margin-left:auto;width:16px;height:16px;flex-shrink:0}.option:hover:not(:disabled),.option.selected{background-color:#c0e5ff40;border-color:#fff}.option.selected{box-shadow:inset 1px 1px 9px #fffa,inset -2px -3px 12px #ecf9ff99,0 0 14px #e2f4ff7a}.option.correct{background-color:#4a9c9c80}.option.incorrect{background-color:#7d546c80}.answer-note{font-size:13px;line-height:1.65;margin:20px 0 0}.quiz-navigation{display:flex;justify-content:space-between;gap:18px;margin-top:15px}.experience--quiz .campaign-footer,.experience--results .campaign-footer{position:relative;top:auto;left:auto;transform:none;display:flex;justify-content:center;padding:0 0 40px}.experience--quiz .member-list,.experience--results .member-list{opacity:.5}.results{text-align:center;margin-top:27svh}.result-eyebrow{font-family:var(--font-family);font-size:12px;letter-spacing:.12em}.result-heading{font-size:38px;font-weight:300;line-height:1.2;margin:22px 0;overflow-wrap:anywhere}.result-heading>span{text-shadow:0 0 20px #fff8}.result-score{font-size:83px;font-weight:300;line-height:1.2}.result-score>span{font-size:30px;opacity:.7}.result-description{font-size:13px;line-height:1.7;margin-bottom:28px}.result-review{padding:16px 24px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:15px;width:100%}.restart-button{margin-top:14px}.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}@keyframes reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.campaign-heading{left:25px;top:8svh;font-size:17px}.member-list{top:auto;bottom:4svh;right:23px;font-size:13px;line-height:.95;opacity:.64}.welcome{top:30svh;width:min(310px,calc(100% - 76px))}.greeting{font-size:88px;margin-bottom:30px}.welcome-form{gap:17px}.welcome-form input{height:57px;font-size:27px}.campaign-footer{top:77svh}.bus-brand{width:124px}.bus-brand>span{font-size:8px}.quiz{margin-top:21svh;margin-bottom:36px}.question-heading{font-size:26px}.experience--quiz .member-list,.experience--results .member-list{display:none}.results{margin-top:25svh}}@media(max-width:380px){.welcome{width:calc(100% - 60px)}.member-list{right:16px;font-size:11px}.bus-brand{width:106px}.bus-brand>span{font-size:6.8px}.option{padding:15px;font-size:13px}}@media(max-height:600px){.welcome{top:145px;width:min(280px,calc(100% - 60px))}.greeting{font-size:70px;margin-bottom:15px}.welcome-form{gap:14px}.welcome-form input{height:48px;min-height:48px;font-size:23px}.experience--welcome .campaign-footer{top:478px}.member-list{top:406px;bottom:auto;font-size:13px}.quiz,.results{margin-top:115px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.greeting--thai{font-size:clamp(54px,7.5svh,94px);line-height:1.85}.welcome-form input{letter-spacing:normal}.story{width:min(460px,calc(100% - 48px));margin:27svh auto 46px;text-align:center}.story-eyebrow{font-family:var(--font-family);font-size:13px;letter-spacing:.2em;margin:0 0 25px}.story-logo{display:block;width:min(220px,29svh,100%);height:auto;margin-inline:auto}.experience--welcome .story-logo{width:min(310px,40svh,100%);flex-shrink:0}.experience .story-eyebrow.story-logo{margin-block:0}.story-heading{font-family:var(--font-family);font-size:clamp(26px,3.8svh,40px);font-weight:300;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;text-shadow:0 0 15px #d8edff75;margin:0 0 35px;animation:reveal .3s ease-out}.story-next{width:min(280px,100%);min-height:52px;display:flex;align-items:center;justify-content:center;gap:15px;padding:12px 24px;margin:0 auto;font-size:17px}.story-secondary{display:flex;justify-content:center;gap:24px;margin-top:10px}.story .text-button{margin-top:10px}.experience:not(.experience--welcome) .campaign-footer{position:relative;top:auto;left:auto;transform:none;display:flex;justify-content:center;padding:0 0 40px}.experience:not(.experience--welcome) .member-list{display:none}.quiz,.results{width:min(520px,calc(100% - 48px));margin-top:22svh}.quiz-meta{font-size:14px}.question-heading{font-size:24px;font-weight:400;line-height:1.65;margin-top:23px}.question-hint{font-size:13px;line-height:1.75}.option{padding:17px 24px;min-height:66px;font-size:15px;line-height:1.75}.option-letter,.option-check{align-self:center}.option-copy{min-width:0;overflow-wrap:anywhere;font-size:1.1em}.quiz-navigation .text-button{font-size:14px}.result-heading{font-size:clamp(27px,3.5svh,36px);line-height:1.65;margin:25px 0;text-shadow:0 0 15px #d8edff75}.result-description{font-size:17px;line-height:1.95;margin-bottom:26px}.result-lyric{font-size:14px;line-height:1.8;margin:0 0 32px;padding:18px 22px;border-top:1px solid #e4f0ff66;border-bottom:1px solid #e4f0ff66}.result-lyric>span{display:block;font-size:11px;opacity:.8;margin-bottom:6px}.result-review{max-width:300px;margin:0 auto}@media(max-width:700px){.greeting--thai{font-size:64px;line-height:1.6}.story{margin-top:24svh}.story-heading{font-size:27px}.reflection .story-heading{font-size:24px}.quiz,.results{margin-top:20svh}.question-heading{font-size:21px;line-height:1.7}.question-hint{font-size:12px}.option{padding:16px 19px;font-size:14px;gap:10px}.result-heading{font-size:27px}.result-description{font-size:16px}}@media(max-width:380px){.quiz,.results,.story{width:calc(100% - 32px)}.option{padding:15px 17px;font-size:13px}.question-heading{font-size:20px}.story-heading{font-size:25px}}@media(max-height:600px){.story,.quiz,.results{margin-top:115px}.greeting--thai{font-size:54px}}.main-content{min-height:100svh;display:grid;align-content:center;padding:max(12px,2svh,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,2svh,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.main-content>section{margin:0 auto;max-width:100%}.main-content button:focus-visible{outline-offset:4px}.main-content>.welcome{position:static;transform:none;width:min(310px,100%)}.main-content>.story{width:min(460px,100%)}.main-content>.quiz{width:min(560px,100%)}.experience--quiz .main-content{align-content:start;padding-top:max(var(--quiz-brand-clearance, 8px),env(safe-area-inset-top),min(var(--quiz-anchor-limit, 100svh),calc(var(--quiz-anchor-top, 2svh) + 24px)))}.main-content>.ice-result{width:min(420px,100%)}.greeting--thai{font-size:clamp(48px,8svh,94px);line-height:1.4;margin-bottom:clamp(14px,3svh,30px)}.welcome-form{gap:clamp(10px,1.8svh,18px)}.welcome-form input{height:clamp(48px,6.45svh,64px);min-height:48px;font-size:clamp(23px,3.25svh,32px)}.story-eyebrow{margin-bottom:clamp(12px,2.5svh,25px)}.story-heading{font-size:clamp(23px,3.8svh,40px);line-height:1.5;margin-bottom:clamp(16px,3svh,32px)}.story-secondary{margin-top:6px;gap:18px}.story .text-button{margin-top:0}.story-next{min-height:48px;padding:10px 20px}.reflection .story-heading{font-size:clamp(20px,min(7vw,3.4svh),36px)}.question-heading{font-size:clamp(19px,3svh,24px);line-height:1.5;margin:clamp(12px,2.3svh,23px) 0 10px}.question-hint{margin-bottom:clamp(10px,2.4svh,24px)}.options{gap:clamp(7px,1.3svh,13px)}.option{min-height:48px;padding:clamp(9px,1.7svh,17px) 20px;font-size:15px;line-height:1.5}.quiz-navigation{margin-top:clamp(7px,1.5svh,15px)}@media(max-width:700px){.story-heading{font-size:clamp(23px,3.5svh,28px)}.question-heading{font-size:clamp(18px,2.8svh,21px)}.option{font-size:14px;padding-inline:15px;gap:9px}}@media(max-height:650px){.main-content{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.quiz-meta{font-size:12px}.progress{margin-top:8px}.question-heading{font-size:18px;line-height:1.4;margin-top:12px;margin-bottom:8px}.question-hint{font-size:12px;line-height:1.5}.option{padding:8px 13px;font-size:14px}.quiz-navigation .text-button{font-size:13px}}@media(max-height:500px)and (min-aspect-ratio:3/2){.campaign-brands{max-width:940px}.experience--quiz .campaign-brands{left:max(16px,env(safe-area-inset-left),calc((100% - 940px)/2));max-width:calc((min(940px,calc(100% - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right)))) - 24px)*.45);margin-left:0}.main-content>.quiz{width:min(940px,100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:24px;align-items:start}.quiz-meta,.progress,.question-heading,.question-hint,.quiz-navigation{grid-column:1}.quiz .options{grid-column:2;grid-row:1 / 6;align-self:center}.quiz-navigation{align-self:end}.main-content>.story{width:min(720px,100%)}.experience--intro .story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);column-gap:30px;align-items:center}.experience--intro .story-eyebrow{grid-column:1;margin-bottom:10px}.experience--intro .story-heading{grid-column:1;margin-bottom:0;font-size:22px;line-height:1.4}.story-controls{grid-column:2;grid-row:1 / 3}.story-secondary{gap:10px}.reflection{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:center}.reflection .story-eyebrow,.reflection .story-heading{grid-column:1}.reflection .story-heading{margin-bottom:0;font-size:23px}.reflection .story-next{grid-column:2;grid-row:1 / 3;align-self:center}.greeting--thai{font-size:45px;margin-bottom:10px}}.experience--welcome,.experience--intro{--entry-font-size: clamp(23px, 3.8svh, 40px);--entry-logo-height: calc(min(220px, 29svh) * 649 / 1669);--entry-content-height: calc(var(--entry-logo-height) + clamp(12px, 2.5svh, 25px) + var(--entry-font-size) * 6 + clamp(16px, 3svh, 32px))}.experience--welcome .welcome,.experience--intro .story{height:calc(var(--entry-content-height) + 98px);display:flex;flex-direction:column;justify-content:flex-end}.experience--intro .story>*{flex-shrink:0}.experience--intro .story-heading{min-height:6em;display:grid;align-content:center;animation:none}.story-lines{display:block;white-space:normal}.story-line{display:block;min-height:1lh;animation:story-line-reveal .55s cubic-bezier(.25,.1,.25,1) both;animation-delay:calc(var(--line-index) * .35s)}@keyframes story-line-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.experience--intro .story-controls{height:98px}.experience--intro .story-next,.experience--welcome .start-button.glass-pill{width:min(280px,100%);height:48px;min-height:48px;padding:10px 20px;margin:0 auto}.experience--welcome .start-button.glass-pill{width:100%;height:clamp(48px,6.45svh,64px)}.experience--welcome .welcome{padding-bottom:50px}.experience--welcome .start-button[hidden]{display:flex;visibility:hidden;pointer-events:none}@media(max-width:700px){.experience--welcome,.experience--intro{--entry-font-size: clamp(23px, 3.5svh, 28px)}}@media(max-height:500px)and (min-aspect-ratio:3/2){.experience--welcome .welcome,.experience--intro .story{width:min(720px,100%);height:280px;padding-bottom:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);column-gap:30px;align-content:center}.experience--intro .story-controls{align-self:center}.experience--intro .story-heading{min-height:5.6em}.experience--welcome .welcome{grid-template-columns:repeat(2,minmax(0,1fr))}.experience--welcome .welcome-form{display:contents}.experience--welcome .story-logo{grid-column:1;grid-row:1}.experience--welcome input{grid-column:1;margin-bottom:10px}.experience--welcome #name{grid-row:2}.experience--welcome #email{grid-row:3;margin-bottom:0}.experience--welcome .start-button.glass-pill{grid-column:2;grid-row:1 / 4;align-self:center;transform:translateY(-25px)}}@media(max-height:700px){.experience--quiz{--quiz-brand-clearance: 72px}.quiz .option{padding-block:6px}.quiz .options{gap:6px}}@media(max-height:700px)and (orientation:landscape){.campaign-brands{top:max(0px,env(safe-area-inset-top))}.campaign-brands img{width:40px}.experience--quiz{--quiz-brand-clearance: 36px}}@media(max-height:500px)and (min-aspect-ratio:3/2){.quiz .option{padding-block:4px}.quiz .options{gap:5px}}.experience :is(button,a.ice-action,a.result-share-button):not([data-press-feedback=none]):is(:active,.is-pressed),.experience button.glass-pill.option.selected{border-color:#d5373780;outline:1px solid rgba(213,55,55,.5);box-shadow:var(--glass-inset-shadow, 0 0 0 transparent),0 0 12px #d5373733;outline-offset:0;opacity:1;transition-duration:70ms}