@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#141a1a;--teal:#00afbf;--gold:#f5c518;--paper:#f7f7f1;--muted:#5c6666}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #008999;outline-offset:4px}.topline{background:var(--ink);color:white;padding:10px 5%;font-size:10px;letter-spacing:1.5px;font-weight:700;display:flex;justify-content:space-between}.topline span{color:#b1bcbc}header{height:91px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dcd7;background:var(--paper);position:sticky;top:0;z-index:10}.brand{display:flex;gap:9px;align-items:center;font:800 27px 'Barlow Condensed',Impact,sans-serif;white-space:nowrap}.brand img{height:62px;width:57px;object-fit:contain;mix-blend-mode:multiply}.brand .light{font-weight:600}.brand small{font-size:12px;display:block;letter-spacing:5px}nav{display:flex;gap:29px;font-weight:600;font-size:13px}nav a:hover{color:#00828e}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 23px;font-weight:700;border:1px solid var(--ink);font-size:13px;border-radius:2px;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn.small{padding:14px 18px;font-size:11px}.black{background:var(--ink);color:white}.yellow{background:var(--gold);color:var(--ink)}.outline{background:transparent}.hero{display:grid;grid-template-columns:1.04fr 1fr;min-height:620px}.hero-copy{padding:59px 7% 25px 9%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;line-height:1.6}.dot{display:inline-block;height:7px;width:7px;background:var(--teal);border-radius:50%;margin-right:7px}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;line-height:.99;margin:0;font-weight:800}h1{font-size:clamp(60px,6.8vw,108px);letter-spacing:-1.5px;margin:25px 0}em{font-style:normal;color:#0098a7}.hero-copy>p{max-width:420px;color:var(--muted);line-height:1.8;font-size:14px}.actions{display:flex;align-items:center;gap:24px;margin-top:27px}.text-link{font-size:12px;font-weight:700}.hero-foot{margin-top:50px;padding-top:24px;border-top:1px solid #d5dad4;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.7px}.hero-image{position:relative;overflow:hidden;background:#12302c;color:white}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.5) saturate(.7)}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b211ed9,transparent 70%)}.frame-top{position:absolute;z-index:2;top:30px;left:30px;right:30px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:2px}.frame-top i{display:inline-block;width:7px;height:7px;background:#ef4e44;border-radius:50%;margin-left:6px}.viewfinder{position:absolute;z-index:2;inset:80px 40px 150px;border:1px solid #ffffff40}.viewfinder:after{content:'+';position:absolute;top:42%;left:48%;color:#ffffff80;font:40px monospace}.image-caption{position:absolute;z-index:2;bottom:42px;left:36px;display:grid;gap:17px}.image-caption span{font:9px monospace;letter-spacing:2px}.image-caption strong{font:700 66px/.95 'Barlow Condensed',Impact,sans-serif}.stamp{position:absolute;right:28px;bottom:48px;background:var(--gold);color:var(--ink);z-index:3;transform:rotate(7deg);border-radius:50%;width:108px;height:108px;display:flex;flex-direction:column;justify-content:center;align-items:center;font:800 20px/.98 'Barlow Condensed',Impact,sans-serif}.ticker{background:var(--teal);display:flex;justify-content:space-around;gap:18px;padding:18px;overflow:hidden;white-space:nowrap;font:700 22px 'Barlow Condensed',Impact,sans-serif}.ticker b{font-size:24px}.section{padding:77px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:25px}h2{font-size:clamp(38px,4vw,60px);letter-spacing:-.5px;margin-top:13px}.section-head p{color:var(--muted);font-size:13px;line-height:1.7;margin:0;max-width:350px}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cdd3cd}.path{padding:28px 24px;display:flex;flex-direction:column;align-items:start;background:transparent;border:0;border-right:1px solid #cdd3cd;text-align:left;color:inherit;min-height:267px;transition:background .2s}.path:last-child{border:0}.path:hover{background:#e5efea}.path .path-number{font:700 39px 'Barlow Condensed',Impact,sans-serif;color:#9da9a2}.path h3{font-size:30px;margin:22px 0 14px}.path .course{font-size:9px;letter-spacing:1px}.path-bottom{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:24px;font-size:10px}.path-bottom b{font-size:19px}.framework-note{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;margin-top:18px}.framework-note a{font-weight:700}.learning{background:#edf0e9;border-top:1px solid #dce1d9}.filters{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #c6d0c7;padding-bottom:21px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{border:1px solid #ccd4cc;background:transparent;padding:10px 14px;font-size:11px;border-radius:2px;color:var(--ink)}.tab.active{background:var(--ink);color:white;border-color:var(--ink)}.search{display:flex;align-items:center;background:white;padding:9px 12px;gap:10px;border:1px solid #d7ddd5}.search span{font-size:23px}.search input{border:0;outline:0;background:transparent;width:190px;font-size:11px}.results-line{display:flex;justify-content:space-between;align-items:center;margin:23px 0;color:var(--muted);font-size:10px}.subtle{border:0;background:none;color:inherit;font-size:11px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.lesson-card{background:var(--paper);border:1px solid #d5ddd2}.lesson-art{height:190px;position:relative;overflow:hidden;background:#123d3b;color:#eee}.lesson-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.65);transition:transform .35s}.lesson-card:hover img{transform:scale(1.05)}.lesson-art.art-1{background:#d4b541}.lesson-art.art-2{background:#243a43}.lesson-art.art-3{background:#899993}.art-1 img{mix-blend-mode:multiply;filter:grayscale(1);object-position:bottom}.art-2 img{object-position:20%;transform:scale(1.3)}.art-3 img{object-position:80%;filter:brightness(.6) grayscale(1)}.art-label{position:absolute;left:20px;top:19px;font:9px monospace;letter-spacing:1px}.art-title{position:absolute;bottom:18px;left:20px;font:700 36px/.95 'Barlow Condensed',Impact,sans-serif;max-width:70%;text-transform:uppercase}.art-symbol{position:absolute;right:20px;bottom:20px;border:1px solid #ffffff90;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:17px}.lesson-content{padding:21px}.meta{font-size:9px;letter-spacing:.6px;display:flex;justify-content:space-between;color:var(--muted);font-weight:700}.meta span:first-child{color:#007781}.lesson-content h3{font-size:27px;line-height:1.05;margin:14px 0 11px}.lesson-content p{font-size:12px;color:var(--muted);line-height:1.7;min-height:41px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dde2d9;padding-top:17px;margin-top:19px}.open-lesson{background:none;border:0;padding:0;font-weight:700;font-size:11px}.save{border:0;background:none;font-size:20px;color:var(--ink)}.save.saved{color:#008b99}.more{display:flex;margin:33px auto 0;min-width:220px}#empty{padding:50px;text-align:center}.project-section{background:#132c2a;color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;padding:70px 5%;gap:80px}.project-intro .eyebrow{color:#b1c1b7}.project-intro h2{font-size:70px;line-height:.95;margin:24px 0}.project-intro em{color:var(--gold)}.project-intro p{font-size:13px;line-height:1.8;color:#b7c6c0;max-width:320px}.pill{display:inline-block;border:1px solid #54716b;padding:10px;font-size:8px;letter-spacing:1px;margin-top:18px}.project-row{display:flex;align-items:center;gap:25px;text-align:left;width:100%;background:none;border:0;border-top:1px solid #45605a;color:#fff;padding:28px 0}.project-row:last-child{border-bottom:1px solid #45605a}.project-row .num{font:500 40px 'Barlow Condensed',Impact,sans-serif;color:#749089}.project-row h3{font-size:33px;margin:9px 0}.project-row small{font-size:9px;color:#b6c6be;letter-spacing:1px}.project-row .arrow{margin-left:auto;color:var(--gold);font-size:26px}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.resource{padding:25px;border:1px solid #ccd5cc;background:transparent;text-align:left;position:relative}.resource .icon{font:700 25px monospace;color:#007c88;display:block;margin-bottom:27px}.resource h3{font-size:29px}.resource p{color:var(--muted);font-size:12px;line-height:1.7;min-height:42px}.resource b{font-size:10px}.resource b span{float:right}.educators{background:var(--teal);margin:0 5%;padding:52px;display:grid;grid-template-columns:1.3fr .7fr;gap:80px}.educators h2{font-size:57px}.educators p{font-size:13px;line-height:1.8;max-width:470px}.teacher-card{background:#ffffffd9;padding:30px}.teacher-card>div{border-bottom:1px solid #c2d6cf;display:flex;align-items:center;gap:25px;padding:15px 0}.teacher-card b{font:800 40px 'Barlow Condensed',Impact,sans-serif;width:70px}.teacher-card span{font-size:9px;font-weight:700;letter-spacing:.7px}.teacher-card small{font-size:10px;display:block;margin-top:17px;color:var(--muted);line-height:1.6}.standards details{border-top:1px solid #cad3cb;padding:21px 0}.standards details:last-child{border-bottom:1px solid #cad3cb}.standards summary{cursor:pointer;font-weight:600;line-height:1.5}.standards summary span{color:#007d86;margin-right:20px;font-size:11px}.standards ul{columns:2;gap:45px;padding-left:20px;color:var(--muted);font-size:12px;line-height:1.8}.standards li{break-inside:avoid;margin:9px 0}.closing{margin:0 5% 60px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:33px 0;display:flex;align-items:center;gap:25px}.closing img{width:105px;mix-blend-mode:multiply}.closing h2{font-size:58px;margin-top:7px}.closing .btn{margin-left:auto}footer{padding:40px 5%;background:var(--ink);color:#e9eee7}footer .footer-brand{font:700 27px 'Barlow Condensed',Impact,sans-serif}footer p{color:#acb8b1;font-size:12px}footer>div{display:flex;justify-content:space-between;border-top:1px solid #3c4943;margin-top:30px;padding-top:22px;font-size:9px;letter-spacing:.5px}dialog{width:min(800px,92vw);border:0;padding:0;background:var(--paper);color:var(--ink);max-height:88vh}dialog::backdrop{background:#0a2224c9;backdrop-filter:blur(4px)}.modal-top{position:sticky;top:0;background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;padding:14px 25px;z-index:1;font-size:10px;letter-spacing:1px}.modal-top button{background:none;color:#fff;border:0;font-size:21px}#modal-body{padding:35px}#modal-body h2{font-size:45px;margin:0 0 18px}#modal-body h3{font-size:27px;margin-top:26px}#modal-body p,#modal-body li{line-height:1.8;font-size:14px;color:#44534d}#modal-body .tag{display:inline-block;background:#deeee5;font-size:10px;padding:7px 10px;margin:3px}.lesson-check{padding:15px;background:#e4e9df;margin-top:20px}.lesson-check p{margin:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 23px;z-index:30;font-size:12px;display:none}button:hover.subtle{text-decoration:underline}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1050px){nav{gap:14px}.brand{font-size:23px}header>.btn{display:none}.hero-copy{padding-top:42px}.hero{min-height:580px}.hero-foot{display:none}.path{padding:22px 17px}.path h3{font-size:26px}.project-section{gap:40px}.filters{align-items:start;flex-direction:column}.educators{gap:30px;padding:35px}.educators .actions{align-items:start;flex-direction:column}.lesson-art{height:160px}}@media(max-width:700px){.topline{font-size:8px;justify-content:center}.topline span{display:none}header{height:auto;min-height:94px;flex-direction:column;gap:13px;padding:12px 5%}.brand img{height:42px;width:40px}.brand{font-size:23px}.brand small{display:inline;letter-spacing:0;margin-left:3px}nav{gap:25px;font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:36px 6%}.hero h1{font-size:72px}.hero-image{height:390px}.hero-foot{display:none}.hero-image .viewfinder{inset:70px 30px 100px}.image-caption strong{font-size:53px}.ticker{justify-content:start;font-size:19px}.section{padding:49px 6%}.section-head{align-items:start;flex-direction:column;gap:15px}h2{font-size:42px}.path-grid{grid-template-columns:1fr 1fr}.path{min-height:225px}.path:nth-child(2){border-right:0}.path:nth-child(-n+2){border-bottom:1px solid #cdd3cd}.path h3{font-size:29px}.framework-note{gap:13px;line-height:1.7;flex-direction:column}.lesson-grid{grid-template-columns:1fr}.lesson-art{height:210px}.lesson-content h3{font-size:32px}.lesson-content p{min-height:0}.filters{align-items:stretch}.search input{width:100%}.tab{padding:9px 11px;font-size:10px}.project-section{grid-template-columns:1fr;padding:48px 6%;gap:28px}.project-intro h2{font-size:62px}.project-intro p{max-width:100%}.resource-grid{grid-template-columns:1fr 1fr}.resource{padding:19px}.resource h3{font-size:27px}.educators{grid-template-columns:1fr;margin:0;padding:36px 6%}.educators h2{font-size:44px}.teacher-card{padding:23px}.standards ul{columns:1}.closing{flex-wrap:wrap;margin-bottom:40px}.closing img{width:70px}.closing h2{font-size:42px}.closing .eyebrow{font-size:8px;max-width:200px}.closing .btn{margin-left:0}footer>div{gap:20px;flex-wrap:wrap}#modal-body{padding:25px}#modal-body h2{font-size:37px}.actions{gap:16px}.btn{padding:15px 17px;gap:17px;font-size:12px}}
.material-library{background:#e7eee8;border-top:1px solid #c5d3c7}.material-controls{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.2fr;gap:15px}.material-controls label{display:flex;flex-direction:column;gap:9px;font-size:10px;font-weight:700}.material-controls select,.material-controls input{width:100%;border:1px solid #b8c9bd;border-radius:2px;background:var(--paper);padding:12px;color:var(--ink);font:12px 'DM Sans',Arial,sans-serif}.material-row{display:grid;grid-template-columns:95px 1fr 120px;gap:15px;align-items:center;border-top:1px solid #bfcfc2;padding:19px 0}.material-row small{font-size:9px;letter-spacing:.6px;color:#007785;font-weight:700}.material-row h3{font-size:25px;line-height:1.15;margin:6px 0}.material-row p{font-size:10px;color:var(--muted);margin:7px 0}.material-row .material-read{background:transparent;border:0;text-align:left;padding:0;color:inherit}.material-row .download{font-size:10px;font-weight:700;text-align:right}.material-pagination{display:flex;justify-content:center;gap:25px;align-items:center;margin-top:25px}.material-pagination span{font-size:12px}.material-pagination button:disabled{opacity:.35;cursor:default;transform:none}.material-scope{font-size:10px;color:var(--muted);line-height:1.7;margin-top:25px}.document-reading{margin-top:25px}.document-reading p{white-space:pre-wrap}.document-reading table{width:100%;border-collapse:collapse;table-layout:auto;font-size:12px}.document-reading td{border:1px solid #c6d1c5;padding:11px;min-width:80px;vertical-align:top;line-height:1.7;overflow-wrap:anywhere}.document-reading .table-scroll{overflow-x:auto;margin:18px 0}.document-reading tr:first-child{background:#e3eee5}.document-toolbar{position:sticky;top:47px;background:var(--paper);padding:10px 0;z-index:1;border-bottom:1px solid #c6d1c5}.doc-origin{font-size:10px!important}.modal-top+div{scroll-margin-top:70px}@media(max-width:700px){.material-controls{grid-template-columns:1fr 1fr}.material-row{grid-template-columns:65px 1fr;gap:10px}.material-row .download{grid-column:2;text-align:left}.material-row h3{font-size:24px}.material-pagination{gap:12px}.material-pagination .btn{font-size:11px;padding:10px}.material-controls select,.material-controls input{font-size:11px}}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Each lesson uses its own subject photograph from the 4 by 4 image sheet. */
.lesson-subject{background:#16332f;isolation:isolate}.lesson-subject .lesson-photo{position:absolute;inset:0;background-image:url(assets/lesson-subjects.png);background-size:400% 400%;background-position:var(--image-x) var(--image-y);transition:filter .25s;filter:brightness(.78)}.lesson-subject:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,23,24,.4),transparent 40%,rgba(7,23,24,.75));z-index:0}.lesson-subject .art-label,.lesson-subject .art-title,.lesson-subject .art-symbol{z-index:1}.lesson-card:hover .lesson-photo{filter:brightness(.95)}

.studio-section{border-top:1px solid #c9d4cb}.studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.studio-tool{padding:30px;background:#e5ede5;border:1px solid #c3d2c6;transition:background .2s}.studio-tool:hover{background:#d1e8df}.studio-index{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#007984}.studio-tool h3{font-size:43px;margin-top:30px}.studio-tool p{font-size:13px;line-height:1.8;color:var(--muted);min-height:66px}.studio-tool b{font-size:12px;display:block;border-top:1px solid #bbcdbf;padding-top:20px;margin-top:24px}@media(max-width:700px){.studio-grid{grid-template-columns:1fr}nav{gap:16px}.studio-tool p{min-height:0}.studio-tool h3{margin-top:20px}}

/* Lesson photos keep their real shape (3:2) at every screen width, so they never stretch or squash. */
.lesson-art.lesson-subject{height:auto;aspect-ratio:3/2}
.lesson-subject .lesson-photo{background-repeat:no-repeat}