/* Editorial concept, designed as a miniature finished website. */
#services .demo-browser{border-radius:10px;max-width:1050px;overflow:hidden}
#services .demo-site{background:radial-gradient(ellipse at 80% 35%,color-mix(in srgb,var(--lab-accent) 10%,transparent),transparent 60%),#090e13}
#services .demo-content{padding:28px 37px 20px;min-height:650px}
#services .demo-site-nav{padding-bottom:21px;border-bottom:1px solid #d9ddd521;align-items:center}
#services .demo-site-nav strong{font-size:15px;letter-spacing:.08em;display:flex;align-items:center;gap:7px}
#services .demo-site-nav strong>span{opacity:.4}
.concept-mark{display:inline-block;width:17px;height:17px;background:var(--lab-accent);clip-path:polygon(0 0,100% 0,100% 25%,25% 25%,25% 50%,80% 50%,80% 75%,25% 75%,25% 100%,0 100%);margin-right:7px}
.demo-site-nav>a{font-size:8px;letter-spacing:.1em;color:#dbded8;text-decoration:none}.demo-site-nav>a span{color:var(--lab-accent);margin-left:12px}
.concept-choices{display:flex;gap:18px;padding-top:20px;position:relative;z-index:5}.concept-choices button{border:0;border-bottom:1px solid transparent;padding:0 0 7px;background:none;color:#7e8c93;font:9px Foundry,sans-serif;cursor:pointer;transition:color .3s,border-color .3s}.concept-choices button[aria-pressed=true]{color:#eee7db;border-color:var(--lab-accent)}
#services .demo-site-grid{grid-template-columns:1fr;min-height:365px;margin-top:40px;position:relative;isolation:isolate}
.concept-editorial{position:relative;z-index:3;pointer-events:none}.concept-editorial a{pointer-events:auto}
.concept-eyebrow{font-size:7px;letter-spacing:.2em;color:#a8b3b8;display:block;margin-bottom:20px}
#services .demo-site-title{font-size:clamp(52px,10.7cqw,108px);line-height:.89;letter-spacing:-.065em;max-width:90%;text-shadow:0 3px 25px #060b1366;margin-bottom:25px;font-weight:700}
#services .demo-site-title em{color:transparent;background:linear-gradient(110deg,#f9e2ba,var(--lab-accent) 60%,#c75a25);background-clip:text;-webkit-text-fill-color:transparent}
#services .demo-site-copy{font-size:11px;line-height:1.7;color:#a6b2b9;max-width:230px}
.concept-cta{display:inline-flex;align-items:center;gap:22px;color:#e6ddd0;border-bottom:1px solid #d0b48b66;padding:13px 0 9px;font-size:8px;letter-spacing:.08em;text-decoration:none}.concept-cta span{color:var(--lab-accent);font-size:17px;transition:transform .3s}.concept-cta:hover span{transform:translate(4px,-4px)}
#services .demo-sculpture{position:absolute;width:65%;height:440px;right:-11%;top:-45px;z-index:1;opacity:1}
#services .studio-magma{filter:drop-shadow(0 25px 35px #0009)}
#services .studio-object-label{display:none}
.concept-edition{position:absolute;right:0;bottom:15px;font-size:8px;letter-spacing:.18em;color:#d9b481;writing-mode:vertical-rl}
.concept-feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dde1dd22;margin-top:28px;padding-top:20px;gap:18px;position:relative;z-index:3}
.concept-feature-strip>div{border-right:1px solid #dde1dd18;padding-right:12px}.concept-feature-strip>div:last-child{border:0}.concept-feature-strip span{font-size:6px;letter-spacing:.12em;color:#8b9aa2;display:block;margin-bottom:9px}.concept-feature-strip strong{font-size:12px;font-weight:500;color:#d5dad6}
#services .demo-site-footer{font-size:6px;color:#778990;border:0;padding-top:16px;margin-top:17px}.concept-live{display:flex;align-items:center;gap:6px}.concept-live i{height:4px;width:4px;border-radius:50%;background:var(--lab-accent);box-shadow:0 0 7px var(--lab-accent)}
.concept-switching .concept-editorial{animation:concept-reveal .7s cubic-bezier(.22,1,.36,1)}.concept-switching .studio-magma{animation:concept-material .9s ease}
@keyframes concept-reveal{from{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes concept-material{0%{opacity:.25;scale:.88}100%{opacity:1;scale:1}}
#services .demo-browser.is-phone .demo-content{min-height:610px;padding:22px 19px}
#services .demo-browser.is-phone .demo-site-nav strong{font-size:10px;gap:3px}
#services .demo-browser.is-phone .concept-mark{width:12px;height:12px;margin-right:3px}
#services .demo-browser.is-phone .demo-site-nav>a{font-size:6px}
#services .demo-browser.is-phone .concept-choices{gap:10px;padding-top:17px}
#services .demo-browser.is-phone .concept-choices button{font-size:7px}
#services .demo-browser.is-phone .demo-site-grid{margin-top:35px;min-height:360px}
#services .demo-browser.is-phone .demo-site-title{font-size:49px;max-width:100%;position:relative;z-index:4}
#services .demo-browser.is-phone .concept-eyebrow{font-size:6px;max-width:150px;line-height:1.7}
#services .demo-browser.is-phone .demo-sculpture{position:absolute;width:190px;height:210px;right:-64px;top:108px;opacity:.8}
#services .demo-browser.is-phone .demo-site-copy{max-width:155px;font-size:9px}
#services .demo-browser.is-phone .concept-cta{font-size:6px;gap:12px;margin-top:65px}
#services .demo-browser.is-phone .concept-feature-strip{gap:9px;margin-top:5px;padding-top:15px}
#services .demo-browser.is-phone .concept-feature-strip strong{font-size:8px}
#services .demo-browser.is-phone .concept-feature-strip span{font-size:5px;line-height:1.5}
#services .demo-browser.is-phone .concept-edition{display:none}
#services .demo-browser.is-phone .demo-site-footer{font-size:4px;margin-top:9px}
@media(max-width:700px){#services .lab-stage{padding:35px 14px}#services .demo-content{padding:23px 20px;min-height:490px}#services .demo-site-nav strong{font-size:11px}#services .demo-site-title{font-size:clamp(44px,10.7cqw,80px)}#services .demo-site-grid{min-height:300px;margin-top:28px}#services .demo-sculpture{height:300px;right:-16%;top:-5px;width:75%}.concept-feature-strip strong{font-size:9px}.concept-eyebrow{font-size:6px;max-width:190px;line-height:1.6}.concept-choices{gap:14px}.concept-choices button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.concept-switching .concept-editorial,.concept-switching .studio-magma{animation:none}}.motion-paused .concept-switching .concept-editorial,.motion-paused .concept-switching .studio-magma{animation:none}

#services .demo-browser[data-concept=architecture] .demo-site-title{font-size:clamp(39px,8.6cqw,86px)}
#services .demo-browser.is-phone[data-concept=architecture] .demo-site-title{font-size:36px}
#services .demo-browser.is-phone[data-concept=technology] .demo-site-title{font-size:38px}

/* Flowing molten surface sits below all copy and controls. */
.concept-lava-surface{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;border-radius:inherit}
#services .demo-content{z-index:1;background:linear-gradient(90deg,#080e13c9,transparent 70%)}
#services .demo-site-nav,#services .concept-choices{position:relative;z-index:5}
#services .demo-site-grid:before{content:'';position:absolute;inset:-10px -20px -15px -20px;z-index:0;background:radial-gradient(ellipse at 78% 45%,#ff5d0615,transparent 65%);pointer-events:none}
#services .concept-feature-strip{background:linear-gradient(#071016e0,#071016b0);padding:22px 14px 14px;border-top-color:#ee7c3355;box-shadow:0 -10px 35px #ff6a0808}
#services .demo-browser{border-color:#f3965166;box-shadow:0 1px #ffc17b66,9px 14px 0 #1b252a,0 35px 90px #000b,0 0 50px #ff65120e}
#services .demo-site-title em{background-image:linear-gradient(110deg,#ffe7bf,var(--lab-accent) 45%,#ff661d 85%)}