/* Miniature concept sites: each has its own composition and motion language. */
.showcase-screen{container-type:inline-size}
.showcase-scene{z-index:0;transition:opacity .45s ease;pointer-events:none}
.showcase-phrase{z-index:2;pointer-events:none;inset:27% 0; font-size:clamp(54px,14cqw,130px);text-shadow:none}
.model-nav,.model-footer{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:1;font-size:clamp(8px,1.4cqw,12px);letter-spacing:-.02em}
.model-nav{top:6%;right:11%;height:5%}.model-nav b{font-size:clamp(14px,2.5cqw,22px);letter-spacing:-.06em}.model-nav b span{font-size:.5em;vertical-align:top;margin-left:3px}.model-footer{bottom:5%;font-size:clamp(7px,1.25cqw,11px)}
.model-kicker{position:absolute;top:21%;left:5%;right:5%;text-align:center;font-size:clamp(7px,1.3cqw,11px);letter-spacing:.17em;font-weight:500}
.model-architecture{background:#f6f5f1;color:#232520}
.architecture-gallery{position:absolute;left:-3%;right:-3%;top:62%;height:25%;display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:10px;align-items:center}
.architecture-gallery img{width:100%;height:100%;object-fit:cover;min-width:0}.architecture-gallery img:first-child{object-position:0 65%;height:83%;transform:rotate(-5deg)}.architecture-gallery img:last-child{object-position:100% 30%;height:83%;transform:rotate(5deg)}
.model-technology{background:#04091e;color:#dce7ff}
.tech-orbits{position:absolute;inset:-28% -28% -10% 26%;perspective:650px;transform:rotate(-24deg)}
.tech-orbits i{position:absolute;inset:12%;border:2px solid #496ddd88;border-left:7px solid #78caff;border-bottom:10px solid #173588;border-radius:50%;box-shadow:inset 0 0 22px #487cff40,0 0 18px #326fe54a;transform:rotateY(65deg);animation:orbit-turn 6s ease-in-out infinite alternate}
.tech-orbits i:nth-child(2){inset:17%;animation-delay:-1s}.tech-orbits i:nth-child(3){inset:22%;animation-delay:-2s}.tech-orbits i:nth-child(4){inset:27%;animation-delay:-3s}.tech-orbits i:nth-child(5){inset:32%;animation-delay:-4s}
.model-technology .model-kicker{color:#9daece}.tech-bottom{position:absolute;left:5%;right:6%;top:68%;display:flex;align-items:center;justify-content:space-between}.tech-bottom small{font-size:clamp(7px,1.25cqw,11px);color:#8fa9d8}.tech-bottom strong{display:block;font-size:clamp(15px,3cqw,26px);font-weight:400;line-height:1.1;margin-top:8px;letter-spacing:-.04em}.tech-signal{height:45px;display:flex;gap:5px;align-items:center}.tech-signal i{width:3px;height:60%;background:#7ba7eb;animation:signal-wave 1s ease-in-out infinite alternate}.tech-signal i:nth-child(2n){animation-delay:-.7s;height:90%}.tech-signal i:nth-child(3n){animation-delay:-.4s;height:35%}
.model-sales{background:#edf2ed;color:#172c23;background-image:linear-gradient(#334e3c08 1px,transparent 1px),linear-gradient(90deg,#334e3c08 1px,transparent 1px);background-size:28px 28px}
.sales-pipeline{position:absolute;top:65%;left:5%;right:5%;display:grid;grid-template-columns:repeat(3,1fr);gap:5%;align-items:center}
.sales-pipeline article{position:relative;z-index:1;background:#fcfdfb;border:1px solid #c6d4c8;padding:8% 9%;border-radius:10px;box-shadow:0 10px 25px #1f493809;animation:pipeline-focus 2.4s ease-in-out infinite}
.sales-pipeline article:nth-of-type(2){animation-delay:.65s}.sales-pipeline article:nth-of-type(3){animation-delay:1.3s}.sales-pipeline small{display:block;font-size:clamp(7px,1.15cqw,10px);color:#507e61;letter-spacing:.04em}.sales-pipeline strong{font-size:clamp(10px,1.75cqw,15px);line-height:1.25;display:block;margin:8px 0;font-weight:500}.pipeline-detail{display:block;font-size:clamp(7px,1.2cqw,10px);color:#69796c;line-height:1.4}.pipeline-line{position:absolute;left:2%;right:2%;top:50%;height:2px;background:#97b59e;overflow:hidden}.pipeline-line::after{content:'';display:block;width:20%;height:100%;background:#157b46;animation:pipeline-run 2.4s linear infinite}
.model-product{background:#e8e4dc;color:#241b15}.product-panel{position:absolute;inset:0 0 0 56%;background:#cf4d25}.model-product .model-kicker{left:5%;right:auto;text-align:left;top:20%;font-size:clamp(7px,1.1cqw,10px)}.product-edition{position:absolute;top:60%;left:5%;font-size:clamp(8px,1.25cqw,11px);letter-spacing:.08em}.product-edition b{display:block;font-size:clamp(40px,8cqw,68px);font-weight:400;letter-spacing:-.08em;line-height:1;margin-top:7px}.product-case{position:absolute;width:40%;height:55%;object-fit:contain;right:1%;bottom:8%;filter:drop-shadow(0 20px 15px #2a150f50);animation:product-float 3.4s ease-in-out infinite alternate}.product-spec{position:absolute;bottom:21%;left:24%;display:grid;gap:7px;font-size:clamp(7px,1.15cqw,10px);max-width:27%}.product-spec span:first-child{letter-spacing:.08em}.model-product .model-footer{border-top:1px solid #241b1525;padding-top:12px}
.model-editorial{background:#252924;color:white}.editorial-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;filter:grayscale(1)}.editorial-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0007,#0002 35%,#0009)}.model-editorial .model-kicker{letter-spacing:.25em}.editorial-index{position:absolute;left:5%;bottom:17%;font:clamp(45px,9cqw,77px)/1 Georgia,serif;letter-spacing:-.08em}.editorial-index span{font:clamp(9px,1.6cqw,14px) Inter,sans-serif;letter-spacing:0;opacity:.7}.editorial-caption{position:absolute;right:5%;bottom:18%;font:clamp(13px,2.7cqw,23px)/1.15 Georgia,serif;letter-spacing:-.035em;text-align:right}
.showcase-screen[data-theme="0"] .showcase-phrase{font-family:Georgia,serif;color:#232520;font-weight:400}
.showcase-screen[data-theme="1"] .showcase-phrase{font-family:Inter,sans-serif;font-weight:500;color:#f0f5ff;text-shadow:0 3px 35px #030818;letter-spacing:-.065em}
.showcase-screen[data-theme="2"] .showcase-phrase{font-family:Inter,sans-serif;font-style:normal;font-weight:500;color:#172c23;letter-spacing:-.065em}
.showcase-screen[data-theme="3"] .showcase-phrase{font-family:Inter,sans-serif;font-weight:700;color:#241b15;letter-spacing:-.07em}
.showcase-screen[data-theme="4"] .showcase-phrase{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#fff;text-shadow:0 2px 25px #0007;letter-spacing:-.06em}
.showcase-scene *,.showcase-scene *::after{animation-play-state:paused!important}
.showcase-dialog[open] .showcase-scene.is-active *,.showcase-dialog[open] .showcase-scene.is-active *::after{animation-play-state:running!important}
.page-away .showcase-dialog .showcase-scene *,.page-away .showcase-dialog .showcase-scene *::after{animation-play-state:paused!important}
@keyframes orbit-turn{from{transform:rotateY(65deg) rotateZ(-15deg) translateY(-6px)}to{transform:rotateY(40deg) rotateZ(30deg) translateY(10px)}}
@keyframes signal-wave{to{transform:scaleY(.25);opacity:.4}}
@keyframes pipeline-run{from{transform:translateX(-100%)}to{transform:translateX(550%)}}
@keyframes pipeline-focus{0%,65%,100%{transform:translateY(0);border-color:#c6d4c8}25%{transform:translateY(-5px);border-color:#348653;box-shadow:0 10px 25px #28734f18}}
@keyframes product-float{from{transform:translateY(5px) rotate(-9deg)}to{transform:translateY(-6px) rotate(-2deg)}}
@media(max-width:680px){.showcase-phrase{font-size:clamp(47px,16cqw,95px)}.model-nav{right:16%;top:7%}.model-nav>span{font-size:7px;max-width:62%;text-align:right}.model-footer>span:first-child{max-width:52%}.model-footer>span:last-child{text-align:right;max-width:40%}.model-kicker{font-size:7px;letter-spacing:.09em}.sales-pipeline{gap:3%;top:62%}.sales-pipeline article{padding:10% 8%;border-radius:7px}.sales-pipeline strong{font-size:10px;margin:5px 0}.pipeline-detail{font-size:7px}.product-spec{left:22%;bottom:19%;font-size:7px}.tech-signal{height:25px;gap:3px}.architecture-gallery{gap:6px}}
@media(prefers-reduced-motion:reduce){.showcase-scene{transition:none}.showcase-scene *,.showcase-scene *::after{animation:none!important}}