/* v74: supplied three-cottage illustration, copy left / art right. */
.cottage-home{--cottage-paper:#fff;--cottage-ink:#183366;--paper:#fff;--navy:#183366;--ink:#223653;--muted:#586c82;--line:#dce5ef;background:var(--cottage-paper)}
.cottage-home .site-header{background:var(--cottage-paper);border:0}
.cottage-home .header-inner{height:82px;border-bottom:1px solid #e0e7f0;gap:22px}
.cottage-home .site-header .brand{width:176px}
.cottage-home .site-header nav{font-size:12px;gap:clamp(12px,1.4vw,21px)}
.cottage-home .site-header .nav-student{background:#edf4fd;border-color:#d4e2f4}
.cottage-home .menu-toggle{background:var(--cottage-paper)}
.cottage-cover{width:min(1360px,calc(100% - 72px));margin-inline:auto;display:grid;grid-template-columns:38% 62%;align-items:center;padding:24px 0;min-height:450px;height:calc(100svh - 140px);max-height:790px}
.cottage-copy{position:relative;z-index:1;padding:0 12px 18px 12px}
.cottage-kicker{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.14em;line-height:1.8;color:#536e8e;margin:0 0 25px}
.cottage-kicker>span{font-size:12px;color:#bc934d;line-height:1}
.cottage-copy h1{font-family:var(--serif);font-size:clamp(36px,3.8vw,54px);line-height:1.48;letter-spacing:.015em;font-weight:600;color:var(--cottage-ink);margin:0}
.cottage-copy h1>span{color:#24477e;white-space:nowrap}
.cottage-lead{font-size:16px;line-height:1.95;color:#526780;letter-spacing:.01em;margin:24px 0 27px}
.cottage-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:47px;padding:11px 23px;font-size:14px;font-weight:600;line-height:1.8;color:#fff;background:#183366;border:1px solid #183366;border-radius:4px;transition:background .2s,box-shadow .2s}
.cottage-cta>span{color:#fff;font-size:21px;line-height:1}
.cottage-cta:hover{background:#24477e;color:#fff;box-shadow:0 5px 15px #18336617}
.cottage-art{width:100%;max-width:min(930px,calc((100svh - 188px)*1.2793));aspect-ratio:1204/941;justify-self:end;overflow:hidden;margin:0}
.cottage-scene{position:relative;width:138.888889%;margin-left:-38.888889%;container-type:inline-size}
.cottage-illustration{filter:brightness(1.025) contrast(1.035);display:block;width:100%;max-width:none;height:auto}
.cottage-home .cottage-features .pillars{margin-top:28px}
@media(max-width:1100px){
 .cottage-cover{width:calc(100% - 48px);grid-template-columns:37% 63%}
 .cottage-copy{padding-left:6px;padding-right:5px}
 .cottage-copy h1{font-size:38px}
 .cottage-lead{font-size:14px;margin:21px 0 24px}
 .cottage-kicker{font-size:10px;letter-spacing:.035em;gap:7px;margin-bottom:20px}
 .cottage-cta{font-size:13px;gap:31px;padding:10px 20px}
}
@media(max-width:999px){
 .cottage-home .header-inner{height:76px}
 .cottage-home .site-header .brand{width:168px}
 .cottage-home .site-header nav{background:var(--cottage-paper);font-size:14px}
 .cottage-cover{height:calc(100svh - 134px)}
}
@media(min-width:761px) and (max-width:899px){
 .cottage-cover{width:calc(100% - 40px);grid-template-columns:39% 61%}
 .cottage-copy h1{font-size:33px}
 .cottage-lead{font-size:13px}
}
@media(min-width:761px) and (max-height:619px){
 .cottage-cover{height:auto;min-height:480px;padding:26px 0}
 .cottage-art{max-width:100%}
 .cottage-copy h1{font-size:37px}
 .cottage-lead{font-size:14px;margin:18px 0 23px}
}
@media(max-width:760px){
 .cottage-cover{height:auto;max-height:none;min-height:0;width:calc(100% - 32px);grid-template-columns:1fr;padding:28px 0 12px;gap:23px}
 .cottage-copy{padding:0;text-align:center}
 .cottage-kicker{justify-content:center;font-size:10px;letter-spacing:.07em;margin-bottom:16px}
 .cottage-kicker>span{font-size:15px}
 .cottage-copy h1{font-size:clamp(28px,5.7vw,39px);line-height:1.55;letter-spacing:-.025em}
 .cottage-title-break{display:none}
 .cottage-lead{font-size:14px;line-height:1.85;margin:17px 0 22px}
 .cottage-lead{max-width:330px;margin-inline:auto}
 .cottage-cta{min-height:45px;font-size:13px;padding:9px 21px;gap:42px}
 .cottage-art{max-width:580px;justify-self:center}
 .cottage-home .cottage-features .pillars{margin-top:26px}
}
@media(max-width:420px){
 .cottage-home .header-inner{height:76px}
 .cottage-home .site-header .brand{width:158px}
 .cottage-home .menu-toggle{min-height:42px;font-size:12px;padding:7px 14px}
 .cottage-cover{padding-top:24px;gap:20px}
 .cottage-copy h1{font-size:29px}
 .cottage-lead{font-size:13px;max-width:285px}
}
@media(max-width:359px){
 .cottage-home .site-header .brand{width:143px}
 .cottage-copy h1{font-size:25px}
 .cottage-kicker{font-size:9px}
 .cottage-lead{font-size:12px;max-width:264px}
}

/* v74b: recent announcements stay visible without taking over the hero. */
.cottage-announcements{background:#eef4fc;border-bottom:1px solid #dbe5f3;color:#244a76}
.cottage-announcements-inner{min-height:58px;display:flex;align-items:center;gap:24px;font-size:12px;line-height:1.6}
.cottage-announcements-label{flex:none;font-size:11px;letter-spacing:.09em;color:#315c8e;font-weight:600}
.cottage-notice{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap;padding:12px 0}
.cottage-notice strong{font-weight:500}
.cottage-notice-date{font-variant-numeric:tabular-nums;color:#234e82;white-space:nowrap}
.cottage-notice-detail{color:#586e89;font-size:11px}
.cottage-notice-arrow{color:#234e82;font-size:16px}
.cottage-notice-pending{border-left:1px solid #ccdced;padding-left:24px}
.cottage-notice[href]:hover strong{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){
 .cottage-announcements-inner{gap:15px;font-size:11px;width:calc(100% - 48px)}
 .cottage-notice{gap:8px}
 .cottage-notice-pending{padding-left:15px}
 .cottage-notice-detail{font-size:10px}
}
@media(max-width:760px){
 .cottage-announcements-inner{width:calc(100% - 32px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 14px;padding:9px 0;min-height:0;font-size:11px}
 .cottage-announcements-label{grid-row:1/3;align-self:start;padding-top:4px;font-size:10px;letter-spacing:.02em}
 .cottage-notice{padding:3px 0;gap:2px 8px}
 .cottage-notice-pending{border:0;padding-left:0;grid-column:2}
 .cottage-notice-arrow{font-size:13px}
 .cottage-kicker>span{font-size:11px}
}

/* v74c: logo-led blue, white hero, and clearer action hierarchy. */
.cottage-home .site-header .nav-student{color:#183366;background:#edf4fd;border-color:#d4e2f4}
.cottage-home .site-header .nav-student:hover{background:#e1edfc}
.cottage-home .menu-toggle{border-color:#d5e0ec}
.cottage-home .cottage-features .pillars article:nth-child(2){background:#eaf2fc}
.cottage-home .cottage-features .pillars article:nth-child(3){background:#f0f4fa}
.cottage-home .editorial-offer{--eo-ink:#183366;--eo-muted:#596c82;--eo-rule:#dce5f0;background:#f1f5fb;box-shadow:0 0 0 100vmax #f1f5fb}
.cottage-home .editorial-offer .eo-card{border-color:#d7e2ef;box-shadow:0 12px 30px #1a427314,0 2px 5px #1a427306}
.cottage-home .editorial-offer .eo-reading-proof{background:#e5eefb;border-color:#d0dff1}
.cottage-home .editorial-offer .eo-proof-metric{border-color:#cbdcf0;color:#4e6888}
.cottage-home .editorial-offer .eo-proof-metric>p,
.cottage-home .editorial-offer .eo-proof-metric>span,
.cottage-home .editorial-offer .eo-proof-heading>p,
.cottage-home .editorial-offer .eo-scope-note{color:#586e89}
.cottage-home .reason-row:nth-child(4){background:#eff5fc}
.cottage-home .jg-open .jg-open-step:nth-child(2){background:#eff5fc;border-color:#d6e3f3}
.cottage-home .jg-class-main{background:#183366;border-color:#183366}
.cottage-home .jg-tool-card .jg-reading-mark{background:#e8f0fc;color:#315d94}
.cottage-home .jg-hub-links>a:hover{background:#edf4ff;border-color:#6386b1}
.cottage-home .closing{background:#eaf2fd}

.cottage-home .jg-open .jg-open-step:nth-child(2) .jg-step-number{color:#526b99}
.cottage-home .jg-class-card,.cottage-home .jg-hub-links>a{color:#183366}
.cottage-home .jg-class-main{color:#fff}
.cottage-home .jg-class-card:hover{border-color:#7b98c0}
.cottage-home .myon-cohort{border-left-color:#8aa6cf}

/* v74d: real platform screenshots, preserved as pixels, on the original illustration. */
.cottage-screen{position:absolute;background:#fff;overflow:hidden;padding:.4cqw;border-radius:.65cqw;box-shadow:0 .13cqw .35cqw #19334c33;transform-origin:center;line-height:0}
.cottage-screen img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:left top;border-radius:.25cqw}
.cottage-screen-brainpop{left:54.61%;top:12.8%;width:11.96%;aspect-ratio:200/169;transform:rotate(-8deg)}
.cottage-screen-epic{left:67.45%;top:17.32%;width:8.97%;aspect-ratio:150/186;transform:rotate(8deg)}
.cottage-screen-myon{left:58.75%;top:40.75%;width:14.85%;aspect-ratio:244/167;transform:rotate(-5deg)}