/* v1.1: the final homepage layer. Does not load on the admin page. */
.agency.v11{--body-size:18px;--caption-size:15px;--section-size:clamp(44px,4.1vw,64px)}
.agency.v11 [hidden]{display:none!important}
.agency.v11 .wide{width:min(1600px,calc(100% - 112px))}
.agency.v11 :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #618aff;outline-offset:5px}
.agency.v11 .nav nav{font-size:16px;gap:24px}
.agency.v11 .nav nav>.button{font-size:15px;min-height:48px}
.agency.v11 .hero-content h1{font-size:clamp(72px,7.8vw,112px);letter-spacing:-5px;line-height:.98}
.agency.v11 .hero-bottom h2{font-size:clamp(32px,3.1vw,46px);line-height:1.45}
.agency.v11 .hero-bottom p{font-size:18px;line-height:1.8;max-width:590px;color:#d0d9e9}
.agency.v11 .hero-content>.eyebrow{font-size:14px;line-height:1.8}
.agency.v11 .hero-actions .button,.agency.v11 .hero-work-link{font-size:16px;min-height:54px}
.agency.v11 .hero-base{font-size:13px}
.agency.v11 .hero-base>*{font-size:13px;line-height:1.8}
.agency.v11 .lower-renewal{font-size:var(--body-size);line-height:1.8;letter-spacing:-.35px}
.agency.v11 .lower-renewal h2{font-size:var(--section-size);line-height:1.3;letter-spacing:-2px;text-wrap:balance}
.agency.v11 .lower-renewal .eyebrow{font-size:14px;line-height:1.8;letter-spacing:1.5px;margin-bottom:25px}
.agency.v11 .lower-renewal .chapter-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;margin-bottom:56px}
.agency.v11 .lower-renewal .chapter-heading h2{margin-bottom:0}
.agency.v11 .lower-renewal .chapter-heading>p{font-size:18px;line-height:1.85;color:#536177;max-width:490px;margin-bottom:0}
.agency.v11 .lower-renewal .button{font-size:17px;min-height:56px;line-height:1.5;padding:17px 24px;gap:25px;text-align:center}
.agency.v11 .lower-renewal .line-link{font-size:17px;min-height:48px;gap:24px}
.agency.v11 .lower-intro{padding-block:108px;display:grid;grid-template-columns:1.3fr 1fr;gap:32px 70px}
.agency.v11 .lower-intro>.eyebrow,.agency.v11 .lower-intro>h2{grid-column:1;max-width:none;margin:0}
.agency.v11 .lower-intro>p:not(.eyebrow){grid-column:2;grid-row:2;font-size:18px;line-height:1.85;color:#536177;margin:0;max-width:480px;align-self:end}
.agency.v11 .intro-disciplines{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:20px 0 0}
.agency.v11 .intro-disciplines a{font-size:26px;letter-spacing:-.7px;font-weight:600;padding:26px 0;gap:20px;border-bottom:1px solid #b9c3d3}
.agency.v11 .intro-disciplines .service-link-number{font-size:14px;color:#637690;margin-right:5px}
.agency.v11 .intro-disciplines a>span:last-child{margin-left:auto;font-size:34px}
.agency.v11 :is(.video-chapter,.web-chapter,.service-selection,.lower-portfolio,.timeline-chapter,.faq-chapter,.contact-section){padding-block:112px}
.agency.v11 .video-chapter{background:#080f1d}
.agency.v11 .video-chapter .chapter-heading>p{color:#b8c5da}
.agency.v11 .video-production-board{display:block;margin-bottom:64px}
.agency.v11 .motion-study{width:100%;min-width:0}
.agency.v11 #featured-video-stage{aspect-ratio:2.05;position:relative;overflow:hidden;min-height:0}
.agency.v11 #featured-video-poster{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.agency.v11 .motion-study .visual-label{top:30px;left:32px;font-size:14px;line-height:1.6;letter-spacing:.7px;max-width:80%;color:#fff}
.agency.v11 .motion-art-title{font-size:clamp(36px,5.2vw,76px);line-height:1.05;left:32px;bottom:36px;letter-spacing:-2px}
.agency.v11 #featured-video-open{font-size:18px;gap:20px;padding:20px}
.agency.v11 #featured-video-open>span{width:72px;height:72px;font-size:25px}
.agency.v11 .motion-caption{padding:24px 0;display:flex;gap:20px;justify-content:space-between;align-items:baseline}
.agency.v11 .motion-caption strong{font-size:23px;font-weight:500;color:#fff}
.agency.v11 .motion-caption>span{font-size:15px;line-height:1.8;color:#a7b6d0}
.agency.v11 .benefit-editorial{display:grid;grid-template-columns:.8fr 1.4fr;gap:65px;margin:0;padding-top:40px}
.agency.v11 .benefit-editorial>div>span{font-size:14px;color:#94afd9;letter-spacing:1px}
.agency.v11 .benefit-editorial h3{font-size:32px;line-height:1.5;letter-spacing:-1px;color:#fff;margin-top:20px}
.agency.v11 .benefit-editorial ul{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.agency.v11 .benefit-editorial li{font-size:18px;padding:22px 0;gap:18px;line-height:1.7;color:#c8d3e5}
.agency.v11 .benefit-editorial li>b{font-size:14px;color:#7ba2ff}
.agency.v11 .web-chapter{background:#f4f6f9}
.agency.v11 .web-value-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 30px;padding:26px 0;border-block:1px solid #ccd5e3;margin-bottom:48px}
.agency.v11 .web-value-strip span{font-size:17px;line-height:1.7;color:#334763}
.agency.v11 .web-family-grid{display:block}
.agency.v11 .web-showcase-tabs{display:flex;gap:32px;margin:0 0 40px;border-bottom:1px solid #c8d2e1}
.agency.v11 .web-showcase-tabs button{font:inherit;font-size:20px;font-weight:600;border:0;border-bottom:3px solid transparent;background:none;color:#66768e;padding:18px 0;cursor:pointer}
.agency.v11 .web-showcase-tabs button[aria-selected=true]{border-bottom-color:#245cff;color:#14233d}
.agency.v11 .web-family{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:55px;align-items:center;padding:0;border:0}
.agency.v11 .web-family:nth-child(even) .family-preview,.agency.v11 .web-family:nth-child(even) .family-copy{order:initial;grid-column:auto;grid-row:auto}
.agency.v11 .family-preview{position:relative;aspect-ratio:1.38;background:#e7ecf4;overflow:hidden;min-width:0}
.agency.v11 .family-preview:after{display:none}
.agency.v11 .family-preview>img,.agency.v11 .family-project>img:not(.family-mobile){display:block;width:100%;height:100%;object-fit:contain;object-position:top}
.agency.v11 .family-project{width:100%;height:100%;border:0;padding:0;background:none;cursor:pointer}
.agency.v11 .family-mobile{position:absolute;right:4%;bottom:9%;width:22%;height:65%;object-fit:cover;object-position:top;border:6px solid #111d31;border-radius:16px;box-shadow:0 15px 30px #172b5240}
.agency.v11 .preview-caption{position:absolute;left:20px;bottom:15px;background:#fff;color:#43546d;font-size:14px;padding:5px 10px;line-height:1.5;pointer-events:none}
.agency.v11 .family-copy{padding:0;min-width:0}
.agency.v11 .family-copy>small{font-size:15px;letter-spacing:0;color:#61718b;line-height:1.8;display:block}
.agency.v11 .family-copy h3{font-size:32px;line-height:1.4;letter-spacing:-1px;margin:20px 0}
.agency.v11 .family-copy>p{font-size:18px;line-height:1.8;color:#526179;margin-bottom:28px}
.agency.v11 .family-products{display:flex;flex-direction:column;gap:0;margin:0 0 20px}
.agency.v11 .family-products a{display:flex;justify-content:space-between;min-height:51px;padding:13px 0;font-size:17px;color:#263d60;border-top:1px solid #cdd6e4}
.agency.v11 .family-products a:hover{color:#245cff}
.agency.v11 .family-consult{font-size:17px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:15px 0;color:#245cff}
.agency.v11 .service-selection{background:white}
.agency.v11 .selection-tabs{display:flex;gap:0;border-bottom:1px solid #ccd5e3;margin:0 0 45px}
.agency.v11 .selection-tabs button{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 22px;background:none;border:0;border-bottom:3px solid transparent;cursor:pointer;color:#65748b;font-size:23px;font-weight:600;line-height:1.5}
.agency.v11 .selection-tabs button[aria-selected=true]{border-bottom-color:#245cff;color:#152b4d;background:#f0f4ff}
.agency.v11 .selection-tabs button>span,.agency.v11 .selection-tabs button>small{font-size:14px;white-space:nowrap;font-weight:400}
.agency.v11 .selection-panel{color:#182b49;margin:0;padding:0}
.agency.v11 .comparison-title{margin-bottom:35px}
.agency.v11 .comparison-title .eyebrow{display:none}
.agency.v11 .comparison-title h3{font-size:30px;line-height:1.5;margin-bottom:14px;letter-spacing:-.8px}
.agency.v11 .comparison-title :is(p,span){font-size:17px;line-height:1.8;color:#586a83;margin:0}
.agency.v11 .selection-panel .product-grid{display:block;border-top:1px solid #d7dfea}
.agency.v11 .selection-panel .service-choice{display:grid;grid-template-columns:1.15fr 1.1fr .55fr .65fr;gap:32px;align-items:center;background:none;color:#172b49;border:0;border-bottom:1px solid #d7dfea;border-radius:0;padding:35px 4px;box-shadow:none;transition:background .2s}
.agency.v11 .selection-panel .service-choice:hover{transform:none;background:#f6f8fc}
.agency.v11 .service-choice .tag{font-size:14px;color:#647792;padding:0;margin:0 0 9px;letter-spacing:0;background:none}
.agency.v11 .service-choice h4{font-size:28px;line-height:1.45;letter-spacing:-.8px;margin:0;color:#172b49}
.agency.v11 .service-choice .choice-description{font-size:18px;line-height:1.8;margin:0;color:#56667e;max-width:none}
.agency.v11 .choice-price{font-size:18px;font-weight:600}
.agency.v11 .choice-price small{display:block;font-size:14px;font-weight:400;color:#677991;line-height:1.6;margin-top:8px}
.agency.v11 .selection-panel .offer-actions{display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.agency.v11 .selection-panel .offer-actions a{display:block;font-size:15px;line-height:1.5;padding:13px 12px;border:1px solid #b8c7df;text-align:center;color:#253e63;min-height:48px;white-space:normal}
.agency.v11 .selection-panel .offer-actions a:last-child{background:#245cff;color:white;border-color:#245cff}
.agency.v11 .filter-tabs{gap:10px;margin-bottom:28px;flex-wrap:wrap}
.agency.v11 .filter-tabs button{font-size:16px;padding:13px 17px;border-radius:0;min-height:48px}
.agency.v11 #all-web-products{margin-top:22px}
.agency.v11 .ad-coming{padding:40px;background:#f3f6fb}
.agency.v11 .ad-coming h3{font-size:30px;line-height:1.5;max-width:750px;margin:18px 0}
.agency.v11 .ad-coming p{font-size:18px;line-height:1.9;color:#586a83;max-width:740px}
.agency.v11 .bundle-strip{margin-top:52px;background:#102344;color:#fff;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.agency.v11 .bundle-strip strong{font-size:26px;line-height:1.6;letter-spacing:-.6px}
.agency.v11 .bundle-strip p{font-size:17px;line-height:1.8;color:#bdcbe0;margin:8px 0 0}
.agency.v11 .bundle-strip .button{flex-shrink:0}
.agency.v11 .lower-portfolio{border-top:1px solid #d7e0ee}
.agency.v11 .portfolio-toolbar{display:flex;align-items:start;justify-content:space-between;gap:35px;margin-bottom:40px}
.agency.v11 .portfolio-filters{gap:24px;flex-wrap:wrap}
.agency.v11 .portfolio-filters button{font-size:17px;min-height:48px;padding:12px 0}
.agency.v11 .demo-disclosure{font-size:14px;line-height:1.8;color:#5d6d83;max-width:410px}
.agency.v11 .lower-renewal .portfolio-grid{grid-template-columns:1.1fr 1fr;gap:50px}
.agency.v11 .portfolio-card:nth-child(even){padding-top:100px}
.agency.v11 .portfolio-card .portfolio-image{aspect-ratio:1.24}
.agency.v11 .portfolio-card .demo-badge{font-size:14px;left:20px;top:20px;padding:7px 12px;letter-spacing:0;background:#fff;color:#142847}
.agency.v11 .portfolio-meta{padding-top:25px;gap:20px;align-items:center}
.agency.v11 .portfolio-meta small{font-size:15px;line-height:1.8;color:#61728b}
.agency.v11 .portfolio-meta h3{font-size:30px;line-height:1.5;letter-spacing:-.8px;margin-top:8px}
.agency.v11 .portfolio-meta .circle-arrow{width:48px;height:48px;font-size:23px;flex-shrink:0}
.agency.v11 .portfolio-card>p{font-size:18px;line-height:1.85;color:#55657d;max-width:100%;margin:18px 0 22px}
.agency.v11 .portfolio-quote{font-size:17px;line-height:1.6;padding:20px 0}
.agency.v11 .work-hover{padding:30px;line-height:1.5}
.agency.v11 .work-hover small{font-size:14px;line-height:1.8}
.agency.v11 .work-hover strong{font-size:32px;line-height:1.5}
.agency.v11 .portfolio-empty{font-size:17px;line-height:1.8}
.agency.v11 .delivery-timeline{gap:28px;padding-top:15px}
.agency.v11 .delivery-timeline:before{top:42px}
.agency.v11 .delivery-timeline>li>span{width:54px;height:54px;font-size:16px;letter-spacing:0}
.agency.v11 .delivery-timeline h3{font-size:26px;line-height:1.55;letter-spacing:-.8px;margin:28px 0 14px;color:#243c60}
.agency.v11 .delivery-timeline p{font-size:17px;line-height:1.8;max-width:none;color:#576b86}
.agency.v11 .faq-chapter{grid-template-columns:.75fr 1.25fr;gap:75px}
.agency.v11 .faq-heading h2{font-size:var(--section-size);line-height:1.35}
.agency.v11 .faq-heading .line-link{font-size:17px}
.agency.v11 .faq-list summary{font-size:20px;line-height:1.65;color:#263d5e;padding:28px 0;gap:18px;font-weight:600}
.agency.v11 .faq-list summary>span{font-size:14px;color:#6b7b93}
.agency.v11 .faq-list summary>b{font-size:25px;color:#506582}
.agency.v11 .faq-list details>p{font-size:18px;line-height:1.9;color:#576a85;padding:0 0 30px 38px}
.agency.v11 .contact-layout{grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}
.agency.v11 .contact-section h2{font-size:var(--section-size);line-height:1.35;letter-spacing:-2px;margin:0 0 30px}
.agency.v11 .contact-introduction>p:not(.eyebrow){font-size:18px;line-height:1.85;color:#c4cfe1}
.agency.v11 .contact-note{font-size:16px;line-height:1.9;color:#a9b9d1;margin-top:28px}
.agency.v11 .contact-form{padding:40px;border-top:4px solid #245cff}
.agency.v11 .form-heading>span{font-size:14px;letter-spacing:1px;color:#536b90}
.agency.v11 .form-heading h3{font-size:30px;line-height:1.5;margin-top:15px}
.agency.v11 .contact-form .form-heading p{font-size:17px;line-height:1.8;color:#66768b;margin-top:12px}
.agency.v11 .contact-form label{font-size:16px;line-height:1.7;margin-bottom:20px;color:#293d5b}
.agency.v11 .contact-form label>small{font-size:14px}
.agency.v11 .contact-form :is(input,textarea,select){font-size:17px;line-height:1.7;padding:14px;min-height:54px;border-color:#c5d0e0;background:#fafbfd;max-width:100%}
.agency.v11 .contact-form select{padding-right:32px;text-overflow:ellipsis}
.agency.v11 .contact-form textarea{min-height:150px;resize:vertical}
.agency.v11 .contact-form input::placeholder,.agency.v11 .contact-form textarea::placeholder{color:#75849a;opacity:1}
.agency.v11 .contact-form .form-grid{gap:0 20px}
.agency.v11 .form-selection-help{font-size:14px;line-height:1.8;color:#63748e;margin:0 0 25px}
.agency.v11 .consultation-summary{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.agency.v11 .contact-form .honeypot{display:none!important}
.agency.v11 .contact-form .privacy summary{font-size:15px;color:#4e6484;padding:10px 0;cursor:pointer}
.agency.v11 .contact-form .privacy p{font-size:14px;line-height:1.9;color:#586a83}
.agency.v11 .contact-form .check{font-size:15px;line-height:1.9;gap:12px;align-items:flex-start;margin-block:24px}
.agency.v11 .contact-form .check input{width:20px;height:20px;min-height:20px;margin-top:4px;flex-shrink:0;accent-color:#245cff}
.agency.v11 .contact-form>button[type=submit]{width:100%;font-size:18px}
.agency.v11 #inquiry-status{font-size:16px;line-height:1.8;overflow-wrap:anywhere;margin-top:20px}
.agency.v11 .portfolio-reference-title,.agency.v11 .portfolio-reference p{font-size:16px;line-height:1.7}
.agency.v11 .portfolio-reference button{font-size:14px;min-height:40px}
.agency.v11 .lower-coming{padding-block:70px;gap:30px;grid-template-columns:.5fr 1fr 1fr}
.agency.v11 .lower-coming>p{font-size:14px;line-height:1.8}
.agency.v11 .lower-coming article>span:first-child{font-size:17px;line-height:1.8;letter-spacing:0}
.agency.v11 .lower-coming .badge{font-size:13px;padding:4px 8px}
.agency.v11 .lower-coming article>p{font-size:16px!important;color:#596c85;line-height:1.9}
.agency.v11 .footer-signature>p{font-size:17px;color:#5a6d89}
.agency.v11 .footer-signature>a:not(.footer-official-logo){font-size:16px;min-height:48px}
.agency.v11 .footer-brand>p{font-size:14px;line-height:1.9;color:#596d88;letter-spacing:.5px}
.agency.v11 .footer-links{gap:60px;flex-wrap:wrap}
.agency.v11 .footer-links>div{font-size:16px;line-height:1.9;gap:12px;color:#526884}
.agency.v11 .footer-links>div>span{font-size:14px;color:#657b99;letter-spacing:.6px}
.agency.v11 .footer-bottom{font-size:13px;line-height:1.8;letter-spacing:.3px;color:#667992;gap:20px}
.agency.v11 #detail{width:min(1050px,calc(100% - 40px));padding:45px}
.agency.v11 #detail .detail-title{font-size:36px;line-height:1.4;letter-spacing:-1px}
.agency.v11 #detail :is(.guide-kicker,.guide-summary span,.guide-steps span,.guide-bottom small,.admin-help){font-size:14px;line-height:1.8}
.agency.v11 #detail :is(.detail-description,.guide-grid p,.feature-list,.project-notes p){font-size:18px;line-height:1.85;color:#536780}
.agency.v11 #detail :is(.guide-grid h3,.guide-method h3,.project-notes h3){font-size:22px;line-height:1.6}
.agency.v11 #detail :is(.button,.text-link,.project-actions .line-link){font-size:17px;min-height:50px}
.agency.v11 #detail :is(.project-facts strong,.media-status){font-size:17px;line-height:1.8}
.agency.v11 #detail .project-facts>span{font-size:14px;line-height:1.8}
.agency.v11 #detail .guide-bottom strong{font-size:28px}
.agency.v11 #detail .project-web-preview figcaption{font-size:14px}
@media(max-width:1100px){
 .agency.v11 .wide{width:calc(100% - 64px)}
 .agency.v11 .nav{min-height:82px}.agency.v11 .menu-toggle{display:flex;align-items:center;gap:14px;font-size:14px;color:white;border:0;background:none;min-height:48px;padding:10px 0}
 .agency.v11 .hamburger{height:18px;width:23px;position:relative;display:block}.agency.v11 .hamburger i{height:1.5px;width:23px;background:#fff;display:block;position:absolute;top:4px}.agency.v11 .hamburger i+i{width:17px;top:12px;right:0}
 .agency.v11 .menu-toggle[aria-expanded=true] .hamburger i{top:8px;transform:rotate(45deg)}.agency.v11 .menu-toggle[aria-expanded=true] .hamburger i+i{width:23px;top:8px;transform:rotate(-45deg)}
 .agency.v11 .nav nav{display:none;position:absolute;top:82px;left:0;right:0;padding:16px 32px 24px;background:#080f1dfa;max-height:calc(100dvh - 82px);overflow-y:auto;gap:0;flex-direction:column;align-items:stretch;border-bottom:1px solid #ffffff30}
 .agency.v11 .nav nav.open{display:flex}.agency.v11 .nav nav>a{font-size:18px;padding:14px 0;border-bottom:1px solid #ffffff25;min-height:52px}.agency.v11 .nav nav>.button{font-size:17px;padding:16px;margin:16px 0 0}
 .agency.v11 .lower-renewal .chapter-heading{grid-template-columns:1fr;gap:28px}
 .agency.v11 .lower-renewal .chapter-heading>p{max-width:650px}
 .agency.v11 .lower-intro{grid-template-columns:1fr;gap:26px}.agency.v11 .lower-intro>p:not(.eyebrow){grid-column:1;grid-row:auto;max-width:650px}
 .agency.v11 .benefit-editorial{grid-template-columns:1fr;gap:22px}
 .agency.v11 .benefit-editorial ul{padding:0;margin:0}
 .agency.v11 .web-family{grid-template-columns:minmax(0,1fr);gap:30px}.agency.v11 .family-preview{aspect-ratio:1.8}.agency.v11 .family-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}.agency.v11 .family-copy>small{grid-column:1}.agency.v11 .family-copy h3{grid-column:1;margin:0}.agency.v11 .family-copy>p{grid-column:1;grid-row:3/5;margin:0}.agency.v11 .family-products{grid-column:2;grid-row:1/4;margin:0}.agency.v11 .family-consult{grid-column:2}
 .agency.v11 .selection-panel .service-choice{grid-template-columns:1fr 1fr;gap:24px 40px;padding-block:32px}.agency.v11 .choice-price{grid-column:1}.agency.v11 .selection-panel .offer-actions{grid-column:2;flex-direction:row}.agency.v11 .selection-panel .offer-actions a{flex:1}
 .agency.v11 .selection-tabs button{font-size:20px;padding:20px 15px}
 .agency.v11 .bundle-strip{padding:30px}.agency.v11 .bundle-strip strong{font-size:24px}
 .agency.v11 .delivery-timeline{gap:18px}.agency.v11 .delivery-timeline h3{font-size:22px}.agency.v11 .delivery-timeline p{font-size:17px}
 .agency.v11 .faq-chapter{grid-template-columns:1fr;gap:35px}.agency.v11 .faq-heading{position:static}
 .agency.v11 .contact-layout{grid-template-columns:1fr;gap:45px}.agency.v11 .contact-form{max-width:none}
 .agency.v11 .lower-coming{grid-template-columns:1fr 1fr}.agency.v11 .lower-coming>p{grid-column:1/-1}
}
@media(max-width:800px){
 .agency.v11{--section-size:44px}.agency.v11 .hero-content h1{font-size:clamp(56px,9vw,76px);letter-spacing:-3px}
 .agency.v11 .hero-bottom{align-items:start}.agency.v11 .hero-bottom p{font-size:17px}.agency.v11 .hero-bottom h2{font-size:32px}
 .agency.v11 .hero-content{padding-top:155px;padding-bottom:150px}
 .agency.v11 .lower-renewal .chapter-heading{margin-bottom:40px}
 .agency.v11 :is(.video-chapter,.web-chapter,.service-selection,.lower-portfolio,.timeline-chapter,.faq-chapter,.contact-section){padding-block:85px}
 .agency.v11 .web-value-strip{grid-template-columns:1fr 1fr}
 .agency.v11 .selection-tabs button{font-size:18px;flex-wrap:wrap}
 .agency.v11 .lower-renewal .portfolio-grid{gap:30px}.agency.v11 .portfolio-card:nth-child(even){padding-top:70px}
 .agency.v11 .portfolio-card .portfolio-image{aspect-ratio:1}.agency.v11 .portfolio-meta h3{font-size:26px}.agency.v11 .work-hover strong{font-size:26px}.agency.v11 .work-hover{padding:20px}
 .agency.v11 .delivery-timeline{display:block;padding:0}.agency.v11 .delivery-timeline:before{left:26px;top:5px;bottom:50px;right:auto;width:1px;height:auto}
 .agency.v11 .delivery-timeline>li{display:grid;grid-template-columns:54px 1fr;gap:8px 26px;padding-bottom:35px}.agency.v11 .delivery-timeline>li:last-child{padding-bottom:0}.agency.v11 .delivery-timeline>li>span{grid-row:1/3}.agency.v11 .delivery-timeline h3{margin:7px 0 0;font-size:26px}.agency.v11 .delivery-timeline h3 br{display:none}.agency.v11 .delivery-timeline p{grid-column:2;margin:0}
 .agency.v11 .bundle-strip{align-items:stretch;flex-direction:column;gap:25px}.agency.v11 .bundle-strip .button{align-self:flex-start}
}
@media(max-width:650px){
 .agency.v11{--body-size:16px;--caption-size:14px;--section-size:clamp(30px,8.4vw,38px)}
 .agency.v11 .wide{width:calc(100% - 40px)}
 .agency.v11 .nav{min-height:74px}.agency.v11 .nav nav{top:74px;max-height:calc(100dvh - 74px);padding-inline:20px}.agency.v11 .nav nav>a{font-size:17px;padding:12px 0}.agency.v11 .menu-toggle{font-size:13px}
 .agency.v11 .agency-hero{min-height:100svh}.agency.v11 .hero-content{padding-top:145px;padding-bottom:135px}
 .agency.v11 .hero-content h1{font-size:clamp(40px,11vw,56px);line-height:1;letter-spacing:-2px;margin-bottom:32px}
 .agency.v11 .hero-content>.eyebrow{font-size:13px;letter-spacing:1px;line-height:1.7;margin-bottom:26px}
 .agency.v11 .hero-bottom h2{font-size:30px;line-height:1.45;margin-bottom:20px}
 .agency.v11 .hero-bottom p{font-size:16px;line-height:1.8;margin:0}
 .agency.v11 .hero-actions{flex-direction:column;align-items:stretch;width:100%;gap:12px;margin-top:25px}
 .agency.v11 .hero-actions .button,.agency.v11 .hero-work-link{font-size:16px;min-height:52px;justify-content:space-between;padding:15px 20px;gap:20px}
 .agency.v11 .hero-work-link{padding-inline:0}
 .agency.v11 .hero-base{bottom:22px;gap:20px;align-items:end}.agency.v11 .hero-base>*{font-size:13px;letter-spacing:0;max-width:48%}
 .agency.v11 .lower-renewal h2{letter-spacing:-1.3px;line-height:1.4}
 .agency.v11 .lower-renewal .eyebrow{font-size:13px;letter-spacing:.9px;margin-bottom:20px}
 .agency.v11 .lower-renewal .chapter-heading{gap:24px;margin-bottom:32px}
 .agency.v11 .lower-renewal .chapter-heading>p{font-size:16px;line-height:1.85}
 .agency.v11 :is(.lower-intro,.video-chapter,.web-chapter,.service-selection,.lower-portfolio,.timeline-chapter,.faq-chapter,.contact-section){padding-block:68px}
 .agency.v11 .lower-intro{gap:22px}.agency.v11 .lower-intro>p:not(.eyebrow){font-size:16px}.agency.v11 .lower-intro>.eyebrow{margin:0}
 .agency.v11 .intro-disciplines{grid-template-columns:1fr;gap:0;margin-top:5px}
 .agency.v11 .intro-disciplines a{font-size:23px;padding:22px 0;gap:16px}.agency.v11 .intro-disciplines .service-link-number{font-size:14px}
 .agency.v11 #featured-video-stage{aspect-ratio:4/3}
 .agency.v11 .motion-study .visual-label{left:18px;top:18px;font-size:13px;max-width:88%}
 .agency.v11 .motion-art-title{font-size:36px;left:18px;bottom:20px;letter-spacing:-1px}
 .agency.v11 #featured-video-open{font-size:16px;gap:12px}.agency.v11 #featured-video-open>span{height:55px;width:55px;font-size:20px}
 .agency.v11 .motion-caption{display:block;padding-block:20px}.agency.v11 .motion-caption strong{font-size:22px;line-height:1.6}.agency.v11 .motion-caption>span{display:block;font-size:14px;line-height:1.8;margin-top:10px}
 .agency.v11 .video-production-board{margin-bottom:28px}
 .agency.v11 .benefit-editorial{padding-top:25px;gap:20px}.agency.v11 .benefit-editorial>div>span{font-size:13px}.agency.v11 .benefit-editorial h3{font-size:26px;margin:15px 0 0}.agency.v11 .benefit-editorial ul{grid-template-columns:1fr;gap:0}.agency.v11 .benefit-editorial li{font-size:16px;gap:18px;padding:18px 0}.agency.v11 .benefit-editorial li>b{font-size:14px}
 .agency.v11 .web-value-strip{gap:14px 18px;padding:22px 0;margin-bottom:28px}.agency.v11 .web-value-strip span{font-size:14px}
 .agency.v11 .web-showcase-tabs{gap:20px;margin-bottom:25px;flex-wrap:wrap}.agency.v11 .web-showcase-tabs button{font-size:16px;min-height:48px;padding-block:14px;line-height:1.6}
 .agency.v11 .web-family{display:block}.agency.v11 .family-preview{aspect-ratio:1.38;margin-bottom:28px}.agency.v11 .preview-caption{font-size:13px;left:10px;bottom:10px;padding:4px 6px;max-width:92%;line-height:1.6}
 .agency.v11 .family-copy{display:block}.agency.v11 .family-copy>small{font-size:14px}.agency.v11 .family-copy h3{font-size:26px;margin:15px 0}.agency.v11 .family-copy>p{font-size:16px;margin-bottom:24px}.agency.v11 .family-products a{font-size:16px;min-height:52px}.agency.v11 .family-consult{font-size:16px;margin-top:10px}
 .agency.v11 .selection-tabs{margin-bottom:30px}.agency.v11 .selection-tabs button{font-size:16px;justify-content:center;flex-direction:column;gap:6px;padding:15px 5px;min-width:0;min-height:88px}.agency.v11 .selection-tabs button>span{display:none}.agency.v11 .selection-tabs button>small{font-size:13px}
 .agency.v11 .comparison-title h3{font-size:24px;line-height:1.55;margin-bottom:15px}.agency.v11 .comparison-title :is(p,span){font-size:16px}
 .agency.v11 .selection-panel .service-choice{display:block;padding:28px 0}.agency.v11 .service-choice h4{font-size:26px}.agency.v11 .service-choice .tag{font-size:14px;margin-bottom:10px}.agency.v11 .service-choice .choice-description{font-size:16px;margin-top:17px}.agency.v11 .choice-price{font-size:17px;margin:18px 0}.agency.v11 .choice-price small{font-size:14px;margin-top:5px}.agency.v11 .selection-panel .offer-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agency.v11 .selection-panel .offer-actions a{font-size:15px;min-height:50px;padding:14px 9px}
 .agency.v11 .filter-tabs{gap:8px}.agency.v11 .filter-tabs button{font-size:14px;padding:12px 13px}
 .agency.v11 .bundle-strip{padding:25px 22px;margin-top:35px}.agency.v11 .bundle-strip strong{font-size:23px;line-height:1.5}.agency.v11 .bundle-strip p{font-size:16px;margin-top:15px}.agency.v11 .bundle-strip .button{align-self:stretch;font-size:16px}
 .agency.v11 .ad-coming{padding:28px 22px}.agency.v11 .ad-coming h3{font-size:25px}.agency.v11 .ad-coming p{font-size:16px}
 .agency.v11 .portfolio-toolbar{flex-direction:column;gap:18px;margin-bottom:28px}.agency.v11 .portfolio-filters{gap:22px}.agency.v11 .portfolio-filters button{font-size:16px;min-height:48px}.agency.v11 .demo-disclosure{font-size:14px;max-width:none}
 .agency.v11 .lower-renewal .portfolio-grid{grid-template-columns:1fr;gap:45px}.agency.v11 .portfolio-card:nth-child(even){padding-top:0}.agency.v11 .portfolio-card .portfolio-image{aspect-ratio:1.1}.agency.v11 .portfolio-card .demo-badge{font-size:13px;left:14px;top:14px;padding:6px 10px}.agency.v11 .portfolio-meta{padding-top:20px}.agency.v11 .portfolio-meta small{font-size:14px}.agency.v11 .portfolio-meta h3{font-size:26px;margin-top:10px}.agency.v11 .portfolio-card>p{font-size:16px;line-height:1.85;margin:16px 0 20px}.agency.v11 .portfolio-quote{font-size:16px;gap:12px}.agency.v11 .work-hover strong{font-size:25px}.agency.v11 .work-hover small{font-size:14px}
 .agency.v11 .delivery-timeline h3{font-size:24px;margin-top:7px}.agency.v11 .delivery-timeline p{font-size:16px}.agency.v11 .delivery-timeline>li{gap:8px 20px;padding-bottom:30px}.agency.v11 .delivery-timeline>li>span{font-size:15px}
 .agency.v11 .faq-chapter{gap:30px}.agency.v11 .faq-heading h2{font-size:var(--section-size)}.agency.v11 .faq-heading .line-link{font-size:16px}.agency.v11 .faq-list summary{font-size:17px;gap:12px;padding:23px 0}.agency.v11 .faq-list summary>span{font-size:13px}.agency.v11 .faq-list details>p{font-size:16px;line-height:1.9;padding:0 0 25px}
 .agency.v11 .contact-layout{gap:32px}.agency.v11 .contact-section h2{font-size:var(--section-size);letter-spacing:-1.3px}.agency.v11 .contact-introduction>p:not(.eyebrow){font-size:16px}.agency.v11 .contact-note{font-size:14px}.agency.v11 .contact-form{padding:26px 20px}.agency.v11 .form-heading h3{font-size:25px}.agency.v11 .form-heading>span{font-size:13px}.agency.v11 .contact-form .form-heading p{font-size:16px}.agency.v11 .contact-form .form-grid{grid-template-columns:1fr}.agency.v11 .contact-form label{font-size:16px}.agency.v11 .contact-form :is(input,textarea,select){font-size:16px;min-height:54px;padding:13px 11px}.agency.v11 .contact-form select{padding-right:25px}.agency.v11 .form-selection-help{font-size:14px}.agency.v11 .contact-form .check{font-size:14px}.agency.v11 .contact-form>button[type=submit]{font-size:17px}.agency.v11 .portfolio-reference p{font-size:15px}
 .agency.v11 .lower-coming{padding-block:45px}.agency.v11 .lower-coming article>span:first-child{font-size:16px}.agency.v11 .lower-coming article>p{font-size:16px!important}.agency.v11 .lower-coming .badge{font-size:13px}
 .agency.v11 .footer-signature>p{font-size:16px}.agency.v11 .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:30px}.agency.v11 .footer-links>div{font-size:16px;gap:11px;min-width:0}.agency.v11 .footer-links>div>span{font-size:13px}.agency.v11 .footer-brand>p{font-size:14px}.agency.v11 .footer-bottom{font-size:13px;flex-direction:column;align-items:start;gap:12px;letter-spacing:0}
 .agency.v11 #detail{padding:25px 20px;width:calc(100% - 24px)}.agency.v11 #detail .detail-title{font-size:28px;line-height:1.45}.agency.v11 #detail :is(.detail-description,.guide-grid p,.feature-list,.project-notes p){font-size:16px}.agency.v11 #detail :is(.guide-grid h3,.guide-method h3,.project-notes h3){font-size:22px}.agency.v11 #detail :is(.guide-kicker,.guide-summary span,.guide-steps span,.guide-bottom small,.admin-help){font-size:13px}.agency.v11 #detail .guide-grid{grid-template-columns:1fr;gap:28px}.agency.v11 #detail .guide-bottom{flex-direction:column;align-items:stretch;gap:20px}.agency.v11 #detail :is(.button,.project-actions .line-link){font-size:16px;gap:12px}.agency.v11 #detail .guide-bottom strong{font-size:26px}.agency.v11 #detail :is(.project-facts strong,.media-status){font-size:16px}.agency.v11 #detail .project-facts>span{font-size:14px}.agency.v11 #detail .project-web-preview{padding:12px 8px 25px}
}
@media(prefers-reduced-motion:reduce){.agency.v11 *{scroll-behavior:auto!important}.agency.v11 .service-choice{transition:none}}
/* v1.2 — simpler customer journey, reusing the existing hero and brand system. */
.agency.v12 .service-index{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:48px;align-items:center;padding-block:44px;border-bottom:1px solid #dce2eb}
.agency.v12 .service-index>p{font-size:17px;color:#617087;margin:0}
.agency.v12 .service-index>a{display:grid;grid-template-columns:28px 1fr 28px;gap:4px 14px;align-items:center;padding-block:10px}
.agency.v12 .service-index strong{font-size:26px;letter-spacing:-1px}.agency.v12 .service-index small{grid-column:2;font-size:15px;color:#617087}.agency.v12 .service-index a>span{grid-row:1/3;font-size:14px;color:#245cff}.agency.v12 .service-index b{grid-column:3;grid-row:1/3;font-size:30px;font-weight:400;transition:transform .2s}.agency.v12 .service-index a:hover b{transform:translate(3px,3px)}
.agency.v12 .lower-portfolio{padding-block:90px 105px}
.agency.v12 .chapter-heading .eyebrow{letter-spacing:.4px}
.agency.v12 .lower-renewal .chapter-heading{grid-template-columns:1.5fr 1fr;gap:55px}
.agency.v12 .lower-renewal .portfolio-grid{gap:60px}.agency.v12 .portfolio-card:nth-child(even){padding-top:75px}
.agency.v12 .portfolio-card .portfolio-image{aspect-ratio:1.35;height:auto}.agency.v12 .portfolio-meta h3{font-size:clamp(26px,2.4vw,34px);line-height:1.45}
.agency.v12 .portfolio-card>p{max-width:580px}.agency.v12 .portfolio-quote{padding:15px 0}
.agency.v12 .video-production-board{margin-bottom:0}.agency.v12 .motion-caption{margin:0}
.agency.v12 .production-note{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #ffffff25;padding:25px 0 40px;color:#d1dbea}.agency.v12 .production-note strong{font-size:24px;color:#fff;font-weight:500}.agency.v12 .production-note p{font-size:17px;line-height:1.85;margin:0;color:#b8c5da}
.agency.v12 .selection-heading{font-size:26px;font-weight:500;margin:20px 0 25px;letter-spacing:-.6px}
.agency.v12 .product-grid{display:block}
.agency.v12 .service-choice{display:grid;grid-template-columns:1.05fr 1.2fr .85fr;gap:35px;align-items:center;padding:30px 0;border:0;border-top:1px solid #cbd3e0;border-radius:0;background:none;box-shadow:none;transform:none;transition:background .2s}
.agency.v12 .service-choice:hover{box-shadow:none;transform:none;background:#245cff05}
.agency.v12 .service-choice .tag{font-size:14px;color:#687a94}.agency.v12 .service-choice h4{font-size:clamp(24px,2.15vw,31px);line-height:1.45;margin:7px 0 0;letter-spacing:-1px;color:#13243d}
.agency.v12 .service-choice .choice-description{font-size:17px;line-height:1.8;color:#536177;margin:0;min-height:0}
.agency.v12 .service-choice .offer-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;flex-wrap:wrap;border:0;margin:0;padding:0}
.agency.v12 .service-choice .offer-actions a{font-size:15px;padding:12px 0;white-space:nowrap;color:#245cff;border:0;background:none;min-height:44px}
.agency.v12 .service-choice .offer-actions a:last-child{padding-inline:17px;background:#245cff;color:white}
.agency.v12 .video-chapter .selection-heading{color:#fff}.agency.v12 .video-chapter .service-choice{border-color:#ffffff25}.agency.v12 .video-chapter .service-choice h4{color:#fff}.agency.v12 .video-chapter .choice-description{color:#b8c5da}.agency.v12 .video-chapter .tag{color:#8ca7d0}.agency.v12 .video-chapter .offer-actions a:first-child{color:#cbd9f0}.agency.v12 .video-chapter .service-choice:hover{background:#ffffff04}
.agency.v12 .web-essentials{font-size:17px;line-height:1.9;color:#536177;margin:-15px 0 40px}.agency.v12 .web-essentials span{padding:0 12px;color:#9ba8bb}
.agency.v12 .family-copy{display:block}.agency.v12 .family-copy>p{margin-bottom:20px}.agency.v12 .family-consult{margin-top:0}
.agency.v12 .web-catalog{margin-top:55px;border-block:1px solid #cbd3e0}.agency.v12 .web-catalog>summary{display:flex;align-items:center;justify-content:space-between;font-size:20px;cursor:pointer;padding:25px 0;list-style:none;font-weight:600}.agency.v12 .web-catalog>summary::-webkit-details-marker{display:none}.agency.v12 .web-catalog[open]>summary>span{transform:rotate(45deg)}.agency.v12 #web-products{padding:20px 0 10px}.agency.v12 .web-catalog .service-choice{padding-block:23px}.agency.v12 .web-catalog h4{font-size:24px}
.agency.v12 .integrated-consult{font-size:17px;margin:32px 0 0;color:#536177}.agency.v12 .integrated-consult a{display:inline-block;color:#245cff;margin-left:16px;padding:10px 0;border-bottom:1px solid #a8bbeb}
.agency.v12 .timeline-chapter{padding-block:80px}.agency.v12 .delivery-timeline h3{font-size:23px}.agency.v12 .delivery-timeline p{font-size:16px}
.agency.v12 .faq-chapter{padding-block:80px}.agency.v12 .faq-heading h2{font-size:clamp(34px,3.2vw,48px)}
.agency.v12 .contact-form .form-heading>span{display:none}.agency.v12 .contact-form .form-heading{margin-bottom:28px}.agency.v12 .inquiry-product-options{border-block:1px solid #dde4ef;margin:5px 0 20px;padding:15px 0}.agency.v12 .inquiry-product-options>summary{font-size:15px;cursor:pointer;color:#526480}.agency.v12 .inquiry-product-options[open]>summary{margin-bottom:18px}.agency.v12 .form-selection-help{margin-top:0}.agency.v12 .consultation-summary{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;overflow-wrap:anywhere;font-size:15px;line-height:1.8;padding:12px 15px;background:#f1f5fc;color:#345078}.agency.v12 .contact-form .check input{min-height:18px;height:18px;width:18px;padding:0;flex-shrink:0}.agency.v12 .honeypot{position:absolute!important;clip-path:inset(100%);width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap;left:-10000px}
.agency.v12 .lower-coming{padding-block:40px;gap:25px}.agency.v12 .lower-coming>p{font-size:14px;letter-spacing:0}.agency.v12 .lower-coming article>span:first-child{font-size:18px}.agency.v12 .lower-coming article>p{font-size:15px!important}
.agency.v12 .lower-footer{padding-block:55px 30px}.agency.v12 .footer-signature{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px}.agency.v12 .footer-signature>p{font-size:16px;margin:0;color:#6c788b}.agency.v12 .footer-signature>a:last-child{font-size:20px;white-space:nowrap}.agency.v12 .simple-footer-links{display:flex;gap:30px;flex-wrap:wrap;padding:30px 0;font-size:16px;color:#45546c}.agency.v12 .simple-footer-links a{padding-block:6px}.agency.v12 .simple-footer-links a:hover{color:#245cff}.agency.v12 .footer-bottom{padding-top:22px;letter-spacing:0;font-size:14px}.agency.v12 #business-information{font-style:normal;font-size:14px;line-height:1.8}
@media(max-width:1050px){.agency.v12 .service-index{grid-template-columns:1fr 1fr;gap:20px 35px}.agency.v12 .service-index>p{grid-column:1/-1}.agency.v12 .lower-renewal .chapter-heading{grid-template-columns:1fr;gap:25px}.agency.v12 .service-choice{grid-template-columns:1fr 1.2fr;gap:20px 35px}.agency.v12 .service-choice .offer-actions{grid-column:2;justify-content:flex-start}.agency.v12 .service-choice .choice-heading{grid-row:1/3}.agency.v12 .production-note{gap:25px}.agency.v12 .footer-signature>p{display:none}}
@media(max-width:650px){
 .agency.v12 .service-index{grid-template-columns:1fr;gap:8px;padding-block:30px}.agency.v12 .service-index>p{font-size:14px;margin-bottom:10px}.agency.v12 .service-index>a{padding-block:16px;gap:4px 10px}.agency.v12 .service-index strong{font-size:24px}.agency.v12 .service-index small{font-size:14px}
 .agency.v12 .lower-portfolio{padding-block:65px}.agency.v12 .lower-renewal .portfolio-grid{gap:40px}.agency.v12 .portfolio-card:nth-child(even){padding-top:0}.agency.v12 .portfolio-card .portfolio-image{aspect-ratio:1.2}.agency.v12 .portfolio-meta h3{font-size:26px}
 .agency.v12 .production-note{display:block;padding-bottom:25px}.agency.v12 .production-note strong{font-size:23px}.agency.v12 .production-note p{font-size:16px;margin-top:12px}.agency.v12 .selection-heading{font-size:23px;line-height:1.5;margin:15px 0 20px}
 .agency.v12 .service-choice{display:block;padding-block:25px}.agency.v12 .service-choice h4{font-size:26px}.agency.v12 .service-choice .choice-description{font-size:16px;margin:15px 0}.agency.v12 .service-choice .offer-actions{justify-content:space-between}.agency.v12 .service-choice .offer-actions a{font-size:15px}.agency.v12 .service-choice .offer-actions a:last-child{padding-inline:20px}
 .agency.v12 .web-showcase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.agency.v12 .web-showcase-tabs button{padding:14px 5px;font-size:16px;min-height:78px;text-align:center;word-break:keep-all}
 .agency.v12 .web-essentials{font-size:15px;margin:0 0 30px}.agency.v12 .web-essentials span{padding-inline:4px}.agency.v12 .web-catalog{margin-top:30px}.agency.v12 .web-catalog>summary{font-size:17px;padding-block:22px}.agency.v12 .web-catalog h4{font-size:23px}.agency.v12 .integrated-consult{font-size:16px}.agency.v12 .integrated-consult a{margin:5px 0 0;display:block;width:fit-content}
 .agency.v12 .faq-heading h2{font-size:32px}.agency.v12 .timeline-chapter,.agency.v12 .faq-chapter{padding-block:65px}.agency.v12 .delivery-timeline h3{font-size:23px}
 .agency.v12 .footer-signature{align-items:flex-start;flex-direction:column;gap:22px}.agency.v12 .footer-signature>a:last-child{font-size:19px}.agency.v12 .simple-footer-links{gap:12px 24px;font-size:15px}.agency.v12 .lower-coming{padding-block:30px}.agency.v12 .lower-footer{padding-top:38px}.agency.v12 .footer-bottom{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.agency.v12 .service-index b{transition:none}}
/* Service direction thumbnails: illustrative previews, never fake playable media. */
.agency.v12 .type-disclosure{font-size:15px;color:#68778c;margin:0 0 25px}
.agency.v12 .type-gallery,.agency.v12 #video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.agency.v12 .type-sample{min-width:0}.agency.v12 .type-cover{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;container-type:inline-size;isolation:isolate;background:#dfe5ef;text-decoration:none}
.agency.v12 .type-cover:focus-visible{outline-offset:5px}.agency.v12 .type-cover img{transition:transform .5s}.agency.v12 .type-cover:hover img{transform:scale(1.025)}
.agency.v12 .thumbnail-browser{height:22px;display:flex;gap:5px;align-items:center;padding-left:12px;background:#f9fafc;border-bottom:1px solid #d9dfe8}.agency.v12 .thumbnail-browser i{width:5px;height:5px;background:#c4cbd6;border-radius:50%}
.agency.v12 .thumbnail-canvas{position:absolute;inset:22px 0 0;overflow:hidden}.agency.v12 .thumb-landing .thumbnail-canvas>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.agency.v12 .thumb-bottom{position:absolute;bottom:0;left:0;right:0;background:#eee9e0;color:#422c27;font-size:3cqw;padding:11px 15px}
.agency.v12 .mini-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:2.2cqw;letter-spacing:0;padding:14px 15px;color:#263e36;background:#f6f6ee}.agency.v12 .mini-nav b{font-size:2.8cqw}.agency.v12 .mini-company{display:grid;grid-template-columns:1fr 1fr;height:65%;background:#f6f6ee;color:#29473b}.agency.v12 .mini-company>div{padding:12px 0 12px 20px}.agency.v12 .mini-company small{font-size:2.5cqw}.agency.v12 .mini-company strong{display:block;font-size:7.3cqw;line-height:1.25;letter-spacing:-1px;margin:14px 0}.agency.v12 .mini-company i{font-size:2.4cqw;font-style:normal;border-bottom:1px solid #7e9684;padding-bottom:4px}.agency.v12 .mini-company img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.agency.v12 .mini-page-index{display:flex;gap:10px;justify-content:space-between;padding:16px 15px;font-size:2.5cqw;color:#60736a;background:#f6f6ee}.agency.v12 .thumb-brand .mini-nav,.agency.v12 .thumb-brand .mini-page-index{background:#0c192a;color:#c5d2e3}.agency.v12 .mini-brand{position:relative;height:65%;background:#0c192a}.agency.v12 .mini-brand img{width:100%;height:100%;object-fit:cover}.agency.v12 .mini-brand strong{position:absolute;left:20px;top:22%;font-size:6.8cqw;line-height:1.3;letter-spacing:-1px;color:white;text-shadow:0 1px 12px #0008}
.agency.v12 .type-example-badge{position:absolute;top:32px;left:12px;font-size:11px;line-height:1.5;background:#ffffffed;color:#24344c;padding:5px 8px;z-index:3;max-width:calc(100% - 24px)}
.agency.v12 .type-sample .type-fit{font-size:14px;color:#68778c;margin:25px 0 9px}.agency.v12 .type-sample h3{font-size:clamp(25px,2.2vw,32px);line-height:1.45;margin:0 0 16px;letter-spacing:-1px}.agency.v12 .type-sample>p:not(.type-fit){font-size:17px;line-height:1.8;color:#526179;margin:0 0 20px}.agency.v12 .type-actions{display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid #cbd3e0;padding-top:14px;font-size:15px;color:#245cff}.agency.v12 .type-actions a{padding-block:8px}
.agency.v12 #video-grid .service-choice{display:block;padding:0;border:0;background:none}.agency.v12 #video-grid .choice-heading{margin:24px 0 16px}.agency.v12 #video-grid h4{font-size:clamp(25px,2.2vw,32px)}.agency.v12 #video-grid .choice-description{margin:0 0 22px;min-height:62px}.agency.v12 #video-grid .offer-actions{justify-content:space-between;border-top:1px solid #ffffff25;padding-top:14px}
.agency.v12 .video-thumb{background:#142136}.agency.v12 .video-thumbnail-art{position:absolute;inset:0;overflow:hidden}.agency.v12 .video-thumbnail-art>img{height:100%;width:100%;object-fit:cover;object-position:50% 35%}.agency.v12 .video-thumbnail-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08101b15 20%,#080f1dbb 100%);z-index:0}.agency.v12 .video-thumbnail-art>strong{position:absolute;left:20px;bottom:24px;font-size:7cqw;line-height:1.35;letter-spacing:-1px;z-index:1;color:#fff}.agency.v12 .video-art-label{position:absolute;left:20px;top:65px;font-size:2.6cqw;letter-spacing:2px;color:#fff;z-index:1}.agency.v12 .video-thumb .type-example-badge{top:14px;font-size:11px}
.agency.v12 .video-thumb-explain img{object-position:70% 50%}.agency.v12 .video-thumb-short .video-thumbnail-art{background:#e8dfd3}.agency.v12 .video-thumb-short img{position:absolute;width:56%;height:92%;top:4%;left:22%;object-position:65% 50%;border:6px solid #111c2c;border-radius:18px}.agency.v12 .video-thumb-short .video-thumbnail-art:after{inset:4% 22%;border-radius:18px;background:linear-gradient(180deg,transparent 40%,#1a0d11aa)}.agency.v12 .video-thumb-short .video-art-label{left:27%;top:65px;font-size:2.2cqw;letter-spacing:1px}.agency.v12 .video-thumb-short .video-thumbnail-art>strong{left:27%;bottom:24%;font-size:5.7cqw;letter-spacing:-.7px}.agency.v12 .short-caption{position:absolute;bottom:12%;left:27%;width:46%;font-size:2.2cqw;color:#fff;z-index:1}
@media(max-width:1000px){.agency.v12 .type-gallery,.agency.v12 #video-grid{gap:22px}.agency.v12 .type-actions{font-size:14px;gap:6px 15px}.agency.v12 .type-example-badge{font-size:10px}.agency.v12 #video-grid .offer-actions{display:block}.agency.v12 #video-grid .offer-actions a{display:inline-block;margin-right:12px}.agency.v12 #video-grid .choice-description{min-height:0}}
@media(max-width:800px){.agency.v12 .type-gallery,.agency.v12 #video-grid{grid-template-columns:1fr;gap:42px}.agency.v12 .type-cover{aspect-ratio:1.5}.agency.v12 .type-sample h3,.agency.v12 #video-grid h4{font-size:27px}.agency.v12 .type-sample>p:not(.type-fit){font-size:16px}.agency.v12 .type-actions{font-size:15px;justify-content:space-between}.agency.v12 #video-grid .offer-actions{display:flex}.agency.v12 .type-example-badge,.agency.v12 .video-thumb .type-example-badge{font-size:12px}.agency.v12 .mini-company strong{margin:8px 0}.agency.v12 .mini-nav{padding-block:10px}.agency.v12 .mini-page-index{padding-block:12px}}
@media(prefers-reduced-motion:reduce){.agency.v12 .type-cover img{transition:none}}
/* Service carousel: preserve the existing hero composition and official header. */
.agency.v12 .hero-backdrop img.hero-slide-image{opacity:0;animation:none;transition:opacity .65s ease;will-change:opacity}
.agency.v12 .hero-backdrop img.hero-slide-image.is-current{opacity:1}
.agency.v12 .hero-content{padding-bottom:200px}
.agency.v12 .hero-bottom h2,.agency.v12 .hero-bottom p{white-space:pre-line}
.agency.v12 .hero-base{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}
.agency.v12 .hero-base>*{max-width:none}
.agency.v12 .hero-carousel-controls{grid-column:1/-1;display:flex;align-items:center;gap:16px;max-width:100%;width:fit-content;flex-wrap:wrap}
.agency.v12 .hero-carousel-controls button{min-width:44px;min-height:44px;border:1px solid #ffffff55;background:#09162caa;color:white;font:inherit;font-size:19px;padding:6px 12px;cursor:pointer}
.agency.v12 .hero-slide-dots{display:flex;gap:2px}
.agency.v12 .hero-slide-dots button{min-width:32px;width:32px;border:0;background:none;padding:12px 7px;position:relative}
.agency.v12 .hero-slide-dots button:after{content:'';display:block;width:18px;height:3px;background:#ffffff55}
.agency.v12 .hero-slide-dots button[aria-current=true]:after{background:#fff}
.agency.v12 #hero-slide-position{font-size:14px;letter-spacing:1px;color:#e5edf8;white-space:nowrap}
.agency.v12 #hero-carousel-toggle{font-size:15px;white-space:nowrap}
.agency.v12 .carousel-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.agency.v12 #hero-provenance{font-size:12px;text-align:right;letter-spacing:0}
@media(max-width:800px){.agency.v12 .hero-backdrop img.hero-slide-image{object-fit:contain;object-position:center 25%!important}.agency.v12 .hero-content{padding-bottom:220px}.agency.v12 .hero-base{gap:12px}.agency.v12 .hero-carousel-controls{gap:6px}.agency.v12 .hero-slide-dots button{width:20px;min-width:20px;padding-inline:3px}.agency.v12 .hero-slide-dots button:after{width:14px}.agency.v12 #hero-slide-position{font-size:13px}.agency.v12 .hero-base .scroll-cue{font-size:12px}.agency.v12 #hero-provenance{font-size:11px;max-width:180px}.agency.v12 .hero-carousel-controls button{padding-inline:10px}.agency.v12 #hero-carousel-toggle:disabled{font-size:12px}}
@media(prefers-reduced-motion:reduce){.agency.v12 .hero-backdrop img.hero-slide-image{transition:none;will-change:auto}}