:root{--ink:#123047;--ink-soft:#426178;--aegean:#0c87bd;--aegean-deep:#086899;--water:#83d9f7;--water-pale:#dcf7ff;--lemon:#ffd84d;--lemon-deep:#e9ad16;--leaf:#5f9f68;--coral:#f26f61;--plaster:#fffdf4;--shell:#f6f7e9;--line:#12304724;--line-bright:#ffffffb8;--shadow:0 28px 80px #0868992e;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-body:"Avenir Next", "Gill Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:#d9f6ff;min-height:100%}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:linear-gradient(#fffdf4d1 0%,#fffdf47a 38%,#83d9f757 100%),radial-gradient(at 78% 14%,#ffd84d52,#0000 24rem),linear-gradient(135deg,#fbfffb 0%,#e8faff 42%,#9fe3f8 100%);margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;position:relative;overflow:hidden}.app-shell:before{z-index:-2;content:"";opacity:.92;background:radial-gradient(at 14% 22%,#ffd84d6b 0 6rem,#0000 6.2rem),radial-gradient(at 8% 27%,#5f9f6829 0 3.8rem,#0000 4rem),radial-gradient(at 96% 78%,#ffd84d57 0 7rem,#0000 7.2rem),radial-gradient(at 91% 84%,#5f9f6829 0 4.2rem,#0000 4.4rem);position:fixed;inset:0}.app-shell:after{z-index:-1;pointer-events:none;content:"";mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,#0c87bd12 0 1px,#0000 1px 38px),repeating-linear-gradient(90deg,#0c87bd0e 0 1px,#0000 1px 38px),linear-gradient(110deg,#0000 0%,#ffffffa3 47%,#0000 53%);background-size:auto,auto,220px 100%;position:fixed;inset:0}.page-frame{width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:22px 16px 34px}.quiz-frame{grid-template-rows:auto minmax(0,1fr);gap:18px;min-height:calc(100vh - 56px);display:grid}.brand-strip{color:var(--ink);align-items:center;gap:12px;animation:.52s both rise-fade;display:flex}.brand-mark{background:#fffdf4d1;border:1px solid #0c87bd38;border-radius:8px;flex:none;grid-template-columns:repeat(3,1fr);gap:3px;width:42px;height:42px;padding:4px;display:inline-grid;box-shadow:0 8px 22px #0868991f}.brand-mark span{background:var(--aegean);border-radius:3px;min-width:0}.brand-mark span:nth-child(2),.brand-mark span:nth-child(4),.brand-mark span:nth-child(9){background:var(--lemon)}.brand-mark span:nth-child(5){background:var(--coral)}.brand-copy{gap:2px;line-height:1;display:grid}.brand-copy strong{color:var(--ink);font-family:var(--font-display);letter-spacing:0;font-size:1.1rem;font-weight:500}.brand-copy span{color:#1230479e;letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:900}.home-stage{grid-template-columns:minmax(0,.92fr) minmax(340px,.78fr);align-items:center;gap:28px;min-height:calc(100svh - 112px);display:grid}.hero-copy{gap:22px;max-width:650px;animation:.72s 80ms both rise-fade;display:grid}.hero-art{place-items:center;min-height:520px;animation:.9s cubic-bezier(.16,1,.3,1) .12s both hero-board-in;display:grid;position:relative}.hero-art:before,.empty-art:before{content:"";background:linear-gradient(135deg,#0c87bd1f,#0000 54%),#ffffff52;border:1px solid #08689929;border-radius:8px;position:absolute;inset:8% 0 3% 18%;transform:rotate(5deg)}.hero-art:after,.empty-art:after{pointer-events:none;content:"";background:radial-gradient(ellipse at 28% 56%, var(--lemon) 0 24px, transparent 25px), radial-gradient(ellipse at 61% 38%, #ffe56f 0 27px, transparent 28px), radial-gradient(ellipse at 76% 70%, #f8c62c 0 20px, transparent 21px), radial-gradient(ellipse at 52% 16%, var(--leaf) 0 12px, transparent 13px), radial-gradient(ellipse at 88% 42%, var(--leaf) 0 10px, transparent 11px);filter:drop-shadow(0 12px 18px #08689929);width:138px;height:98px;position:absolute;bottom:10%;right:3%;transform:rotate(-10deg)}.puzzle-board{aspect-ratio:1;background:linear-gradient(145deg, #fffffff5, #dcf7ffcc), var(--plaster);width:min(100%,510px);box-shadow:var(--shadow);border:1px solid #08689938;border-radius:8px;grid-template-columns:repeat(9,1fr);gap:5px;padding:8px;display:grid;position:relative;transform:rotate(-4deg)}.puzzle-board:before{z-index:-1;content:"";background:repeating-linear-gradient(135deg, #0c87bd2e 0 10px, #ffffff47 10px 20px), var(--water-pale);border-radius:8px;position:absolute;inset:-14px;transform:rotate(2deg)}.puzzle-cell{aspect-ratio:1;min-width:0;color:var(--ink);font-family:var(--font-display);animation:.52s cubic-bezier(.16,1,.3,1) both tile-in;animation-delay:var(--delay);background:#fffdf4f5;border:1px solid #08689924;border-radius:5px;place-items:center;font-size:1.45rem;font-weight:600;line-height:1;display:grid;box-shadow:inset 0 1px #ffffffbf}.puzzle-cell.is-dark{background:linear-gradient(135deg, #0c87bdf0, #83d9f7b8), var(--aegean);color:#0000;border-color:#0c87bd47}.puzzle-cell.is-gold{background:radial-gradient(ellipse at 35% 34%, #ffffff6b, transparent 32%), var(--lemon);color:var(--ink);border-color:#e9ad1659}.puzzle-cell.has-letter{text-transform:uppercase}.eyebrow{width:fit-content;color:var(--aegean-deep);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:900;display:inline-flex}.headline{max-width:760px;color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:4.65rem;font-weight:500;line-height:.94}.dek{max-width:610px;color:var(--ink-soft);margin:0;font-size:1.16rem;line-height:1.55}.code-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;width:min(100%,500px);display:grid}.text-input{min-width:0;min-height:56px;color:var(--ink);background:#fffdf4c7;border:1px solid #08689938;border-radius:8px;outline:none;padding:0 16px;transition:border-color .16s,background .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffffc7,0 12px 32px #08689914}.text-input::placeholder{color:#1230476b}.text-input:focus{background:#fffffff0;border-color:#0c87bdb8;box-shadow:0 0 0 4px #83d9f752,0 14px 34px #0868991f}.button{background:var(--lemon);min-height:50px;color:var(--ink);border:1px solid #0868992e;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:900;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:inline-flex;box-shadow:0 12px 28px #e9ad1633}.button:hover{background:#ffe26c;transform:translateY(-1px);box-shadow:0 16px 36px #e9ad1640}.button.secondary{color:var(--aegean-deep);background:#fffdf4b8;border-color:#0c87bd3d;box-shadow:0 12px 28px #08689914}.button.accent{background:var(--aegean);color:#fff;border-color:#0c87bd3d;box-shadow:0 14px 34px #0c87bd38}.button:disabled{cursor:not-allowed;opacity:.46;box-shadow:none;transform:none}.quiz-panel,.empty-panel{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffd6,#fffdf4b8),#fffdf4d1;border:1px solid #08689926;border-radius:8px;animation:.64s both rise-fade}.play-panel{overflow:hidden}.quiz-header{background:linear-gradient(90deg,#83d9f752,#0000 54%),radial-gradient(at 86% 14%,#ffd84d5c,#0000 15rem),repeating-linear-gradient(90deg,#0c87bd14 0 1px,#0000 1px 34px);border-bottom:1px solid #08689921;gap:18px;padding:26px 22px 20px;display:grid}.quiz-kicker{color:#123047a3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.86rem;font-weight:900;display:flex}.quiz-kicker strong{color:var(--aegean-deep);font-family:var(--font-display);font-size:1.05rem;font-weight:500}.quiz-title{color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:3.2rem;font-weight:500;line-height:.98}.progress-track{background:#0868991f;border-radius:999px;height:8px;position:relative;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--aegean), var(--water), var(--lemon));height:100%;transition:width .26s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.7s infinite progress-shine;position:absolute;inset:0}.quiz-body{gap:22px;padding:22px;display:grid}.question-block{border:0;border-top:1px solid #0868991f;gap:14px;padding:24px 0 4px;display:grid}.question-block:first-of-type{border-top:0}.question-prompt{color:var(--ink);font-family:var(--font-display);letter-spacing:0;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin:0;font-size:1.68rem;line-height:1.12;display:grid}.question-number{background:var(--water-pale);width:36px;height:36px;color:var(--aegean-deep);font-family:var(--font-body);border:1px solid #08689929;border-radius:8px;place-items:center;font-size:.9rem;font-weight:900;display:inline-grid}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.option-button{min-height:78px;color:var(--ink);text-align:left;background:#ffffffa3;border:1px solid #08689921;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:13px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative;box-shadow:inset 0 1px #ffffffd1,0 8px 20px #0868990f}.option-button:hover{background:#ffffffe6;border-color:#0c87bd57;transform:translateY(-1px);box-shadow:0 12px 28px #0868991a}.option-button.is-selected{background:linear-gradient(135deg,#ffd84d4d,#ffffffb8),#ffffffe6;border-color:#e9ad16a3;box-shadow:inset 0 1px #ffffffeb,0 14px 34px #e9ad162e}.option-button.is-selected:after{pointer-events:none;content:"";border:1px solid #e9ad1652;border-radius:6px;position:absolute;inset:8px}.option-dot{color:#123047a8;background:#dcf7ff80;border:1px solid #0868992e;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.78rem;font-weight:900;display:inline-grid}.option-button.is-selected .option-dot{border-color:var(--lemon-deep);background:var(--lemon);color:var(--ink)}.option-copy{gap:4px;display:grid}.option-error{color:#b63f32;margin:0;font-size:.82rem;font-weight:900;line-height:1.25}.option-button.is-incorrect{background:linear-gradient(135deg,#fff1d9b8,#ffffffdb),#ffffffeb;border-color:#b63f329e;box-shadow:inset 0 1px #ffffffeb,0 14px 34px #b63f321f}.option-button.is-incorrect .option-dot{color:#8b2e25;background:#ffe8df;border-color:#b63f3280}.submit-row{border-top:1px solid #0868991f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.status-text{color:#1230479e;margin:0;font-size:.92rem;line-height:1.45}.error-text{color:#b63f32;margin:0;font-size:.92rem;font-weight:900}.unlock-panel{overflow:hidden}.unlock-stage{text-align:center;background:radial-gradient(at 16% 12%,#ffd84d52,#0000 18rem),radial-gradient(at 84% 85%,#83d9f757,#0000 18rem);align-content:center;justify-items:center;gap:22px;min-height:calc(100svh - 134px);padding:46px 18px;display:grid}.unlock-mark{aspect-ratio:1;border:10px solid #0c87bd24;border-top-color:var(--water);border-right-color:var(--lemon);border-bottom-color:var(--aegean);width:148px;color:var(--aegean-deep);background:radial-gradient(at 34% 26%,#fffffff5,#0000 34%),#fffdf4e6;border-radius:50%;place-items:center;animation:.62s cubic-bezier(.16,1,.3,1) both unlock-pop;display:inline-grid;box-shadow:0 26px 70px #0868992e}.photo-brief{background:#dcf7ff8a;border:1px solid #0c87bd2e;border-radius:8px;gap:12px;width:min(100%,620px);padding:18px;display:grid}.empty-panel{grid-template-columns:minmax(0,.95fr) minmax(260px,.72fr);align-items:center;gap:28px;min-height:calc(100svh - 112px);padding:38px;display:grid;overflow:hidden}.empty-copy{align-content:center;gap:16px;display:grid}.empty-art{place-items:center;display:grid;position:relative}.empty-art .puzzle-board{opacity:.92;width:min(100%,360px)}.page-frame:has(.food-page){width:100%;max-width:none;padding:0}.app-shell:has(.food-page){overflow:auto}.app-shell:has(.food-page):before{display:none}.app-shell:has(.food-page):after{display:none}.food-page{--food-blue:#064a90;--food-blue-deep:#082c55;--food-blue-quiet:#e8f2fb;--food-lemon:#f4c542;--food-ivory:#fffdf7;--food-paper:#fbfaf4;--food-ink:#071f3d;--food-muted:#071f3d9e;--food-line:#064a9026;min-height:100svh;color:var(--food-ink);background:linear-gradient(90deg, #064a9014 0 1px, transparent 1px 72px), linear-gradient(180deg, #064a900e 0 1px, transparent 1px 72px), linear-gradient(115deg, #fffffff0 0%, #fffdf7f0 46%, #e9f4faeb 100%), var(--food-ivory);position:relative;overflow:hidden}.food-page:before{pointer-events:none;content:"";opacity:.9;background:linear-gradient(90deg,#082c5517,#0000 16% 84%,#082c5517),linear-gradient(#ffffffeb,#0000 34%,#ddeff994);position:absolute;inset:0}.food-page:after{pointer-events:none;content:"";opacity:.72;border:1px solid #064a901a;position:absolute;inset:28px}.food-wordmark{width:fit-content;color:inherit;gap:7px;line-height:1;text-decoration:none;display:inline-grid}.food-wordmark span{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:500}.food-wordmark strong{color:var(--food-blue);letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:850}.food-stage{z-index:1;align-content:center;width:100%;min-width:0;max-width:1180px;min-height:100svh;margin:0 auto;padding:clamp(28px,5vw,72px) 22px;display:grid;position:relative}.food-shell{grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);align-items:center;gap:clamp(36px,7vw,92px);width:100%;min-width:0;display:grid}.food-intro{gap:26px;min-width:0;padding:clamp(22px,4vw,42px) 0;display:grid;position:relative}.food-intro:before{content:"";background:linear-gradient(180deg, var(--food-lemon) 0 72px, transparent 72px 96px, var(--food-blue) 96px calc(100% - 34px), transparent calc(100% - 34px));width:5px;position:absolute;top:0;bottom:0;left:-34px}.food-rule{background:linear-gradient(90deg, var(--food-blue), #064a9014);width:min(100%,420px);height:1px}.food-intro h1{max-width:560px;font-family:var(--font-display);letter-spacing:0;overflow-wrap:normal;text-wrap:balance;margin:0;font-size:clamp(4.3rem,9vw,8.2rem);font-weight:500;line-height:.86;display:grid}.food-intro h1 span{display:block}.food-intro p{max-width:420px;color:var(--food-muted);margin:0;font-size:clamp(1rem,1.45vw,1.1rem);font-weight:600;line-height:1.6}.food-assistant-column{min-width:0;position:relative}.food-assistant-column:before{z-index:-1;content:"";border-top:8px solid var(--food-lemon);opacity:.9;border-right:1px solid #064a901f;width:min(56vw,520px);height:118px;position:absolute;inset:-18px -18px auto auto}.assistant-shell{gap:22px;width:100%;min-width:0;max-width:680px;animation:.52s 80ms both rise-fade;display:grid}.assistant-panel{background:linear-gradient(#fffffffa,#f8fbfcf5),#fff;border:1px solid #064a9024;border-radius:8px;width:100%;min-width:0;padding:clamp(22px,3vw,32px);display:grid;overflow:hidden;box-shadow:0 32px 70px #082c5524,inset 0 1px #ffffffeb}.assistant-form{gap:16px;min-width:0;display:grid}.assistant-heading{border-bottom:1px solid #064a901a;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;display:flex}.assistant-label{color:var(--food-blue);letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:850}.assistant-input{resize:vertical;width:100%;min-width:0;min-height:152px;color:var(--food-ink);font:inherit;background:0 0;border:0;border-bottom:1px solid #064a9038;border-radius:8px;outline:none;padding:20px 0;font-size:clamp(1.24rem,2vw,1.55rem);font-weight:500;line-height:1.35;transition:border-color .16s,box-shadow .16s}.assistant-input::placeholder{color:#071f3d54}.assistant-input:focus{border-color:var(--food-blue);box-shadow:0 8px 0 -6px #f4c542bf}.assistant-lower{gap:18px;display:grid}.prompt-row{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.prompt-chip{min-height:38px;color:var(--food-blue-deep);background:#e8f2fb75;border:1px solid #064a9024;border-radius:8px;padding:0 14px;font-size:.82rem;font-weight:800;transition:transform .15s,background .15s,border-color .15s}.prompt-chip:hover{background:#fff;border-color:#064a9057;transform:translateY(-1px);box-shadow:0 10px 22px #082c5514}.assistant-panel .button{background:var(--food-blue);color:#fff;border-color:#082c551f;min-height:56px;font-weight:800;box-shadow:0 18px 36px #082c5538}.assistant-panel .button:hover{background:var(--food-blue-deep);box-shadow:0 22px 44px #082c5542}.assistant-submit{width:100%}.assistant-result{border:1px solid #082c5524;border-left:5px solid var(--food-lemon);background:linear-gradient(#fffffffa,#fffdf7f5),#fff;border-radius:8px;gap:12px;width:min(100%,640px);padding:clamp(22px,3vw,30px);animation:.36s both rise-fade;display:grid;position:relative;box-shadow:0 24px 54px #082c551f,inset 0 1px #ffffffe6}.assistant-result:after{pointer-events:none;content:"";background:linear-gradient(90deg,#0000,#064a9038);width:92px;height:1px;position:absolute;bottom:18px;right:18px}.result-kicker{color:var(--food-blue);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:850}.assistant-result.is-error{color:#8b2e25;background:#ffe8dfc7;border-color:#b63f3261;gap:10px;display:flex}.assistant-result.is-error p{margin:0;font-weight:850}.result-copy{z-index:1;gap:10px;min-width:0;display:grid;position:relative}.result-copy p{color:var(--food-ink);margin:0;line-height:1.45}.assistant-list{color:var(--food-ink);gap:12px;margin:0;padding-left:0;line-height:1.45;list-style:none;display:grid}.assistant-list li{padding-left:24px;position:relative}.assistant-list li:before{content:"";background:var(--food-lemon);border-radius:2px;width:8px;height:8px;position:absolute;top:.54em;left:2px;transform:rotate(45deg);box-shadow:0 0 0 3px #f4c54229}.assistant-list strong,.result-copy strong{color:var(--food-blue-deep);font-weight:950}.food-footnote{color:var(--food-muted);margin-top:8px;font-size:.82rem;font-weight:650;line-height:1.5}@keyframes rise-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-board-in{0%{opacity:0;transform:translateY(20px)rotate(2deg)scale(.97)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes tile-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes unlock-pop{0%{opacity:0;transform:scale(.88)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (min-width:920px){.page-frame{padding:28px 24px 42px}.headline{font-size:6.4rem}.dek{font-size:1.22rem}}@media (max-width:1060px){.food-stage{max-width:960px}.food-shell{grid-template-columns:minmax(0,.72fr) minmax(380px,1fr);gap:42px}}@media (max-width:820px){.page-frame{padding:18px 12px 26px}.home-stage,.empty-panel,.food-stage{gap:24px;min-height:auto}.home-stage{padding-top:12px}.hero-art{min-height:auto}.hero-art:after,.empty-art:after{width:112px;height:78px;bottom:4%;right:2%}.hero-art .puzzle-board{width:min(100%,360px)}.headline{font-size:3.55rem}.quiz-title{font-size:2.35rem}.question-prompt{font-size:1.42rem}.code-form,.option-grid{grid-template-columns:minmax(0,1fr)}.quiz-header,.quiz-body,.empty-panel{padding:18px 14px}.submit-row{align-items:stretch}.submit-row .button{width:100%}.food-stage{align-content:start;min-height:100svh;padding:22px 16px 34px}.food-shell{grid-template-columns:minmax(0,1fr);gap:16px}.food-intro{text-align:center;justify-items:center;gap:10px;padding:4px 0 0}.food-intro:before{display:none}.food-rule{background:linear-gradient(90deg, transparent, var(--food-blue), transparent);width:min(100%,280px)}.food-intro h1{max-width:620px;font-size:clamp(2.85rem,12vw,4.1rem);line-height:.95;display:block}.food-intro h1 span{display:inline}.food-intro p{max-width:480px;font-size:.94rem;line-height:1.42}.food-assistant-column:before{display:none}.assistant-shell{gap:14px}.assistant-panel{padding:16px;box-shadow:0 18px 42px #082c551f}.assistant-form{gap:12px}.assistant-heading{padding-bottom:10px}.assistant-label{font-size:.68rem}.assistant-input{min-height:104px;padding:12px 0 14px;font-size:1rem}.assistant-lower{gap:12px}.prompt-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.prompt-chip{min-height:38px;padding:0 8px}.assistant-panel .button{min-height:48px}}@media (max-width:430px){.brand-copy strong{font-size:1rem}.brand-copy span{font-size:.62rem}.headline{font-size:3rem}.food-page:before{opacity:.54}.food-page:after{inset:14px}.food-stage{padding:18px 12px 28px}.food-intro{gap:8px}.food-wordmark span{font-size:1.08rem}.food-wordmark strong{font-size:.62rem}.food-intro h1{max-width:360px;font-size:clamp(2.1rem,10vw,2.55rem);line-height:.94}.food-intro p{max-width:330px;font-size:.8rem}.dek{font-size:1rem}.puzzle-board{gap:4px;padding:6px}.puzzle-cell{font-size:1rem}.unlock-mark{width:126px}.assistant-input{min-height:88px;font-size:.98rem}.assistant-shell,.assistant-panel,.assistant-form{max-width:100%}.assistant-result{padding:18px}.food-footnote{font-size:.72rem;font-weight:650;line-height:1.35}}.page-frame:has(.timeline-page){width:100%;max-width:none;padding:0}.app-shell:has(.timeline-page){overflow:auto}.app-shell:has(.timeline-page):before{display:none}.app-shell:has(.timeline-page):after{display:none}.timeline-page{--timeline-ink:#142042;--timeline-soft:#142042ad;--timeline-paper:#fffdf6;--timeline-ivory:#fffaf0;--timeline-line:#3150ae2e;--timeline-cobalt:#3150ae;--timeline-cobalt-deep:#213b91;--timeline-cobalt-soft:#e8efff;--timeline-gold:#e4b852;--timeline-gold-deep:#9a6e18;--timeline-fern:#5f744e;--timeline-rose:#bb644c;min-height:100svh;color:var(--timeline-ink);background:linear-gradient(90deg,#3150ae0e 0 1px,#0000 1px 72px),linear-gradient(#3150ae0b 0 1px,#0000 1px 72px),linear-gradient(#fffef9 0%,#f4f7ff 42%,#fff4df 100%);font-family:Avenir Next,Gill Sans,Segoe UI,sans-serif;position:relative;overflow:hidden}.timeline-page:before{z-index:0;pointer-events:none;content:"";mix-blend-mode:multiply;opacity:.075;background-image:url(/timeline-tile-reference.png);background-position:right -72px top -88px;background-repeat:no-repeat;background-size:min(74vw,560px);position:fixed;inset:0}.timeline-page *{min-width:0}.timeline-hero{z-index:1;color:#fff;isolation:isolate;align-items:end;min-height:82svh;padding:28px 18px 34px;display:grid;position:relative;overflow:hidden}.timeline-hero-media,.timeline-hero-shade{position:absolute;inset:0}.timeline-hero-media{z-index:-2;background:var(--timeline-cobalt-deep)}.timeline-hero-media img{object-fit:cover;object-position:53% 50%;filter:contrast(1.02);width:100%;height:100%;animation:.95s cubic-bezier(.16,1,.3,1) both timeline-image-in;transform:scale(1.025)}.timeline-hero-shade{z-index:-1;background:linear-gradient(#07080a00 0%,#07080a14 42%,#07080a9e 100%),linear-gradient(90deg,#07080a94 0%,#07080a38 42%,#07080a05 76%)}.timeline-hero:after{content:"";background:linear-gradient(90deg,#ffffffb8,#ffe18470,#0000);height:1px;position:absolute;bottom:18px;left:18px;right:18px}.timeline-hero-copy{gap:14px;width:min(100%,1120px);margin:0 auto;padding-bottom:20px;animation:.72s cubic-bezier(.16,1,.3,1) .12s both timeline-copy-in;display:grid}.timeline-kicker{color:var(--timeline-gold);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:850;line-height:1.2}.timeline-hero .timeline-kicker{color:#ffe184;font-size:.78rem;font-weight:850}.timeline-hero h1,.timeline-section-intro h2{font-family:var(--font-display);letter-spacing:0;margin:0;font-weight:500}.timeline-hero h1{color:#fff;text-shadow:0 16px 46px #08184b7a;max-width:380px;font-size:3.2rem;line-height:.88}.timeline-hero p{color:#ffffffd6;max-width:360px;margin:0;font-size:1rem;font-weight:600;line-height:1.48}.timeline-hero-meta{flex-wrap:wrap;gap:10px 16px;padding-top:5px;display:flex}.timeline-hero-meta span{color:#ffffffe6;align-items:center;gap:8px;font-size:.86rem;font-weight:800;display:inline-flex}.timeline-hero-meta svg{color:#ffe184;flex:none}.timeline-glance{z-index:1;border-top:1px solid #ffffffb3;border-bottom:1px solid var(--timeline-line);background:linear-gradient(180deg, #fffffff7, #f8fafff2), var(--timeline-paper);color:var(--timeline-ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #3150ae14}.timeline-glance:before{pointer-events:none;content:"";background:var(--timeline-cobalt);height:5px;position:absolute;inset:0 0 auto}.timeline-glance-item{border-left:1px solid var(--timeline-line);gap:6px;padding:22px 18px 19px;display:grid;position:relative;overflow:hidden}.timeline-glance-item:first-child{border-left:0}.timeline-glance-item span{color:var(--timeline-cobalt-deep);letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:850}.timeline-glance-item strong{color:var(--timeline-ink);font-family:var(--font-display);white-space:nowrap;font-size:1.18rem;font-weight:500;line-height:1}.timeline-section{z-index:1;gap:24px;width:min(100%,1120px);margin:0 auto;padding:40px 18px 56px;display:grid;position:relative}.timeline-section-intro{align-content:start;gap:12px;display:grid;position:relative}.timeline-section-intro:before{content:"";background:var(--timeline-cobalt);width:min(100%,180px);height:3px}.timeline-section-intro h2{color:var(--timeline-ink);font-size:2.48rem;line-height:.96}.timeline-section-intro p{max-width:430px;color:var(--timeline-soft);margin:0;font-size:1rem;font-weight:650;line-height:1.55}.timeline-list{display:grid}.timeline-event{border-top:1px solid var(--timeline-line);animation:.56s cubic-bezier(.16,1,.3,1) both timeline-event-in;animation-delay:var(--event-delay);grid-template-columns:88px 34px minmax(0,1fr);gap:12px;padding:13px 0 14px;display:grid;position:relative}.timeline-event:last-child{border-bottom:1px solid var(--timeline-line)}.timeline-time{padding-top:4px}.timeline-time time{color:var(--timeline-cobalt-deep);font-family:var(--font-display);font-size:.98rem;font-weight:600;line-height:1}.timeline-mark{background:linear-gradient(180deg, #fffffff5, #e8efffe6), var(--timeline-paper);width:34px;height:34px;color:var(--timeline-cobalt-deep);border:1px solid #b6904261;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 12px 28px #3150ae1f}.timeline-mark:after{content:"";background:linear-gradient(#3150ae57,#3150ae0f);width:1px;position:absolute;top:41px;bottom:-20px;left:50%}.timeline-event:last-child .timeline-mark:after{display:none}.timeline-event.is-ceremony .timeline-mark{color:var(--timeline-rose);border-color:#8d50496b}.timeline-event.is-celebration .timeline-mark{color:var(--timeline-fern);border-color:#596f5c70}.timeline-copy{gap:4px;display:grid}.timeline-copy h3{color:var(--timeline-ink);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:1.18rem;font-weight:500;line-height:1.05}.timeline-copy span{width:fit-content;color:var(--timeline-cobalt-deep);align-items:center;font-size:.8rem;font-weight:750;line-height:1.3;display:inline-flex}.timeline-copy svg{flex:none}@keyframes timeline-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes timeline-image-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1.025)}}@keyframes timeline-event-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (min-width:860px){.timeline-hero{min-height:78svh;padding:46px 36px 44px}.timeline-hero-copy{gap:18px;padding-bottom:28px}.timeline-hero h1{max-width:720px;font-size:6.8rem}.timeline-hero p{font-size:1.14rem}.timeline-glance-item{padding:24px 32px}.timeline-glance-item strong{font-size:1.72rem}.timeline-section{grid-template-columns:minmax(240px,.44fr) minmax(0,1fr);gap:64px;padding:64px 36px 76px}.timeline-section-intro{position:sticky;top:32px}.timeline-section-intro h2{font-size:3.16rem}.timeline-event{grid-template-columns:112px 36px minmax(0,1fr);gap:16px;padding:14px 0 15px}.timeline-mark{width:36px;height:36px}.timeline-mark:after{top:43px;bottom:-22px}.timeline-copy h3{font-size:1.34rem}}@media (max-width:600px){.timeline-glance{grid-template-columns:minmax(0,1fr)}.timeline-glance-item{border-top:1px solid var(--timeline-line);border-left:0;gap:5px;display:grid}.timeline-glance-item:first-child{border-top:0}}@media (max-width:430px){.timeline-hero{min-height:80svh;padding:22px 14px 28px}.timeline-hero h1{font-size:2.9rem}.timeline-hero p{max-width:320px;font-size:.92rem}.timeline-hero-meta{display:grid}.timeline-glance-item{padding:16px 16px 14px;overflow:hidden}.timeline-glance-item span{font-size:.62rem}.timeline-glance-item strong{white-space:nowrap;font-size:1.08rem}.timeline-section{padding:44px 14px 42px}.timeline-section-intro h2{font-size:2.1rem}.timeline-event{grid-template-columns:76px 30px minmax(0,1fr);gap:9px;padding:12px 0 13px}.timeline-time time{font-size:.86rem}.timeline-mark{width:30px;height:30px}.timeline-mark:after{top:37px}.timeline-copy h3{font-size:1.06rem}.timeline-copy span{font-size:.74rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}