.page-content{padding-top:var(--header);flex:1 0 auto}.page-hero{position:relative;min-height:58vh;display:grid;align-items:end;padding:72px 0 56px;overflow:hidden;background:linear-gradient(180deg,rgba(5,6,7,0.18) 0%,rgba(5,6,7,0.78) 100%),url("../images/art/studio.jpg") center / cover no-repeat}.page-hero .container{position:relative;z-index:1}body.page-about .page-hero,body.page-studio .page-hero{background-image:linear-gradient(180deg,rgba(5,6,7,.2),rgba(5,6,7,.8)),url("../images/art/hero.jpg");background-size:cover;background-position:center}body.page-work .page-hero{background-image:linear-gradient(180deg,rgba(5,6,7,.4),rgba(5,6,7,.92)),url("../images/art/work.jpg")}body.page-contact .page-hero{min-height:0;align-items:start;padding:32px 0 28px;background-image:linear-gradient(180deg,rgba(5,6,7,.45),rgba(5,6,7,.92)),url("../images/art/corridor.jpg")}body.page-contact .page-cta{margin-top:18px;margin-bottom:16px}body.page-contact .page-hero .page-subtitle{margin-top:0}body.page-solutions .page-hero{background-image:linear-gradient(180deg,rgba(5,6,7,.4),rgba(5,6,7,.92)),url("../images/art/grow.jpg")}body.page-automate .page-hero{background-image:linear-gradient(180deg,rgba(5,6,7,.35),rgba(5,6,7,.9)),url("../images/art/automate.jpg")}body.page-build .page-hero{background-image:linear-gradient(180deg,rgba(5,6,7,.35),rgba(5,6,7,.9)),url("../images/art/build.jpg")}body.page-brand .page-hero{background-image:linear-gradient(180deg,rgba(5,6,7,.35),rgba(5,6,7,.9)),url("../images/art/brand.jpg")}body.page-grow .page-hero{background-image:linear-gradient(180deg,rgba(5,6,7,.35),rgba(5,6,7,.9)),url("../images/art/grow.jpg")}body.page-blog .page-hero,body.page-notes .page-hero,body.page-daily-blogs .page-hero{background-image:linear-gradient(180deg,rgba(5,6,7,.4),rgba(5,6,7,.92)),url("../images/art/orb.jpg")}body.article-ai-agents .page-hero{background-image:linear-gradient(180deg,rgba(5,6,7,.28),rgba(5,6,7,.88)),url("../images/art/blog-ai-agents.jpg")}body.article-geo .page-hero{background-image:linear-gradient(180deg,rgba(5,6,7,.28),rgba(5,6,7,.88)),url("../images/art/blog-geo.jpg")}body.article-production .page-hero{background-image:linear-gradient(180deg,rgba(5,6,7,.28),rgba(5,6,7,.88)),url("../images/art/blog-production.jpg")}body.article-fixed-fee .page-hero{background-image:linear-gradient(180deg,rgba(5,6,7,.28),rgba(5,6,7,.88)),url("../images/art/blog-fixed-fee.jpg")}body.page-article .page-hero{min-height:72vh;padding-bottom:88px;background-size:cover;background-position:center}body.page-legal .page-hero{min-height:36vh;padding-bottom:32px}.page-title{font-size:clamp(1.95rem,5.3vw,4.5rem);max-width:16ch;margin-bottom:16px;overflow-wrap:break-word}body.page-daily-blogs .page-title{max-width:18ch}body.page-article .page-title{max-width:22ch}.page-subtitle{color:var(--mist)}.hero-bullets{margin-top:24px;display:grid;gap:10px;max-width:48rem}.hero-bullets li{display:flex;gap:10px;color:var(--mist)}.hero-bullets i{color:var(--signal);margin-top:4px}.page-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.category-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--signal);border:1px solid var(--line);padding:6px 12px;border-radius:999px;margin-bottom:18px;background:rgba(5,6,7,0.4)}.content-section{padding:80px 0}.content-section.alt{background:var(--ink)}.section-head{margin-bottom:36px}.section-head.center{text-align:center}.section-head.center .section-title,.section-head.center .section-subtitle{margin-inline:auto}.section-subtitle{color:var(--mist);max-width:40rem}.pillars-grid,.value-grid,.connect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.connect-grid{grid-template-columns:1fr 1fr}.pillar-card,.value-card,.connect-card,.info-card,.solution-stage,.problem-box{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px}.pillar-card:hover,.connect-card:hover,.solution-stage:hover{border-color:var(--line-strong);box-shadow:0 0 0 1px var(--line),0 20px 50px rgba(0,0,0,0.25)}.pillar-icon,.connect-icon,.info-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(25,245,160,0.08);color:var(--signal);margin-bottom:16px}.pillar-card h3,.value-card h3,.connect-card h3,.solution-stage h3{font-size:1.35rem;margin-bottom:10px}.pillar-card p,.value-card p,.connect-card p,.solution-stage p,.problem-box p{color:var(--mist)}.value-index,.stage-num,.step-num{font-family:var(--font-display);color:var(--signal);font-size:1.4rem;display:block;margin-bottom:8px}.pillar-quote,.stage-quote,.value-old{display:block;color:var(--signal);font-style:italic;font-size:0.9rem;margin-bottom:10px}.problem-box{margin-bottom:16px}.problem-box h3{margin-bottom:8px}.pricing-table-wrap,.comparison-wrap{overflow-x:auto}.pricing-table,.comparison-table{width:100%;border-collapse:collapse;min-width:640px}.pricing-table th,.comparison-table th,.pricing-table td,.comparison-table td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}.pricing-table th,.comparison-table th{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--mute);font-weight:500}.comparison-table .good{color:var(--signal)}.comparison-table .bad{color:var(--mute)}.metrics-bar{padding:28px 0;border-block:1px solid var(--line);background:var(--ink)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.studio-metrics{grid-template-columns:repeat(4,1fr)}.metric-value{display:block;font-family:var(--font-display);font-size:clamp(1.6rem,3.4vw,2.4rem);color:var(--white)}.metric-label{color:var(--mute);font-size:0.85rem}.steps-list{display:grid;gap:12px}.step-item{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.contact-grid{display:grid;grid-template-columns:1.4fr 0.8fr;gap:24px}.contact-form-wrap,.contact-form{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:0.82rem;color:var(--mist);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--ink);color:var(--paper);font-family:inherit;font-size:0.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--signal);outline-offset:1px}.form-note{color:var(--mute);font-size:0.82rem;margin-top:12px}.form-captcha{min-height:0;margin:4px 0 16px}.form-honey{position:absolute;left:-9999px;height:0;width:0;opacity:0;pointer-events:none}.contact-info{display:grid;gap:12px}.project-logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(25,245,160,0.1);color:var(--signal);font-family:var(--font-display);font-weight:800}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.solution-stage{margin-bottom:14px}body.nav-open{overflow:hidden}.studio-split{display:grid;grid-template-columns:1.05fr 0.95fr;gap:28px;align-items:center}.studio-split img{width:100%;height:100%;min-height:360px;object-fit:cover;border-radius:22px;border:1px solid var(--line)}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.note-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--panel);min-height:100%}a.note-card{color:inherit;text-decoration:none}.note-card img{width:100%;height:220px;object-fit:cover}.note-card-body{padding:24px}.note-card-body h3{font-size:1.35rem;margin-bottom:10px}.note-card-body p{color:var(--mist);margin-bottom:16px}.note-card.is-placeholder{opacity:0.72}.daily-featured{display:grid;grid-template-columns:1.2fr 0.8fr;gap:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--panel);margin-bottom:18px;color:inherit;text-decoration:none;min-height:460px}.daily-featured img{width:100%;height:100%;min-height:460px;object-fit:cover}.daily-featured-body{padding:40px 36px;display:flex;flex-direction:column;justify-content:center}.daily-featured-body h2{font-size:clamp(1.7rem,3.2vw,2.45rem);line-height:1.15;margin:10px 0 16px;max-width:18ch}.daily-featured-body p{color:var(--mist);margin-bottom:22px}.daily-meta{display:flex;flex-wrap:wrap;gap:10px 16px;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--mute)}.daily-meta span{display:inline-flex;align-items:center;gap:8px}.daily-meta i{color:var(--signal)}.daily-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.daily-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--panel);color:inherit;text-decoration:none;min-height:100%;transition:border-color 0.2s,transform 0.2s var(--ease)}.daily-card:hover,.daily-featured:hover{border-color:var(--line-strong);transform:translateY(-2px)}.daily-card img{width:100%;height:200px;object-fit:cover}.daily-card-body{padding:22px;flex:1;display:flex;flex-direction:column}.daily-card-body h3{font-size:1.22rem;margin:8px 0 10px;line-height:1.3}.daily-card-body p{color:var(--mist);margin-bottom:16px;flex:1}.daily-kicker{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--signal)}.article-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--mute);margin-bottom:16px}.article-crumb a{color:var(--signal)}.article-crumb span[aria-hidden]{color:var(--mute)}.article-cover{width:min(1080px,calc(100% - var(--pad) * 2));margin:-48px auto 0;position:relative;z-index:2;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,0.45)}.article-cover img{width:100%;height:clamp(220px,42vw,460px);object-fit:cover}.article-cover figcaption{padding:12px 18px 14px;background:var(--panel);color:var(--mute);font-size:0.85rem}.blog-body{max-width:760px;margin:0 auto;color:var(--mist)}.blog-body>p:first-of-type{font-size:1.12rem;color:var(--paper)}.blog-body h2{font-size:1.55rem;margin:40px 0 14px;color:var(--white)}.blog-body h3{font-size:1.15rem;margin:28px 0 10px;color:var(--white)}.blog-body p{margin-bottom:16px}.blog-body ul,.blog-body ol{margin:0 0 20px;padding-left:1.25rem}.blog-body ul{list-style:disc}.blog-body ol{list-style:decimal}.blog-body li{margin-bottom:8px;color:var(--mist)}.blog-body li::marker{color:var(--signal)}.blog-body strong{color:var(--paper);font-weight:600}.blog-quote{margin:28px 0;padding:22px 24px;border-left:3px solid var(--signal);background:rgba(25,245,160,0.05);border-radius:0 16px 16px 0;color:var(--paper);font-size:1.12rem;font-style:italic}.blog-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 28px}.blog-compare article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.blog-compare h3{margin:0 0 10px;font-size:1rem}.blog-compare p{margin:0;font-size:0.95rem}.blog-compare .is-old h3{color:var(--mute)}.blog-compare .is-new h3{color:var(--signal)}.blog-check{display:grid;gap:10px;margin:18px 0 24px;list-style:none;padding-left:0}.blog-check li{list-style:none;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:grid;grid-template-columns:auto 1fr;gap:12px}.blog-check i{color:var(--signal);margin-top:3px}.article-related{margin-top:56px;padding-top:36px;border-top:1px solid var(--line)}.article-related h2{font-size:1.4rem;margin-bottom:18px}@media (max-width:1100px){.daily-featured,.daily-grid,.blog-compare{grid-template-columns:1fr}.daily-featured img{min-height:240px;height:260px}.article-cover{margin-top:24px}body.page-article .page-hero{min-height:0;padding-bottom:36px}}.cta-section{position:relative;overflow:hidden;margin:0 var(--pad) 48px;border-radius:28px;border:1px solid var(--line);padding:56px 0;background:linear-gradient(90deg,rgba(5,6,7,0.88) 0%,rgba(5,6,7,0.45) 70%),url("../images/art/corridor.jpg") center / cover no-repeat}@media (max-width:1100px){.studio-split,.note-grid{grid-template-columns:1fr}}.legal-body{max-width:760px;margin:0 auto;color:var(--mist)}.legal-body h2{font-size:1.6rem;margin:32px 0 12px}.legal-body p{margin-bottom:16px}body.maintenance-page{min-height:100vh;display:flex;flex-direction:column}.maintenance{position:relative;flex:1;display:grid;place-items:center;padding:80px 24px}.maintenance-card{max-width:640px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:48px 40px}@media (max-width:1100px){.pillars-grid,.value-grid,.contact-grid,.metrics-grid,.studio-metrics{grid-template-columns:1fr}.connect-grid{grid-template-columns:1fr}}@media (max-width:640px){.form-row{grid-template-columns:1fr}.page-hero{min-height:70vh;padding:48px 0 36px}body.page-contact .page-hero,body.page-article .page-hero{min-height:0;align-items:start;padding:24px 0 24px}.contact-form-wrap,.contact-form{padding:22px}.page-title,.section-title,.cta-title{max-width:none;font-size:clamp(1.8rem,9.5vw,2.7rem);overflow-wrap:anywhere}}
