.activities-page{background:#fff}.activity-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;min-height:490px;padding-top:60px;padding-bottom:45px;overflow:hidden}.activity-hero h1{font-size:clamp(48px,5.1vw,76px);line-height:1.03;margin:16px 0 25px}.activity-hero h1 em{font-style:normal;color:var(--blue)}.activity-hero .lead{font-size:22px;line-height:1.6}.activity-note{margin:20px 0 0;font-size:14px;color:#506780}.activity-hero-art{position:relative;height:390px;isolation:isolate}.activity-hero-art>img{position:absolute;height:440px;width:782px;max-width:none;object-fit:contain;bottom:-58px;left:50%;transform:translateX(-50%);z-index:2}.paper-decoration{position:absolute;left:3%;top:32px;width:180px;height:226px;background:#eaf6ff;transform:rotate(-10deg);border:2px solid #d0e9f9;border-radius:6px;padding:22px 18px;box-shadow:0 9px 18px #082c5910}.paper-decoration span{font-weight:900;color:var(--blue);font-size:22px;line-height:1.1;display:block}.paper-decoration i{display:block;width:70%;height:6px;background:#add8f5;margin-top:22px}.paper-decoration i:nth-last-child(1){width:45%}.jin-note{position:absolute;right:0;bottom:18px;z-index:3;transform:rotate(4deg);font-size:17px;line-height:1.25;font-weight:900;color:var(--navy);background:var(--yellow);padding:15px 20px;border-radius:7px;box-shadow:0 4px 0 #e6ab00}.activity-collection{padding-top:58px;padding-bottom:72px;border-top:1px solid #e1ecf2}.activity-section-head{display:flex;justify-content:space-between;gap:25px;align-items:center}.activity-section-head h2{font-size:clamp(32px,3vw,45px);margin:10px 0 16px}.activity-section-head p{max-width:640px}.preview-badge{flex:none;color:#375978;background:#edf6fc;border-radius:20px;padding:7px 15px;font-size:13px;font-weight:800;white-space:nowrap}.activity-filter-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:15px 0 34px}.activity-filters{display:flex;gap:9px;flex-wrap:wrap}.activity-filters button{padding:9px 17px;border:1px solid #d5e3ed;border-radius:30px;color:var(--navy);background:#fff;font-size:15px;font-weight:bold;cursor:pointer;min-height:44px}.activity-filters button:hover{border-color:var(--blue)}.activity-filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}#activity-count{font-size:13px;white-space:nowrap;margin:0;color:#536b81}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}.activity-card{min-width:0;border:1px solid #dfe8ee;border-radius:16px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.activity-card:hover{box-shadow:0 10px 26px #082c5910;transform:translateY(-2px)}.activity-card[hidden]{display:none}.activity-cover{height:245px;position:relative;overflow:hidden;background:#eaf6ff;border-bottom:1px solid #e3edf4}.activity-type{position:absolute;z-index:2;top:15px;left:16px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:900;background:#fff;padding:5px 10px;border-radius:20px}.activity-cover-art{position:absolute;inset:42px 14px 36px;display:grid;place-items:center}.activity-cover-art img{max-width:100%;width:auto;height:100%;object-fit:contain}.cover-crew{background:#eaf6ff}.cover-crew .activity-cover-art img{height:170px}.cover-hugo{background:#fff5cf}.cover-hugo .activity-cover-art{inset:42px 12px 52px}.cover-hugo .activity-cover-art img{height:130px;width:100%}.cover-maya{background:#e9f6ef}.cover-maya .activity-cover-art{inset:15px 25px -70px 110px}.cover-maya .activity-cover-art img{height:250px}.cover-trail{background:#edf7ee}.cover-gus{background:#eef1fc}.cover-gus .activity-cover-art{inset:25px 0 -50px}.cover-gus .activity-cover-art img{height:245px}.cover-badge{background:#fff4df}.cover-caption{position:absolute;bottom:13px;left:15px;right:15px;font-weight:900;font-size:20px;text-align:center;color:var(--navy);line-height:1.1;z-index:2}.count-bubbles{position:absolute;bottom:41px;left:15px;right:15px;display:flex;justify-content:center;gap:12px}.count-bubbles span{display:grid;place-items:center;font-size:12px;font-weight:900;width:23px;height:23px;background:#fff;border-radius:50%}.shape-row{position:absolute;left:28px;top:63px;display:flex;flex-direction:column;color:#137962;font-size:34px;font-weight:bold;line-height:1.2}.activity-card-copy{padding:22px 24px 24px}.activity-meta{font-size:12px;font-weight:800;color:#52718a;margin:0 0 9px}.activity-card h3{font-size:25px;margin:0 0 12px}.activity-card-copy>p:not(.activity-meta){font-size:16px;line-height:1.5;min-height:48px;margin:0 0 20px}.activity-preview-link{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:2px solid #e2edf5;padding:9px 0;background:none;color:var(--blue);font-size:15px;font-weight:900;cursor:pointer;text-align:left;min-height:44px}.activity-preview-link:hover{color:var(--navy);border-color:var(--blue)}.activity-preview-link span{font-size:24px;line-height:1}.pdf-soon{display:block;color:#6b7d8d;font-size:12px;margin-top:12px}.trail-icons{display:flex;gap:20px;align-items:center}.leaf-icon{display:block;width:57px;height:83px;background:#62a463;border-radius:0 70% 0 70%;transform:rotate(12deg);position:relative}.leaf-icon:after{content:"";position:absolute;width:2px;height:73px;left:28px;top:8px;background:#e6f4d5;transform:rotate(-25deg)}.sun-icon{font-size:77px;color:#ecaa00;line-height:1}.bird-icon{font-size:75px;color:#2b7bc0;transform:rotate(12deg)}.explorer-badge{background:#fff;border:5px solid var(--navy);outline:5px solid var(--yellow);width:146px;height:146px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 9px 0 #e9d29b;color:var(--navy);transform:rotate(-5deg)}.explorer-badge span{font-size:10px;font-weight:900;letter-spacing:.1em}.explorer-badge b{font-size:49px;line-height:1.2;color:var(--yellow);text-shadow:1px 1px 0 var(--navy)}.explorer-badge strong{font-size:16px;letter-spacing:.04em}.activity-together{border-top:4px solid var(--yellow);display:grid;grid-template-columns:1fr 1.2fr;gap:45px;padding-top:40px;padding-bottom:40px}.together-heading{display:flex;gap:18px;align-items:center}.together-heading h2{font-size:36px;margin:0}.together-star{font-size:52px;color:#efb300}.activity-together p{margin-bottom:12px}.activity-together .fine{margin:0}.activity-dialog{border:0;padding:38px;border-radius:20px;max-width:1000px;width:calc(100% - 40px);max-height:90vh;color:var(--ink);box-shadow:0 20px 80px #00193655;overflow:auto}.activity-dialog::backdrop{background:#082c59aa;backdrop-filter:blur(4px)}.activity-close{position:absolute;right:13px;top:10px;border:0;background:white;border-radius:50%;width:42px;height:42px;font-size:32px;line-height:1;cursor:pointer;color:var(--navy);z-index:2}.activity-dialog-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.activity-dialog-sheet{padding:22px;background:#edf5fa;border-radius:12px}.sample-sheet{background:#fff;aspect-ratio:210/297;box-shadow:0 5px 14px #082c5915;padding:24px 22px 34px;text-align:center;position:relative;font-size:14px;border:1px solid #e0e7ed;overflow:hidden}.sheet-brand{display:flex;justify-content:space-between;font-size:10px;font-weight:900;color:var(--navy);border-bottom:3px solid var(--yellow);padding-bottom:9px}.sheet-brand span{font-size:8px}.sample-sheet h3{font-size:25px;margin:20px 0 18px}.sample-sheet p{font-size:13px}.sheet-crew{width:100%;height:220px;object-fit:contain;margin:10px auto}.sheet-small{font-size:11px!important;line-height:1.5}.sheet-footer{position:absolute;bottom:13px;left:15px;right:15px;font-size:8px;color:#536b81}.pencil-colours{display:flex;gap:10px;justify-content:center;margin:5px 0 18px}.pencil-colours i{width:14px;height:14px;border-radius:50%;background:#086dcc}.pencil-colours i:nth-child(2){background:#ffd338}.pencil-colours i:nth-child(3){background:#189b86}.pencil-colours i:nth-child(4){background:#eb6751}.pencil-colours i:nth-child(5){background:#ad70ad}.rock-count{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:42px auto;max-width:190px}.rock-count i{display:block;width:65px;height:55px;border:3px solid var(--navy);border-radius:35% 52% 30% 40%;transform:rotate(8deg);background:#e9f1f7}.rock-count i:nth-child(even){transform:rotate(-15deg)}.answer-numbers{font-size:28px;font-weight:900;margin:30px 0 12px;word-spacing:5px}.shape-worksheet{display:flex;justify-content:space-around;margin:27px 0}.shape-worksheet>span{font-size:50px;line-height:1}.shape-worksheet small{display:block;font-size:11px;margin-top:10px}.draw-space{border:2px dashed #bad0df;padding:13px;font-size:11px;color:#526c80;min-height:135px;text-align:left;border-radius:3px}.hunt-list{padding:0;text-align:left;list-style:none;margin:30px 0;font-size:12px;display:grid;gap:20px}.hunt-list li{display:flex;gap:12px;align-items:center}.hunt-list li:before{content:"";width:14px;height:14px;border:2px solid var(--navy);flex:none;border-radius:2px}.sample-badge .explorer-badge{margin:46px auto 35px;width:175px;height:175px}.sample-badge .name-line{font-size:13px}.paper-bridge{position:relative;height:110px;margin:35px 5px 24px}.paper-bridge i,.paper-bridge b{position:absolute;bottom:0;left:0;width:29%;height:60px;border:3px solid var(--navy);border-radius:4px;background:#f7e58f;box-shadow:inset 0 -8px #fff}.paper-bridge b{left:auto;right:0;background:#9bd0f4}.paper-bridge span{position:absolute;left:6%;right:6%;top:39px;height:14px;border:3px solid var(--navy);background:#fff;z-index:1;transform:rotate(-2deg)}.activity-dialog-copy h2{font-size:38px;margin-bottom:20px}.activity-dialog-copy p,.activity-dialog-copy li{font-size:17px}.activity-dialog-copy ol{padding-left:24px;margin:22px 0 28px}.activity-dialog-copy li{padding-left:5px;margin:10px 0}.printable-status{font-size:14px!important;color:#52718a;padding-top:16px;border-top:1px solid #dce8ef}.activity-close-bottom{font-size:15px;padding:12px 18px}.activities-page button:focus-visible{outline-color:var(--blue);outline-offset:4px;box-shadow:none}
@media(max-width:1000px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-hero-art>img{left:56%}.paper-decoration{left:-10px}.jin-note{right:-15px}.activity-section-head{align-items:flex-start}.activity-filter-bar{align-items:flex-start;flex-direction:column}.activity-dialog{padding:35px 24px}.activity-dialog-layout{gap:25px}.sample-sheet{padding:20px 15px}.sheet-crew{height:170px}}
@media(max-width:650px){.activity-hero{grid-template-columns:1fr;padding-top:40px;gap:0;padding-bottom:25px}.activity-hero h1{font-size:52px}.activity-hero .lead{font-size:20px}.activity-hero-art{height:310px;max-width:340px;width:100%;justify-self:center}.activity-hero-art>img{height:345px;width:614px;bottom:-40px;left:52%}.paper-decoration{top:35px;width:146px;height:175px;left:2px;padding:18px 14px}.paper-decoration span{font-size:18px}.paper-decoration i{margin-top:15px}.jin-note{font-size:14px;right:0;bottom:7px;padding:12px 15px}.activity-collection{padding-top:40px;padding-bottom:45px}.activity-section-head{display:block}.preview-badge{display:inline-block;margin-bottom:14px}.activity-section-head h2{font-size:36px}.activity-filters{gap:7px}.activity-filters button{font-size:14px;padding:8px 14px}.activity-grid{grid-template-columns:1fr;gap:24px}.activity-cover{height:250px}.activity-card-copy>p:not(.activity-meta){min-height:0}.activity-together{grid-template-columns:1fr;gap:18px;padding-top:30px}.together-heading h2{font-size:32px}.activity-dialog{padding:45px 16px 22px;width:calc(100% - 20px);max-height:94vh}.activity-dialog-layout{grid-template-columns:1fr}.activity-dialog-sheet{padding:15px;max-width:360px;width:100%;margin:auto}.sample-sheet{min-height:435px}.activity-dialog-copy{padding:0 8px}.activity-dialog-copy h2{font-size:32px}.sheet-crew{height:220px}}
.cover-caption{display:none}.activity-dialog-layout>*{min-width:0}.activity-dialog-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:650px){.activity-dialog-layout{grid-template-columns:minmax(0,1fr)}.sample-sheet{min-height:480px;aspect-ratio:auto}.sheet-crew{height:190px}}
@media(prefers-reduced-motion:reduce){.activity-card{transition:none}.activity-card:hover{transform:none}}

