/* Approved Noushift brand palette */
:root{--brand-navy:#0B2D4A;--brand-teal:#0E9CA7;--sage:#8CA896;--sand:#EADCC8;--off-white:#FAF9F6;--ink:#0B2D4A;--navy:#0B2D4A;--deep:#082238;--teal:#08727A;--teal2:#0E9CA7;--copper:#0E9CA7;--aqua:#8CA896;--paper:#FAF9F6;--soft:#EEF3EF;--warm:#EADCC8;--line:rgba(11,45,74,.15)}
body{background:var(--off-white)}
.nav,.top{background:#fff}
.brand-logo{width:250px;height:92px;object-fit:contain}
.logo{width:250px;height:92px;object-fit:contain}
.navin,.topin{min-height:106px;height:auto}
.hero{background:linear-gradient(135deg,#FAF9F6 0%,#EEF3EF 100%)}
.start-card{background:linear-gradient(145deg,#fff,#FAF9F6)}
.start-card span,.course-icon{background:#EEF3EF;color:#08727A}
.reflection,.note,.choose-note{background:#F3EEE5}
.courses{background:linear-gradient(180deg,#FAF9F6,#EADCC8)}
.closing{background:#EADCC8;color:#0B2D4A}
.btn.primary{background:linear-gradient(135deg,#0B2D4A,#08727A)}
.btn.primary:hover{background:#0B2D4A}
.workshop .btn{background:#EADCC8;color:#0B2D4A}
.quote-card strong,.about-panel .big,.insight-meta .number,.num{color:#8CA896}
footer{background:#0B2D4A}
.foot a{color:#EADCC8}
@media(max-width:900px){.brand-logo,.logo{display:none}.brand-mark,.mobile-mark{width:54px;height:54px;object-fit:contain}.navin,.topin{min-height:78px}.topin:before{display:none}}

/* Upcoming workshop */
.workshop{padding:32px 0 64px;scroll-margin-top:120px}
.workshop-wrap{background:var(--navy);color:#fff;border-radius:28px;padding:38px}
.workshop-content{display:grid;grid-template-columns:1fr 230px;gap:32px;align-items:center}
.workshop h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.35;margin:12px 0}
.workshop-outcomes{padding-inline-start:24px;line-height:1.9}
.workshop p{color:rgba(255,255,255,.82)}
.workshop-booking{border:1px solid rgba(234,220,200,.3);background:rgba(234,220,200,.08);border-radius:20px;padding:24px}
.workshop-booking strong{color:var(--sand);font-size:1.1rem}
.workshop-booking p{font-size:.9rem;margin:12px 0 0}
.workshop-status{font-size:.9rem;color:var(--muted);margin:18px 0 0}
.hero{padding:54px 0 48px}.hero h1{font-size:clamp(2.4rem,4.6vw,4.7rem);line-height:1.25}
#about{scroll-margin-top:120px}
@media(max-width:900px){.workshop-content{grid-template-columns:1fr}.workshop-wrap{padding:26px}.hero-grid{gap:28px}.portrait-card{min-height:340px}.workshop{scroll-margin-top:90px}}

/* Noushift introduction and featured workshop */
.brand-description{color:var(--muted);font-size:1rem;max-width:650px;margin:0 0 26px}
.hero .lead{margin-bottom:16px}
.workshop-feature{min-height:490px;display:flex;align-items:center}
.workshop-feature .hero-art{opacity:.18}
.workshop-feature-content{position:relative;z-index:1;padding:38px;color:#fff;width:100%}
.feature-label{display:inline-block;border:1px solid rgba(234,220,200,.4);background:rgba(11,45,74,.7);border-radius:999px;padding:6px 14px;color:var(--sand);font-size:.85rem}
.workshop-feature h2{font-size:clamp(1.85rem,3vw,2.65rem);line-height:1.4;margin:24px 0 16px}
.workshop-feature p{color:rgba(255,255,255,.88);font-size:1rem;margin:0 0 20px}
.feature-meta{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px;font-size:.88rem;color:var(--sand)}
.feature-meta span+span{border-inline-start:1px solid rgba(234,220,200,.35);padding-inline-start:12px}
.workshop-feature .btn{background:var(--sand);color:var(--navy)}
.workshop-feature .feature-status{font-size:.84rem;margin:14px 0 0;color:rgba(255,255,255,.78)}
#noushift{scroll-margin-top:110px}
@media(max-width:900px){.workshop-feature{min-height:0}.workshop-feature-content{padding:28px}.hero h1{font-size:clamp(2.4rem,8vw,4rem)}}