/*
Theme Name: CourseNookly Horizon
Description: A cinematic, editorial course-guide theme designed for CourseNookly.
Version: 1.0.0
Text Domain: coursenookly-horizon
*/
:root{--ink:#16272a;--muted:#5c6869;--paper:#fcfaf5;--sea:#dceee9;--copper:#b35d39;--line:#d9ded8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:4px}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}h1,h2{font-family:Georgia,serif;font-weight:500}.wrap{width:min(1240px,90%);margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:100;padding:12px;background:#fff}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:700}.topline{height:7px;background:linear-gradient(90deg,#386e67 0 62%,#c9754d 62%)}.sitehead{background:#fff}.sitehead>.wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font:600 29px/1 Georgia,serif;letter-spacing:-.05em;white-space:nowrap}.brand em{font-style:normal;color:var(--copper)}.headright{display:flex;align-items:center;gap:26px}.headright>a{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding:5px 0}.navdrawer{position:relative}.navdrawer summary{list-style:none;width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:23px;line-height:1}.navdrawer summary::-webkit-details-marker{display:none}.navdrawer nav{position:absolute;right:0;top:60px;z-index:20;background:#fff;min-width:260px;padding:20px 24px;box-shadow:0 16px 45px #17272b33;border-top:4px solid var(--copper)}.navdrawer nav a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}.hero{height:min(720px,76vh);min-height:570px;position:relative;color:#fff;display:flex;align-items:center;background:#33453f url('assets/library.avif') center 42%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,27,30,.78),rgba(10,27,30,.35) 60%,rgba(10,27,30,.06))}.hero>.wrap{position:relative;z-index:1}.hero .eyebrow{color:#e6e8d6;margin-bottom:25px}.hero h1{font-size:clamp(48px,6.4vw,102px);max-width:890px;letter-spacing:-.045em;line-height:1.02;margin-bottom:26px}.hero p{max-width:550px;font-size:20px;line-height:1.55}.hero .button{margin-top:20px}.button{display:inline-block;background:#fff;color:var(--ink);padding:13px 22px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.button.dark{background:var(--ink);color:#fff}.intro{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.intro-photo{background:#807d70 url('assets/planning.avif') center/cover no-repeat;min-height:450px}.intro-copy{padding:clamp(50px,8vw,120px) clamp(40px,7vw,110px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.intro-copy .eyebrow{color:var(--copper)}.intro-copy h2{font-size:clamp(40px,4.4vw,68px);letter-spacing:-.04em;margin:22px 0}.intro-copy p{max-width:510px;font-size:18px;color:var(--muted)}.statement{background:#1d3d3c;color:#fff;padding:110px 0 120px}.statement .eyebrow{color:#add1c2}.statement p{font:400 clamp(32px,5vw,72px)/1.18 Georgia,serif;letter-spacing:-.035em;max-width:1140px;margin:35px 0 0}.statement span{color:#b8d5bc}.sectiontitle{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:95px 0 35px}.sectiontitle h2{font-size:clamp(42px,5vw,73px);max-width:690px;letter-spacing:-.045em;margin:15px 0 0}.sectiontitle p{max-width:330px;margin-bottom:6px;color:var(--muted)}.pathways{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:110px}.pathway{min-height:485px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;color:#fff}.pathway:nth-child(1){background:#536866 url('assets/library.avif') center/cover}.pathway:nth-child(2){background:#7d6655 url('assets/planning.avif') center/cover}.pathway:nth-child(3){background:linear-gradient(140deg,#305556,#0f3039 65%,#81694f)}.pathway:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#071b1c75,#071b1c0d 45%,#071b1ccc)}.pathway>*{position:relative}.pathway .num{font-size:12px;letter-spacing:.18em}.pathway h3{font:400 clamp(30px,3vw,44px)/1.08 Georgia,serif;margin:0 0 10px}.pathway p{max-width:320px;font-size:14px;line-height:1.55;margin-bottom:12px}.pathway .arrow{font-size:24px}.map{background:var(--sea);padding:105px 0}.mapgrid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.map h2{font-size:clamp(38px,4vw,61px);letter-spacing:-.04em;margin:20px 0}.mapleft p{max-width:380px}.steps{border-top:1px solid #8ba9a4}.step{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid #8ba9a4}.step b{font:400 24px Georgia,serif}.step h3{font:400 30px Georgia,serif;margin-bottom:8px}.step p{margin:0;color:#385452}.latest{padding:100px 0 115px}.latesthead{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:20px;margin-bottom:25px}.latesthead h2{font-size:clamp(38px,4vw,60px);margin:10px 0 0}.latesthead a{font-size:13px;font-weight:700;text-decoration:underline}.postlist{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.postcard{border-right:1px solid var(--line);padding-right:20px}.postcard:last-child{border:0}.postcard img{width:100%;aspect-ratio:1.6;object-fit:cover;margin-bottom:17px}.postcard time{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.postcard h3{font:400 26px/1.2 Georgia,serif;margin:10px 0}.postcard p{font-size:14px;color:var(--muted)}.empty{padding:30px 0;grid-column:1/-1;color:var(--muted)}.footer{background:#132b2c;color:#e7f0eb;padding:80px 0 25px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footerbrand{font:400 40px Georgia,serif;letter-spacing:-.05em;margin-bottom:22px}.footer p{max-width:370px;color:#adc4bd}.footer h3{text-transform:uppercase;letter-spacing:.15em;font-size:12px;margin:7px 0 22px}.footer a{display:block;margin:8px 0;font-size:14px}.footfine{border-top:1px solid #67827b;margin-top:75px;padding-top:22px;font-size:12px;color:#adc4bd;display:flex;justify-content:space-between;gap:20px}.innerhero{background:#e4ede8;padding:90px 0 100px}.innerhero h1{font-size:clamp(48px,6vw,86px);max-width:950px;letter-spacing:-.045em;margin:18px 0}.innerhero p{max-width:700px;font-size:20px}.inner{width:min(840px,90%);margin:80px auto 115px;min-height:40vh}.prose{font:18px/1.8 Georgia,serif}.prose h2,.prose h3{font-family:Arial,sans-serif;margin-top:38px}.prose a{text-decoration:underline}.journal{width:min(1100px,90%);margin:80px auto 115px}.journal .postlist{grid-template-columns:repeat(2,1fr)}.journal .postcard{border-bottom:1px solid var(--line);padding-bottom:24px}.singlemeta{color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.feature{margin:25px 0 45px;width:100%;height:auto}.wp-block-image img{height:auto}@media(max-width:950px){.intro{grid-template-columns:1fr}.intro-photo{min-height:410px}.intro-copy{padding:65px 7%}.mapgrid{gap:40px}.pathway{min-height:420px}}@media(max-width:650px){.sitehead>.wrap{min-height:70px}.brand{font-size:25px}.headright{gap:12px}.headright>a{display:none}.hero{min-height:580px;height:auto;padding:85px 0}.hero h1{font-size:50px}.hero p{font-size:17px}.intro-photo{min-height:300px}.intro-copy h2{font-size:42px}.statement{padding:75px 0}.statement p{font-size:35px}.sectiontitle{display:block;padding-top:70px}.pathways{grid-template-columns:1fr;padding-bottom:75px}.pathway{min-height:390px}.map{padding:75px 0}.mapgrid{grid-template-columns:1fr;gap:30px}.step h3{font-size:25px}.latest{padding:75px 0}.latesthead{align-items:end}.postlist,.journal .postlist{grid-template-columns:1fr}.postcard{border:0;border-bottom:1px solid var(--line);padding:0 0 20px}.footergrid{grid-template-columns:1fr;gap:25px}.footfine{display:block;margin-top:45px}.innerhero{padding:60px 0}.inner{margin:45px auto 80px}}
.navdrawer ul,.footer ul{list-style:none;margin:0;padding:0}.navdrawer li{margin:0}.footer li{margin:0}.footer li a{margin:8px 0}.pathway:nth-child(1){background:#315b5d}.pathway:nth-child(2){background:#795a48}.pathway:nth-child(3){background:linear-gradient(140deg,#305556,#0f3039 65%,#81694f)}
