:root{color-scheme:light;--ink:#182b42;--deep:#122743;--deep2:#1d3a57;--cream:#faf7f1;--sand:#f2e9db;--gold:#d9b47e;--copper:#b07942;--border:#e3d7c5;--muted:#627184;--white:#fff;--radius:15px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.55}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:3px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em}h2{font-size:clamp(29px,3.3vw,43px);line-height:1.14;font-weight:650}h3{line-height:1.26}.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.hidden{display:none!important}.skip{position:absolute;left:-10000px;top:8px;z-index:99;background:#fff;padding:12px}.skip:focus{left:12px}.topbar{background:#fff;border-bottom:1px solid #edeae3;position:sticky;top:0;z-index:20}.topbar-content{height:79px;display:flex;align-items:center;gap:30px;justify-content:space-between}.logo{display:flex;align-items:center;gap:11px;line-height:1.15;font-weight:450;letter-spacing:.075em;font-size:15px}.logo b{font-weight:800}.logo small{display:block;margin-top:5px;font-size:9px;letter-spacing:.095em;color:#808a86}.logo-symbol{width:43px;height:43px;background:var(--deep);color:#d7b079;font-size:30px;border-radius:10px;display:flex;align-items:center;justify-content:center}.top-nav{display:flex;gap:27px;font-size:13px;color:#3f4843}.top-nav a:hover,.text-button:hover,.lesson a:hover{text-decoration:underline}.nav-action{background:#173657;color:#fff;padding:11px 16px;border-radius:7px;font-size:12px;white-space:nowrap}.nav-action span{padding-left:7px}.hero{background:radial-gradient(circle at 84% 42%,#315478,#142a49 60%,#101f37 100%);color:#fff;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:46px;min-height:555px;align-items:center;padding-top:60px;padding-bottom:70px}.eyebrow,.overline{font-size:11px;letter-spacing:.17em;font-weight:750}.eyebrow{color:#dec49d;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:var(--gold);border-radius:50%}.hero h1{font-family:Georgia,serif;font-size:clamp(51px,6.1vw,81px);font-weight:400;line-height:1.07;margin:26px 0 20px;letter-spacing:-.05em}.hero h1 em{color:#d9ba89;font-style:italic}.hero-copy>p{max-width:530px;color:#d6dfda;font-size:16px;line-height:1.8}.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}.btn{border-radius:8px;padding:13px 17px;display:inline-flex;justify-content:center;align-items:center;gap:16px;font-size:13px;font-weight:700;border:1px solid transparent;min-height:44px}.btn-primary{background:#dcb782;border-color:#dcb782;color:#18231e}.btn-primary:hover{background:#f0ca92}.btn-ghost{border-color:#65766d;color:#fff;background:transparent}.btn-ghost:hover{background:#2f443b}.btn-outline{border:1px solid #a8a99e;background:#fff;color:#1c2a26}.btn-subtle{color:#cfd4cf;background:transparent;border-color:#47627f}.btn-subtle:hover{background:#3c5d7a}.stats{display:flex;gap:30px;margin-top:54px;padding-top:22px;border-top:1px solid #566259}.stats div{display:flex;flex-direction:column;gap:4px}.stats strong{font-size:27px;font-weight:600;color:#fff}.stats span{font-size:11px;color:#afc0b7}.hero-showcase{background:#3b463e;border:1px solid #7c7d6f;border-radius:5px;transform:rotate(3deg);padding:18px;box-shadow:18px 24px 60px #10201caa}.showcase-label,.showcase-footer{font-size:10px;letter-spacing:.14em;color:#e4d5be}.showcase-label{margin-bottom:15px}.hero-design{background:#e6d0a9;min-height:355px;display:grid;place-items:center;background-image:repeating-linear-gradient(98deg,transparent 0,transparent 8px,#b98e5720 9px,transparent 10px)}.hero-design svg{width:85%;max-height:330px;filter:drop-shadow(0 12px 6px #4e32183d)}.showcase-footer{display:flex;justify-content:space-between;margin-top:14px}.trust-band{background:#f5ead9;border-bottom:1px solid #e8d2b4}.trust-items{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:18px;font-size:10px;font-weight:800;letter-spacing:.11em;color:#665f52}.section{padding-top:90px;padding-bottom:94px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h2{margin:13px 0 10px}.section-heading p{max-width:665px;color:var(--muted);margin:0}.overline{color:#a97845}.count-note{font-size:13px;color:#68716a;white-space:nowrap}.filters{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:25px}.searchbox{display:flex;align-items:center;gap:10px;border:1px solid #dbddd5;border-radius:9px;min-width:250px;width:39%;padding:0 14px;background:#fff}.searchbox span{font-size:24px;color:#818780}.searchbox input{background:transparent;border:0;width:100%;height:46px;outline:none;font-size:13px}.filters-row{display:flex;align-items:center;gap:13px}.field-inline{white-space:nowrap;color:#637180;font-size:12px}.field-inline select{color:var(--ink);margin-left:6px;border:1px solid #dbddd5;border-radius:8px;padding:11px;min-width:125px;background:#fff}.text-button{border:0;color:#476783;background:transparent;font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.project-card{border:1px solid #dce4ed;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .17s,box-shadow .17s}.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #192c2218}.project-art{height:210px;display:grid;place-items:center;background:linear-gradient(140deg,#e9d7bd,#dbbf98);border-bottom:1px solid #d9cbb7;padding:25px}.project-art svg{max-height:100%;height:100%;width:100%;filter:drop-shadow(0 5px 3px #5e47301b)}.project-info{padding:18px;display:flex;flex-direction:column;flex:1}.project-category{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#a86734;font-weight:800}.project-info h3{font-size:16px;letter-spacing:-.025em;margin:7px 0 11px}.project-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:4px}.project-meta span{font-size:10px;padding:4px 8px;background:#eff3f8;color:#626f7b;border-radius:30px}.project-btn{font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid #eaebe6;background:#fff;padding:13px 18px;text-align:left;color:#203f63}.project-btn:hover{background:#f2f5f9}.empty{text-align:center;padding:50px;color:var(--muted)}.studio-wrap{background:#1f302a;color:#fff;padding:82px 0 92px}.light-heading h2{color:#fff}.light-heading p{color:#bdc8bf}.studio-grid{display:grid;grid-template-columns:0.95fr 1.05fr;gap:20px}.work-panel,.preview-panel{background:#2b3c34;border:1px solid #4e6155;border-radius:14px;overflow:hidden}.panel-head{padding:24px 25px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #53677d}.panel-eyebrow{font-size:10px;letter-spacing:.15em;color:#cba978}.panel-head h3{font-size:21px;margin:7px 0 0}.level-chip{border:1px solid #68816d;border-radius:30px;padding:6px 10px;font-size:10px;color:#bed0bf;white-space:nowrap}.controls{padding:24px 25px;display:flex;flex-direction:column;gap:11px}.controls label{display:block;font-weight:700;font-size:12px;margin-bottom:2px}.controls label small{font-size:10px;font-weight:450;display:block;color:#acbfb1}.controls input:not([type=checkbox]),.controls select{width:100%;border:1px solid #6a786e;border-radius:7px;background:#182b24;color:#fff;height:43px;padding:0 12px;font-size:13px}.controls select{color-scheme:dark}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-control{display:flex!important;align-items:center;gap:10px;cursor:pointer;margin-top:3px}.check-control input{accent-color:#d9b47e;width:16px;height:16px}.controls-footer{padding:18px 25px 24px;border-top:1px solid #53677d}.controls-footer p{font-size:11px;color:#bbcabf;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:8px}.preview-head{padding:19px 22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#ced9d0}.preview-mat{padding:28px;background:repeating-linear-gradient(91deg,#e2d5b9 0,#e4d6b9 11px,#e8dcbf 13px,#dfcba8 15px);margin:0 20px;border-radius:5px;min-height:392px;display:grid;place-items:center}.preview-mat svg{display:block;width:min(100%,350px);height:auto;max-height:380px;filter:drop-shadow(0 6px 3px #74593f30)}.legend{display:flex;gap:13px;flex-wrap:wrap;align-items:center;font-size:10px;color:#d9e1d9;padding:17px 20px 0}.legend span{display:flex;align-items:center;gap:5px}.legend .key{width:10px;height:10px;border-radius:2px;display:inline-block}.key.black{background:#121212}.key.red{background:#ee4747}.preflight{padding:13px 16px;background:#354d3e;border:1px solid #597964;color:#def1df;font-size:12px;line-height:1.6;margin:20px 20px 0;border-radius:7px}.preview-disclaimer{color:#aebeb2;font-size:11px;padding:0 20px 12px;line-height:1.7}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lesson{background:#f7f5ef;border:1px solid #e9e6dd;padding:28px;border-radius:11px}.lesson>span{font-size:10px;letter-spacing:.12em;color:#af7b44;font-weight:800}.lesson h3{font-size:23px;margin:20px 0 13px;font-family:Georgia,serif;font-weight:500}.lesson p{font-size:13px;color:#666f67;min-height:100px}.lesson a{color:#315748;font-weight:800;font-size:12px}.safety-section{padding:68px 0;background:#efe7d7}.safety-layout{display:grid;grid-template-columns:1fr 1fr;gap:74px}.safety-layout h2{font-family:Georgia,serif;font-weight:500;margin:17px 0}.safety-layout p{color:#5f655e}.safety-layout h3{margin:0 0 18px}.safety-list{padding-left:20px;font-size:13px;color:#404943}.safety-list li{margin:9px 0}.safety-layout a{font-size:12px;font-weight:800;color:#3a5b4c;text-decoration:underline}.faq{max-width:850px}.faq details{border-bottom:1px solid #e3e5dd;padding:18px 0}.faq summary{font-size:16px;font-weight:700;cursor:pointer}.faq details p{font-size:13px;color:#5e6a61;margin-top:12px}.footer{background:#0e223b;color:#ecf2fa;padding:60px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:45px;padding-bottom:60px}.footer-brand{font-size:17px;letter-spacing:.07em;color:#dfbc83;font-weight:800}.footer-grid p,.footer-grid span,.footer-grid a{display:block;font-size:12px;color:#c0cbd7;line-height:1.9}.footer-grid strong{font-size:11px;letter-spacing:.13em;display:block;margin-bottom:14px}.footer-bottom{padding-top:20px;border-top:1px solid #405349;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#9fb3a5}.toast{position:fixed;right:22px;bottom:22px;z-index:40;padding:12px 18px;border-radius:8px;box-shadow:0 10px 30px #0003;background:#202d26;color:white;font-size:13px;max-width:400px}dialog{border:0;border-radius:12px;padding:0;width:min(720px,calc(100vw - 35px));max-height:86vh;overflow:auto;box-shadow:0 20px 80px #1116}dialog::backdrop{background:#131e19bd}.dialog-content{padding:30px 34px}.dialog-heading{display:flex;justify-content:space-between;gap:20px}.dialog-heading h2{font-size:30px}.close-btn{background:#f2f3ef;border:0;width:36px;height:36px;border-radius:6px;font-size:25px}.guide-copy{color:#46534b;font-size:13px}.guide-copy ol{padding-left:22px}.guide-copy li{margin:9px 0}.guide-note{padding:14px;background:#f6f1e4;border-left:3px solid #b18b4f;margin-top:20px}.dialog-actions{display:flex;gap:10px;margin-top:27px}.dialog-actions .btn-outline{border-color:#ddd}.dialog-actions .btn-primary{background:#24466a;color:#fff;border-color:#24466a}@media(max-width:1060px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.top-nav{gap:14px}.nav-action{display:none}.hero-layout{gap:22px}}@media(max-width:760px){.container{width:min(100% - 30px,1180px)}.topbar-content{height:66px}.logo{font-size:12px}.logo-symbol{width:36px;height:36px;font-size:23px}.logo small{font-size:7px}.top-nav{display:none}.hero-layout{grid-template-columns:1fr;padding-top:47px;padding-bottom:55px;gap:42px}.hero h1{font-size:57px}.hero-showcase{max-width:440px;margin-inline:auto;transform:rotate(1deg)}.hero-design{min-height:260px}.hero-design svg{max-height:265px}.stats{margin-top:32px;gap:22px}.trust-items{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:9px}.section{padding-top:67px;padding-bottom:65px}.section-heading{align-items:start;flex-direction:column}.filters{flex-direction:column;align-items:stretch}.searchbox{width:100%}.filters-row{flex-wrap:wrap}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-art{height:185px;padding:15px}.project-info{padding:14px}.project-info h3{font-size:14px}.studio-grid,.safety-layout{grid-template-columns:1fr}.studio-wrap{padding:63px 0}.preview-mat{min-height:300px}.lesson-grid{grid-template-columns:1fr}.lesson p{min-height:auto}.safety-layout{gap:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.work-panel{order:2}.preview-panel{order:1}}@media(max-width:410px){.hero h1{font-size:48px}.stats strong{font-size:23px}.project-grid{grid-template-columns:1fr 1fr}.project-art{height:146px}.project-meta span{font-size:9px}.project-btn{padding:11px;font-size:11px}.two-fields{grid-template-columns:1fr}.dialog-actions{flex-direction:column}}
@media print{.topbar,.hero,.trust-band,.section,.studio-wrap,.safety-section,.footer{display:none!important}body:has(dialog[open]) dialog{position:static;border:none;box-shadow:none;width:100%;max-height:none}.dialog-actions,.close-btn{display:none!important}dialog::backdrop{display:none}}

/* Workshop tools — v1.0 */
.workshop-section{padding-top:94px}.workshop-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.tool-card{border:1px solid #d4dfe9;background:#fff;border-radius:14px;padding:28px;box-shadow:0 8px 28px #22352b0b}.tool-heading h3,.preflight-card h3{font:400 30px Georgia,serif;margin:12px 0 8px}.tool-heading p,.preflight-card p{font-size:13px;color:#68716b;margin:0 0 23px}.tool-index{font-size:10px;letter-spacing:.14em;color:#9a764d;font-weight:800}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tool-fields label{display:block;font-size:11px;font-weight:800;color:#385047;margin-bottom:6px}.tool-fields input,.tool-fields select,.tool-fields textarea{width:100%;border:1px solid #d4dbd2;border-radius:7px;padding:11px 12px;color:#243b30;background:#fff;font-size:13px;min-width:0}.tool-fields input:focus,.tool-fields select:focus,.tool-fields textarea:focus{outline:2px solid #9eba8d;outline-offset:2px}.tool-fields .btn{width:100%}.tool-wide{grid-column:1/-1}.tool-result{margin-top:22px;background:#eef3ed;border-left:4px solid #738a71;padding:18px;border-radius:5px;font-size:13px;color:#254536;line-height:1.65}.tool-result.warning{border-left-color:#b27c46;background:#fcf2e6;color:#744d27}.small-note{margin-top:18px;font-size:11px;color:#717c72;line-height:1.65}.journal-toolbar{display:flex;align-items:center;justify-content:space-between;margin:15px 0;gap:10px}.journal-toolbar strong{font-size:13px}.record-list{max-height:350px;overflow:auto}.record{border:1px solid #dfe5de;border-radius:8px;margin-bottom:10px;padding:14px;display:flex;gap:10px;justify-content:space-between}.record strong{font-size:12px}.record p,.record time{font-size:11px;color:#667269;display:block;margin:6px 0 0}.record button{border:1px solid #ddd;padding:6px 10px;border-radius:6px;background:white;height:max-content;color:#8e4e45}.preflight-card{background:#eff2ea;border:1px solid #dbe4d7;border-radius:14px;padding:28px;margin-top:22px;display:grid;grid-template-columns:1fr 1.4fr;gap:34px}.preflight-checks{display:grid;grid-template-columns:1fr 1fr;gap:13px}.preflight-checks label{font-size:12px;display:flex;gap:8px;align-items:baseline}.preflight-checks input{accent-color:#315d49}.tool-wide textarea{resize:vertical}@media(max-width:1000px){.workshop-grid{grid-template-columns:1fr}.preflight-card{grid-template-columns:1fr}.preflight-checks{grid-template-columns:1fr 1fr}}@media(max-width:600px){.tool-card,.preflight-card{padding:20px}.preflight-checks{grid-template-columns:1fr}.tool-fields{grid-template-columns:1fr}.tool-wide{grid-column:1/-1}.tool-heading h3{font-size:25px}.workshop-section{padding-top:65px}}
@media print{body:has(dialog[open]) .workshop-section{display:none!important}}

/* Download packs */
.packs-section{background:#f7f0e5;padding:78px 0 86px}.packs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pack-card{background:#fff;border:1px solid #ddcfbb;border-radius:12px;padding:23px;display:flex;flex-direction:column;min-height:250px}.pack-number{font-size:10px;color:#9f663d;letter-spacing:.12em;font-weight:800}.pack-card h3{font:400 23px/1.2 Georgia,serif;margin:23px 0 9px}.pack-card p{font-size:12px;color:#67736a;line-height:1.7;flex:1}.pack-card a{font-size:12px;font-weight:800;color:#244b3a;border-top:1px solid #eae7df;padding-top:16px;margin-top:9px}@media(max-width:1000px){.packs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.packs-grid{grid-template-columns:1fr}.pack-card{min-height:auto}.packs-section{padding:60px 0}}
@media print{.packs-section{display:none!important}}

/* COVER ALIGNED / 2027 VISUAL SYSTEM — navy / ivory / American-red / copper / walnut */
:root{--ink:#192b43;--deep:#142b49;--deep2:#1d3d61;--cream:#faf7f0;--sand:#f4ebdc;--gold:#d9b47e;--copper:#ad7242;--border:#ded9d1;--muted:#627186;--patriot-red:#b4373c}
body{background:linear-gradient(180deg,#fff 0%,#faf9f6 75%,#fff 100%)}
.topbar{border-bottom:1px solid #dfdfdf}.logo-symbol{color:var(--patriot-red)}
.nav-action{background:#142b49}.nav-action:hover{background:#244c78}
.hero{background:radial-gradient(circle at 82% 38%,#375b7f 0%,#1a3556 47%,#101f35 90%)}
.hero:before{content:'';position:absolute;inset:0 0 0 auto;width:35%;background:linear-gradient(103deg,transparent 20%,#ffffff06 52%,#b3373d15 54%,#b3373d15 58%,transparent 60%);pointer-events:none}
.hero{position:relative}.hero-layout{position:relative;z-index:1}
.eyebrow:before{content:'';display:inline-block;height:2px;width:17px;background:#be4248;margin-right:1px}
.hero h1 em{color:#e9c99d}.btn-primary{background:#b57b48;color:#fff}.btn-primary:hover{background:#966035}.btn-ghost:hover{border-color:#d6b58c}
.project-art{background:linear-gradient(145deg,#f3e9dc,#e1c49f 80%)}
.project-card{border-color:#dce3eb;box-shadow:0 5px 18px #10254108}.project-card:hover{box-shadow:0 14px 30px #1025411e}.project-btn{color:#234c75}.project-category{color:#995b34}
.skill{font-weight:800!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.04em}
.skill-beginner{background:#e5f1ec!important;color:#205a4c!important}
.skill-intermediate{background:#e8eff9!important;color:#234e83!important}
.skill-advanced{background:#f7e8e4!important;color:#8c3037!important}
.level-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 23px}
.level-explainer>div{border:1px solid #e0e4e8;background:#fff;border-radius:12px;padding:17px 18px;box-shadow:0 4px 20px #15263d06}
.level-explainer .skill{display:inline-block;border-radius:50px;padding:5px 9px;margin-bottom:10px}
.level-explainer strong{display:block;color:#17324f;font-size:13px;line-height:1.4}
.level-explainer p{font-size:12px;color:#617085;line-height:1.55;margin:5px 0 0}
.studio-wrap{background:linear-gradient(120deg,#122941,#1e3f61 70%,#16304e)}
.packs-section{background:linear-gradient(115deg,#f7f2eb,#f1e5d5)}
.footer{background:#10243b}.footer-brand{color:#e2b779}
.safety-section{background:#142e4d}.trust-band{border-top:2px solid #b3373d}
.level-chip{border-color:#d4b98d;color:#9e5835}
:focus-visible{outline:3px solid #b83c43!important;outline-offset:3px!important}
@media(max-width:780px){.level-explainer{grid-template-columns:1fr}.level-explainer>div{padding:12px 15px}.level-explainer strong{font-size:12px}}
@media (min-width:601px) and (max-width:980px){.filters{flex-wrap:wrap}.filters-row{flex-wrap:wrap;max-width:100%}.searchbox{width:100%;flex:1 1 100%}}

/* Navy design studio surfaces, replacing previous green */
.hero-showcase{background:#172e4b;border:1px solid #947451;box-shadow:18px 24px 60px #0c182da8}
.hero-design{background-color:#e6c79f}
.work-panel,.preview-panel{background:#203d5e;border:1px solid #46698b}
.panel-head{border-bottom-color:#426486}.panel-eyebrow{color:#ddb98a}.preview-head{color:#e4eaf0}
.level-chip{color:#f1d4af;border-color:#b89368}
.controls-footer{border-color:#43617b}.controls-footer p{color:#d4dce7}
.safety-section{background:#f2e7d5;color:#1d314b}
.safety-layout p{color:#5f6573}.safety-list{color:#354963}

/* Final cover-palette form surfaces and mobile hierarchy */
.controls input:not([type=checkbox]),.controls select{background:#122a45;border-color:#6a829c;color:#fff}
.controls input:not([type=checkbox]):focus,.controls select:focus{border-color:#e2b77c}
.preflight{background:#233f62;border-color:#587595;color:#eaf2f8}
.preview-disclaimer{color:#c4d0dc}
@media(max-width:600px){.studio-grid .work-panel{order:1}.studio-grid .preview-panel{order:2}}

@media(min-width:1100px){.packs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:700px) and (max-width:1099px){.packs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* AMERICAN HERITAGE 2027 — navy / copper campaign, typography coordinated to cover */
.heritage-feature{background:radial-gradient(circle at 78% 29%,#2d5279,#12263f 72%);color:#f7f0e5;padding:74px 0 80px;position:relative;overflow:hidden}
.heritage-feature:before{content:"";position:absolute;right:-6%;top:-12%;width:360px;height:360px;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff04;pointer-events:none}
.heritage-feature-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;position:relative}
.heritage-feature .overline{color:#e1ba86;font-size:11px;letter-spacing:.16em}
.heritage-feature h2{font:400 clamp(37px,4vw,61px)/1.09 Georgia,serif;letter-spacing:-.028em;margin:14px 0 22px;max-width:540px;color:#fff}
.heritage-feature p{font-size:15px;line-height:1.76;color:#dce4ee;max-width:510px}
.heritage-pills{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0}
.heritage-pills span{padding:7px 11px;border:1px solid #c79b634d;border-radius:25px;background:#ffffff0a;font-size:11px;color:#f1d5ae;font-weight:700}
.heritage-feature .heritage-fine{font-size:11px;color:#bfccd8;margin-top:19px}
.heritage-feature-art{background:#e5cba5;border:8px solid #324d69;outline:1px solid #bb9462;border-radius:16px;padding:18px 16px 13px;box-shadow:20px 23px 55px #06152c70;transform:rotate(1deg)}
.heritage-feature-art>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#5b462e}
.heritage-feature-art #heritageIllustration{min-height:220px;display:grid;place-items:center}
.heritage-feature-art svg{width:100%;max-height:290px;display:block}
.heritage-feature-art small{display:block;text-align:right;font-size:10px;color:#6d5640}
.pack-patriot{background:linear-gradient(145deg,#1c3653,#10233b);color:#fff;border-color:#8b6b47}
.pack-patriot .pack-number{color:#dfba87}.pack-patriot p{color:#d6deea}.pack-patriot a{color:#f2cb95;border-top-color:#455b72}
@media(max-width:790px){.heritage-feature-inner{grid-template-columns:1fr;gap:30px}.heritage-feature{padding:54px 0}.heritage-feature h2{font-size:42px}.heritage-feature-art{width:min(100%,520px);justify-self:center;transform:rotate(0deg)}}
@media(max-width:400px){.heritage-feature h2{font-size:37px}.heritage-feature-art{border-width:5px;padding:12px}.heritage-feature-art #heritageIllustration{min-height:180px}}

/* ════════════════════════════════════════════════════════════════════════
   PROJECT LAB v1.3 — visual design matched to A+ Resource Center concept
   Dark ink navy, warm metallic gold, cyan keylines; the gallery is real UI.
   ════════════════════════════════════════════════════════════════════════ */
:root{--ink:#0d2842;--deep:#05182c;--deep2:#082440;--gold:#ffc55d;--copper:#d9983e;--sand:#eee0c7;--border:#d6e0ec;--muted:#586d83}
body{background:#f5f8fc;color:#102844}
.topbar{background:#041627;color:#ecf4ff;border-bottom:1px solid #193e5e;box-shadow:0 4px 25px #07192b22}
.topbar-content{height:75px;gap:17px}
.logo{color:#fff;font-weight:800;letter-spacing:.02em;font-size:17px;white-space:nowrap}
.logo b{color:#ffca70}
.logo small{color:#87aeca;font-size:8px;letter-spacing:.085em}
.logo-symbol{background:#081f33;border:1px solid #d5a24e;color:#ffbe57;border-radius:7px}
.top-nav{gap:13px;color:#c8d9ed;font-size:11px;align-items:center}
.top-nav a{padding:8px 3px}.top-nav a:hover{color:#ffc55d;text-decoration:none}
.fav-count{display:inline-grid;place-items:center;background:#184267;color:#ffc55d;min-width:19px;height:19px;border-radius:50%;font-size:10px;margin-left:1px}
.nav-action{background:linear-gradient(150deg,#ffdf87,#eaa33f);color:#0a1929;font-weight:800;border-radius:8px;padding:11px 14px}
.nav-action:hover{background:#ffdd86}
.menu-toggle{display:none;background:#082842;border:1px solid #376386;border-radius:9px;width:44px;height:44px;flex:none;padding:10px;color:#ffcf70;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;background:currentColor;width:22px;height:2px;border-radius:3px}
.hero{background:radial-gradient(ellipse at 70% 12%,#164c77 0,#05182b 56%,#020c17 100%);border-bottom:1px solid #19547a;position:relative}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#041d3500 65%,#08669a22),repeating-linear-gradient(90deg,transparent 0 94px,#ffffff04 95px 96px);pointer-events:none}
.hero-layout{grid-template-columns:.78fr 1.22fr;gap:34px;max-width:1380px;min-height:690px;padding-top:58px;padding-bottom:70px;position:relative}
.hero-copy{align-self:center}
.eyebrow{color:#f9c369}.dot{background:#20baf5;box-shadow:0 0 0 3px #20baf524}
.hero h1{font-family:Impact,'Arial Narrow','Segoe UI',sans-serif;text-transform:uppercase;letter-spacing:-.025em;line-height:.98;font-size:clamp(56px,5.6vw,88px);font-weight:900;margin:24px 0}
.hero h1 em{display:inline-block;color:#ffc55d;font-style:normal;text-shadow:0 3px 14px #ffad3326}
.hero-copy>p{color:#c6d8e9;font-size:15px;line-height:1.8}
.btn-primary,.hero-customize{background:linear-gradient(140deg,#ffdd88,#eba43f);border-color:#e4a54f;color:#0a1d30;font-weight:850}
.btn-primary:hover,.hero-customize:hover{background:#ffe79b;color:#061727}
.btn-ghost{border:1px solid #4176a4;color:#f4faff}.btn-ghost:hover{border-color:#77bee9;background:#17456e}
.stats{border-top:1px solid #27567c;gap:22px}.stats strong{color:#fff}.stats span{color:#8faccc}
.lab-dashboard{background:linear-gradient(158deg,#041524,#082a46);border:1px solid #4183ac;border-radius:19px;padding:18px;box-shadow:0 24px 65px #0009,0 0 0 4px #092c44,inset 0 1px 0 #a9dbff36;min-width:0;position:relative}
.lab-dashboard:before{content:'';position:absolute;height:2px;background:linear-gradient(90deg,transparent,#18b6f2,#ffc764,transparent);top:1px;left:8%;right:8%;filter:drop-shadow(0 0 5px #21b7e9)}
.lab-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 2px 14px;border-bottom:1px solid #133b5d}
.lab-brand{display:grid;grid-template-columns:37px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center}.lab-cube{grid-row:1/3;width:35px;height:35px;border:1px solid #ffbd54;border-radius:5px;color:#ffbd54;display:grid;place-items:center;font-size:24px}.lab-brand strong{font:900 22px/1 Impact,'Arial Narrow',sans-serif;color:#fff}.lab-brand em{color:#ffb754;font-style:normal}.lab-brand small{color:#85b4d3;font-size:8px;letter-spacing:.07em}
.lab-bar-links{display:flex;gap:12px;font-size:10px;color:#acc9df}.lab-bar-links span:first-child{color:#ffc86d}
.lab-highlight{padding:15px 0 4px}
.gallery-topline{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.11em;color:#ffc55d;margin-bottom:10px}
#heroCounter{background:#082a44;border:1px solid #487399;border-radius:5px;padding:4px 7px;color:#d5e8fa;font-variant-numeric:tabular-nums}
.hero-slide{min-height:267px;display:grid;grid-template-columns:1fr 1.1fr;gap:10px;align-items:center;border:1px solid #a37a3e;border-radius:10px;overflow:hidden;background:linear-gradient(115deg,#061a2cf0 2%,#0e304ce9 53%,transparent 80%),linear-gradient(145deg,#694324,#d0a268);touch-action:pan-y;user-select:none;outline-offset:4px}
.hero-slide-copy{position:relative;z-index:1;padding:22px 5px 22px 22px;min-width:0}
.hero-slide-copy>span{color:#9ed3f1;font-size:10px;letter-spacing:.14em;font-weight:850}
.hero-slide-copy h2{font-family:Impact,'Arial Narrow','Arial',sans-serif;text-transform:uppercase;letter-spacing:.005em;color:#ffd36f;font-size:clamp(22px,2.1vw,34px);margin:10px 0 8px;line-height:1.09}
.hero-slide-copy p{font-size:11px;color:#dbecf7;line-height:1.55;margin-bottom:17px}
.hero-customize{border-radius:6px;border:1px solid #e2a54d;min-height:37px;font-size:11px;padding:8px 11px;cursor:pointer}
.hero-design{background:linear-gradient(150deg,#c99559,#f1d8a2 48%,#bb8650);background-image:repeating-linear-gradient(94deg,#44281008 0 1px,transparent 1px 12px),linear-gradient(145deg,#c99559,#f1d8a2 48%,#bb8650);height:235px;min-height:0;border-radius:9px 0 0 9px;margin-right:-8px;display:grid;place-items:center;transform:perspective(460px) rotateY(-6deg);box-shadow:-8px 8px 20px #0006}
.hero-design svg{width:90%;height:95%;max-height:228px;filter:drop-shadow(1px 2px 0 #4b31113d)}
.gallery-navigation{display:flex;align-items:center;justify-content:space-between;padding-top:9px;gap:12px;color:#9cbed8;font-size:11px}
.gallery-navigation button{background:#103754;border:1px solid #3f769c;color:#ffcf75;border-radius:6px;width:39px;height:36px;display:grid;place-items:center;font-size:26px;line-height:1;flex:none;touch-action:manipulation}
.gallery-navigation button:hover{border-color:#e7b76c;background:#1c4c72}
.dashboard-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}
.dashboard-shortcuts a{display:flex;align-items:center;gap:7px;background:#0a304f;border:1px solid #245e86;border-radius:7px;padding:10px 7px;min-width:0}
.dashboard-shortcuts a:hover{border-color:#f1b75a;background:#133e60}
.dashboard-shortcuts a>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}
.shortcut-icon{font-size:23px;color:#ffc76b;flex:none}
.dashboard-shortcuts strong{color:#f0d6a8;font-size:8px;letter-spacing:.045em;line-height:1.4}.dashboard-shortcuts small{color:#91b8d8;font-size:8px;line-height:1.4}.dashboard-shortcuts a>span:last-child{color:#ffca75;font-size:19px}
.dashboard-categories{margin-top:16px}.dashboard-section-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px}.dashboard-section-title a{font-size:11px;color:#3bd0ff}
.category-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.category-rail button{border:0;background:transparent;color:#deebf7;padding:0;min-width:0;font-size:9px;line-height:1.35;text-align:center;cursor:pointer}
.category-art{display:grid;place-items:center;background:linear-gradient(150deg,#b67b43,#f2d29c,#bd8851);height:78px;border:1px solid #4693bc;border-radius:7px;margin-bottom:5px;overflow:hidden}
.category-art svg{width:85%;height:88%;pointer-events:none}.category-rail button:hover .category-art,.category-rail button:focus-visible .category-art{border-color:#ffce78;box-shadow:0 0 0 2px #f3c56b45}
.trust-band{background:#08223a;border-top:1px solid #1172a4;border-bottom:1px solid #103d63}.trust-items{color:#d9bb80}
.project-card{background:#fff;border:1px solid #d6e4ef;border-radius:12px}.project-art{position:relative;background:linear-gradient(155deg,#bc8752,#edcea0 50%,#b88854)}
.project-btn{color:#1a547b}.project-category{color:#935b2e}
.project-card h3{color:#15324c}
.favorite-btn{position:absolute;z-index:2;right:9px;top:9px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #c7a26b;background:#092a43e8;color:#fff;font-size:22px;line-height:1;box-shadow:0 3px 9px #0003}
.favorite-btn.is-favorite{color:#ffcc6b;border-color:#ffcc6b}
.favorite-btn:hover{background:#154b6f}
.favorites-link-row{text-align:right;margin-top:15px}.favorites-link-row a{color:#185a89;font-weight:750;font-size:13px;text-decoration:underline}
.favorites-section{background:#edf4fb;max-width:unset;padding-inline:max(22px,calc((100% - 1180px)/2))}.favorites-section .empty{padding:15px 0;color:#516b82}
.pack-card{background:#fff}.pack-card a{color:#0a5b92}.packs-section{background:#eef4f9}
.studio-wrap{background:radial-gradient(ellipse at 90% 0%,#1a4d73,#071d33 72%)}.work-panel,.preview-panel{background:#0d3050;border:1px solid #366c92}.preview-mat{background:linear-gradient(120deg,#d5a46f,#f5ddaa,#c39160)}
.heritage-feature{background:radial-gradient(circle at 80% 28%,#21547e,#061d32 73%)}
.footer{background:#04182b}.footer-brand{color:#ffc66d}
:focus-visible{outline:3px solid #ffca64!important;outline-offset:3px!important}
@media(max-width:1250px){.top-nav{gap:9px}.top-nav a{font-size:10px}.nav-action{display:none}}
@media(max-width:1100px){.hero-layout{grid-template-columns:1fr 1.05fr}.lab-bar-links{display:none}.hero-slide-copy{padding:15px 3px 15px 14px}.dashboard-shortcuts{grid-template-columns:1fr}.dashboard-shortcuts a{padding:7px 12px}.category-rail{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:850px){
 .topbar-content{height:67px}.menu-toggle{display:flex;margin-left:auto}.top-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#061d33;flex-direction:column;align-items:stretch;padding:12px 22px 22px;box-shadow:0 18px 24px #0005;border-bottom:1px solid #3678a4;max-height:calc(100dvh - 70px);overflow:auto}
 .top-nav.is-open{display:flex}.top-nav a{display:block;padding:11px 8px;border-bottom:1px solid #173b5a;font-size:14px}
 .hero-layout{grid-template-columns:1fr;gap:26px;padding:38px 0 54px}.hero h1{font-size:clamp(46px,10vw,74px)}.hero-copy>p{max-width:700px}.stats{margin-top:25px}.lab-dashboard{width:100%;max-width:700px;margin:0 auto}
}
@media(max-width:560px){
 .container{width:calc(100% - 28px)}.logo{font-size:14px}.logo small{font-size:7px}.logo-symbol{width:39px;height:39px}
 .hero{overflow:clip}.hero-layout{padding-top:30px}.hero h1{font-size:clamp(48px,12vw,65px);margin:17px 0}.hero-copy>p{font-size:14px}
 .lab-dashboard{padding:11px;border-radius:13px;max-width:100%}.lab-brand strong{font-size:18px}.lab-bar{padding-bottom:10px}
 .hero-slide{grid-template-columns:1fr 1fr;min-height:240px}.hero-slide-copy{padding:12px 0 12px 10px}.hero-slide-copy h2{font-size:clamp(19px,5.8vw,27px)}.hero-slide-copy p{font-size:10px}.hero-slide-copy>span{font-size:8px}
 .hero-design{height:200px;max-width:100%;margin-right:-5px}.hero-design svg{width:95%;height:95%}
 .dashboard-shortcuts a{min-height:58px}.dashboard-shortcuts strong{font-size:10px}.dashboard-shortcuts small{font-size:9px}
 .category-rail{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
 .category-rail button{flex:0 0 92px;scroll-snap-align:start}.category-art{height:85px}.gallery-navigation button{height:43px;width:45px;font-size:28px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Compact-phone navigation: keep the button in the 320px viewport. */
@media(max-width:380px){.topbar-content{gap:7px}.logo{font-size:13px;min-width:0;white-space:nowrap;gap:7px}.logo small{display:none}.logo-symbol{width:36px;height:36px;flex:none}.menu-toggle{flex:none;margin-left:auto}.lab-brand strong{font-size:17px}.hero-slide-copy h2{font-size:19px}}

/* Accessibility finishing pass */
.favorite-btn{width:44px;height:44px}
.hero-customize{min-height:44px}
.category-rail button{font-size:10px}
@media(max-width:560px){.category-rail button{font-size:11px}.dashboard-shortcuts small{font-size:10px}}
@media(max-width:380px){.project-grid{grid-template-columns:1fr}.project-art{height:230px}.project-info h3{font-size:17px}}

/* Dashboard navigation items are real links, not decorative placeholders. */
.lab-bar-links a{color:#acc9df;display:inline-flex;align-items:center;padding:4px 0}.lab-bar-links a:first-child{color:#ffc86d}.lab-bar-links a:hover{text-decoration:underline;color:#ffd37d}
@media(max-width:560px){.dashboard-section-title:after{content:'SWIPE →';font-size:9px;color:#ffcc74;font-weight:800;align-self:center}}