/* Full-width page surfaces; reading and interaction surfaces keep a useful measure. */
:root{
 --page-gutter:clamp(20px,3.5vw,112px);
 --section-space:clamp(64px,6vw,160px);
 --nav-gutter:clamp(12px,1.2vw,32px);
 --nav-height:clamp(64px,4.5vw,84px);
 --nav-top:clamp(12px,1vw,24px);
 --scene-gradient:radial-gradient(ellipse at 67% 30%,#c5b6e4a6,transparent 50%),radial-gradient(ellipse at 85% 90%,#eccfbaa6,transparent 45%),radial-gradient(ellipse at 35% 100%,#bcdae380,transparent 50%),#ecedf6;
}
body .container,body.agent-page .container{width:calc(100% - 2 * var(--page-gutter));max-width:none;margin-inline:auto}
.site-header,.agent-page .site-header{
 width:calc(100% - 2 * var(--nav-gutter));max-width:none;
 top:var(--nav-top);margin:var(--nav-top) auto calc(-1 * (var(--nav-height) + var(--nav-top) + 2px));
}
.site-header .header-inner{height:var(--nav-height);padding-inline:clamp(20px,2vw,64px)}
.home-hero,.page-hero,.product-hero,.contact-stage,.experience,.cta-panel{
 width:100%;margin-inline:0;border-radius:0;border-inline:0;background:var(--scene-gradient);
}
.home-hero,.product-hero,.contact-stage{min-height:100svh}
.site-footer{margin:0;border-radius:0;border-inline:0;padding-block:clamp(56px,5vw,120px) 28px}
.section{padding-block:var(--section-space)}
.experience{padding-block:var(--section-space)}
.experience-layout,.about-intro,.contact-layout{gap:clamp(32px,5vw,160px)}
.experience-copy>p,.about-intro p,.principles p,.workflow-steps p{max-width:65ch}
.experience-copy h2{max-width:17ch}
.experience .interactive-demo{width:100%;max-width:800px;justify-self:center}
.experience .experience-layout>div:last-child{min-width:0}
.cta-panel{padding-block:clamp(32px,4vw,96px)}
.cta-inner{padding:clamp(28px,3.5vw,80px);gap:clamp(28px,5vw,120px)}
.cta-panel p{max-width:65ch}
.hero-mascot-ensemble .hero-content{
 min-height:100svh;gap:clamp(36px,4vw,128px);
 padding-top:calc(var(--nav-top) + var(--nav-height) + clamp(32px,4vw,96px));
 padding-bottom:clamp(120px,12svh,180px);
}
.hero-mascot-ensemble .hero-copy{padding:clamp(28px,3.2vw,84px)}
html[data-scrolling=true] .hero-mascot-ensemble .hero-copy{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hero-mascot-ensemble .hero-content h1{font-size:clamp(48px,4.5vw,112px);max-width:20ch}
.hero-mascot-ensemble .hero-content .hero-description{font-size:clamp(15px,1.1vw,20px);max-width:54ch}
.hero-mascot-ensemble .hero-content :is(.button,.text-link){font-size:clamp(12px,.95vw,17px)}
.hero-mascot-ensemble .hero-foot{bottom:clamp(20px,3svh,44px)}
.hero-mascot-ensemble .hero-copy-note{font-size:clamp(10px,.8vw,14px)}
.page-hero{
 min-height:100svh;display:flex;align-items:center;
 padding-top:calc(var(--nav-top) + var(--nav-height) + 48px);
 padding-bottom:clamp(56px,7vw,140px);
}
.page-hero>.container{padding:clamp(28px,4vw,96px)}
.page-hero:not(.article-hero)>.container{display:flex;flex-direction:column;align-items:center;text-align:center}
.page-hero:not(.article-hero) .seo-breadcrumbs ol{justify-content:center}
.page-hero h1{font-size:clamp(46px,5vw,112px);max-width:20ch}
.page-hero .lead{font-size:clamp(15px,1.1vw,20px);max-width:62ch}
body[data-page-layout=reading] .page-hero{min-height:0}
body .proposal-hero.container{
 width:100%;max-width:none;margin:0;padding-inline:var(--page-gutter);background:var(--scene-gradient);
 min-height:100svh;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
 gap:clamp(40px,5vw,160px);
 padding-top:calc(var(--nav-top) + var(--nav-height) + clamp(32px,4vw,96px));
 padding-bottom:clamp(64px,7svh,140px);
}
.proposal-hero::before{display:none}
.proposal-copy h1{font-size:clamp(46px,4.1vw,100px);max-width:19ch}
.proposal-lead{font-size:clamp(16px,1.05vw,20px);max-width:58ch}
.proposal-availability{max-width:58ch}
.proposal-stage{min-height:0}
.agent-page .obsedia-widget{width:min(100%,540px)}
.agent-page .widget-frame{height:clamp(592px,66svh,800px)}
.agent-page .role-grid>article:first-child p{max-width:min(48%,42ch)}
.proposal-role,.proposal-related{padding-block:var(--section-space)}
.proposal-capabilities,.proposal-controls{padding-bottom:var(--section-space)}
.proposal-controls{gap:clamp(40px,7vw,220px)}
.knowledge-stack{width:100%;max-width:860px;justify-self:center}
.control-heading{max-width:70ch}
.knowledge-core p,.setup-steps p,.role-grid>article p{max-width:60ch}
.proposal-setup{padding:clamp(30px,4vw,96px)}
.agent-page .proposal-closing.container{width:100%;margin:0;border-radius:0;border-inline:0;padding:var(--section-space) var(--page-gutter);background:var(--scene-gradient)}
.proposal-closing>div{padding:clamp(44px,5vw,120px)}
.agent-page #questions{padding-block:var(--section-space)}
.contact-stage{padding-top:calc(var(--nav-top) + var(--nav-height) + 48px);padding-bottom:var(--section-space)}
.contact-stage-grid{gap:clamp(32px,5vw,160px);align-items:center}
.contact-stage .contact-form{width:100%;max-width:880px;justify-self:end;padding:clamp(26px,3vw,64px)}
.contact-welcome h1{font-size:clamp(44px,4.5vw,100px);max-width:16ch}
.contact-welcome-lead{max-width:50ch;font-size:clamp(15px,1.05vw,19px)}
.contact-sculpture{max-width:760px}
.contact-guidance p,.faq-list details p{max-width:70ch}
.article-hero{min-height:0}
.article-hero h1{font-size:clamp(38px,3.2vw,76px);max-width:22ch}
.article-layout{grid-template-columns:clamp(180px,17vw,280px) minmax(0,74ch);gap:clamp(40px,5vw,150px);justify-content:center}
.article-body{min-width:0;max-width:74ch}
.legal-copy{max-width:76ch}
.journal-grid{gap:clamp(24px,2.5vw,72px)}
.journal-card h2,.journal-card h3{max-width:30ch}
.journal-card .article-excerpt{max-width:62ch}
@media(min-width:1101px){
 .home-cast{height:clamp(560px,65svh,900px);max-width:1000px;justify-self:center}
 .home-cast-actor{--actor-size:clamp(130px,10vw,224px)!important}
 .home-cast-actor[data-home-actor=commerce]{--actor-size:clamp(180px,13vw,300px)!important}
 .article-hero>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:clamp(40px,5vw,160px);align-items:start}
 .article-hero>.container>:not(.article-cover){grid-column:1}
 .article-hero .article-cover{grid-column:2;grid-row:1/span 7;margin:0;align-self:center;max-width:none;width:100%;aspect-ratio:4/3}
}
@media(min-width:1600px){
 .agent-page .obsedia-widget{width:min(100%,600px)}
 .agent-page .widget-message{font-size:15px}
 .agent-page .widget-identity strong{font-size:16px}
 .agent-page .demo-card-info h3{font-size:16px}
 .agent-page .demo-card-top{grid-template-columns:110px minmax(0,1fr)}
 .agent-page .demo-card-image{width:110px;height:110px}
 .role-mascot .mascot-scene-stage>.product-mascot{--mascot-size:clamp(225px,14vw,330px)}
 .product-grid{gap:clamp(30px,2.5vw,72px)}
 .product-grid .card-info{padding:clamp(40px,3.3vw,90px)}
 .product-card .card-info p,.product-card:first-child .card-info p{font-size:17px;max-width:54ch}
 .product-card .card-visual{min-height:clamp(360px,25vw,620px)}
 .product-grid .demo-window{max-width:580px}
 .section-heading>p{max-width:52ch;font-size:16px}
 .experience-copy>p,.about-intro p{font-size:18px}
 .journal-card :is(h2,h3){font-size:clamp(24px,1.4vw,32px)}
 .journal-card .article-excerpt{font-size:17px}
}
@media(min-width:2400px){.agent-page .obsedia-widget{width:min(100%,640px)}}
@media(max-width:1100px){.article-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}}
@media(max-width:1000px){
 .hero-mascot-ensemble .hero-content{grid-template-columns:1fr}
 .hero-mascot-ensemble .hero-copy{max-width:none}
 .hero-mascot-ensemble .hero-content h1{font-size:clamp(42px,6.5vw,72px)}
 body .proposal-hero.container{display:flex;flex-direction:column;align-items:stretch;gap:48px}
 .proposal-copy h1{font-size:clamp(42px,6.5vw,72px)}
 .proposal-stage{width:100%;align-self:center}
 .contact-stage-grid{grid-template-columns:1fr;gap:40px}
 .contact-stage .contact-form{max-width:none;justify-self:stretch}
 .contact-welcome{padding-top:0}
 .contact-sculpture,.contact-welcome-note{display:none}
 .contact-welcome-lead{max-width:62ch}
}
@media(max-width:760px){
 :root{--page-gutter:20px;--section-space:64px;--nav-height:60px;--nav-top:12px;--nav-gutter:12px}
 .site-header .header-inner{padding-inline:18px}
 .hero-mascot-ensemble .hero-content{padding-top:116px;padding-bottom:112px;gap:40px}
 .hero-mascot-ensemble .hero-copy{padding:28px 24px}
 .hero-mascot-ensemble .hero-content h1{font-size:clamp(30px,8.1vw,52px)}
 .hero-mascot-ensemble .hero-content .hero-description{font-size:15px}
 .hero-mascot-ensemble .hero-content :is(.button,.text-link){font-size:12px}
 .page-hero{padding-top:116px;padding-bottom:48px;min-height:100svh}
 .page-hero>.container{padding:30px 22px}
 .page-hero h1{font-size:clamp(34px,9vw,54px)}
 .page-hero .lead{font-size:15px}
 .article-hero{min-height:0}
 body .proposal-hero.container{padding-top:116px;padding-bottom:64px;gap:44px}
 .proposal-copy h1{font-size:clamp(36px,10vw,58px)}
 .proposal-lead{font-size:15px}
 .agent-page .obsedia-widget{width:min(100%,440px)}
 .agent-page .widget-frame{height:592px}
 .agent-page .role-grid>article:first-child p{max-width:100%}
 .proposal-setup{padding:30px 24px}
 .proposal-closing>div{padding:40px 22px}
 .contact-stage{padding-top:116px}
 .contact-stage .contact-form{padding:26px 22px}
 .contact-welcome h1{font-size:clamp(38px,9vw,54px)}
 .article-layout{display:flex;flex-direction:column;gap:30px}
 .article-body{max-width:100%}
}
@media(max-width:360px){
 :root{--page-gutter:16px}
 .hero-mascot-ensemble .hero-copy,.page-hero>.container{padding:27px 18px}
 .hero-mascot-ensemble .hero-content h1{font-size:28px}
 .proposal-copy h1{font-size:33px}
 .contact-stage .contact-form{padding:24px 18px}
}
@media(prefers-contrast:more){.home-hero,.page-hero,.product-hero,.contact-stage,.experience,.cta-panel,body .proposal-hero.container{background:#edf0f8}}