/* C4's business-facing experience. Product colors remain inside authentic work. */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.studio{overflow-x:clip}.wrap{max-width:1280px}.section-kicker{color:var(--experience-muted);font-size:13px;line-height:1.5;font-weight:500;margin:0 0 20px;letter-spacing:.015em;text-transform:none}.section-heading .section-kicker{margin-bottom:18px}.section-heading>div:last-child{max-width:430px}.section-heading>div:last-child .text-link{margin-top:14px}.section-heading h2{font-size:clamp(32px,3.7vw,54px);line-height:1.08;letter-spacing:-.055em}.section{padding-block:96px}.header{position:relative;z-index:20;background:var(--background)}.header-inner{min-height:92px}.desktop-nav{gap:26px}.desktop-nav a{font-size:13px}.header-cta{padding:12px 0;font-size:13px;color:var(--foreground)}.header-cta svg{color:var(--brand-orange)}.text-link{line-height:1.5}.text-link svg,.button svg{flex-shrink:0}.button{transition:background-color 160ms,box-shadow 160ms,transform 160ms}.button:hover{transform:translateY(-2px)}.button.primary{background-color:var(--primary);background-image:var(--gradient-cta);border-color:transparent;box-shadow:var(--shadow-cta)}.button.primary:hover{background-image:var(--gradient-cta-hover);box-shadow:var(--shadow-cta-hover)}.button.primary:active{transform:translateY(0);box-shadow:none}.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:5px}
.business-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:5%;padding-block:78px 70px;align-items:center;min-height:690px}.business-hero .hero-copy{max-width:610px}.hero-kicker{display:flex;align-items:center;gap:10px;margin-bottom:28px}.brand-spark{font-size:25px;color:var(--brand-orange)}.business-hero h1{font-size:clamp(46px,4.65vw,70px);line-height:1.04;letter-spacing:-.065em;max-width:590px;font-weight:550}.business-hero .hero-intro{font-size:17px;line-height:1.8;max-width:490px;margin-top:27px;color:var(--muted-foreground)}.business-hero .actions{gap:26px;margin-top:32px}.business-hero .hero-footnote{font-size:12px;line-height:1.5;color:var(--muted-foreground);margin-top:28px;display:block}.business-hero .button{font-size:14px;padding:17px 21px}.business-hero .text-link{font-size:14px}.work-showcase{min-width:0;border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--surface);box-shadow:0 30px 90px #0005;position:relative}.showcase-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:2px 3px 18px}.showcase-label{font-size:13px;font-weight:600;color:var(--foreground);display:flex;align-items:center;gap:9px}.showcase-label:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--brand-orange)}.showcase-detail{font-size:11px;color:var(--muted-foreground)}.showcase-stage{min-width:0}.showcase-visual{height:330px;overflow:hidden;border-radius:9px;background:#101b2e}.showcase-visual .product-art{height:100%;border-radius:9px}.desktop-art{background:#e7ecf4;display:flex;flex-direction:column;padding:22px 20px 0;gap:18px;overflow:hidden;position:relative}.capture-caption{display:flex;justify-content:space-between;color:#31435c;font-size:11px;line-height:1.3;gap:10px;flex-shrink:0}.capture-caption span:first-child{font-weight:600}.desktop-capture{width:100%;height:auto;object-fit:contain;object-position:top;border-radius:6px 6px 0 0;border:1px solid #7889a542;box-shadow:0 10px 28px #10203d26}.showcase-visual .desktop-art{padding:22px 0 0 24px;gap:20px}.showcase-visual .capture-caption{padding-right:24px}.showcase-visual .desktop-capture{width:calc(100% + 65px);max-width:none;align-self:flex-start}.showcase-caption{padding:24px 4px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:105px}.showcase-caption h2{font-size:20px;line-height:1.3;letter-spacing:-.035em;margin:0 0 9px}.showcase-caption p{font-size:11px;line-height:1.4;color:var(--muted-foreground);margin:0}.showcase-link{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:50%;flex-shrink:0}.showcase-link svg{width:18px;height:18px}.showcase-switch{display:flex;gap:5px;padding:5px;background:var(--background);border-radius:10px}.showcase-switch button{flex:1;border:0;border-radius:6px;padding:12px 10px;background:transparent;color:var(--muted-foreground);font:inherit;font-size:12px;cursor:pointer}.showcase-switch button[aria-pressed=true]{background:#23334a;color:#fff}.showcase-switch button:hover{color:#fff}.showcase-noscript{font-size:13px}.showcase-visual .plopo-art .plopo-logo{width:42%;top:8%;left:5%}.showcase-visual .plopo-art .dino{width:60%;left:-4%;bottom:3%}.showcase-visual .plopo-art .phone{width:31%;right:9%;top:12%}.showcase-visual .art-caption{font-size:10px;bottom:5%;left:6%;max-width:52%}.capability-line{padding-block:25px;gap:18px;color:var(--muted-foreground);border-color:#ffffff20;font-size:12px}.capability-line i{font-style:normal;color:var(--brand-orange)}.capability-line a{display:flex;align-items:center;gap:9px}.capability-line svg{width:16px;height:16px}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 32px}.featured-grid .project-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.45fr 1fr;gap:48px;background:var(--surface);border-radius:16px;overflow:hidden}.featured-grid .project-card:first-child .product-art{height:400px;border-radius:0}.featured-grid .project-card:first-child .project-meta{align-self:center;padding:30px 35px 30px 0;display:block}.featured-grid .project-card:first-child .project-meta h3{font-size:37px;margin-top:18px}.featured-grid .project-card:first-child .project-meta p:last-child{font-size:18px;line-height:1.65;margin-top:18px}.featured-grid .project-card:first-child .round-link{margin-top:26px}.project-meta .section-kicker{font-size:11px;line-height:1.4;margin-bottom:8px}.project-meta h3{font-size:27px;letter-spacing:-.045em}.project-meta>div{min-width:0}.project-meta p:last-child{font-size:14px;line-height:1.65;color:var(--muted-foreground)}.project-visual-link{border-radius:12px}.project-visual-link .desktop-capture{transition:transform .4s var(--experience-ease);transform-origin:center top}.project-visual-link:is(:hover,:focus-visible) .desktop-capture{transform:translateY(-4px)}.identity-art{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#112139;padding:44px;color:var(--foreground)}.identity-name{font-size:13px;color:#b8c9df}.identity-art h3{font-size:30px;line-height:1.2;letter-spacing:-.035em;max-width:360px}.identity-art p{font-size:12px;color:#b8c9df}.identity-path{display:flex;width:90%;align-items:center;margin:36px 0}.identity-path span{width:16px;height:16px;border:1px solid #849fbd;border-radius:50%}.identity-path span:last-child{background:var(--brand-orange);border-color:var(--brand-orange)}.identity-path i{height:1px;flex:1;background:#849fbd}
.service-paths-section{background:var(--gradient-services)}.service-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.service-path{padding:28px 0 10px;border-top:1px solid #ffffff26;display:flex;flex-direction:column;align-items:flex-start}.service-icon{display:block;font-size:42px;line-height:1.2;color:var(--brand-orange);margin-bottom:32px}.service-path h3{font-size:27px;line-height:1.2;letter-spacing:-.045em;margin-bottom:16px}.service-path p{color:var(--muted-foreground);font-size:15px;line-height:1.8;margin-bottom:30px;max-width:350px}.service-path-link{display:flex;align-items:center;gap:10px;margin-top:auto;font-size:13px;color:var(--foreground)}.service-path-link svg{width:18px;height:18px}.discovery-note{margin-top:44px;padding-top:30px;border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;gap:20px}.discovery-note p{font-size:15px;color:var(--muted-foreground);margin:0}.discovery-note .text-link{font-size:13px;flex-shrink:0}.workflow-section{background:var(--background)}.workflow-explainer{border:1px solid var(--line);border-radius:16px;overflow:hidden}.flow-chapters{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.flow-chapters li{min-width:0;border-right:1px solid var(--line);padding:28px 24px}.flow-chapters li:last-child{border-right:0}.flow-chapters button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:0;width:100%;border:0;background:none;color:var(--foreground);cursor:pointer;font:inherit}.flow-number{height:34px;width:34px;border:1px solid var(--control-border);border-radius:50%;display:grid;place-items:center;font-size:12px;margin-bottom:30px;transition:background .2s,border-color .2s}.flow-chapters button[aria-expanded=true] .flow-number{background:var(--primary);border-color:var(--primary)}.flow-chapters strong{font-size:23px;letter-spacing:-.035em;font-weight:500;margin-bottom:14px}.flow-chapters button>span:last-child{color:var(--muted-foreground);line-height:1.7;font-size:13px}.flow-detail{font-size:13px;line-height:1.8;margin:22px 0 0;color:#c7d5e6}.workflow-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 24px;background:var(--surface);border-top:1px solid var(--line)}.workflow-footer p{font-size:11px;color:var(--muted-foreground);margin:0}.workflow-footer .text-link{font-size:12px;flex-shrink:0}.engagement-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.step-number{font-size:14px;display:block;color:var(--brand-orange);padding-bottom:25px;border-bottom:1px solid #ffffff26;margin-bottom:30px}.engagement-steps h3{font-size:25px;line-height:1.25;letter-spacing:-.04em}.engagement-steps p{font-size:15px;line-height:1.8;color:var(--muted-foreground);margin:20px 0 25px}.step-output{font-size:12px;color:#ced9e8}.founder-section{border-block:1px solid #ffffff16;background:var(--surface)}.founder-note{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:90px;max-width:1000px}.founder-monogram{min-height:260px;display:grid;place-items:center;border:1px solid #293954;border-radius:50%;aspect-ratio:1;max-width:290px;position:relative}.founder-monogram:before{content:'';position:absolute;inset:24px;border:1px solid #293954;border-radius:50%}.founder-monogram img{width:100px;height:100px;padding:9px;border-radius:22px;background:#fff;position:relative}.founder-note h2{font-size:46px;line-height:1.1;letter-spacing:-.05em}.founder-note p:not(.section-kicker){font-size:16px;line-height:1.8;color:var(--muted-foreground);max-width:540px;margin:25px 0}.contact-section{background:var(--gradient-consultation)}.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px}.contact-grid h2{font-size:clamp(32px,3.4vw,48px);line-height:1.1;letter-spacing:-.05em}.contact-grid .lead{font-size:17px;color:var(--muted-foreground);line-height:1.8}.consultation-promises{list-style:none;margin:28px 0 35px;padding:0;color:#c8d5e6;font-size:13px}.consultation-promises li{margin:14px 0;padding-left:23px;position:relative}.consultation-promises li:before{content:'↗';position:absolute;left:0;color:var(--brand-orange)}.inquiry-form{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;min-width:0}.inquiry-form input:not([type=radio]),.inquiry-form select,.inquiry-form textarea{background:var(--background);border:1px solid var(--control-border);border-radius:6px;padding:13px;color:var(--foreground);width:100%;max-width:100%}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#92a4bc}.inquiry-form label{font-size:12px;color:#e1e8f2}.inquiry-form label>span{color:var(--muted-foreground)}.inquiry-form .intent{gap:8px;flex-wrap:wrap;padding:0;margin-bottom:24px}.inquiry-form .intent legend{font-size:13px;color:var(--foreground);margin-bottom:12px}.inquiry-form .intent label{border:1px solid var(--control-border);border-radius:6px;font-size:12px;padding:12px;flex:1;white-space:nowrap}.inquiry-form .intent label:has(input:checked){border-color:var(--focus);background:#ffffff05}.optional-contact{margin:5px 0 20px}.optional-contact summary{cursor:pointer;color:var(--muted-foreground);font-size:12px}.optional-contact label{margin-top:16px}.form-note{font-size:11px!important;line-height:1.7!important;color:var(--muted-foreground)!important}.form-note a{text-decoration:underline;text-underline-offset:3px}.inquiry-form .button{width:100%;justify-content:center;font-size:14px;padding:15px;margin-top:8px}.form-result{margin-bottom:0;overflow-wrap:anywhere;font-size:13px!important}.form-result:empty{display:none}.booking-box{margin-top:36px}.booking-box .button{font-size:13px}.contact-page{padding-top:0}.contact-page>div>p{color:var(--muted-foreground)}.footer{background:var(--surface);border-top:1px solid var(--line)}.footer-top{gap:60px}.footer-links a{font-size:13px}.page-head{padding-top:68px}.page-head h1{font-size:clamp(42px,5.5vw,74px);line-height:1.07;letter-spacing:-.06em;max-width:1050px}.page-head>.lead{max-width:740px}.page-head>.button{margin-top:28px}.work-tools{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:1px solid var(--line);padding-bottom:24px}.work-filters{display:flex;flex-wrap:wrap;gap:7px}.work-filters button{font:inherit;font-size:13px;border:1px solid var(--control-border);background:transparent;border-radius:30px;color:#c1cfe1;padding:11px 17px;cursor:pointer}.work-filters button[aria-pressed=true]{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.work-search{font-size:11px;color:var(--muted-foreground);display:flex;flex-direction:column;gap:8px}.work-search input{background:var(--surface);border:1px solid var(--control-border);padding:10px 14px;border-radius:6px;color:var(--foreground);font:inherit;font-size:14px;width:240px}.work-count{font-size:12px;color:var(--muted-foreground);min-height:18px;margin:20px 0 28px}.work-empty{padding:50px 0}.work-empty p{color:var(--muted-foreground);margin-block:20px}.work-section{padding-top:25px}.work-section .project-grid{row-gap:46px}.case-context{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;border-block:1px solid var(--line);padding:24px 0;margin-top:40px}.case-context dt{font-size:11px;color:var(--muted-foreground);margin-bottom:8px}.case-context dd{font-size:13px;line-height:1.6;margin:0}.product-external{display:flex;margin-top:20px;font-size:13px}.case-visual .desktop-art{height:auto;max-height:none;padding:28px 32px 0;gap:24px}.case-visual .desktop-capture{max-height:700px;object-fit:cover;object-position:top}.case-visual .capture-caption{font-size:13px}.story-grid h2{font-size:29px;line-height:1.2;letter-spacing:-.04em}.story-grid p:not(.section-kicker){font-size:15px;line-height:1.8}.case-facts{padding:36px;border-radius:12px;background:var(--surface)}.case-facts h2{font-size:24px}.case-facts dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0 0}.case-facts dt{font-size:12px;color:var(--muted-foreground);margin-bottom:10px}.case-facts dd{margin:0;font-size:15px;line-height:1.6}.case-facts a{display:block;font-size:12px;color:var(--muted-foreground);margin-top:10px;text-decoration:underline}.video-stage.video-landscape{grid-template-columns:1.6fr 1fr;align-items:start}.video-stage.video-landscape video{width:100%;height:auto;aspect-ratio:16/10;max-height:none}.video-transcript{margin-top:25px;font-size:14px}.video-transcript summary{cursor:pointer}.video-transcript p{font-size:13px;margin-top:15px}.landscape-gallery{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}.landscape-gallery .gallery-screen{padding:18px;background:#18263a;max-height:none}.landscape-gallery .gallery-screen img{aspect-ratio:16/10;object-fit:contain}.project-bottom{margin-top:50px;gap:30px}.project-bottom h2{font-size:30px;line-height:1.2;letter-spacing:-.04em}.project-bottom .section-kicker{font-size:12px;margin-bottom:15px}.service-overview{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:start;padding-top:20px}.service-overview h2{font-size:35px;line-height:1.2;letter-spacing:-.04em;margin-bottom:25px}.service-overview p{font-size:16px;line-height:1.8;color:var(--muted-foreground)}.service-overview p+p{margin-top:20px}.service-problems{padding:28px;background:var(--surface);border-radius:12px}.service-problems h3{font-size:20px}.service-problems ul{padding-left:20px;color:var(--muted-foreground);font-size:14px;line-height:1.8}.service-problems li{margin:20px 0}.service-deliverables{background:var(--gradient-services)}.deliverable-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px;list-style:none;padding:0;margin:0}.deliverable-list li{padding:22px 0;border-top:1px solid #ffffff26;font-size:17px;line-height:1.7}.service-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;list-style:none;margin:0;padding:0}.service-steps li>span{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--brand-orange);border-radius:50%;font-size:13px;color:var(--focus)}.service-steps p{margin-top:22px;font-size:15px;line-height:1.8;color:var(--muted-foreground)}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.faq-section h2{font-size:38px}.faq-section details{border-top:1px solid var(--control-border);padding:24px 0}.faq-section details:last-child{border-bottom:1px solid var(--control-border)}.faq-section summary{font-size:17px;cursor:pointer;line-height:1.5}.faq-section details p{font-size:15px;line-height:1.8;color:var(--muted-foreground);margin-top:20px}.engagement-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}.engagement-detail h2{font-size:33px;letter-spacing:-.04em;line-height:1.2}.engagement-detail p{color:var(--muted-foreground);font-size:15px;line-height:1.8;margin-top:24px}.service-detail-list .service-symbol{color:var(--brand-orange)}.service-detail-list article{gap:50px}.service-detail-list p{max-width:740px}
@media(prefers-reduced-motion:no-preference){.work-showcase{animation:showcase-arrive .8s var(--experience-ease) both}.showcase-panel.is-entering{animation:showcase-change .3s var(--experience-ease) both}.flow-detail:not([hidden]){animation:showcase-change .25s var(--experience-ease) both}@keyframes showcase-arrive{from{transform:translateY(16px);opacity:.5}to{transform:none;opacity:1}}@keyframes showcase-change{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}}
@media(max-width:1100px){.business-hero{gap:30px;min-height:0;padding-block:60px}.business-hero h1{font-size:53px}.showcase-visual{height:290px}.showcase-caption h2{font-size:18px}.business-hero .actions{gap:17px}.business-hero .button{padding:16px;font-size:13px}.desktop-nav{gap:17px}.header-cta{font-size:12px}.header-inner{gap:20px}.section{padding-block:76px}.contact-grid{gap:40px}.featured-grid .project-card:first-child{gap:30px}.featured-grid .project-card:first-child .product-art{height:350px}.flow-chapters li{padding:24px 18px}}
@media(max-width:850px){.business-hero{grid-template-columns:1fr;gap:45px;padding-top:50px}.business-hero .hero-copy{max-width:650px}.business-hero h1{font-size:65px;max-width:650px}.business-hero .hero-intro{max-width:570px}.work-showcase{max-width:650px;width:100%;justify-self:center}.showcase-visual{height:360px}.showcase-caption h2{font-size:22px}.capability-line{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:18px}.capability-line i{display:none}.featured-grid .project-card:first-child{gap:25px;grid-template-columns:1.3fr 1fr}.featured-grid .project-card:first-child .project-meta h3{font-size:28px}.featured-grid .project-card:first-child .project-meta p:last-child{font-size:15px}.service-paths{gap:25px}.service-path h3{font-size:23px}.service-path p{font-size:14px}.flow-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-chapters li:nth-child(2){border-right:0}.flow-chapters li:nth-child(-n+2){border-bottom:1px solid var(--line)}.engagement-steps{gap:25px}.engagement-steps h3{font-size:22px}.engagement-steps p{font-size:14px}.founder-note{gap:45px}.founder-note h2{font-size:38px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-grid>div{max-width:600px}.inquiry-form{max-width:680px}.work-tools{align-items:flex-start;flex-direction:column}.work-search{width:100%}.work-search input{width:100%}.service-overview{grid-template-columns:1fr;gap:35px}.faq-section{gap:35px;grid-template-columns:1fr}.video-stage.video-landscape{grid-template-columns:1fr}.case-context{grid-template-columns:2fr 1fr}.case-context>div:last-child{grid-column:1/-1}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.section{padding-block:58px}.header-inner{min-height:78px;gap:12px}.header-cta{margin-left:auto;font-size:11px;max-width:100px;line-height:1.5}.header-cta svg{display:none}.menu-toggle{margin:0;font-size:12px}.wordmark{font-size:17px}.c4-logo{width:37px;height:37px}.business-hero{padding-top:35px;padding-bottom:40px;gap:35px}.business-hero h1{font-size:clamp(43px,11.5vw,65px);letter-spacing:-.065em;line-height:1.06}.hero-kicker{font-size:11px;gap:8px;margin-bottom:22px}.brand-spark{font-size:20px}.business-hero .hero-intro{font-size:15px;line-height:1.8;margin-top:22px}.business-hero .actions{gap:20px;margin-top:25px;align-items:center}.business-hero .button{font-size:12px;padding:15px 17px}.business-hero .text-link{font-size:12px}.business-hero .hero-footnote{font-size:10px;margin-top:22px}.work-showcase{padding:13px;border-radius:14px;box-shadow:none}.showcase-top{padding:2px 2px 14px}.showcase-label{font-size:11px}.showcase-detail{font-size:9px}.showcase-visual{height:240px}.showcase-visual .desktop-art{padding:17px 0 0 16px;gap:16px}.showcase-visual .capture-caption{font-size:9px;padding-right:16px}.showcase-visual .desktop-capture{width:calc(100% + 30px)}.showcase-caption{padding:20px 2px;min-height:96px}.showcase-caption h2{font-size:17px;max-width:230px}.showcase-caption p{font-size:10px}.showcase-switch button{padding:10px 7px;font-size:11px}.capability-line{font-size:11px;padding-block:22px;gap:18px 10px}.capability-line a{gap:4px}.capability-line svg{width:13px}.section-heading{gap:23px;margin-bottom:30px}.section-heading h2{font-size:35px;line-height:1.1}.section-heading p{font-size:14px;line-height:1.8}.section-kicker,.section-heading .section-kicker{font-size:11px;margin-bottom:15px}.featured-grid{grid-template-columns:1fr;gap:30px}.featured-grid .project-card:first-child{display:block}.featured-grid .project-card:first-child .product-art{height:260px}.featured-grid .project-card:first-child .project-meta{padding:25px;display:flex;align-items:center;gap:15px}.featured-grid .project-card:first-child .project-meta h3{font-size:26px;margin-top:0}.featured-grid .project-card:first-child .project-meta p:last-child{font-size:13px;margin-top:9px}.featured-grid .project-card:first-child .round-link{margin:0;flex-shrink:0}.product-art{height:310px}.desktop-art{padding:20px 18px 0;gap:18px}.project-meta{padding-top:19px}.project-meta h3{font-size:25px}.project-meta p:last-child{font-size:13px}.project-meta .section-kicker{font-size:10px}.service-paths{grid-template-columns:1fr;gap:15px}.service-path{display:grid;grid-template-columns:42px 1fr;gap:0 18px;padding:25px 0}.service-icon{grid-column:1;grid-row:1/4;font-size:32px;margin:0}.service-path h3{font-size:25px;grid-column:2;margin-bottom:13px}.service-path p{grid-column:2;margin-bottom:20px;font-size:14px}.service-path-link{grid-column:2;font-size:12px}.discovery-note{margin-top:15px;padding-top:25px;align-items:flex-start;flex-direction:column}.discovery-note p{font-size:14px;line-height:1.7}.flow-chapters{grid-template-columns:1fr}.flow-chapters li{padding:23px;border-right:0;border-bottom:1px solid var(--line)}.flow-chapters li:last-child{border-bottom:0}.flow-chapters button{display:grid;grid-template-columns:30px 1fr;gap:8px 16px}.flow-number{grid-row:1/3;margin:0;width:30px;height:30px;font-size:11px}.flow-chapters strong{font-size:21px;margin:0}.flow-chapters button>span:last-child{grid-column:2;font-size:12px}.flow-detail{margin-left:46px;font-size:12px;margin-top:16px}.workflow-footer{padding:20px;flex-direction:column;align-items:flex-start;gap:15px}.workflow-footer p{font-size:10px;line-height:1.7}.engagement-steps{grid-template-columns:1fr;gap:34px}.step-number{padding-bottom:18px;margin-bottom:20px;font-size:12px}.engagement-steps h3{font-size:25px}.engagement-steps p{margin:15px 0 18px;font-size:14px}.step-output{font-size:11px}.founder-note{grid-template-columns:1fr;gap:30px}.founder-monogram{min-height:0;width:145px}.founder-monogram:before{inset:14px}.founder-monogram img{width:65px;height:65px;border-radius:15px;padding:6px}.founder-note h2{font-size:36px}.founder-note p:not(.section-kicker){font-size:14px;margin:20px 0}.contact-grid{gap:30px}.contact-grid h2{font-size:35px}.contact-grid .lead{font-size:15px}.consultation-promises{font-size:12px;margin:23px 0 28px}.inquiry-form{padding:20px;border-radius:12px}.inquiry-form .intent{gap:8px;display:flex}.inquiry-form .intent label{font-size:11px;white-space:normal;padding:10px;line-height:1.5}.inquiry-form .intent legend{font-size:12px}.inquiry-form .form-two{grid-template-columns:1fr;gap:0}.inquiry-form label{font-size:12px}.inquiry-form input:not([type=radio]),.inquiry-form select,.inquiry-form textarea{font-size:16px}.form-note{font-size:11px!important}.footer-top{gap:30px}.footer-links a{font-size:12px}.page-head{padding-block:42px 30px}.page-head h1{font-size:43px;line-height:1.1}.page-head>.lead{font-size:15px;line-height:1.8}.work-section{padding-top:10px}.work-filters{gap:6px}.work-filters button{font-size:11px;padding:9px 12px}.work-count{margin-top:18px;font-size:11px}.case-context{grid-template-columns:1fr;gap:20px;margin-top:30px}.case-context>div:last-child{grid-column:auto}.case-context dt{font-size:10px}.case-context dd{font-size:12px}.case-visual .desktop-art{padding:16px 16px 0;gap:15px;border-radius:10px}.case-visual .capture-caption{font-size:10px}.story-grid{gap:32px}.story-grid h2{font-size:27px}.story-grid p:not(.section-kicker){font-size:14px}.case-facts{padding:25px}.case-facts dl{grid-template-columns:1fr;gap:24px}.case-facts dd{font-size:14px}.landscape-gallery{grid-template-columns:1fr}.project-bottom{margin-top:0;align-items:flex-start}.project-bottom h2{font-size:27px}.project-bottom .button{font-size:13px}.service-overview{padding-top:12px}.service-overview h2{font-size:30px}.service-overview p{font-size:14px}.service-problems{padding:23px}.deliverable-list{grid-template-columns:1fr}.deliverable-list li{font-size:15px;padding:20px 0}.service-steps{grid-template-columns:1fr;gap:25px}.service-steps p{font-size:14px;margin-top:16px}.faq-section h2{font-size:32px}.faq-section summary{font-size:15px}.faq-section details p{font-size:14px}.engagement-detail{grid-template-columns:1fr;gap:38px}.engagement-detail h2{font-size:29px}.engagement-detail p{font-size:14px;margin-top:20px}.identity-art{padding:30px}.identity-art h3{font-size:27px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.wordmark{font-size:15px;gap:6px}.c4-logo{width:32px;height:32px}.header-inner{gap:9px}.header-cta{max-width:80px;font-size:10px}.business-hero h1{font-size:41px}.business-hero .actions{gap:12px}.business-hero .button{font-size:11px;padding:14px 13px}.business-hero .text-link{font-size:11px}.showcase-visual{height:205px}.showcase-caption h2{font-size:15px}.showcase-detail{font-size:8px}.inquiry-form{padding:16px}.inquiry-form .intent{flex-direction:column}.featured-grid .project-card:first-child .project-meta{padding:20px}.project-meta .round-link{width:35px;height:35px}.section-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.project-visual-link .desktop-capture,.project-visual-link:is(:hover,:focus-visible) .desktop-capture{transform:none!important}}

/* Atmospheric gradients provide depth without moving the page background. */
.business-hero{position:relative;isolation:isolate}
.business-hero::before{content:"";position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background:var(--gradient-hero)}
.work-showcase{background:var(--gradient-showcase);border-color:var(--border-highlight);box-shadow:var(--shadow-showcase)}
.featured-grid .project-card:first-child{background:var(--gradient-panel);box-shadow:inset 0 0 0 1px var(--experience-line)}
.showcase-switch button[aria-pressed=true]{background:var(--gradient-panel);box-shadow:inset 0 0 0 1px var(--border-highlight);color:var(--foreground)}
.workflow-footer,.founder-section{background:var(--gradient-services)}
.contact-page{position:relative;isolation:isolate}
.contact-page::before{content:"";position:absolute;inset:-40px auto 0 50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background:var(--gradient-consultation)}
.inquiry-form{background:var(--surface)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .business-hero h1{background-image:var(--gradient-signature);background-clip:text;-webkit-background-clip:text;color:transparent}
}
@media(forced-colors:active){
 .business-hero::before,.contact-page::before{background:none}
 .business-hero h1{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
 .button.primary{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}
}

/* Product explanations follow the site's existing reading rhythm. */
.product-offer{max-width:58rem;overflow-wrap:anywhere}
.product-offer h2{margin:.5rem 0 1.25rem}
.product-offer h3{margin:2rem 0 .75rem;line-height:1.3}
.product-offer p,.product-offer li{line-height:1.8;max-width:70ch}
.product-offer li+li{margin-top:.65rem}
.product-offer blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:3px solid var(--brand-orange);background:var(--surface)}
.product-offer a:not(.button){text-decoration:underline;text-underline-offset:.2em}