:root{
  color-scheme:light;
  --paper:#f4f2eb;
  --paper-alt:#e9ece6;
  --ink:#29332f;
  --muted:#62706a;
  --quiet:#7a8781;
  --graphite:#303c38;
  --teal:#5c948b;
  --teal-light:#a4d5cd;
  --line:rgba(42,56,50,.14);
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --pad:clamp(22px,5vw,72px);
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:radial-gradient(rgba(63,99,91,.38) .55px,transparent .65px);background-size:25px 25px;mask-image:linear-gradient(to bottom,#000,transparent 55%)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
.site-shell{overflow:hidden}
.wrap{width:min(100% - 2*var(--pad),var(--max));margin-inline:auto}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;color:var(--ink)}
.brand-word{font-size:15px;font-weight:760;letter-spacing:.22em;line-height:1.05}
.brand-sub{display:block;margin-top:6px;color:#74817b;font-size:8px;font-weight:650;letter-spacing:.17em}
.site-nav{display:flex;align-items:center;gap:clamp(18px,2.8vw,38px);font-size:12px;font-weight:600;color:#53615b}
.site-nav>a:not(.nav-cta){transition:color .2s}
.site-nav>a:not(.nav-cta):hover,.text-link:hover{color:#3f776f}
.nav-cta{padding:10px 15px;border:1px solid rgba(72,132,123,.38);border-radius:99px;color:#43796f;transition:background .2s,color .2s}
.nav-cta:hover{background:#578e85;color:#fff}
.nav-cta span{margin-left:7px}
.menu-toggle{display:none}
.hero{position:relative;min-height:600px;padding-block:65px 68px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:center;gap:clamp(32px,5vw,68px)}
.hero-copy{position:relative;z-index:2;padding-bottom:10px}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 23px;color:#687670;font-size:9px;font-weight:700;letter-spacing:.17em}
.live-dot,.tag-dot{width:7px;height:7px;display:inline-block;flex:none;border-radius:50%;background:#6da79e;box-shadow:0 0 9px rgba(95,158,147,.28)}
.hero h1{max-width:650px;margin:0 0 22px;font-size:clamp(42px,5.1vw,64px);line-height:1.04;letter-spacing:-.065em;font-weight:620;color:#29332f}
.hero h1 span{color:#568c83;font-weight:570;letter-spacing:-.06em}
.hero-lead{max-width:520px;margin:0 0 25px;color:#5b6964;font-size:15px;line-height:1.75}
.hero-lead strong{color:#34423d;font-weight:700}
.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.button{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:0 18px;border:0;border-radius:3px;font-size:11px;font-weight:730;cursor:pointer;transition:transform .2s,background .2s,color .2s}
.button:hover{transform:translateY(-2px)}
.button-lime{background:#a2d5cd;color:#263632}
.button-lime:hover{background:#b5e0d9}
.button span{font-size:15px}
.text-link{font-size:11px;font-weight:620;color:#53615b;transition:color .2s}
.text-link span{margin-left:5px;color:#578e85}
.hero-footnote{display:flex;align-items:center;gap:11px;margin-top:42px;color:#78847e;font-size:9px;letter-spacing:.025em}
.footnote-line{width:25px;height:1px;background:#71aaa1}
.hero-art{position:relative;z-index:1;width:100%;max-width:520px;justify-self:end;margin:0;padding:10px 10px 66px;border-radius:245px 245px 4px 4px;background:linear-gradient(145deg,#e6e8e0,#cbd3cc 52%,#e1e2da);box-shadow:0 20px 58px rgba(48,63,56,.12);transform:rotate(.5deg)}
.hero-photo-wrap{height:clamp(230px,22vw,280px);overflow:hidden;border-radius:235px 235px 2px 2px;background:#d8dcd6}
.hero-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top;mix-blend-mode:multiply;filter:saturate(.79) contrast(1.02)}
.photo-label{position:absolute;left:-23px;bottom:15px;display:flex;align-items:center;gap:12px;min-width:265px;padding:13px 15px;background:#303c38;color:#f2f2eb;box-shadow:0 11px 28px rgba(37,50,45,.16);transform:rotate(-.5deg)}
.photo-label strong,.photo-label small{display:block}
.photo-label strong{font-size:11px;font-weight:650}
.photo-label small{margin-top:4px;color:#c0cdc6;font-size:8px;letter-spacing:.12em}
.label-arrow{margin-left:auto;color:#a4d5cd;font-size:15px}
.image-tag{position:absolute;top:22px;right:-10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f8f6f0;color:#52615a;font-size:8px;font-weight:750;letter-spacing:.12em}
.image-tag .tag-dot{width:6px;height:6px;box-shadow:none}
.art-index{position:absolute;right:17px;bottom:18px;color:#47564f;font-size:8px;letter-spacing:.15em}
.hero-decoration{position:absolute;z-index:0;width:425px;height:425px;right:4%;top:11%;border:1px solid rgba(81,139,129,.11);border-radius:50%;pointer-events:none}
.hero-decoration:before,.hero-decoration:after{content:"";position:absolute;inset:29px;border:1px solid rgba(81,139,129,.09);border-radius:50%}
.hero-decoration:after{inset:63px}
.signal-bar{border-block:1px solid var(--line);background:#eeece5}
.signal-inner{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#728079;font-size:8px;font-weight:700;letter-spacing:.16em}
.signal-inner i{width:4px;height:4px;flex:none;border-radius:50%;background:#72a99f}
.section-pad{padding-block:clamp(76px,9vw,120px);scroll-margin-top:70px}
.vision-section{background:#e9ece6;color:var(--ink)}
.section-heading{margin-bottom:39px}
.section-number{margin-right:5px;color:#548980}
.heading-grid{display:grid;grid-template-columns:1.1fr .58fr;align-items:end;gap:48px}
.heading-grid h2,.partners-intro h2,.contact-copy h2{margin:0;font-size:clamp(37px,4.8vw,59px);line-height:1.1;letter-spacing:-.06em;font-weight:580}
.heading-grid h2 em,.partners-intro h2 em,.contact-copy h2 em{color:#568c83;font-style:normal;font-weight:570}
.heading-grid>p{margin:0 0 4px;color:#62706a;font-size:13px;line-height:1.8}
.principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.principle-card{position:relative;min-height:270px;overflow:hidden;padding:23px 24px 26px;background:#f8f7f2;border:1px solid rgba(49,68,61,.08);box-shadow:0 5px 16px rgba(41,55,49,.035);transition:transform .22s,border-color .22s}
.principle-card:hover{transform:translateY(-3px);border-color:rgba(81,139,129,.31)}
.card-index{color:#75817b;font-size:8px;font-weight:700;letter-spacing:.15em}
.principle-symbol{width:43px;height:43px;margin:27px 0 17px;color:#5b968d}
.principle-symbol svg,.partner-icon svg{width:100%;height:100%}
.principle-card h3{margin:0 0 9px;color:#2d3834;font-size:19px;line-height:1.25;letter-spacing:-.035em;font-weight:610}
.principle-card p{max-width:320px;margin:0;color:#65716c;font-size:11px;line-height:1.7}
.card-orbit{position:absolute;right:-55px;bottom:-56px;width:110px;height:110px;border:1px solid rgba(89,151,140,.11);border-radius:50%}
.card-orbit:after{content:"";position:absolute;inset:13px;border:1px solid rgba(89,151,140,.11);border-radius:50%}
.tech-section{background:#f5f3ed;color:var(--ink)}
.tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tech-card{position:relative;min-height:165px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:23px;padding:19px 21px 18px;background:#e8ebe5;border:1px solid rgba(49,68,61,.08)}
.tech-step{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(78,132,122,.33);border-radius:50%;color:#4f8279;font-size:10px;font-weight:750}
.tech-card h3{margin:0 0 6px;color:#2e3a36;font-size:16px;font-weight:680;letter-spacing:-.02em}
.tech-card p{max-width:300px;margin:0;color:#64716c;font-size:10px;line-height:1.7}
.tech-arrow{position:absolute;top:22px;right:18px;color:#6b9f96;font-size:15px}
.tech-callout{display:flex;align-items:flex-start;gap:11px;margin:14px 0 0;padding:14px 15px;background:#eeece4;border-left:2px solid #74a99f;color:#5d6c66;font-size:10px;line-height:1.75}
.tech-callout>span:first-child{width:19px;height:19px;flex:none;display:grid;place-items:center;border:1px solid rgba(82,137,127,.35);border-radius:50%;color:#54877f;font-size:9px;font-weight:750}
.tech-callout strong{color:#34413c}
.development-section{background:#f0eee7;color:var(--ink)}
.development-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(35px,6vw,78px);align-items:center}
.development-copy h2{max-width:520px;margin:0 0 17px;color:#28332f;font-size:clamp(37px,4.7vw,57px);line-height:1.08;letter-spacing:-.06em;font-weight:580}
.development-intro{max-width:520px;margin:0 0 22px;color:#596964;font-size:12px;line-height:1.8}
.development-intro strong{color:#33433e;font-weight:700}
.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(75,126,116,.24);background:rgba(255,255,255,.36);color:#47655e;font-size:8px;font-weight:750;letter-spacing:.1em}
.status-pill .live-dot{width:6px;height:6px;background:#72a99f;box-shadow:none}
.milestones{position:relative;list-style:none;margin:25px 0 0;padding:0}
.milestones:before{content:"";position:absolute;top:12px;bottom:15px;left:5px;width:1px;background:#c6cec6}
.milestone{position:relative;display:flex;align-items:center;gap:12px;padding:0 0 17px}
.milestone:last-child{padding-bottom:0}
.milestone-dot{z-index:1;width:11px;height:11px;flex:none;border:1px solid #91a098;border-radius:50%;background:#f0eee7}
.milestone.complete .milestone-dot{border-color:#66978a;background:#66978a;box-shadow:inset 0 0 0 3px #f0eee7}
.milestone.current .milestone-dot{border-color:#5b9289;box-shadow:0 0 0 4px rgba(91,146,137,.13)}
.milestone strong,.milestone small{display:block}
.milestone strong{color:#34413c;font-size:10px;font-weight:700}
.milestone small{margin-top:2px;color:#77847c;font-size:9px}
.milestone-state{margin-left:auto;color:#77847c;font-size:8px;font-weight:700;letter-spacing:.09em}
.milestone.complete .milestone-state{color:#527e75}
.open-points{margin:20px 0 0;padding:12px 13px;background:rgba(255,255,255,.45);border:1px solid rgba(49,68,61,.09);color:#64716b;font-size:9px;line-height:1.7}
.open-points strong{color:#3d5049}
.status-visual{position:relative;min-height:420px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:24px 25px 20px;background:#e4e8e1;border:1px solid rgba(49,68,61,.09)}
.status-visual:before{content:"";position:absolute;width:310px;height:310px;left:50%;top:35px;transform:translateX(-50%);border:1px solid rgba(86,140,132,.12);border-radius:50%;pointer-events:none}
.status-visual-kicker{position:relative;z-index:1;margin:0;color:#718078;font-size:8px;font-weight:750;letter-spacing:.15em}
.status-graphic{position:relative;width:min(68%,260px);aspect-ratio:1;margin:17px auto 18px;display:grid;place-items:center}
.status-ring{position:absolute;border:1px solid rgba(83,139,129,.3);border-radius:50%}
.ring-one{inset:0}.ring-two{inset:15%}.ring-three{inset:30%;border-color:rgba(83,139,129,.46)}
.status-core{width:39%;height:39%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(83,139,129,.36);border-radius:50%;background:#f5f4ed;color:#4f8178;box-shadow:0 5px 20px rgba(47,71,62,.08)}
.status-core strong{font-size:29px;font-weight:560;line-height:1;letter-spacing:-.06em}
.status-core small{margin-top:5px;text-align:center;font-size:7px;font-weight:750;letter-spacing:.09em;line-height:1.45}
.status-legend{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding-top:14px;border-top:1px solid rgba(46,67,58,.13)}
.status-legend>div{display:flex;align-items:flex-start;gap:6px;min-width:0}
.legend-dot{width:8px;height:8px;flex:none;margin-top:3px;border-radius:50%}
.legend-done{background:#66978a}.legend-open{border:1px solid #8b9b93;background:transparent}
.status-legend strong,.status-legend small{display:block}
.status-legend strong{color:#40514a;font-size:8px;font-weight:720}
.status-legend small{margin-top:3px;color:#75827b;font-size:7px;line-height:1.4}
.status-visual-note{position:relative;z-index:1;margin:10px 0 0;color:#75817b;font-size:8px;line-height:1.5}
.partners-section{background:#e8ebe4;color:var(--ink)}
.partners-intro{display:grid;grid-template-columns:1.05fr .65fr;gap:48px;align-items:end;margin-bottom:35px}
.partners-intro>p{margin:0 0 4px;color:#61706a;font-size:13px;line-height:1.8}
.partner-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.partner-card{position:relative;min-height:320px;overflow:hidden;padding:23px 25px 24px}
.partner-card-dark{background:#313d39;color:#f3f2eb}
.partner-card-light{background:#f4f3ec;color:#293530}
.partner-topline{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;color:#c2cfca;font-size:8px;font-weight:750;letter-spacing:.12em}
.partner-card-light .partner-topline{color:#697771}
.partner-topline span:last-child{color:#a8d5cd;font-size:13px}
.partner-card-light .partner-topline span:last-child{color:#558a80}
.partner-icon{position:relative;z-index:1;width:39px;height:39px;margin:27px 0 17px;color:#9acdc4}
.partner-card-light .partner-icon{color:#5d958b}
.partner-card h3{position:relative;z-index:1;margin:0 0 9px;font-size:20px;line-height:1.25;letter-spacing:-.035em;font-weight:620}
.partner-card p{position:relative;z-index:1;max-width:470px;margin:0 0 17px;color:#d0dad4;font-size:10px;line-height:1.75}
.partner-card-light p{color:#63716b}
.partner-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;padding-bottom:5px;border-bottom:1px solid rgba(174,220,211,.48);color:#b1ded5;font-size:9px;font-weight:700}
.partner-card-light .partner-link{color:#4f7f75;border-color:rgba(79,127,117,.4)}
.card-glow{position:absolute;right:-105px;bottom:-138px;width:240px;height:240px;border:1px solid rgba(149,204,194,.12);border-radius:50%}
.card-glow:after{content:"";position:absolute;inset:17px;border:1px solid rgba(149,204,194,.12);border-radius:50%}
.partners-footnote{display:flex;align-items:center;gap:8px;margin:16px 0 0;color:#617069;font-size:9px}
.partners-footnote span{color:#548b81}
.partners-contact{margin:20px 0 0;color:#617069;font-size:10px;line-height:1.7}
.partners-contact a{color:#426f66;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.contact-section{background:#303c38;color:#f3f3ec}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:clamp(40px,8vw,95px);align-items:center}
.contact-section .eyebrow{color:#c0cbc5}
.contact-copy h2{margin:0 0 16px;color:#f3f3ec}
.contact-copy h2 em{color:#a4d6cd}
.contact-copy>p:not(.eyebrow){max-width:440px;margin:0 0 25px;color:#d0dad4;font-size:12px;line-height:1.8}
.project-naming{padding-left:12px;border-left:2px solid #8dbcb3;color:#cfdbd4;font-size:10px;line-height:1.9}
.project-naming strong{color:#f2f3ed;font-weight:700}
.share-card{padding:24px;background:#f2f0e9;color:#29342f;border:1px solid rgba(255,255,255,.16)}
.share-kicker{margin:0 0 18px;color:#64837b;font-size:8px;font-weight:750;letter-spacing:.16em}
.share-card label{display:block;margin-bottom:7px;color:#3d4c46;font-size:10px;font-weight:720}
.share-row{display:flex;align-items:stretch;gap:7px}
.share-row input{min-width:0;flex:1;padding:10px 11px;border:1px solid #cdd5ce;background:#fbfaf6;color:#40514b;font-size:9px;outline:none}
.share-row input:focus{border-color:#60988e;box-shadow:0 0 0 2px rgba(96,152,142,.14)}
.share-row .button{flex:none}
.share-feedback{min-height:32px;margin:11px 0 0;color:#67756f;font-size:9px;line-height:1.65}
.site-footer{background:#222c29;border-top:1px solid rgba(235,242,232,.12);color:#eef0e9}
.footer-top{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(235,242,232,.13)}
.footer-brand{color:#f0f1e9}
.footer-brand .brand-word{font-size:13px}
.footer-brand .brand-sub{color:#bec9c2}
.footer-top>p{margin:0;color:#c3cdc5;font-size:10px}
.back-top{color:#e0e5df;font-size:9px}
.back-top span{margin-left:6px;color:#a3d4cb}
.footer-bottom{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#c2cbc4;font-size:8px}
.footer-bottom span:last-child{text-align:right}
.footer-contact{color:#a9d9cf;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.reveal{opacity:1;transform:none}
.js-ready .reveal{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}
.js-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
.js-ready .principles-grid .reveal:nth-child(2),.js-ready .partner-cards .reveal:nth-child(2){transition-delay:.1s}
.js-ready .principles-grid .reveal:nth-child(3){transition-delay:.18s}
:focus-visible{outline:3px solid #4e8d83;outline-offset:3px}
@media(max-width:940px){
  :root{--pad:34px}
  .hero{min-height:540px;grid-template-columns:minmax(0,1.05fr) minmax(290px,.95fr);gap:25px;padding-block:50px}
  .hero h1{font-size:clamp(42px,5.4vw,54px)}
  .hero-lead{font-size:13px}
  .hero-art{padding-bottom:62px}
  .hero-photo-wrap{height:clamp(220px,28vw,260px)}
  .heading-grid{gap:30px}
  .development-layout{gap:35px}
  .status-visual{min-height:405px;padding:21px}
  .status-graphic{width:min(76%,225px)}
  .status-legend{gap:5px}
  .status-legend strong{font-size:7px}
  .status-legend small{font-size:6px}
  .partner-card{padding:21px;min-height:330px}
  .contact-layout{gap:38px}
  .share-row{flex-direction:column}
  .share-row .button{width:100%}
}
@media(max-width:700px){
  :root{--pad:22px}
  html{scroll-padding-top:74px}
  .site-header{height:70px}
  .brand-word{font-size:13px}
  .brand-sub{font-size:7px}
  .menu-toggle{display:flex;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(44,63,55,.19);background:transparent;color:#33423c;cursor:pointer}
  .menu-toggle span{width:16px;height:1px;background:currentColor;transition:transform .2s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .site-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:16px 20px 20px;flex-direction:column;align-items:stretch;gap:3px;border:1px solid rgba(39,52,48,.14);border-top:0;background:#f7f5ef;color:#45544e;box-shadow:0 16px 30px rgba(38,52,46,.12)}
  .site-nav.is-open{display:flex}
  .site-nav>a:not(.nav-cta){padding:10px 0;border-bottom:1px solid rgba(39,52,48,.12)}
  .nav-cta{margin-top:7px;text-align:center;color:#487a72}
  .hero{min-height:0;grid-template-columns:1fr;gap:31px;padding-block:48px 55px}
  .hero h1{font-size:clamp(42px,10.8vw,57px);margin-bottom:17px}
  .hero .eyebrow{margin-bottom:19px}
  .hero-lead{max-width:500px;font-size:13px;line-height:1.72;margin-bottom:21px}
  .hero-actions{gap:16px}
  .button{min-height:44px;padding-inline:15px;font-size:10px}
  .hero-footnote{margin-top:26px;font-size:8px}
  .hero-art{width:88%;max-width:410px;justify-self:center;padding:8px 8px 59px;border-radius:180px 180px 3px 3px}
  .hero-photo-wrap{height:clamp(145px,45vw,185px);border-radius:175px 175px 2px 2px}
  .photo-label{left:-15px;bottom:13px;min-width:242px;padding:10px 12px}
  .photo-label strong{font-size:10px}
  .photo-label small{font-size:7px}
  .image-tag{top:18px;right:-10px}
  .art-index{right:13px;bottom:14px;font-size:7px}
  .hero-decoration{width:300px;height:300px;right:-12%;top:39%}
  .signal-inner{min-height:58px;justify-content:center;flex-wrap:wrap;gap:9px 11px;padding-block:12px;font-size:7px;letter-spacing:.1em}
  .section-pad{padding-block:75px}
  .section-heading{margin-bottom:29px}
  .heading-grid{grid-template-columns:1fr;gap:14px}
  .heading-grid h2,.partners-intro h2,.contact-copy h2{font-size:clamp(34px,8.8vw,47px)}
  .heading-grid>p,.partners-intro>p{font-size:12px}
  .principles-grid{grid-template-columns:1fr;gap:9px}
  .principle-card{min-height:220px;padding:20px}
  .principle-symbol{width:38px;height:38px;margin:19px 0 13px}
  .principle-card h3{font-size:18px}
  .development-layout{grid-template-columns:1fr;gap:30px}
  .development-copy h2{font-size:clamp(36px,9.2vw,50px)}
  .development-intro{font-size:11px}
  .status-visual{min-height:370px;padding:19px}
  .status-graphic{width:min(62%,210px);margin-block:16px}
  .status-legend{gap:7px}
  .status-legend strong{font-size:8px}
  .status-legend small{font-size:7px}
  .partners-intro{grid-template-columns:1fr;gap:14px;margin-bottom:27px}
  .partner-cards{grid-template-columns:1fr;gap:10px}
  .partner-card{min-height:300px;padding:20px}
  .partner-card h3{font-size:19px}
  .partner-card p{font-size:10px}
  .contact-layout{grid-template-columns:1fr;gap:29px}
  .contact-copy>p:not(.eyebrow){font-size:11px}
  .share-card{padding:20px 16px}
  .share-row{flex-direction:column}
  .share-row .button{width:100%}
  .footer-top{min-height:94px;flex-wrap:wrap;justify-content:space-between;padding-block:17px}
  .footer-top>p{order:3;flex:0 0 100%;font-size:9px}
  .footer-bottom{padding-block:13px;align-items:flex-start;flex-direction:column;gap:5px;font-size:7px}
  .footer-bottom span:last-child{text-align:left}
}
@media(max-width:380px){
  :root{--pad:18px}
  .hero h1{font-size:42px}
  .hero-actions{gap:12px}
  .text-link{font-size:10px}
  .status-legend{grid-template-columns:1fr;gap:7px}
  .status-visual{min-height:400px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
  .js-ready .reveal{opacity:1;transform:none}
}

/* Bildfenster an die physisch markenfrei beschnittene Visualisierung anpassen. */
.hero-photo-wrap{height:clamp(215px,20vw,255px)}
@media(max-width:940px) and (min-width:701px){.hero-photo-wrap{height:clamp(205px,22vw,230px)}}
@media(max-width:700px){.hero-photo-wrap{height:clamp(150px,40vw,175px)}}

/* Lokale Review-Vorschau: kompakter Projektstatus und offene Fragen. */
.concept-status{max-width:520px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px 13px;margin:0 0 24px;padding:12px 14px;border:1px solid rgba(49,68,61,.09);border-left:3px solid #6da79f;background:rgba(255,255,255,.48)}
.concept-status-label{padding-top:2px;color:#4f8279;font-size:8px;font-weight:750;letter-spacing:.13em;white-space:nowrap}
.concept-status p{margin:0;color:#56665f;font-size:10px;line-height:1.65}
.open-questions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.open-question{position:relative;min-height:170px;padding:20px 21px;background:#f8f7f2;border:1px solid rgba(49,68,61,.08);box-shadow:0 5px 16px rgba(41,55,49,.035)}
.question-index{display:inline-flex;width:27px;height:27px;align-items:center;justify-content:center;border:1px solid rgba(78,132,122,.33);border-radius:50%;color:#4f8279;font-size:9px;font-weight:750}
.open-question h3{margin:22px 0 7px;color:#2e3a36;font-size:16px;font-weight:680;letter-spacing:-.02em;line-height:1.28}
.open-question p{max-width:300px;margin:0;color:#64716c;font-size:10px;line-height:1.7}
@media(max-width:940px){.open-question{padding:18px;min-height:180px}.open-question h3{font-size:14px}}
@media(max-width:700px){.concept-status{grid-template-columns:1fr;gap:5px;margin-bottom:22px;padding:11px 12px}.concept-status-label{font-size:7px}.concept-status p{font-size:9px}.open-questions-grid{grid-template-columns:1fr;gap:9px}.open-question{min-height:0;padding:17px 18px}.open-question h3{margin:15px 0 5px;font-size:16px}}

.sam-feature{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr);align-items:stretch;gap:14px;margin:0}
.sam-feature-image{min-width:0;overflow:hidden;aspect-ratio:1788/840;background:#e8ebe5;border:1px solid rgba(49,68,61,.08);box-shadow:0 5px 16px rgba(41,55,49,.035)}
.sam-feature-image img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.sam-feature-caption{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;padding:clamp(22px,3vw,38px);background:#e8ebe5;border:1px solid rgba(49,68,61,.08)}
.sam-feature-kicker{margin:0;color:#64837b;font-size:8px;font-weight:750;letter-spacing:.13em}
.sam-feature-caption strong{max-width:340px;color:#2e3a36;font-size:clamp(18px,2vw,25px);font-weight:640;letter-spacing:-.035em;line-height:1.35}
.sam-feature-caption>span{max-width:330px;color:#64716c;font-size:8px;font-weight:700;letter-spacing:.12em}
.review-note{margin:0;min-height:0}
@media(max-width:700px){.sam-feature{grid-template-columns:1fr;gap:9px}.sam-feature-image{aspect-ratio:1788/840}.sam-feature-caption{min-height:145px;padding:20px}.sam-feature-caption strong{font-size:19px}.sam-feature-caption>span{font-size:7px}}