/* Project-led presentation, in the visual language of COAL. */
html{scroll-padding-top:120px}
.lab-theme .header{position:sticky;top:12px;z-index:40;width:calc(100% - 48px);max-width:1440px;margin:12px auto 0;border:1px solid #f2efe824;border-radius:16px;background:#101314ed;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.lab-theme .header-inner{width:calc(100% - 44px);height:78px;border:0;gap:30px}
.lab-theme .header-cta{border-radius:7px;background:#f2efe808;min-height:42px}
.lab-theme .header-cta:hover{background:#ff754612}
.lab-theme .desktop-nav a{font-size:12px}
.lab-theme .brand-animated{position:relative;outline-offset:8px}
.brand-symbol{display:block;overflow:visible;flex:none;fill:none}
.brand-symbol .logo-shape{fill:var(--chalk);transform-origin:center;animation:logo-warmth 14s ease-in-out infinite}
.brand-symbol .logo-trace{fill:none;stroke:var(--ember);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;animation:logo-ignite 14s ease-in-out infinite}
.brand-animated:is(:hover,:focus-visible) .logo-trace{animation:logo-interact 1.5s ease-in-out 1}
.brand-animated:is(:hover,:focus-visible) .logo-shape{fill:#ffb394;transition:fill .3s}
@keyframes logo-ignite{0%{stroke-dashoffset:1;opacity:0}2%{opacity:1}8%{stroke-dashoffset:0;opacity:1}12%,100%{stroke-dashoffset:-1;opacity:0}}
@keyframes logo-warmth{0%,12%,100%{filter:none}7%{filter:drop-shadow(0 0 3px #ff75467a)}}
@keyframes logo-interact{0%{stroke-dashoffset:1;opacity:0}15%{opacity:1}70%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-1;opacity:0}}
.lab-theme .hero.hero-lab{padding-top:64px}
.lab-theme .lab-hero-main{grid-template-columns:1fr 1.08fr;gap:clamp(36px,4.5vw,78px);padding-bottom:48px;align-items:center}
.lab-eyebrow{font-size:10px;letter-spacing:.11em;border:1px solid var(--line);border-radius:30px;padding:8px 12px;width:max-content;max-width:100%;margin-bottom:25px}
.lab-theme .lab-copy h1{font-size:clamp(62px,5.9vw,90px);line-height:1.02;font-weight:700;letter-spacing:-.065em}
.lab-theme .lab-copy h1>.hero-dot{display:inline;font-size:inherit;line-height:inherit;margin:0;color:var(--ember)}
.lab-theme .lab-copy h1>.hero-promise{font-size:.83em;font-weight:400;line-height:1.13;margin-top:.16em;color:#c6c8c8}
.hero-promise strong{font-weight:700;color:var(--chalk)}
.lab-theme .lab-description{font-size:16px;line-height:1.8;max-width:460px;margin-top:25px}
.lab-theme .hero-convert .button{border-radius:7px;padding:17px 22px;min-height:55px}
.lab-theme .hero-convert>.text-link{font-size:11px}
.showcase-card{position:relative;padding:20px 20px 0;border:1px solid #f2efe82a;border-radius:18px;background:linear-gradient(140deg,#202526,#15191b 65%);overflow:hidden}
.showcase-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 0,#ff754611,transparent 58%)}
.lab-theme .lab-showcase-label{position:relative;display:flex;align-items:center;gap:8px;font-size:8px;margin-bottom:16px;color:#c2c6c7}
.lab-showcase-label:before{content:'';width:5px;height:5px;background:var(--ember);border-radius:50%}
.showcase-card .lab-browser{position:relative;border-color:#687075;border-radius:8px;box-shadow:0 12px 30px #0003}
.showcase-card .browser-bar{background:#242a2d;color:#c9cecf;border-color:#3e474b;padding:11px 13px}
.showcase-card .browser-dots i:first-child{background:var(--ember)}
.showcase-card .browser-address{font-size:9px}
.lab-theme .showcase-card figcaption{position:relative;padding:19px 0 21px;margin:0;gap:15px}
.showcase-card figcaption strong{font-size:19px;display:block;letter-spacing:-.03em}
.showcase-card .case-live{font-size:6px!important;letter-spacing:.15em;color:#b5bcbf!important;margin:0 0 4px!important}
.showcase-card figcaption>a{min-height:40px;padding:0 12px;border:1px solid #f2efe830;border-radius:6px;font-size:10px;transition:border-color .2s,background .2s}
.showcase-card figcaption>a:hover{border-color:var(--ember);background:#ff75460a}
.hero-delivery{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0 26px;border-top:1px solid var(--line);gap:30px}
.hero-delivery>div{display:flex;align-items:start;gap:14px}
.hero-delivery>div>span{font-size:9px;color:var(--ember);padding-top:2px}
.hero-delivery p{line-height:1.4}
.hero-delivery strong{font-size:12px;font-weight:400;display:block}
.hero-delivery small{display:block;font-size:10px;color:var(--gray);margin-top:6px}
.lab-theme .lab-bottom{min-height:105px;padding-block:7px}
.lab-theme .lab-experiment-label{font-size:7px}
.lab-theme .project-screen{transition:border-color .2s}
.lab-theme .project-screen-button:hover .project-screen{border-color:#ff7546a6}
.lab-theme .offer-blade{border:1px solid var(--line);border-right:0;border-radius:0;box-shadow:none;min-height:470px}
.lab-theme .offer-blade:last-child{border-right:1px solid var(--line)}
.lab-theme .offer-blade:is(:hover,:focus-within){box-shadow:inset 0 2px var(--ember);background:#171c1e}
.lab-theme .offer-blade h3{font-size:clamp(26px,2.35vw,36px);margin-top:28px;min-height:82px}
.lab-theme .blade-description{margin-bottom:19px}
.service-includes{list-style:none;padding:0;margin:0 0 27px;display:grid;gap:9px;color:#aeb6b8;font-size:11px;line-height:1.6}
.service-includes li{display:flex;align-items:start;gap:9px}
.service-includes li:before{content:'';display:block;flex:none;width:4px;height:4px;background:#ff7546ab;margin-top:7px}
.lab-theme .blade-action{margin-top:auto}
.lab-theme .process-progress{box-shadow:none;will-change:transform}
.lab-theme .process-step{transition:color .25s}
.lab-theme .process-step.active:before{box-shadow:none}
.lab-theme dialog[open],.lab-theme dialog.is-closing{clip-path:none!important;filter:none!important}
.lab-theme .mobile-nav{position:absolute;top:calc(100% + 8px);left:0;right:0;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 35px #0004}
.lab-theme .mobile-nav:not([hidden]){animation:menu-enter .2s ease-out;background:#14191b}
@keyframes menu-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.lab-theme .header-inner{gap:22px}.lab-theme .lab-hero-main{gap:32px}.lab-theme .lab-copy h1{font-size:clamp(52px,5.9vw,68px)}.showcase-card{padding:16px 16px 0}.lab-theme .lab-description{font-size:14px}.lab-theme .offer-blade{min-height:435px}.lab-theme .offer-blade:nth-child(2){border-right:1px solid var(--line)}.lab-theme .offer-blade h3{font-size:34px;min-height:78px}}
@media(max-width:760px){
 html{scroll-padding-top:102px}.lab-theme .header{top:8px;width:calc(100% - 24px);margin-top:8px;border-radius:13px}.lab-theme .header-inner{height:68px;width:calc(100% - 28px);gap:12px}.lab-theme .header-cta{min-height:36px;border-radius:5px}.lab-theme .hero.hero-lab{padding-top:34px}.lab-theme .lab-hero-main{gap:32px;padding-bottom:30px}.lab-eyebrow{font-size:8px;letter-spacing:.08em;padding:7px 10px;margin-bottom:23px}.lab-theme .lab-copy h1{font-size:clamp(45px,10.7vw,76px)}.lab-theme .lab-copy h1>.hero-promise{font-size:.9em;line-height:1.13}.lab-theme .lab-description{font-size:15px;margin-top:24px}.lab-theme .hero-convert .button{min-height:52px;padding:15px 18px;font-size:11px}.lab-theme .hero-convert>.text-link{font-size:10px}.showcase-card{padding:15px 15px 0;border-radius:13px}.lab-theme .lab-showcase-label{font-size:7px;margin-bottom:13px}.showcase-card .browser-bar{padding:9px 11px}.lab-theme .showcase-card figcaption{padding:15px 0 16px}.showcase-card figcaption strong{font-size:18px}.showcase-card figcaption div>span{font-size:8px}.showcase-card figcaption>a{padding:0 9px;font-size:9px;min-height:36px}.hero-delivery{grid-template-columns:1fr;gap:17px;padding:23px 0}.hero-delivery>div{gap:12px}.hero-delivery strong{font-size:12px}.hero-delivery small{margin-top:3px;font-size:10px}.lab-theme .lab-bottom{min-height:100px}.lab-theme .offer-blade{min-height:435px}.service-includes{font-size:11px;gap:8px}.lab-theme .offer-blade h3{font-size:29px;min-height:68px}
}
@media(max-width:420px){.lab-theme .offer-blade{min-height:0;border-right:1px solid var(--line)}.lab-theme .offer-blade h3{min-height:0;font-size:31px}.service-includes{margin-bottom:22px}.lab-theme .hero-convert{gap:20px}.lab-theme .hero-convert .button{width:auto}}
@media(max-width:350px){.lab-theme .header-inner{width:calc(100% - 20px);gap:8px}.lab-theme .header .brand{gap:6px}.lab-theme .header-cta{font-size:8px;padding:9px 8px;gap:8px}.lab-theme .header .lab{font-size:6px}.lab-theme .header .brand-word{width:62px}.lab-theme .header .brand-rabbit{width:18px}.lab-theme .header-actions{gap:1px}.lab-theme .lab-copy h1{font-size:10.7vw}.lab-eyebrow{font-size:7px}.lab-theme .lab-description{font-size:14px}.showcase-card{padding:12px 12px 0}.showcase-card figcaption>a{font-size:8px;padding-inline:7px}.showcase-card figcaption div>span{font-size:7px}.lab-theme .hero-convert .button{font-size:10px;padding-inline:14px}.lab-theme .hero-convert>.text-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-symbol .logo-trace,.brand-symbol .logo-shape,.brand-animated:is(:hover,:focus-visible) .logo-trace{animation:none!important}.brand-symbol .logo-trace{opacity:0}.lab-theme .mobile-nav:not([hidden]){animation:none}}