/* V2's illustrated device scenes, with V3's positioning and explicit scene captions. */
.reference-hero{padding:27px 0 40px;background:radial-gradient(ellipse at 87% 60%,#eff5e64d,transparent 48%),#fff}
.reference-layout{grid-template-columns:44% 56%;gap:0;min-height:min(735px,calc(100svh - 130px))}
.reference-copy{z-index:3}.reference-copy h1{font-size:clamp(45px,4.5vw,66px);letter-spacing:-.025em;line-height:1.09}
.reference-visual{width:116%;height:650px;margin-left:-4%;isolation:isolate}
.visual-glow{width:100%;height:60%;top:28%;left:0;filter:blur(28px);background:radial-gradient(ellipse,#b4d45718,transparent 70%)}
.hero-art-scene{position:absolute;inset:0;isolation:isolate}
.hero-artwork{position:absolute;left:0;top:8%;width:100%;height:83%;max-width:none;object-fit:contain;filter:drop-shadow(0 22px 23px #263c270a)}
.hero-art-overview .hero-artwork{left:-3%;width:104%;top:8%;height:86%}
.hero-art-overview .float-loggy{left:26%;top:0;transform:rotate(-4deg)}
.hero-art-overview .float-stok{right:10%;top:63%;transform:rotate(3deg)}
.hero-art-overview .float-edvo{left:21%;bottom:2%;transform:rotate(-3deg)}
.hero-art-overview .hero-art-caption{position:absolute;bottom:-5%;left:10%;right:14%;text-align:center}
.hero-art-caption{font-size:12px;line-height:1.65;color:#526049;margin:0;max-width:570px}
.scene-callout{position:absolute;z-index:3;top:0;left:25%;right:8%;display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fffffff5;border:1px solid #e8ede3;border-radius:17px;box-shadow:0 15px 40px #263c2710;transform:rotate(-3deg)}
.scene-callout-icon{width:42px;height:48px;display:grid;place-items:center;flex:none;color:#6c9934}
.scene-callout-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.scene-callout>span:nth-child(2){min-width:0;flex:1}
.scene-callout small{display:block;font-size:13px;line-height:1.4;color:#3c6334;margin-bottom:6px}
.scene-callout strong{display:block;font-size:19px;font-weight:550;line-height:1.3;letter-spacing:-.02em;color:#16362b}
.scene-callout>span>span{display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:8px}
.scene-callout>.arrow{width:18px;color:#608449}
.scene-highlights{position:absolute;z-index:2;right:7%;bottom:17%;list-style:none;padding:13px 17px;margin:0;background:#fffffff2;border:1px solid #e7ede1;border-radius:14px;box-shadow:0 10px 30px #263c2714;transform:rotate(3deg)}
.scene-highlights li{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.5;padding-block:5px;color:#324b36}
.scene-highlights li>span{display:grid;place-items:center;flex:none;width:16px;height:16px;border-radius:5px;color:#fff;background:#6e963d;font-size:11px;line-height:1}
.scene-art-footer{position:absolute;left:7%;right:13%;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.scene-art-footer .scene-link{margin:0;font-size:15px;color:#315932;gap:10px}
.hero-reset{bottom:-7%;right:14%;font-size:13px}
.hero-art-scene[data-hero-panel=mobile] .hero-artwork{left:2%;width:95%;top:10%;height:80%}
.hero-art-scene[data-hero-panel=mobile] .scene-highlights{right:12%;bottom:19%}
.hero-art-scene[data-hero-panel=desktop] .hero-artwork{top:13%;height:80%}
.hero-art-scene[data-hero-panel=ai] .hero-artwork{top:10%;height:82%}
.hero-art-scene[data-hero-panel=factory] .hero-artwork{left:-3%;width:105%;top:9%;height:86%}
.hero-art-scene[data-hero-panel=factory] .scene-callout{left:22%;right:7%}
.hero-art-scene[data-hero-panel=factory] .scene-callout strong{font-size:18px}
.hero-art-scene[data-hero-panel=factory] .scene-highlights{bottom:23%}
.hero-art-scene[data-hero-panel=factory] .scene-art-footer{bottom:-1%}
.hero-art-scene[data-hero-panel=factory] .hero-art-caption{font-size:13px;line-height:1.6}
.development-visual{position:relative;width:min(100%,410px);margin:30px 0 0}
.development-visual img{width:100%;height:auto;max-height:265px;object-fit:contain;object-position:center}
.development-visual figcaption{font-size:11px;color:#53624b;line-height:1.6;text-align:center;margin-top:9px}
.services-reference-layout{gap:55px}.service-principles{gap:20px;margin-top:29px}
.enco-visual .enco-screen{width:116%;border:0;border-radius:17px;transform:perspective(1200px) rotateY(-6deg) rotateZ(1deg);margin-left:-2%;box-shadow:0 22px 50px #0003}
.enco-visual .enco-logo{background:transparent;color:#fff;border-radius:0;padding:0 0 25px;border-bottom:1px solid #ffffff20}
.enco-logo img{background:#fff;border-radius:8px;padding:8px;width:116px;height:55px}
.enco-logo span{color:#ccd6c7;font-size:15px}.enco-visual>p{margin-top:18px;font-size:12px}
.contact-planning-visual{width:min(100%,340px);margin:25px 0 0}
.contact-planning-visual img{width:100%;height:auto;filter:drop-shadow(0 12px 20px #263c2707)}
@media(min-width:1600px){.reference-visual{height:720px}.reference-layout{min-height:790px}.reference-copy h1{font-size:72px}.scene-callout{padding:22px;gap:18px}.scene-callout strong{font-size:22px}.scene-callout small{font-size:14px}.scene-callout>span>span{font-size:15px}.scene-highlights li{font-size:16px}.hero-art-scene[data-hero-panel=factory] .scene-callout strong{font-size:21px}}
@media(min-width:851px) and (max-width:1220px){.reference-copy h1{font-size:49px}.reference-visual{height:585px;width:118%;margin-left:-5%}.scene-callout{left:17%;right:8%;padding:15px;gap:10px}.scene-callout-icon{width:30px}.scene-callout-icon svg{width:29px;height:29px}.scene-callout strong{font-size:17px}.scene-callout>span>span{font-size:12px}.scene-callout small{font-size:12px}.hero-art-scene[data-hero-panel=factory] .scene-callout{left:12%;right:10%}.hero-art-scene[data-hero-panel=factory] .scene-callout strong{font-size:16px}.scene-highlights{right:9%;padding:10px 13px}.scene-highlights li{font-size:12px}.scene-art-footer .scene-link{font-size:14px}.scene-art-footer{right:16%}.hero-art-caption{font-size:11px}}
@media(max-width:850px){.reference-hero{padding-block:24px 45px}.reference-layout{display:flex;min-height:0}.reference-copy h1{font-size:clamp(40px,8vw,58px);line-height:1.08}.reference-visual{width:calc(100% + 32px);height:500px;max-width:650px;margin:30px -16px 0;isolation:isolate}.hero-artwork{left:0;top:14%;width:100%;height:72%}.hero-art-overview .hero-artwork{left:-2%;top:9%;width:104%;height:83%}.hero-art-overview .float-loggy{left:21%;top:0}.hero-art-overview .float-stok{right:4%;top:61%}.hero-art-overview .float-edvo{left:15%;bottom:4%}.hero-art-overview .hero-art-caption{left:7%;right:7%;bottom:-1%;font-size:10px}.scene-callout{left:12%;right:6%;top:0;gap:10px;padding:14px;border-radius:14px;transform:rotate(-3deg)}.scene-callout-icon{width:29px;height:36px}.scene-callout-icon svg{width:27px;height:27px}.scene-callout small{font-size:11px;margin-bottom:5px}.scene-callout strong{font-size:16px;line-height:1.35}.scene-callout>span>span{font-size:11px;line-height:1.5;margin-top:6px}.scene-callout>.arrow{display:none}.scene-highlights{right:6%;bottom:17%;padding:10px 12px;border-radius:12px}.scene-highlights li{font-size:12px;gap:7px;padding-block:4px}.scene-highlights li>span{width:14px;height:14px;font-size:10px}.scene-art-footer{left:6%;right:6%;bottom:-2%;gap:8px}.scene-art-footer .scene-link{font-size:14px;gap:9px;line-height:1.5}.scene-art-footer .scene-link .arrow{width:18px}.scene-art-footer .hero-art-caption{font-size:11px;line-height:1.6}.hero-reset{font-size:12px;bottom:-8%;right:6%}.hero-art-scene[data-hero-panel=mobile] .hero-artwork{top:15%;height:73%}.hero-art-scene[data-hero-panel=mobile] .scene-highlights{right:7%;bottom:18%}.hero-art-scene[data-hero-panel=desktop] .hero-artwork{top:16%;height:72%}.hero-art-scene[data-hero-panel=ai] .hero-artwork{top:14%;height:75%}.hero-art-scene[data-hero-panel=factory] .hero-artwork{left:-3%;top:15%;width:106%;height:71%}.hero-art-scene[data-hero-panel=factory] .scene-callout{left:9%;right:6%}.hero-art-scene[data-hero-panel=factory] .scene-callout strong{font-size:15px}.hero-art-scene[data-hero-panel=factory] .scene-highlights{bottom:24%}.hero-art-scene[data-hero-panel=factory] .scene-art-footer{bottom:-3%}.services-reference-layout{gap:30px}.development-visual{width:min(100%,380px);margin:26px auto 0}.development-visual img{max-height:265px}.development-visual figcaption{font-size:11px}.enco-visual .enco-screen{width:100%;margin:18px 0 0;transform:none;border-radius:13px}.enco-visual .enco-logo{padding-bottom:17px}.enco-logo img{width:105px;height:49px}.enco-logo span{font-size:13px}.enco-visual>p{font-size:11px}.contact-planning-visual{width:min(88%,300px);margin:23px auto 0}.contact-layout{gap:31px}}
@media(max-width:374px){.reference-copy h1{font-size:37px}.reference-visual{height:465px;margin-top:28px}.scene-callout strong{font-size:15px}.scene-callout>span>span{font-size:11px}.scene-callout-icon{width:25px}.scene-callout-icon svg{width:25px;height:25px}.hero-art-scene[data-hero-panel=factory] .scene-callout strong{font-size:14px}.hero-art-scene[data-hero-panel=factory] .scene-callout{left:8%;right:6%;padding:12px;gap:9px}.scene-art-footer .scene-link{font-size:13px}.scene-art-footer .hero-art-caption{font-size:10px}.hero-art-overview .hero-art-caption{font-size:10px}.scene-highlights li{font-size:11px}}