/*
Theme Name: Foresee Design Academy
Theme URI: https://foreseedesignacademy.com
Author: Foresee Design Academy
Description: Original educational WordPress theme for Foresee Design Academy. Public content only; no payment or membership protection included.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: foresee-design-academy
*/
:root{--black:#090b11;--mid:#141924;--panel:#1b2330;--line:#343b47;--text:#f5f6f8;--muted:#b7c0cb;--red:#f13c3c;--gold:#ffad65;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.62}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.skip{position:absolute;top:-60px;background:white;color:black;padding:10px;z-index:30}.skip:focus{top:0}.site-header{position:sticky;top:0;background:rgba(9,11,17,.95);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff1d;z-index:20}.head-inner{display:flex;align-items:center;gap:26px;min-height:78px}.logo-lock{display:flex;align-items:center;gap:12px;flex:0 0 auto}.brand-emblem{width:51px;height:49px;object-fit:cover;border-radius:4px}.symbol{height:46px;width:46px;border-radius:7px;background:#f01d25;display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;font-size:32px;color:white;line-height:1;border:1px solid #ffffff4d}.brandname{display:flex;flex-direction:column;text-transform:uppercase;font-weight:800;letter-spacing:.105em;line-height:1.15;font-size:17px}.brandname span:last-child{font-size:10px;letter-spacing:.18em;color:#c3cbd4;font-weight:600;margin-top:3px}.nav{display:flex;gap:24px;align-items:center;margin-left:auto}.nav a{font-size:13px;font-weight:650;color:#d4dce6}.nav a:hover,.nav a:focus{color:white}.header-cta,.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--red);border:1px solid var(--red);padding:12px 21px;border-radius:6px;font-size:13px;font-weight:750;transition:.18s ease;color:#fff;cursor:pointer}.header-cta:hover,.btn:hover{background:#d72d32;transform:translateY(-1px)}.btn.outline{background:transparent;border-color:#ffffff68}.btn.outline:hover{background:#fff2}.menu-toggle{display:none;background:transparent;border:1px solid #fff5;border-radius:6px;color:white;padding:8px 12px;margin-left:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#ff9999;font-size:11px;font-weight:800}.hero{background:radial-gradient(circle at 70% 30%,#3d1722 0%,#161923 38%,#090b11 72%);position:relative;overflow:hidden;padding:83px 0 65px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.hero h1{font-weight:800;letter-spacing:-.047em;line-height:1.07;font-size:clamp(45px,5.1vw,76px);margin:16px 0 20px}.hero h1 em{color:#ff686a;font-style:normal}.lede{color:#cbd1da;font-size:18px;max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.meta{font-size:13px;color:#aeb8c5}.hero-art{position:relative}.hero-art>img{width:100%;border-radius:13px;border:1px solid #fff2;box-shadow:0 25px 90px #0009;aspect-ratio:1.25;object-fit:cover;background:white}.floating-note{position:absolute;bottom:-18px;left:-20px;background:#171d29;border:1px solid #ffffff38;box-shadow:0 15px 30px #0007;border-radius:9px;padding:15px 20px;font-size:13px}.floating-note strong{display:block;font-size:17px;color:#fff}.section{padding:82px 0}.section.alt{background:#111721}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}.section h2,.page-top h1{line-height:1.14;letter-spacing:-.03em;font-size:clamp(29px,3.1vw,43px);margin:8px 0 13px}.section-intro{color:var(--muted);max-width:720px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card,.feature-card{background:#1a222e;border:1px solid #ffffff1b;border-radius:11px;overflow:hidden}.course-card img{width:100%;aspect-ratio:1.65;object-fit:cover;background:#fff}.course-copy{padding:23px}.course-copy h3{font-size:20px;line-height:1.25;margin:8px 0}.course-copy p{font-size:14px;color:#c4ccd7;margin:0 0 13px}.pill{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ff9b9d}.tiny-link{font-size:13px;font-weight:800;color:#ffabab}.feature-card{padding:25px}.feature-card h3{font-size:19px;margin:8px 0}.feature-card p{font-size:14px;color:var(--muted)}.number{color:#ff7778;font-size:12px;letter-spacing:.18em;font-weight:900}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.showcase img{border-radius:11px;background:white;width:100%;object-fit:contain}.showcase h2{margin:10px 0 17px;font-size:39px;line-height:1.16;letter-spacing:-.03em}.showcase p{color:var(--muted)}.timeline{list-style:none;padding:0;margin:25px 0;display:grid;gap:12px}.timeline li{border-left:2px solid #ee474f;padding:2px 0 2px 15px;color:#d2d8df}.view-panel{background:#f9f9f8;border-radius:12px;padding:16px;color:#111}.view-panel img{width:100%;aspect-ratio:1.52;object-fit:contain}.viewer-controls{display:flex;align-items:center;gap:13px;margin-top:13px}.viewer-controls button{background:#172132;color:white;border:0;border-radius:4px;padding:8px 12px;cursor:pointer}.viewer-controls input{flex:1;accent-color:#ed393e;min-width:0}.view-caption{font-size:13px;margin:9px 2px 0;color:#333}.page-top{background:linear-gradient(135deg,#151923,#321923);padding:64px 0 47px;border-bottom:1px solid #fff2}.page-top p{max-width:790px;color:#c8cbd2}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lesson-tile{padding:22px;border:1px solid #ffffff22;background:#1b212d;border-radius:10px;min-height:172px}.lesson-tile h3{margin:10px 0 7px;line-height:1.3}.lesson-tile p{font-size:14px;color:#bfc7d2;margin:0}.badge-note{display:inline-block;background:#ff4d4d1b;color:#ff9b9b;border-radius:20px;font-size:12px;padding:5px 11px}.kit-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.kit-gallery img{width:100%;height:410px;object-fit:contain;background:#f4f4f4;border-radius:9px}.notice{padding:19px 22px;background:#202835;border-left:3px solid #f85b5c;border-radius:5px;color:#d8dfe8}.footer{background:#080a0d;border-top:1px solid #ffffff1a;padding:42px 0;color:#aeb6c3;font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap}.footer strong{color:white}.entry-content{max-width:850px}.entry-content a{color:#ffa4a4;text-decoration:underline}@media(max-width:960px){.nav{gap:12px}.nav a{font-size:12px}.hero-grid{gap:20px}.cards{grid-template-columns:repeat(2,1fr)}.lesson-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{width:min(var(--max),calc(100% - 32px))}.head-inner{min-height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#111822;border-bottom:1px solid #fff3;padding:20px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.header-cta{display:none}.hero{padding:52px 0}.hero-grid,.showcase{grid-template-columns:1fr;gap:34px}.hero h1{font-size:46px}.hero-art{max-width:560px}.section{padding:56px 0}.cards,.lesson-grid,.kit-gallery{grid-template-columns:1fr}.kit-gallery img{height:auto}.section-heading{display:block}.showcase h2{font-size:31px}.floating-note{left:10px}.brandname{font-size:14px}.brandname span:last-child{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* v1.1: Historical Foresee school logo, replaceable through Appearance > Customize > Site Identity. */
.school-logo{display:block;width:350px;max-width:100%;height:auto;object-fit:contain}.logo-lock{max-width:min(350px,55vw)}@media(max-width:760px){.school-logo{width:230px}.logo-lock{max-width:min(230px,62vw)}.head-inner{gap:12px}}@media(max-width:390px){.school-logo{width:205px}.logo-lock{max-width:205px}}
