:root{color-scheme:dark;--bg:#102921;--panel:#102921;--line:#102921;--ink:#F9F5EA;--muted:#F8F4EA;--purple:#102A22;--violet:#F8F4EA;--glow:rgba(16,42,34,.36)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.nav-wrap{position:sticky;top:5px;z-index:50;width:min(1200px,calc(100% - 48px));height:58px;margin:5px auto -63px;display:flex;align-items:center;gap:25px;padding:0 20px;border:1px solid #102921;border-radius:16px;background:rgba(16,41,33,.84);backdrop-filter:blur(18px);box-shadow:0 10px 35px #10292166}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-w{font:700 44px/.8 'Cormorant Garamond',serif;background:linear-gradient(135deg,#F9F5EA,#F8F4EA 70%);color:transparent;background-clip:text;-webkit-background-clip:text}.brand b{font:800 13px Manrope}.brand i{font-style:normal;color:#F8F4EA}.nav-wrap nav{display:flex;align-items:center;justify-content:center;gap:7px;margin-left:auto}.nav-wrap nav a{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:30px;color:#F9F5EA;font-size:11px;white-space:nowrap;transition:.25s}.nav-wrap nav a:hover,.nav-wrap nav a.active{background:linear-gradient(110deg,#102A21,#102921);box-shadow:0 0 24px #102A226B;color:white}.theme-toggle,.mobile-toggle{width:32px;height:32px;flex:none;border:1px solid #102921;border-radius:50%;background:#102921;color:white;cursor:pointer;font-size:17px}.mobile-toggle{display:none}.hero{position:relative;min-height:515px;height:min(52vw,620px);max-height:660px;overflow:hidden;display:flex;align-items:center;padding:78px max(5.5vw,calc((100vw - 1200px)/2));border-bottom:1px solid #102921;background:#102921}.hero-art{position:absolute;inset:55px 0 0 32%;background-image:url('../assets/hero-night-workspace.png');background-position:center 58%;background-size:cover;animation:heroDrift 25s ease-in-out infinite alternate;transform:scale(1.025)}.hero-shade{position:absolute;inset:55px 0 0;background:linear-gradient(90deg,#102921 0%,#102921 24%,rgba(16,41,33,.96) 35%,rgba(16,41,33,.44) 54%,rgba(16,41,33,.03) 80%),linear-gradient(0deg,#102921 0%,transparent 25%,transparent 85%,#10292144)}.hero-content{position:relative;z-index:2;width:48%;max-width:550px;padding-top:32px}.welcome{display:inline-flex;align-items:center;gap:9px;border:1px solid #102921;background:#102921BA;border-radius:22px;padding:7px 12px;color:#F8F4EA;font-size:10px;margin-bottom:13px}.welcome span{width:8px;height:8px;border-radius:50%;background:#F8F4EA;box-shadow:0 0 12px #112A22}.hero h1{font:700 clamp(50px,5.8vw,78px)/.83 'Cormorant Garamond',serif;letter-spacing:-.035em;margin:0 0 24px}.hero h1 em,.projects-section h2 em,.features h2 em{font-style:italic;background:linear-gradient(90deg,#F8F4EA,#F8F4EA 75%,#102A22);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-desc{color:#F9F5EA;font-size:13px;line-height:1.55;margin:0 0 24px}.hero-buttons{display:flex;gap:16px;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:30px;padding:14px 22px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .22s,box-shadow .22s,filter .22s}.btn span{font-size:16px}.btn.primary{color:#102921;background:linear-gradient(110deg,#112A22,#F8F4EA);box-shadow:0 8px 26px #102A225E,inset 0 1px 0 rgba(95,176,149,0.060)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #102A2290;filter:brightness(1.08)}.btn.outline{border:1px solid #F8F4EA;background:#102921B8;color:#F9F5EA;padding:13px 22px}.btn.outline:hover{background:#102921;transform:translateY(-2px)}.stats{display:flex;align-items:center;margin-top:30px}.stats>div{min-width:110px;padding:0 17px;border-right:1px solid #102921;display:grid;grid-template-columns:28px auto;grid-template-rows:20px 14px;align-items:center}.stats>div:first-child{padding-left:2px}.stats>div:last-child{border:0}.stats b{grid-row:1/3;font-size:23px;color:#F8F4EA}.stats strong{font-size:13px}.stats small{font-size:9px;color:#F8F4EA}.dream-note{position:absolute;right:5.8%;top:23%;font:italic 600 25px/1.04 'Cormorant Garamond',serif;transform:rotate(-7deg);text-shadow:0 3px 20px #102921}.dream-note span{display:block;width:90px;height:16px;border-bottom:2px solid #F8F4EA;transform:rotate(-8deg);margin-left:10px}.scroll-cue{position:absolute;bottom:12px;left:49%;display:grid;place-items:center;width:25px;height:39px;border:1px solid #F8F4EA;border-radius:20px;color:#F9F5EA;font-size:20px;animation:bob 2s ease-in-out infinite}.section-pad{width:min(1160px,calc(100% - 70px));margin:auto}.features{text-align:center;padding-top:20px;padding-bottom:36px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:13px;color:#F8F4EA;font-size:9px;font-weight:800;letter-spacing:.17em}.eyebrow span{height:1px;width:15px;background:#102A22}.eyebrow.left{justify-content:flex-start}.features h2{font:600 clamp(30px,3.4vw,40px)/1 'Cormorant Garamond',serif;margin:7px 0 5px}.section-sub{font-size:12px;color:#F8F4EA;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px;text-align:left}.feature-card{position:relative;min-height:132px;padding:16px 18px;border:1px solid #102921;border-radius:14px;background:linear-gradient(135deg,#102921,#102921);transition:.25s;overflow:hidden}.feature-card:hover{transform:translateY(-5px);border-color:#102A22;box-shadow:0 12px 35px #102A2224}.feature-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font-size:26px;font-weight:800;margin-bottom:9px;text-shadow:0 0 14px currentColor}.purple .feature-icon{color:#F8F4EA;background:#102921}.cyan .feature-icon{color:#F8F4EA;background:#102921}.pink .feature-icon{color:#F8F4EA;background:#102921}.amber .feature-icon{color:#F8F4EA;background:#102921}.feature-card>b{display:block;font-size:12px}.feature-card p{margin:5px 0 0;color:#F8F4EA;font-size:10px;line-height:1.55}.round-arrow{position:absolute;right:14px;bottom:15px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#102A21,#102921);font-size:16px}.projects-section{width:min(1160px,calc(100% - 70px));margin:0 auto;display:grid;grid-template-columns:.75fr 1.45fr;gap:35px;align-items:center;padding-top:6px;padding-bottom:35px}.project-copy h2{font:600 clamp(39px,4.3vw,55px)/.9 'Cormorant Garamond',serif;margin:16px 0}.project-copy h2 em{display:inline-block;margin-top:8px}.project-copy p{font-size:12px;color:#F8F4EA;line-height:1.65;margin:0 0 17px}.showcase-wrap{position:relative;padding:5px 20px}.showcase-wrap:before,.showcase-wrap:after{content:"";position:absolute;inset:15px 0 0;border:1px solid #102921;border-radius:15px;transform:rotate(-2deg);background:#102921;z-index:-1}.showcase-wrap:after{transform:rotate(1.4deg);inset:8px 8px 0;background:#102921}.showcase-card{display:grid;grid-template-columns:.8fr 1.1fr;gap:12px;min-height:220px;padding:20px;border:1px solid #102921;border-radius:14px;background:linear-gradient(135deg,#102921F5,#102921F5);box-shadow:0 15px 40px #0007}.showcase-title{display:flex;gap:12px;align-items:center;border-bottom:1px solid #102921;padding-bottom:14px}.graph-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #102A21;border-radius:50%;font-size:19px;color:#F8F4EA}.showcase-title h3{font:600 24px 'Cormorant Garamond',serif;margin:0}.showcase-title small{display:block;color:#F8F4EA;font-size:9px;margin-top:3px}.showcase-info ul{list-style:none;padding:0;margin:12px 0 14px;display:grid;gap:9px}.showcase-info li{font-size:11px;color:#F9F5EA}.showcase-info li:before{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#102921;color:white;margin-right:10px;font-weight:800}.btn.small{padding:10px 22px;font-size:9px}.chart-panel{position:relative;align-self:center;padding:15px 4px 0}.slide-count{position:absolute;right:3px;top:-5px;font-size:10px;color:#F9F5EA}.chart{width:100%;height:auto;overflow:visible}.carousel-arrow{position:absolute;z-index:3;top:47%;width:33px;height:33px;border:1px solid #F8F4EA;border-radius:50%;background:#102921;color:#F9F5EA;font-size:27px;line-height:1;cursor:pointer;transition:.2s}.carousel-arrow:hover{background:#102A21;box-shadow:0 0 20px #102A2277}.carousel-arrow.prev{left:-15px}.carousel-arrow.next{right:-15px}.quote-banner{position:relative;width:min(1200px,calc(100% - 48px));height:128px;margin:0 auto 22px;border:1px solid #102A21;border-radius:17px;overflow:hidden;background:#102921}.quote-landscape{position:absolute;inset:0;background:linear-gradient(90deg,#102921AA,#102921A8),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 180'%3E%3Cdefs%3E%3ClinearGradient id='s' x2='0' y2='1'%3E%3Cstop stop-color='%23f59b83'/%3E%3Cstop offset='.48' stop-color='%233b2867'/%3E%3Cstop offset='1' stop-color='%230b102c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1200' height='180' fill='url(%23s)'/%3E%3Ccircle cx='245' cy='74' r='37' fill='%23ffc28e' opacity='.8'/%3E%3Cpath d='M0 135 100 75 165 120 280 55 395 130 510 72 610 140 750 50 880 135 1010 62 1200 128V180H0Z' fill='%23201c50'/%3E%3Cpath d='M0 151 140 110 230 150 390 96 530 155 710 100 850 154 1000 103 1200 150V180H0Z' fill='%23090d23'/%3E%3Cg fill='%23060918'%3E%3Cpath d='M790 180l25-60 25 60m-17 0 20-43 22 43m110 0 27-70 27 70m-18 0 23-48 22 48'/%3E%3Ccircle cx='345' cy='120' r='6'/%3E%3Cpath d='M341 126h8l7 25h-22zM345 130l-12 13m16-13 13 11' stroke='%23060918' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E") center/cover}.quote-content{position:relative;text-align:center;padding-top:9px;text-shadow:0 2px 12px #102921}.quote-content>span{font:700 35px 'Cormorant Garamond';color:#F8F4EA;line-height:.7}.quote-content blockquote{font:italic 600 26px/1 'Cormorant Garamond',serif;margin:0 0 7px}.quote-content small{font-size:9px;color:#F9F5EA}.newsletter{display:flex;align-items:center;gap:18px;padding:22px max(8vw,calc((100vw - 1120px)/2));border-top:1px solid #102921;border-bottom:1px solid #102921;background:linear-gradient(100deg,#102921,#102921)}.mail-icon{width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,#102A22,#102921);box-shadow:0 0 25px #102A2269}.newsletter-copy{min-width:260px}.newsletter-copy h2{font:600 23px 'Cormorant Garamond';margin:0}.newsletter-copy p{font-size:10px;color:#F8F4EA;margin:3px 0}.newsletter form{display:flex;gap:10px;margin-left:auto;position:relative;width:min(520px,50%)}.newsletter input{min-width:0;flex:1;border:1px solid #102921;background:#102921;border-radius:12px;color:white;padding:13px 15px;font-size:10px;outline:none}.newsletter input:focus{border-color:#F8F4EA;box-shadow:0 0 0 3px #112A2222}.newsletter form .btn{padding:13px 17px}.newsletter form #newsletterFeedback{position:absolute;left:0;top:100%;margin:5px 0 0;font-size:10px;color:#F8F4EA}.site-footer{padding:28px max(4vw,calc((100vw - 1200px)/2)) 14px;background:radial-gradient(ellipse at 45% 140%,#10292188,transparent 40%),#102921}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px}.footer-brand .brand-w{font-size:45px}.footer-brand>span:last-child{display:flex;flex-direction:column;gap:3px}.footer-brand b{font:700 16px 'Cormorant Garamond'}.footer-brand small{font-size:9px;color:#F8F4EA}.footer-main nav{display:flex;gap:23px}.footer-main nav a{font-size:10px;color:#F8F4EA}.footer-main nav a:hover{color:#F8F4EA}.socials{display:flex;gap:8px}.socials a{display:grid;place-items:center;width:29px;height:29px;border:1px solid #102A22;border-radius:50%;background:#102921;color:#F8F4EA;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:14px;border-top:1px solid #102921;color:#F8F4EA;font-size:9px}.footer-bottom b{color:#F8F4EA}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes heroDrift{to{transform:scale(1.06) translateX(-1%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}body.light{color-scheme:light;--bg:#F9F5EA;--ink:#102921;--muted:#102A21;background:#F9F5EA;color:#102921}body.light .nav-wrap,body.light .newsletter,body.light .site-footer{background:#F9F5EAED;color:#102921}body.light .feature-card,body.light .showcase-card{background:#F9F5EA;border-color:#F9F5EA}body.light .hero-shade{background:linear-gradient(90deg,#F9F5EA 0%,#F9F5EA 24%,#F9F5EADF 35%,#F9F5EA66 54%,transparent 80%),linear-gradient(0deg,#F9F5EA 0%,transparent 25%,transparent 85%)}body.light .hero{background:#F9F5EA}body.light .nav-wrap nav a{color:#102921}body.light .hero-desc,body.light .project-copy p,body.light .feature-card p,body.light .showcase-info li{color:#102A21}body.light .newsletter input{background:white;color:#102921}body.light .footer-main nav a,body.light .footer-bottom{color:#102A22}
@media(max-width:900px){.nav-wrap{width:calc(100% - 28px);gap:12px;padding:0 14px}.nav-wrap nav{gap:0}.nav-wrap nav a{padding:10px 9px;font-size:10px}.brand{gap:8px}.brand b{font-size:12px}.hero{height:590px;min-height:0;padding:85px 5vw 55px}.hero-art{left:25%;opacity:.9}.hero-shade{background:linear-gradient(90deg,#102921 0%,#102921 22%,#102921E8 39%,#10292177 70%,#10292120 100%),linear-gradient(0deg,#102921 0%,transparent 25%)}.hero-content{width:65%}.dream-note{right:4%;font-size:20px}.feature-grid{gap:10px}.feature-card{padding:14px}.projects-section{gap:18px}.showcase-card{padding:15px;grid-template-columns:.9fr 1fr}.showcase-title h3{font-size:21px}.newsletter{padding:22px 4vw}.newsletter-copy{min-width:220px}.footer-main nav{gap:12px}}
@media(max-width:650px){.nav-wrap{height:56px;margin-bottom:-61px;top:4px;border-radius:14px}.brand-w{font-size:39px}.brand b{font-size:13px}.mobile-toggle{display:block;margin-left:auto;border-radius:8px}.nav-wrap nav{display:none;position:absolute;top:62px;left:0;right:0;margin:0;padding:10px;flex-direction:column;align-items:stretch;border:1px solid #102921;border-radius:14px;background:#102921F5;box-shadow:0 18px 35px #0008}.nav-wrap nav.open{display:flex}.nav-wrap nav a{padding:13px;font-size:12px}.theme-toggle{width:31px;height:31px}.hero{height:auto;min-height:720px;align-items:flex-start;padding:115px 24px 65px}.hero-art{inset:280px -25% 0 0;background-position:center bottom;opacity:.92}.hero-shade{inset:55px 0 0;background:linear-gradient(180deg,#102921 0%,#102921 27%,#102921E8 43%,#10292145 69%,#102921 100%)}.hero-content{width:100%;max-width:520px;padding:0}.hero h1{font-size:clamp(48px,13vw,70px);margin-bottom:20px}.hero-desc{font-size:12px;max-width:340px}.desktop-only{display:none}.hero-buttons{gap:9px;flex-wrap:wrap}.btn{padding:13px 16px;font-size:10px}.stats{margin-top:25px}.stats>div{min-width:0;flex:1;padding:0 9px;grid-template-columns:23px auto}.stats b{font-size:20px}.stats strong{font-size:11px}.stats small{font-size:8px}.dream-note{top:auto;bottom:105px;right:8%;font-size:18px}.scroll-cue{bottom:10px;left:calc(50% - 12px)}.section-pad,.projects-section{width:calc(100% - 36px)}.features{padding-top:27px;padding-bottom:35px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{min-height:145px;padding:14px}.feature-card>b{font-size:11px}.feature-card p{font-size:9px}.round-arrow{right:10px;bottom:10px}.projects-section{grid-template-columns:1fr;gap:25px;padding-bottom:34px}.project-copy h2{font-size:47px;margin:13px 0}.showcase-wrap{margin:0 7px;padding:5px 8px}.showcase-card{grid-template-columns:1fr;gap:10px;padding:15px}.showcase-info ul{grid-template-columns:1fr 1fr;gap:7px}.showcase-info li{font-size:10px}.chart-panel{padding:18px 0 0}.chart{max-height:190px}.slide-count{top:0}.carousel-arrow.prev{left:-17px}.carousel-arrow.next{right:-17px}.quote-banner{width:calc(100% - 28px);height:128px;margin-bottom:17px}.quote-content{padding-top:14px}.quote-content blockquote{font-size:23px}.newsletter{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:20px 18px 30px}.newsletter-copy{min-width:0}.newsletter-copy h2{font-size:22px}.newsletter form{grid-column:1/-1;width:100%;margin:3px 0 0}.newsletter input{padding:13px 11px}.newsletter form .btn{padding:12px}.site-footer{padding:25px 20px 13px}.footer-main{display:grid;grid-template-columns:1fr auto;gap:20px;padding-bottom:18px}.footer-main nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);gap:13px 8px}.footer-main nav a{font-size:10px}.socials{justify-self:end;align-self:center}.footer-bottom{font-size:8px;flex-direction:column;gap:8px}.reveal{opacity:1;transform:none}}
@media(max-width:380px){.brand b{font-size:11px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:47px}.hero-buttons .btn{padding:12px 13px}.stats>div{padding:0 5px}.stats b{font-size:17px}.stats strong{font-size:10px}.feature-grid{gap:8px}.feature-card{padding:11px}.newsletter form{gap:6px}.newsletter form .btn{font-size:9px;padding:10px}}

/* Final home cleanup: clear headline line spacing and compact editorial layout. */
.hero h1{line-height:.98!important;letter-spacing:-.025em!important;margin-bottom:22px!important;}
.hero h1 em{display:inline-block;line-height:1.02!important;padding-bottom:.025em;}
.hero-content{max-width:590px!important;}
.hero-desc{max-width:470px!important;line-height:1.65!important;}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.feature-card p{line-height:1.5!important;}
.stats>div{border-right:0!important;}
@media(max-width:650px){.hero h1{font-size:clamp(45px,12vw,68px)!important;line-height:.98!important}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:auto}.hero-desc{max-width:100%!important}}

/* Mobile hero artwork is a backdrop beneath the copy, not a separate lower block */
@media(max-width:650px){.hero{position:relative;min-height:680px!important;height:auto!important;padding:92px 24px 52px!important;align-items:flex-start!important}.hero-art{inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;background-position:58% center!important;opacity:.58!important;transform:scale(1.02)!important}.hero-shade{inset:0!important;background:linear-gradient(180deg,rgba(16,41,33,.98) 0%,rgba(16,41,33,.88) 35%,rgba(16,41,33,.42) 68%,rgba(16,41,33,.72) 100%)!important}.hero-content{position:relative!important;z-index:3!important}.dream-note{z-index:3!important;bottom:28px!important;right:8%!important}.scroll-cue{display:none!important}.stats{position:relative;z-index:3}}

/* FINAL MOBILE SPACING + HERO IMAGE CROP FIX (2026-10-23) */
@media (max-width:650px){
  /* Keep the announcement close to the hero; do not leave a blank band. */
  #homePalestineBanner,.home-palestine-banner{margin-bottom:0!important;}
  body[data-page="home"] main{margin-top:0!important;padding-top:0!important;}
  body[data-page="home"] .hero{margin-top:0!important;padding:28px 24px 38px!important;min-height:690px!important;height:auto!important;max-height:none!important;align-items:flex-start!important;}
  body[data-page="home"] .hero-content{padding-top:0!important;margin-top:0!important;width:100%!important;max-width:100%!important;}
  body[data-page="home"] .hero-art{inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;background-size:cover!important;background-position:64% center!important;opacity:.78!important;transform:none!important;}
  body[data-page="home"] .hero-shade{inset:0!important;background:linear-gradient(180deg,rgba(16,41,33,.97) 0%,rgba(16,41,33,.91) 30%,rgba(16,41,33,.64) 55%,rgba(16,41,33,.22) 78%,rgba(16,41,33,.62) 100%)!important;}
  body[data-page="home"] .welcome{margin-bottom:12px!important;}
  body[data-page="home"] .hero h1{font-size:clamp(44px,11.4vw,64px)!important;line-height:1.02!important;letter-spacing:-.03em!important;margin:0 0 18px!important;}
  body[data-page="home"] .hero h1 em{display:inline-block!important;line-height:1.02!important;padding-bottom:.04em!important;}
  body[data-page="home"] .hero-desc{font-size:15px!important;line-height:1.55!important;max-width:100%!important;margin-bottom:20px!important;}
  body[data-page="home"] .hero-buttons{position:relative!important;z-index:4!important;gap:10px!important;flex-wrap:wrap!important;}
  body[data-page="home"] .hero-buttons .btn{min-height:52px!important;padding:13px 16px!important;font-size:12px!important;}
  body[data-page="home"] .stats{margin-top:22px!important;}
  body[data-page="home"] .dream-note{right:7%!important;bottom:24px!important;font-size:18px!important;}
  body[data-page="home"] .scroll-cue{display:none!important;}
}
@media(max-width:390px){body[data-page="home"] .hero{padding-left:18px!important;padding-right:18px!important}body[data-page="home"] .hero h1{font-size:clamp(41px,11.2vw,48px)!important}body[data-page="home"] .hero-buttons .btn{padding-inline:13px!important}}

/* Mobile hero artwork: preserve the full desk composition instead of zoom-cropping the laptop. */
@media(max-width:650px){
  body[data-page="home"] .hero{min-height:690px!important;height:auto!important;padding-top:32px!important;padding-bottom:36px!important;}
  body[data-page="home"] .hero-art{inset:auto 0 0 0!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;height:54%!important;background-size:100% auto!important;background-position:center bottom!important;background-repeat:no-repeat!important;opacity:1!important;transform:none!important;}
  body[data-page="home"] .hero-shade{inset:0!important;background:linear-gradient(180deg,#102921 0%,#102921 32%,rgba(16,41,33,.94) 43%,rgba(16,41,33,.48) 62%,rgba(16,41,33,.18) 82%,rgba(16,41,33,.56) 100%)!important;}
  body[data-page="home"] .hero-content{z-index:3!important;}
  body[data-page="home"] .dream-note{bottom:24px!important;right:7%!important;font-size:16px!important;}
}
@media(max-width:390px){body[data-page="home"] .hero{padding-top:28px!important;min-height:660px!important}body[data-page="home"] .hero-art{height:49%!important;background-size:110% auto!important;background-position:center bottom!important}}

/* Approved responsive hero + restored engineering tools section */
.engineering-tools{padding:30px 0 42px}
.engineering-tools h2{font:600 clamp(34px,4vw,48px)/.98 'Cormorant Garamond',serif;margin:14px 0 24px;letter-spacing:-.02em}
.engineering-tools h2 em{font-style:italic;background:linear-gradient(90deg,#F8F4EA,#F8F4EA 75%,#102A22);color:transparent;background-clip:text;-webkit-background-clip:text}
.engineering-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.engineering-tool-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:180px;padding:22px 20px 42px;border:1px solid #102921;border-radius:14px;background:linear-gradient(145deg,#102921,#102921);transition:transform .24s,border-color .24s,box-shadow .24s;overflow:hidden}
.engineering-tool-card:hover{transform:translateY(-4px);border-color:#112A22;box-shadow:0 12px 32px #102A2226}
.engineering-tool-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #102A22;border-radius:50%;background:#102921;color:#F8F4EA;font-size:24px;box-shadow:0 0 20px #102A2222;margin-bottom:15px}
.engineering-tool-card h3{font-size:13px;line-height:1.35;margin:0 0 7px;font-weight:700}
.engineering-tool-card p{font-size:11px;line-height:1.55;color:#F8F4EA;margin:0;max-width:230px}
.engineering-tool-arrow{position:absolute;right:17px;bottom:15px;width:26px;height:26px;display:grid;place-items:center;border:1px solid #102A21;border-radius:50%;color:#F9F5EA;font-size:17px}
@media(min-width:651px){body[data-page="home"] .hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:2vw;padding-left:max(5.5vw,calc((100vw - 1200px)/2));padding-right:max(5.5vw,calc((100vw - 1200px)/2))}body[data-page="home"] .hero-content{width:100%;max-width:560px}body[data-page="home"] .hero-art{left:42%;inset:55px 0 0 42%;background-position:center 58%}body[data-page="home"] .hero-shade{background:linear-gradient(90deg,#102921 0%,#102921 28%,rgba(16,41,33,.88) 43%,rgba(16,41,33,.2) 72%,rgba(16,41,33,.02) 100%),linear-gradient(0deg,#102921 0%,transparent 25%,transparent 85%,#10292144)}}
@media(max-width:900px){.engineering-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.engineering-tool-card{min-height:160px}}
@media(max-width:650px){body[data-page="home"] .hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding:26px 24px 0!important;margin-top:0!important;border-bottom:1px solid #102921!important}body[data-page="home"] .hero-content{order:1!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}body[data-page="home"] .hero-art{position:relative!important;order:2!important;display:block!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:calc(100% + 48px)!important;height:clamp(230px,72vw,370px)!important;min-height:230px!important;margin:22px -24px 0!important;background-image:url('../assets/hero-night-workspace.png')!important;background-size:cover!important;background-position:center 58%!important;opacity:1!important;transform:none!important;animation:none!important;flex:none!important}body[data-page="home"] .hero-shade{inset:auto 0 0!important;height:clamp(230px,72vw,370px)!important;top:auto!important;background:linear-gradient(180deg,rgba(16,41,33,0) 0%,rgba(16,41,33,.06) 50%,rgba(16,41,33,.5) 100%)!important;z-index:1!important;pointer-events:none!important}body[data-page="home"] .hero h1{font-size:clamp(45px,12vw,66px)!important;line-height:.98!important;letter-spacing:-.035em!important;margin:0 0 18px!important}body[data-page="home"] .hero-desc{font-size:13px!important;line-height:1.6!important;max-width:100%!important;margin:0 0 22px!important}body[data-page="home"] .hero-buttons{position:relative;z-index:3;gap:10px!important}body[data-page="home"] .stats{margin:24px 0 0!important;max-width:100%!important}body[data-page="home"] .stats>div{flex:0 1 50%!important;min-width:0!important;padding:0 12px!important}body[data-page="home"] .stats>div:first-child{padding-left:0!important}body[data-page="home"] .dream-note{position:absolute!important;z-index:3!important;bottom:22px!important;right:7%!important;top:auto!important;font-size:18px!important}body[data-page="home"] .scroll-cue{display:none!important}body[data-page="home"] .features{padding-top:30px!important}.engineering-tools{padding:26px 0 34px!important}.engineering-tools h2{font-size:37px!important;margin:12px 0 20px!important}.engineering-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.engineering-tool-card{padding:16px 13px 40px!important;min-height:158px!important}.engineering-tool-card h3{font-size:12px!important}.engineering-tool-card p{font-size:10px!important}.engineering-tool-icon{width:40px;height:40px;margin-bottom:12px}}
@media(max-width:380px){body[data-page="home"] .hero{padding-left:18px!important;padding-right:18px!important}body[data-page="home"] .hero-art{width:calc(100% + 36px)!important;margin-left:-18px!important;margin-right:-18px!important}.engineering-tools h2{font-size:33px!important}}
@media(prefers-reduced-motion:reduce){.engineering-tool-card{transition:none!important}}

/* Compact email updates section */
.newsletter-section{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(280px,1.1fr);align-items:center;gap:22px;margin:28px auto 0;padding:28px clamp(20px,4vw,42px);max-width:1240px;border:1px solid rgba(95,176,149,0.180);border-radius:22px;background:linear-gradient(115deg,rgba(16,41,33,.72),rgba(16,41,33,.9));box-shadow:0 14px 42px rgba(16,40,32,.18)}
.newsletter-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(95,176,149,0.180);border-radius:50%;background:radial-gradient(circle,rgba(17,42,34,.35),rgba(16,41,33,.35));color:#F8F4EA;font-size:26px;box-shadow:0 0 24px rgba(16,42,34,.18)}
.newsletter-copy h2{margin:0 0 6px;font:600 clamp(23px,2.4vw,31px)/1.05 'Cormorant Garamond',serif;color:#F9F5EA}.newsletter-copy p{margin:0;color:#F8F4EA;font-size:13px;line-height:1.65;max-width:410px}.newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.newsletter-form input{width:100%;min-width:0;min-height:48px;padding:0 15px;border-radius:12px;border:1px solid rgba(95,176,149,0.180);background:#102921;color:#F9F5EA;font:500 13px Manrope,sans-serif;outline:none}.newsletter-form input:focus{border-color:#F8F4EA;box-shadow:0 0 0 3px rgba(95,176,149,0.039)}.newsletter-form .btn{min-height:48px;white-space:nowrap}.newsletter-status{grid-column:1/-1;min-height:16px;margin:0;color:#F8F4EA;font-size:12px;line-height:1.4}.newsletter-status.error{color:#F9F5EA}.newsletter-status.success{color:#F9F5EA}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.newsletter-section{grid-template-columns:44px minmax(0,1fr);gap:13px;margin:22px 16px 0;padding:20px 16px;border-radius:17px}.newsletter-mark{width:42px;height:42px;font-size:20px}.newsletter-copy h2{font-size:25px}.newsletter-copy p{font-size:12px}.newsletter-form{grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:8px}.newsletter-form input,.newsletter-form .btn{min-height:46px}.newsletter-form .btn{width:100%}}
