.demo{--d-bg:#f2e8d8;--d-ink:#2c433b;--d-accent:#9e5a3e;min-height:70vh;color:var(--d-ink);background:var(--d-bg);padding:24px 0 90px}.demo p{color:inherit}.demo-top,.demo-shell{width:min(100% - 64px,1120px);margin-inline:auto}.demo-top{border-bottom:1px solid;justify-content:space-between;gap:25px;padding:0 0 24px;display:flex}.demo-kicker,.demo-eyebrow,.demo-step{letter-spacing:.12em;font-size:.7rem;font-weight:800}.demo-kicker{margin:0 0 7px}.demo-disclosure{margin:0;font-size:.79rem}.demo-top>a{white-space:nowrap;font-size:.84rem;font-weight:700}.demo h1,.demo h2,.demo h3{letter-spacing:-.045em;margin-top:0}.demo h1{font-size:clamp(3rem,6vw,5.7rem)}.demo h2{font-size:clamp(1.8rem,3vw,2.8rem)}.demo button,.demo .demo-button{border:1px solid var(--d-ink);background:var(--d-ink);color:#fff;min-height:46px;padding:10px 17px;font-weight:700;text-decoration:none}.demo button:hover,.demo button[aria-pressed=true]{background:var(--d-accent);border-color:var(--d-accent);color:#fff}.demo button.secondary{color:var(--d-ink);background:0 0}.demo button.secondary:hover{background:var(--d-accent);color:#fff}.demo-tabs{flex-wrap:wrap;gap:8px;display:flex}.demo .check{align-items:start;gap:10px;line-height:1.65;display:flex}.demo .check input{accent-color:var(--d-accent);margin-top:5px}.demo-muted{opacity:.7;font-size:.81rem}.demo-note{font-size:.86rem}.demo [hidden]{display:none!important}.demo progress{width:100%;height:9px;accent-color:var(--d-accent)}.demo-choice-list{gap:10px;display:grid}.demo-choice-list button{text-align:left;width:100%}.demo-result{border-left:3px solid var(--d-accent);background:#ffffff1f;margin:22px 0;padding:18px 20px}.demo-travel{--d-bg:#f0e8db;--d-ink:#274139;--d-accent:#a15836}.travel-cover{color:#fff;background:#29433b;min-height:530px;position:relative;overflow:hidden}.travel-cover>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.travel-cover:after{content:"";background:linear-gradient(90deg,#0d1f1dc9,#0d1f1d24 77%);position:absolute;inset:0}.travel-cover-copy{z-index:1;flex-direction:column;justify-content:end;max-width:630px;min-height:530px;padding:60px;display:flex;position:relative}.travel-cover-copy h1{margin:15px 0;font-family:Georgia,Noto Serif TC,serif;font-weight:400;line-height:1.08}.travel-cover-copy p:last-child{color:#fff;max-width:480px;margin:0;font-size:1.08rem}.travel-cover-index{z-index:1;letter-spacing:.11em;font-size:.7rem;position:absolute;bottom:25px;right:30px}.travel-meta{border-bottom:1px solid #98a69d;justify-content:space-between;gap:15px;padding:18px 2px;font-size:.76rem;font-weight:750;display:flex}.travel-intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:6vw;padding:80px 0;display:grid}.travel-intro .demo-eyebrow{grid-column:1/-1;margin:0 0 -35px}.travel-intro h2{margin:0;font-family:Georgia,Noto Serif TC,serif;font-weight:400}.travel-intro>p:last-child{margin:0}.travel-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:32px;display:grid}.travel-day{background:#faf6ec;border:1px solid #b5b7a9;padding:34px}.travel-day-header{justify-content:space-between;align-items:start;gap:20px;display:flex}.travel-day-header h2{margin:10px 0 20px;font-family:Georgia,Noto Serif TC,serif;font-weight:400}.travel-day-header>span{border:1px solid;flex:none;padding:7px 11px;font-size:.78rem}.travel-tabs{margin:8px 0 25px}.travel-day-image{margin:0 0 24px}.travel-day-image img{aspect-ratio:1.75;object-fit:cover;width:100%;display:block}.travel-day-image figcaption{letter-spacing:.04em;margin-top:8px;font-size:.73rem}.travel-day>p{max-width:540px}.travel-timeline{border-left:1px solid #9daa9d;margin:25px 0 0;padding:0 0 0 15px;list-style:none}.travel-timeline li{grid-template-columns:75px 1fr;gap:20px;padding:0 0 29px 22px;display:grid;position:relative}.travel-timeline li:before{content:"";background:var(--d-accent);border-radius:50%;width:11px;height:11px;position:absolute;top:6px;left:-21px}.travel-timeline li:last-child{padding-bottom:0}.travel-timeline time{font-size:.82rem;font-weight:800}.travel-timeline strong{font-size:1.05rem}.travel-timeline p{margin:5px 0 0;font-size:.86rem}.travel-sidebar{align-content:start;gap:22px;display:grid}.travel-info,.travel-checklist{background:#e7eee6;border:1px solid #a2ada1;padding:30px}.travel-info h2,.travel-checklist h3{font-family:Georgia,Noto Serif TC,serif;font-weight:400}.travel-info dl{margin:0}.travel-info dl div{border-top:1px solid #adbab0;padding:17px 0}.travel-info dt{font-size:.75rem;font-weight:800}.travel-info dd{margin:8px 0 0;line-height:1.5}.travel-info dd small{font-size:.76rem}.travel-checklist{background:#f8efe1}.travel-checklist h3{margin:10px 0 22px;font-size:2rem}.travel-checklist .check{margin:14px 0}.demo-family{--d-bg:#faecda;--d-ink:#4a3b31;--d-accent:#b4553c}.demo-family h1,.demo-family h2,.demo-family h3{font-family:Avenir Next,Noto Sans TC,sans-serif;font-weight:800}.family-hero{background:#d8bda5;grid-template-columns:.8fr 1.2fr;min-height:480px;margin-top:35px;display:grid}.family-hero-copy{flex-direction:column;justify-content:center;padding:clamp(30px,5vw,60px);display:flex}.family-hero-copy h1{margin:18px 0;font-size:clamp(3.3rem,6vw,6rem);line-height:1.03}.family-hero-copy p{max-width:440px;font-size:1.07rem}.family-jump{border-bottom:1px solid;align-self:start;margin-top:12px;padding-bottom:5px;font-size:.86rem;font-weight:800;text-decoration:none}.family-hero>img{object-fit:cover;width:100%;height:100%;min-height:480px}.family-intro{grid-template-columns:.7fr 1.3fr;gap:7vw;padding:82px 0;display:grid}.family-intro h2{margin:14px 0}.family-highlights{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:14px;display:grid}.family-highlights article{background:#fff8ed;border-top:4px solid #bc6c4b;min-width:0;padding:28px 19px}.family-highlights span{font-size:.73rem;font-weight:800}.family-highlights h3{margin:32px 0 10px;font-size:1.3rem}.family-highlights p{margin:0;font-size:.84rem}.family-content{grid-template-columns:1.25fr .75fr;gap:24px;display:grid}.family-sessions,.family-parents{background:#fffaf1;border:1px solid #bd9e85;border-radius:20px;padding:clamp(26px,4vw,50px)}.family-sessions h2,.family-parents h2{margin:15px 0}.family-tabs{margin:25px 0}.family-tabs button{border-radius:30px}.family-session-card{background:#f3d9c4;border-radius:10px;gap:8px;margin-bottom:25px;padding:24px 25px;display:grid}.family-session-card span{letter-spacing:.12em;font-size:.7rem;font-weight:800}.family-session-card strong{font-size:1.2rem}.family-session-card p{margin:0}.family-sessions #show-flow{border-radius:30px}#family-flow{margin-top:30px}.family-steps{padding:0;list-style:none}.family-steps li{border-bottom:1px solid #d7c7b9;gap:18px;padding:13px 0;display:flex}.family-steps span{color:var(--d-accent);font-size:.72rem;font-weight:800}.family-parents ul{padding-left:20px;line-height:1.95}.family-parents li+li{margin-top:9px}.family-note{background:#e8eacb;border-radius:14px;margin-top:40px;padding:22px;font-size:.86rem;line-height:1.7}.family-note strong{font-size:1.1rem}.demo-interactive{--d-bg:#1c2628;--d-ink:#f2e6d2;--d-accent:#b7834f}.demo-interactive .demo-top{border-color:#687270}.demo-interactive h1,.demo-interactive h2,.demo-interactive h3{font-family:Georgia,Noto Serif TC,serif;font-weight:400}.exhibit-hero{grid-template-columns:.65fr 1.35fr;align-items:end;gap:5vw;padding:80px 0 42px;display:grid}.exhibit-heading h1{margin:24px 0;font-size:clamp(4rem,8vw,8.5rem);line-height:.98}.exhibit-heading>p:last-child{max-width:390px;font-size:1.06rem}.exhibit-hero figure{margin:0}.exhibit-hero img{aspect-ratio:1.55;object-fit:cover;width:100%;display:block}.exhibit-hero figcaption{color:#c6baaa;letter-spacing:.08em;padding:10px 0;font-size:.76rem}.exhibit-intro{border-top:1px solid #647170;grid-template-columns:.5fr 1.5fr;gap:40px;padding:28px 0 80px;display:grid}.exhibit-intro span{letter-spacing:.1em;color:#d5b58a;font-size:.72rem}.exhibit-intro p{max-width:690px;margin:0;font-size:1.08rem}.exhibit-room{border:1px solid #65716e;grid-template-columns:.85fr 1.15fr;display:grid}.exhibit-object,.exhibit-task{min-width:0;padding:clamp(25px,4vw,50px)}.exhibit-object{background:#293333;border-right:1px solid #65716e}.exhibit-object-image{height:310px;margin:25px 0;overflow:hidden}.exhibit-object-image img{object-fit:cover;object-position:left center;width:100%;height:100%;transform:scale(1.4)}.exhibit-object h2{margin:0 0 12px;font-size:2.3rem}.exhibit-object p:last-child{font-size:.9rem}.exhibit-task{background:#202d2f}.exhibit-task progress{margin:8px 0 55px}.exhibit-clue{letter-spacing:.12em;font-size:.75rem;color:#d2ae82!important}.exhibit-task h2{margin:12px 0 18px;font-size:clamp(2rem,3.4vw,3.4rem)}.exhibit-task #question-hint{font-size:.9rem}.demo-interactive .demo-choice-list{margin:30px 0}.demo-interactive button{color:#20302d;background:#e7d6b8;border-color:#aaafa8}.demo-interactive button.secondary{color:#f2e6d2;background:0 0}.demo-interactive button:hover,.demo-interactive button[aria-pressed=true]{color:#1b2829;background:#b7834f;border-color:#b7834f}.demo-interactive .demo-result{color:#f2e6d2;background:#324042}.exhibit-endnote{padding:30px 0 0;font-size:.8rem;color:#c4b8a9!important}@media (width<=900px){.travel-layout,.family-content,.exhibit-room{grid-template-columns:1fr}.travel-sidebar,.family-hero{grid-template-columns:1fr 1fr}.family-intro{grid-template-columns:1fr;gap:25px}.exhibit-hero{grid-template-columns:1fr;gap:10px}.exhibit-heading h1{margin-bottom:10px}.exhibit-hero figure{max-width:720px}.exhibit-object{border-bottom:1px solid #65716e;border-right:0}}@media (width<=700px){.demo{padding:16px 0 70px}.demo-top,.demo-shell{width:calc(100% - 32px)}.demo-top{flex-direction:column;gap:8px}.travel-cover,.travel-cover-copy{min-height:440px}.travel-cover-copy{justify-content:end;padding:30px}.travel-cover:after{background:linear-gradient(#0d1f1d21 20%,#0d1f1de0)}.travel-cover-index{bottom:12px;right:18px}.travel-meta{flex-wrap:wrap;font-size:.7rem}.travel-intro{grid-template-columns:1fr;gap:15px;padding:60px 0}.travel-intro .demo-eyebrow{grid-column:1;margin:0}.travel-day{padding:22px}.travel-day-header{flex-direction:column;gap:0}.travel-day-header>span{margin-bottom:16px}.travel-sidebar{grid-template-columns:1fr}.travel-timeline li{grid-template-columns:60px 1fr;gap:10px}.family-hero{grid-template-columns:1fr;margin-top:22px}.family-hero-copy{padding:32px}.family-hero>img{aspect-ratio:1.5;min-height:0;max-height:280px}.family-intro{padding:65px 0}.family-highlights{grid-template-columns:1fr}.family-highlights article{padding:18px}.family-highlights h3{margin:10px 0}.family-sessions,.family-parents{padding:24px}.exhibit-hero{padding:65px 0 35px}.exhibit-intro{grid-template-columns:1fr;gap:12px;padding-bottom:50px}.exhibit-object,.exhibit-task{padding:25px}.exhibit-object-image{height:220px}.exhibit-task progress{margin-bottom:35px}}@media (prefers-reduced-motion:reduce){.demo *{scroll-behavior:auto}}
