:root{--bg:#111a1d;--fg:#f3f3ef;--blue:#83cbed;--muted:#9eafb4;--line:#ffffff2c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{font:inherit;cursor:pointer}.site-header{height:104px;padding:20px clamp(22px,5vw,90px);display:flex;justify-content:space-between;align-items:flex-start;position:absolute;z-index:10;left:0;right:0;top:0}.site-header::before{content:"";position:absolute;left:12px;top:12px;width:min(430px,calc(100% - 160px));height:78px;background:linear-gradient(90deg,rgba(4,9,11,.92) 0%,rgba(7,13,16,.78) 52%,rgba(7,13,16,.42) 76%,rgba(7,13,16,0) 100%);border-radius:16px;z-index:-1;pointer-events:none}.logo{display:block;position:relative;width:clamp(210px,19vw,300px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.logo::before{content:none}.logo img{height:auto;filter:none;opacity:1;image-rendering:auto;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;-webkit-font-smoothing:antialiased;}.header-contact{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;padding:13px 0;border-bottom:1px solid #fff9}.header-contact span{margin-left:8px;color:var(--blue)}.hero{position:relative;padding-top:120px;overflow:hidden;background:radial-gradient(ellipse at 72% 28%,#21414b 0%,#15272d 35%,#101a1e 74%)}.hero-inner{min-height:calc(100svh - 165px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,80px);align-items:center;max-width:1900px;margin:auto;padding:40px clamp(22px,5vw,90px) 80px}.eyebrow,.section-tag,.project-index{font-size:11px;letter-spacing:.19em;line-height:1.5;font-weight:700;color:var(--muted)}.signal{display:inline-block;width:25px;height:1px;background:var(--blue);vertical-align:middle;margin-right:9px}.hero h1{font-size:clamp(58px,6.9vw,128px);line-height:1.04;letter-spacing:-.055em;margin:42px 0 26px;font-weight:800}.hero h1 span{display:block;white-space:nowrap}.outline{-webkit-text-stroke:1.5px var(--fg);color:transparent}.hero-description{font-size:clamp(21px,2vw,30px);font-weight:700;letter-spacing:-.035em;margin:0 0 55px}.hero-bottom{display:flex;align-items:end;gap:25px;justify-content:space-between}.hero-bottom p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.pill{border:1px solid var(--blue);padding:17px 24px;border-radius:90px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800;white-space:nowrap;transition:background .3s,color .3s}.pill:hover{background:var(--blue);color:#0c1619}.pill span{margin-left:18px}.hero-showcase{max-width:700px;width:100%;justify-self:end}.showcase-head{display:flex;justify-content:space-between;font-size:11px;color:#b5c3c8;letter-spacing:.2em;font-weight:700;margin:0 0 16px}.showcase-pictures{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end}.showcase-primary,.showcase-secondary{position:relative;border-radius:18px;overflow:hidden;border:1px solid #ffffff26;background:#26373c;box-shadow:0 25px 45px #0005}.showcase-primary{grid-column:1/3;aspect-ratio:1100/790}.showcase-secondary{grid-column:2/3;aspect-ratio:800/473;margin-top:-92px;z-index:2;box-shadow:0 20px 40px #0009}.showcase-primary img,.showcase-secondary img{height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.22,1,.36,1)}.showcase-pictures>div:hover img{transform:scale(1.025)}.picture-label{position:absolute;bottom:0;left:0;right:0;padding:26px 16px 14px;font-weight:800;letter-spacing:-.03em;font-size:clamp(16px,1.5vw,23px);background:linear-gradient(0deg,#000c,transparent);text-shadow:0 2px 10px #000}.showcase-secondary .picture-label{font-size:clamp(11px,1.1vw,16px);padding:14px 12px}.showcase-caption{color:#b7c3c6;font-size:12px;line-height:1.5;margin:20px 0 0}.hero-running{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;overflow:hidden;padding:15px 0;background:#15262b}.running-track{white-space:nowrap;width:max-content;animation:marquee 25s linear infinite;font-size:11px;letter-spacing:.3em;font-weight:800;color:var(--blue)}@keyframes marquee{to{transform:translateX(-50%)}}.intro,.projects,.contact{padding:clamp(90px,10vw,170px) clamp(22px,5vw,90px)}.intro{display:grid;grid-template-columns:1fr 3fr;gap:30px;background:#ebedea;color:#141d20}.intro .section-tag{color:#50636a}.intro h2,.projects h2,.contact h2{font-size:clamp(47px,7vw,108px);line-height:1.08;letter-spacing:-.055em;margin:0}.intro h2 em{font-style:normal;color:#3f95b9}.intro p:not(.section-tag){max-width:560px;font-size:clamp(17px,1.6vw,22px);line-height:1.55;margin:35px 0 0;color:#49545a}.projects{background:#111a1d}.projects-header{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:70px}.projects-header>p{max-width:270px;font-size:17px;line-height:1.6;color:var(--muted)}.project{border-top:1px solid var(--line);padding:34px 0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:clamp(35px,5vw,100px);align-items:center}.project:last-child{border-bottom:1px solid var(--line)}.project-image{background:#1e2a2d;overflow:hidden;border-radius:12px}.project-image img{width:100%;height:auto;object-fit:contain;transition:transform .7s ease}.project:hover img{transform:scale(1.025)}.project-content h3{font-size:clamp(43px,5vw,82px);letter-spacing:-.055em;line-height:1.05;margin:24px 0}.project-content p{color:#bcc8cb;font-size:17px;line-height:1.6;max-width:380px}.statement{padding:clamp(85px,9vw,160px) clamp(22px,5vw,90px);background:var(--blue);color:#10191d}.statement .section-tag{color:#2b5365}.statement h2{font-size:clamp(58px,10vw,166px);max-width:1400px;line-height:1.05;letter-spacing:-.07em;margin:20px 0 50px}.statement h2 span{-webkit-text-stroke:2px #15242b;color:transparent}.statement>p:last-child{font-size:21px;font-weight:700}.contact h2 span{color:var(--blue)}.mail{display:inline-block;font-size:clamp(28px,4.7vw,72px);font-weight:800;letter-spacing:-.05em;line-height:1.2;border-bottom:2px solid var(--blue);padding-bottom:14px;margin:45px 0 95px;overflow-wrap:anywhere}.mail span{font-size:.6em;color:var(--blue)}.contact-grid{display:flex;gap:clamp(40px,10vw,200px)}.contact-grid b{font-size:13px;text-transform:uppercase;letter-spacing:.14em}.contact-grid p{line-height:1.8;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px clamp(22px,5vw,90px);color:var(--muted);font-size:12px}footer div{display:flex;gap:25px}footer button{border:0;background:none;padding:0;color:inherit}footer button:hover{color:white}dialog{width:min(720px,calc(100% - 28px));max-height:85vh;overflow:auto;background:#f5f5ef;color:#111c20;border:0;border-radius:15px;padding:40px;line-height:1.65}dialog::backdrop{background:#070d11cf;backdrop-filter:blur(5px)}dialog h2{font-size:32px}.close{position:sticky;top:0;float:right;border:0;border-radius:100%;background:#d9e1e0;width:36px;height:36px;font-size:24px}[data-reveal]{opacity:1;transform:none}body.motion [data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1)}body.motion [data-reveal].in{opacity:1;transform:none}@media(max-width:1050px){.hero-inner{grid-template-columns:1fr;min-height:auto}.hero h1{font-size:clamp(56px,10vw,110px)}.hero-showcase{justify-self:start;max-width:760px}.intro{grid-template-columns:1fr}.projects-header{align-items:start}}@media(max-width:640px){.site-header{height:84px;padding:14px 20px}.site-header::before{left:10px;top:10px;width:240px;height:62px;border-radius:14px}.logo{width:190px}.header-contact{font-size:9px}.hero{padding-top:92px}.hero-inner{padding:28px 22px 62px;gap:55px}.eyebrow{font-size:9px}.hero h1{font-size:clamp(43px,10vw,70px);letter-spacing:-.055em;margin:24px 0}.hero h1 span{white-space:normal}.hero-description{font-size:22px;margin-bottom:30px}.hero-bottom{align-items:start;flex-direction:column}.showcase-secondary{margin-top:-30px}.projects-header{display:block}.projects-header>p{margin-top:25px}.project{grid-template-columns:1fr;gap:26px;padding:24px 0}.project-content h3{margin:16px 0}.intro,.projects,.contact{padding:78px 22px}.contact-grid{flex-direction:column;gap:18px}.mail{margin:35px 0 60px}.statement{padding:90px 22px}.statement h2{font-size:clamp(54px,12vw,75px)}.header-contact span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* REVISED PRESENTATION: single hero; no duplicated photos */
.hero-inner{max-width:1440px;grid-template-columns:minmax(0,1fr) minmax(220px,.5fr);gap:clamp(24px,5vw,90px);min-height:min(750px,calc(100svh - 180px));padding-bottom:65px}
.hero-text{position:relative;z-index:1}
.hero h1{font-size:clamp(64px,6.4vw,112px);line-height:1.12;letter-spacing:-.045em;margin:36px 0 28px}
.hero h1 span{white-space:normal}
.hero-art{position:relative;width:min(100%,440px);aspect-ratio:1;justify-self:center;display:grid;place-items:center;opacity:.9}
.hero-art:before,.hero-art:after,.hero-art-outline{content:"";position:absolute;border:1px solid rgba(131,203,237,.28);border-radius:50%;inset:7%;animation:art-turn 30s linear infinite}
.hero-art:after{inset:22%;border-style:dashed;animation-duration:60s;animation-direction:reverse}
.hero-art-outline{inset:0;transform:scale(.92);border-color:rgba(255,255,255,.1)}
.hero-art-center{position:absolute;inset:35%;background:radial-gradient(circle,rgba(131,203,237,.24),rgba(131,203,237,0) 70%);border-radius:50%}
.hero-art-caption{font-size:clamp(50px,6vw,92px);font-weight:800;letter-spacing:-.12em;color:transparent;-webkit-text-stroke:1.5px rgba(131,203,237,.6)}
@keyframes art-turn{to{rotate:360deg}}
.projects{padding-top:clamp(75px,7vw,112px);padding-bottom:clamp(75px,7vw,112px)}
.projects-header{margin-bottom:44px}
.projects h2{font-size:clamp(48px,5.2vw,82px);line-height:1.12;letter-spacing:-.045em}
.project{grid-template-columns:minmax(240px,410px) minmax(0,1fr);gap:clamp(24px,4vw,68px);padding:30px 0;max-width:1240px;margin:0 auto}
.project-image{width:100%;aspect-ratio: 1.6;max-height:260px;background:#1a272b;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:14px}
.project-image img{width:100%;height:100%;object-fit:contain;transform:none!important}
.project-content h3{font-size:clamp(35px,3.5vw,58px);line-height:1.12;letter-spacing:-.04em;margin:12px 0}
.project-content p{font-size:16px;line-height:1.55;margin:0}
@media(max-width:1000px){.hero-inner{grid-template-columns:1fr;min-height:auto}.hero-art{display:none}.hero h1{font-size:clamp(58px,10vw,100px)}}
@media(max-width:700px){.hero h1{font-size:clamp(48px,11vw,73px);line-height:1.13}.hero-inner{gap:20px}.project{grid-template-columns:1fr;gap:18px}.project-image{max-width:100%;height:auto;max-height:none;aspect-ratio:1.6}.project-content h3{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hero-art *{animation:none!important}}

/* Referenzen: einheitliche, breite Zwei-Spalten-Karten */
.projects {padding:clamp(75px,8vw,125px) clamp(22px,5vw,90px);}
.projects-header {margin:0 auto 42px; max-width:1700px; display:flex; align-items:end; justify-content:space-between; gap:40px;}
.projects-heading h2 {font-size:clamp(44px,5vw,83px); line-height:1.06; letter-spacing:-.055em; margin:14px 0 0;}
.projects-heading h2 span {color:var(--blue)}
.projects-lead {max-width:360px; margin:0; color:var(--muted); font-size:17px; line-height:1.55;}
.projects-grid {max-width:1700px; margin:0 auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,2vw,34px);}
.reference-card {display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:clamp(18px,2.1vw,36px); min-width:0; padding:20px; border:1px solid rgba(255,255,255,.17); border-radius:22px; background:#18262a; align-items:center; transition:border-color .3s ease,transform .3s ease;}
.reference-card:hover {border-color:rgba(131,203,237,.5);transform:translateY(-3px)}
.reference-visual {width:100%; aspect-ratio:1.45; background:#101a1d; border-radius:13px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.reference-visual img {width:100%;height:100%;object-fit:contain;}
.reference-copy {min-width:0;}
.reference-label {color:var(--blue);font-size:10px;letter-spacing:.14em;line-height:1.5;font-weight:700;margin:0 0 14px;}
.reference-copy h3 {font-size:clamp(25px,2.2vw,40px);line-height:1.12;letter-spacing:-.045em;margin:0 0 13px;overflow-wrap:break-word;}
.reference-copy>p:last-child {color:#b8c7cc;font-size:15px;line-height:1.6;margin:0;}
@media (max-width:1220px){.projects-grid{grid-template-columns:1fr}.reference-card{grid-template-columns:minmax(180px,36%) 1fr;max-width:900px}}
@media (max-width:700px){.projects-header{display:block;margin-bottom:26px}.projects-lead{margin-top:18px}.reference-card{grid-template-columns:1fr;padding:14px;gap:18px}.reference-visual{aspect-ratio:1.6}.reference-copy{padding:0 4px 6px}.reference-copy h3{font-size:30px}}

/* Editorial reference layout: alternates content while preserving full photos */
.projects{padding:clamp(80px,8vw,135px) clamp(22px,5vw,90px); background:#f2f4f3; color:#111b1e}
.ref-shell{max-width:1480px;margin:0 auto}
.ref-heading{display:grid;grid-template-columns:1fr minmax(180px,270px);column-gap:40px;align-items:end;margin-bottom:64px}
.ref-heading .section-tag{grid-column:1/-1;color:#407d99;margin:0 0 16px}
.ref-heading h2{font-size:clamp(42px,5.4vw,82px);margin:0;line-height:1.06;letter-spacing:-.055em}
.ref-heading h2 span{color:#4e9cbe}
.ref-heading>p{font-size:15px;line-height:1.65;color:#5c707b;margin:0 0 8px}
.ref-feature{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(40px,6vw,100px);align-items:center;padding:0 0 clamp(55px,6vw,95px);margin-bottom:clamp(55px,6vw,95px);border-bottom:1px solid #cbd7dd}
.ref-feature:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.ref-feature.ref-reverse .ref-photo{grid-column:2;grid-row:1}
.ref-feature.ref-reverse .ref-content{grid-column:1;grid-row:1}
.ref-photo{margin:0;min-width:0}
.ref-photo img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain;object-position:left center;border-radius:12px;background:#e7eaeb}
.ref-photo figcaption{font-size:12px;color:#628091;margin-top:12px;line-height:1.5}
.ref-content{max-width:560px}
.ref-kicker{font-size:11px;letter-spacing:.18em;color:#457f99;font-weight:800;line-height:1.6}
.ref-kicker span{color:#9cb3bc;margin:0 6px}
.ref-content h3{font-size:clamp(38px,4.4vw,72px);line-height:1.06;letter-spacing:-.055em;margin:20px 0 24px;font-weight:800;color:#13232c}
.ref-period{color:#66b6d8}
.ref-content>p{font-size:clamp(16px,1.35vw,20px);line-height:1.7;color:#526b77;margin:0;max-width:460px}
@media(max-width:760px){.ref-heading{display:block;margin-bottom:42px}.ref-heading>p{margin-top:16px}.ref-feature{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-bottom:48px;margin-bottom:48px}.ref-feature.ref-reverse .ref-photo,.ref-feature.ref-reverse .ref-content{grid-column:auto;grid-row:auto}.ref-photo img{max-height:none}.ref-content h3{margin:12px 0 16px}.ref-photo figcaption{font-size:11px}}

/* Nahtlos laufendes Endlosband: zwei pixelidentische Hälften */
.hero-running{overflow:hidden;width:100%;}
.hero-running .running-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:marquee-continuous 48s linear infinite;will-change:transform;}
.hero-running .marquee-group{display:flex;align-items:center;flex:0 0 auto;}
.hero-running .marquee-item{display:inline-block;flex:0 0 auto;white-space:nowrap;padding-right:1.5rem;}
.hero-running .marquee-separator{margin-left:1.5rem;color:#f3f3ef;}
@keyframes marquee-continuous{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(prefers-reduced-motion:reduce){.hero-running .running-track{animation:none!important}}

/* v21: echte Logo-Fläche; Logo exakt mittig statt Pseudo-Hintergrund */
.site-header::before{content:none!important;display:none!important}
.site-header{align-items:center;min-height:116px;height:auto;padding-top:14px;padding-bottom:14px}
.site-header .logo{
  box-sizing:border-box;position:relative;display:flex;
  align-items:center;justify-content:center;
  width:clamp(240px,28vw,420px);
  min-height:96px;
  padding:18px 24px;
  margin:0;
  background:linear-gradient(115deg,#040b0e 0%,#081316 72%,#101e22 100%);
  border-radius:18px;
  flex-shrink:0;
}
.site-header .logo::before{content:none!important;display:none!important}
.site-header .logo img{display:block;width:100%;height:auto;max-width:360px;margin:auto;filter:none;opacity:1;object-fit:contain;transform:none}
@media(max-width:640px){
  .site-header{height:auto;min-height:90px;padding:10px 16px;align-items:center;gap:12px}
  .site-header .logo{width:clamp(208px,54vw,330px);min-height:72px;padding:13px 18px;border-radius:15px}
  .site-header .logo img{max-width:100%}
}
@media(max-width:400px){.site-header .logo{width:205px;padding:13px 16px}.header-contact{font-size:8px;letter-spacing:.08em}}


/* v22: cactus element in hero */
.hero-cactus-scene{width:min(100%,520px);aspect-ratio:1.05;justify-self:end;align-self:end;display:flex;align-items:flex-end;justify-content:center;overflow:visible}
.hero-cactus-scene .hero-art-outline{inset:4%;border-color:rgba(131,203,237,.14)}
.hero-cactus-scene .hero-art-center{inset:18%;background:radial-gradient(circle,rgba(131,203,237,.16),rgba(131,203,237,0) 72%)}
.cactus-wrap{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:12% 6% 0 6%}
.cactus-shadow{position:absolute;right:12%;bottom:6%;width:38%;height:8%;border-radius:50%;background:radial-gradient(ellipse at center, rgba(0,0,0,.28) 0%, rgba(0,0,0,.12) 46%, rgba(0,0,0,0) 78%);filter:blur(7px)}
.cactus{position:absolute;bottom:8%;border-radius:999px;background:linear-gradient(90deg,#426d41 0%,#6e9e61 16%,#4d7647 28%,#7ca86c 40%,#4b7446 52%,#7eab6f 64%,#4b7546 77%,#6f9f62 89%,#426b40 100%);box-shadow:inset 0 0 0 1px rgba(235,232,195,.3), inset 12px 0 0 rgba(255,255,255,.06), 0 16px 28px rgba(0,0,0,.16)}
.cactus::before,.cactus::after{content:"";position:absolute;background:inherit;border-radius:999px;box-shadow:inherit}
.cactus-main{right:16%;width:20%;height:66%}
.cactus-main::before{width:52%;height:44%;left:-30%;top:24%;transform:rotate(-28deg);transform-origin:bottom right}
.cactus-main::after{width:54%;height:36%;right:-31%;top:34%;transform:rotate(26deg);transform-origin:bottom left}
.cactus-back{right:37%;width:14%;height:42%;opacity:.98;filter:saturate(.92)}
.cactus-back::before{width:42%;height:32%;left:-24%;top:32%;transform:rotate(-24deg)}
.cactus-back::after{display:none}
.cactus-front{right:8%;width:10%;height:22%;opacity:.98;filter:saturate(.94)}
.cactus-front::before{display:none}
.cactus-front::after{width:38%;height:22%;right:-16%;top:36%;transform:rotate(28deg)}
.cactus,.cactus::before,.cactus::after{background-image:linear-gradient(90deg,rgba(255,255,255,.06) 0 2%,rgba(0,0,0,0) 2% 15%,rgba(255,255,255,.09) 15% 17%,rgba(0,0,0,0) 17% 30%,rgba(255,255,255,.08) 30% 32%,rgba(0,0,0,0) 32% 45%,rgba(255,255,255,.08) 45% 47%,rgba(0,0,0,0) 47% 60%,rgba(255,255,255,.08) 60% 62%,rgba(0,0,0,0) 62% 75%,rgba(255,255,255,.09) 75% 77%,rgba(0,0,0,0) 77% 90%,rgba(255,255,255,.06) 90% 100%),linear-gradient(90deg,#426d41 0%,#6e9e61 16%,#4d7647 28%,#7ca86c 40%,#4b7446 52%,#7eab6f 64%,#4b7546 77%,#6f9f62 89%,#426b40 100%)}
.hero-cactus-scene .hero-art-caption{position:absolute;left:8%;bottom:18%;font-size:clamp(44px,5vw,72px);-webkit-text-stroke:1.2px rgba(131,203,237,.28);color:transparent;opacity:.7;letter-spacing:-.08em}
@media(max-width:1200px){.hero-cactus-scene{width:min(100%,420px)}.cactus-main{height:62%}}


/* v23: clearly visible cactus illustration in hero */
.hero-cactus-scene{justify-self:end;align-self:end;width:min(100%,520px);aspect-ratio: 10 / 11;display:flex;align-items:flex-end;justify-content:center;overflow:visible;position:relative;opacity:1}
.hero-cactus-scene::before{content:"";position:absolute;inset:6% 8% 14% 8%;border:1px solid rgba(131,203,237,.12);border-radius:50%;pointer-events:none}
.hero-cactus-scene::after{content:"";position:absolute;inset:18% 20% 26% 20%;border:1px dashed rgba(131,203,237,.12);border-radius:50%;pointer-events:none}
.hero-cactus-svg{width:100%;height:100%;display:block;overflow:visible}
.hero-art-caption,.hero-art-center,.hero-art-outline,.cactus-wrap,.cactus,.cactus-shadow{display:none !important}
@media(max-width:1000px){.hero-cactus-scene{display:none}}


/* v24: subtle outline cactus, no circles */
.hero-cactus-scene{justify-self:end;align-self:end;width:min(100%,460px);aspect-ratio:10/11;display:flex;align-items:flex-end;justify-content:center;overflow:visible;position:relative;opacity:.95}
.hero-cactus-scene::before,.hero-cactus-scene::after{content:none !important;display:none !important}
.hero-cactus-scene .hero-art-outline,.hero-cactus-scene .hero-art-center,.hero-cactus-scene .hero-art-caption{display:none !important}
.hero-cactus-svg{width:100%;height:100%;display:block;overflow:visible}
.hero-cactus-svg.outline-cactus{filter:drop-shadow(0 18px 26px rgba(0,0,0,.12))}
@media(max-width:1200px){.hero-cactus-scene{width:min(100%,390px)}}
@media(max-width:1000px){.hero-cactus-scene{display:none}}


/* v25: clean sketch cactus, absolutely no background circles */
.hero-cactus-scene{justify-self:end;align-self:end;width:min(100%,430px);aspect-ratio: 420 / 520;display:flex;align-items:flex-end;justify-content:center;overflow:visible;position:relative;opacity:.98}
.hero-cactus-scene::before,.hero-cactus-scene::after,.hero-cactus-scene .hero-art-outline,.hero-cactus-scene .hero-art-center,.hero-cactus-scene .hero-art-caption{content:none !important;display:none !important;border:0 !important;background:none !important}
.hero-cactus-svg{width:100%;height:100%;display:block;overflow:visible}
.hero-cactus-svg.sketch-cactus{filter:drop-shadow(0 12px 22px rgba(0,0,0,.14))}
.hero-art:before,.hero-art:after{content:none !important;display:none !important}
@media(max-width:1200px){.hero-cactus-scene{width:min(100%,360px)}}
@media(max-width:1000px){.hero-cactus-scene{display:none}}

/* MN-v26 — single supplied neon cactus, no decorative circles */
.hero-art.hero-cactus-scene{display:flex!important;position:relative;justify-self:center;align-self:center;align-items:center;justify-content:center;width:min(100%,390px);aspect-ratio:auto;height:auto;min-height:0;opacity:1;background:none!important;border:0!important;box-shadow:none!important;animation:none!important;overflow:visible}
.hero-art.hero-cactus-scene::before,.hero-art.hero-cactus-scene::after,.hero-art.hero-cactus-scene .hero-art-outline,.hero-art.hero-cactus-scene .hero-art-center,.hero-art.hero-cactus-scene .hero-art-caption{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}
.hero-art.hero-cactus-scene .neon-cactus{display:block;width:100%;height:auto;max-height:min(66vh,640px);object-fit:contain;filter:none!important;transform:none!important;animation:none!important}
@media(max-width:1000px){.hero-art.hero-cactus-scene{display:flex!important;width:min(48vw,310px);margin:0 auto}.hero-inner{grid-template-columns:1fr}}
@media(max-width:640px){.hero-art.hero-cactus-scene{width:min(54vw,230px);margin:0 auto 5px}.hero-art.hero-cactus-scene .neon-cactus{max-height:310px}}