/* Colouring and games setting for Jin. */
.activity-hero.wrap{max-width:none;width:100%;padding-left:max(24px,calc((100vw - 1184px)/2));padding-right:max(24px,calc((100vw - 1184px)/2));background:linear-gradient(90deg,rgba(8,44,89,.96),rgba(8,44,89,.78) 30%,rgba(8,44,89,.12) 63%,transparent),url("/assets/web/activities-banner-v1-1279.webp") center/cover;min-height:590px;border-bottom:6px solid #ffd338;color:white}
.activity-hero h1,.activity-hero h1 em{color:#ffd338}.activity-hero .eyebrow,.activity-hero .activity-note{color:#fff2a0}.activity-hero .paper-decoration,.activity-hero .jin-note{display:none}
@media(max-width:650px){.activity-hero.wrap{background-image:linear-gradient(180deg,rgba(8,44,89,.95),rgba(8,44,89,.7) 40%,transparent 80%),url("/assets/web/activities-banner-v1-1279.webp");background-position:center;min-height:0}}

/* Anchor Jin to the banner baseline, matching Maya's prominence. */
.activity-hero{position:relative}
.activity-hero-art{position:absolute;inset:0;pointer-events:none;height:auto}
.activity-hero-art>img{height:550px;width:978px;bottom:-75px;left:76%;transform:translateX(-50%)}
.activity-hero-copy{position:relative;z-index:3;grid-column:1}
@media(max-width:650px){.activity-hero.wrap{padding-bottom:370px}.activity-hero-art{max-width:none;width:100%;height:auto}.activity-hero-art>img{height:410px;width:729px;bottom:-55px;left:58%}}


.activity-hero-art>img{left:72%}
@media(max-width:650px){.activity-hero-art>img{left:54%}}

/* Real printable previews use the exact rendered PDF page. */
.activity-cover.activity-cover-ready{height:300px;display:flex;align-items:center;justify-content:center;background:#eef7fd;padding:24px}
.activity-cover-ready>img{height:100%;width:100%;object-fit:contain;object-position:center}
.activity-download-link{display:block;width:fit-content;margin-top:14px;color:#082c59;font-weight:800;text-underline-offset:4px}
.pdf-ready{display:block;color:#006d72;font-size:14px;font-weight:700;margin-top:9px}
.sample-sheet.sample-printable{padding:0;background:#fff;width:100%;min-height:0;height:auto;aspect-ratio:210/297;box-shadow:0 10px 35px #082c5920}
.sample-printable>img{width:100%;height:auto;display:block}
.activity-dialog-copy #activity-download{margin:0 0 18px}
.activity-dialog-copy #activity-download[hidden]{display:none}