@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--navy:#41141d;--red:#ad2829;--gold:#c99a3b;--cream:#f7f4ec;--muted:#7d827f}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font-family:'DM Sans',sans-serif}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;border-bottom:1px solid #dedbd2;background:#fffef9;gap:25px}.brand img{display:block;width:215px;mix-blend-mode:multiply}nav{display:flex;gap:25px}.nav{border:0;background:none;padding:14px 0;color:#79817f;font-size:13px}.nav.active{color:var(--red);border-bottom:2px solid var(--red)}.header-note{font-family:Georgia;font-style:italic;font-size:14px;color:#7e8078}main{max-width:1500px;margin:auto;padding:38px 5% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#947234}h1{font:500 clamp(30px,3vw,45px)/1.2 'Playfair Display',Georgia;margin:15px 0}h1 em{color:var(--red);font-weight:400}.intro p{font-size:13px;line-height:1.9;color:#717771}.date-badge{margin:0 28px;text-align:center;position:relative;border:1px solid #d8c695;padding:18px 30px;min-width:174px;border-radius:80px 80px 4px 4px}.date-badge span{display:block;font-size:8px;letter-spacing:2px}.date-badge strong{display:block;font:64px/1.2 'Playfair Display',Georgia}.date-badge i{position:absolute;bottom:-12px;left:45%;background:var(--cream);padding:0 5px;color:var(--gold)}.demo{display:flex;align-items:center;justify-content:space-between;background:#eeeadf;border:1px solid #e3ddce;padding:10px 14px;font-size:11px;color:#797460;border-radius:6px;margin-bottom:25px;gap:10px}.demo label{white-space:nowrap}.demo select{border:0;background:#fffdf7;color:var(--navy);padding:6px 9px;border-radius:3px;margin-left:6px;font-size:11px}.experience{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:25px;align-items:start}.map-title{display:flex;justify-content:space-between;align-items:center;margin:2px 0 18px}h2{font:500 25px 'Playfair Display',Georgia;margin:7px 0}.view-switch{display:flex;background:#eae7df;padding:3px;border-radius:5px}.view-switch button{border:0;background:none;color:#7c807a;font-size:11px;padding:7px 12px;border-radius:3px}.view-switch button.selected{background:white;color:var(--navy);box-shadow:0 1px 3px #0001}.map{height:505px;border-radius:9px;overflow:hidden;position:relative;border:1px solid #d8ded3;background:#e9ede3;touch-action:none;cursor:grab}.map:active{cursor:grabbing}.map-scene{position:absolute;inset:0;transform-origin:center}.map-scene svg{width:100%;height:100%;object-fit:cover;position:absolute}.map-caption{position:absolute;bottom:12px;left:12px;background:#fffdf4e8;padding:7px 10px;font-size:9px;border-radius:3px;color:#788175;pointer-events:none}.zoom{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;box-shadow:0 2px 10px #0001}.zoom button{border:0;border-bottom:1px solid #eee;background:#fffdf8;width:31px;height:31px;color:var(--navy);font-size:21px}.compass{position:absolute;top:20px;right:20px;text-align:center;font:12px Georgia;color:#6e8277}.marker{position:absolute;transform:translate(-50%,-50%);width:34px;height:41px;border:1px solid #faf8ee;border-radius:13px 13px 4px 4px;background:#f9f7eb;color:#879181;font-family:Georgia;font-size:17px;box-shadow:0 3px 6px #17332322;transition:scale .2s}.marker:hover{scale:1.16;z-index:3}.marker.past{background:var(--navy);color:#fff6db}.marker.today{background:var(--red);color:white;width:43px;height:51px;box-shadow:0 0 0 7px #ad282917,0 3px 8px #17332322}.marker.today:before{content:'✦';position:absolute;top:-19px;left:14px;font-size:13px;color:var(--gold)}.marker.selected{outline:2px solid var(--gold);outline-offset:3px}.marker.future{background:#f5f3e9dc}.legend{display:flex;gap:17px;align-items:center;font-size:9px;color:#777d76;padding:16px 1px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.today{background:var(--red)}.dot.past{background:var(--navy)}.dot.future{background:#cccfc2}.legend .progress{margin-left:auto;color:#a78a51}.day-card{background:var(--navy);color:#f7f1df;border-radius:9px;padding:24px;position:relative;overflow:hidden;box-shadow:0 8px 20px #3710180b}.day-card:before{content:'✦';position:absolute;right:20px;top:15px;color:#cba256;font-size:30px;font-weight:400}.card-eyebrow{color:#d1b26e;font-size:9px;letter-spacing:2px}.day-card h2{font-size:30px;margin:11px 0 5px}.card-sub{font-size:11px;color:#c4baa9;line-height:1.6;margin-bottom:19px}.scratch{height:205px;position:relative;border:1px solid #cda75e55;border-radius:5px;background:radial-gradient(ellipse at bottom,#64343e,#42101b);overflow:hidden}.scratch-art{height:100%;display:grid;place-content:center;text-align:center}.scratch-art .star{color:#e1bf73;font-size:39px;text-shadow:0 0 30px #e0bb67}.scratch-art p{font:italic 20px Georgia;color:#f1dfb2;line-height:1.4;margin:12px}.scratch canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.scratch-tip{text-align:center;font-size:10px;color:#c4bbab;margin:11px 0}.text-button{background:none;border:0;color:#dac087;text-decoration:underline;font-size:10px;padding:5px}.story-text{font:16px/1.8 'Playfair Display',Georgia;color:#e8e8dc}.story-text h3{font-size:21px;color:#e7cd95;font-weight:400;margin:17px 0 8px}.story-text p{margin:0 0 18px}.primary{width:100%;border:0;border-radius:4px;padding:14px 12px;background:#d2a549;color:#3c171f;font-size:11px;font-weight:700;line-height:1.5}.primary:hover{background:#e0b75c}.chapter{color:#c1bca6;font-size:9px;margin:16px 0 0;text-align:center}.event{margin-top:17px;border-top:1px solid #ffffff24;padding-top:14px}.event h3{font:22px Georgia;margin:8px 0 14px}.event dl{font-size:12px;line-height:1.6}.event dt{color:#bbb19e;font-size:10px;margin-top:11px}.event dd{margin:2px 0}.small{font-size:11px;line-height:1.7;color:#a99c84}.day-card .small{color:#c6bdac}.locked{padding:50px 0;text-align:center;font:20px/1.6 Georgia}.locked span{font-size:45px;color:#cfab5f}.card-footer{display:flex;justify-content:space-between;margin-top:20px;padding-top:14px;border-top:1px solid #ffffff1a}.card-footer button{background:none;border:0;color:#d2cbbf;font-size:11px;padding:5px}.bottom-note{display:flex;justify-content:center;align-items:center;gap:40px;text-align:center;padding:38px 0 30px}.bottom-note>span{font-size:27px;color:var(--gold)}h3{font:500 21px 'Playfair Display',Georgia;margin:5px 0 11px}.bottom-note p{font-size:11px;line-height:1.8;color:#7d8179}footer{margin:0 5%;border-top:1px solid #dfddd2;display:flex;justify-content:space-between;gap:15px;padding:20px 0;color:#8b8b7d;font-size:10px}footer span:first-child{font:15px Georgia;color:var(--red)}footer button{background:none;border:0;color:#8b8b7d;font-size:10px}.door-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;min-height:505px}.door-grid[hidden]{display:none}.grid-door{position:relative;left:auto!important;top:auto!important;transform:none;width:100%;height:103px;font-size:27px;border-radius:35px 35px 5px 5px}.grid-door.today{width:100%;height:103px}.grid-door.today:before{left:43%;top:7px}.grid-door small{display:block;font:9px 'DM Sans';margin-top:8px}dialog{border:0;border-radius:10px;background:var(--cream);color:var(--navy);padding:40px;max-width:510px;line-height:1.8}dialog::backdrop{background:#3c0b15bf;backdrop-filter:blur(4px)}dialog h2{font-size:30px}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:26px;color:var(--navy)}@media(min-width:1450px){.map{height:560px}}@media(max-width:1000px){.header-note{display:none}.experience{grid-template-columns:minmax(0,1fr) 310px;gap:17px}.day-card{padding:20px}.map{height:515px}.legend{gap:10px}.door-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:740px){header{padding:15px 5%;flex-direction:column;gap:8px}.brand img{width:190px}nav{gap:28px}.nav{font-size:11px;padding:8px 0}main{padding-top:26px}.intro{align-items:start}.intro h1{font-size:29px}.intro p{font-size:11px}.intro p br{display:none}.date-badge{margin:3px 0 0 12px;min-width:86px;padding:15px 10px}.date-badge strong{font-size:43px}.date-badge span{font-size:6px;letter-spacing:1px}.intro .eyebrow{font-size:8px}.experience{display:flex;flex-direction:column}.map-column{width:100%}.map{height:420px}.day-card{width:100%;padding:26px}.scratch{height:225px}.demo{align-items:start;flex-direction:column;font-size:10px;line-height:1.6}.map-title h2{font-size:22px}.map-title .eyebrow{font-size:8px}.bottom-note{gap:13px;padding-top:30px}.bottom-note h3{font-size:19px}.bottom-note p br{display:none}.bottom-note>span{font-size:18px}footer{flex-wrap:wrap}.door-grid{min-height:0;grid-template-columns:repeat(4,1fr);padding-bottom:10px}.grid-door,.grid-door.today{height:85px}.marker{width:29px;height:36px;font-size:15px}.marker.today{width:36px;height:44px}.marker.today:before{left:10px}.legend{font-size:8px}dialog{margin:auto 20px;padding:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}