/* assets/home-layout.css */
/* Homepage layout from PJ's annotated plan. Scoped to Home; dimensions stay responsive. */
body[data-page="home"] .home-benefits{position:relative;z-index:2;margin-top:calc(clamp(32px,4vw,64px) - var(--cinema-tail));}
.home-benefits-film{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;height:clamp(210px,22vw,320px);background:#222820;color:#fff;display:grid;place-items:center;}
.home-benefits-film>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2;}
.home-benefits-film::after{content:"";position:absolute;inset:0;background:#1014107a;z-index:-1;}
.home-benefits-copy{text-align:center;padding:36px 24px 54px;width:100%;}
.home-benefits-copy>.eyebrow{font-size:12px;letter-spacing:.15em;color:#fff;margin-bottom:12px;}
.home-benefits-word{display:block;font:400 clamp(54px,7vw,110px)/1 var(--display);letter-spacing:-.045em;text-wrap:balance;}
.home-benefits-progress{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:6px;}
.home-benefits-progress i{width:5px;height:5px;background:#ffffff66;border-radius:99px;}
.home-benefits-progress i.is-active{background:#fff;width:21px;}
body[data-page="home"] .home-benefits+.solutions-section{position:relative;z-index:2;margin-top:clamp(70px,7vw,112px);scroll-margin-top:120px;}
body[data-page="home"] .home-spatial .solution-card{background:#f6f6f2;border-radius:28px;overflow:hidden;box-shadow:0 14px 34px -27px #17171577;display:flex;flex-direction:column;}
body[data-page="home"] .home-spatial .home-solution-media{height:clamp(235px,21vw,310px);border-radius:0;flex:none;box-shadow:none;}
body[data-page="home"] .home-spatial .home-solution-media>span{top:20px;left:20px;}
body[data-page="home"] .home-spatial .solution-copy{padding:27px 30px 30px;flex:1;display:flex;flex-direction:column;min-width:0;}
body[data-page="home"] .home-spatial .solution-copy>.eyebrow{margin:0 0 12px;color:#000;font-size:12px;letter-spacing:.11em;}
body[data-page="home"] .home-spatial .solution-copy h3{font-size:clamp(41px,3.6vw,54px);line-height:1.03;}
body[data-page="home"] .home-spatial .solution-copy>p{font-size:17px;line-height:1.65;margin-top:18px;max-width:none;}
body[data-page="home"] .home-spatial .home-stat{font-size:14px;line-height:1.65;margin-top:22px;color:#000;text-decoration-color:#a5a79c;}
.js body[data-page="home"] .home-spatial:not(.is-expanded) .solution-card{width:clamp(330px,33vw,480px);align-self:stretch;}
body[data-page="home"] .home-spatial .carousel-bottom{padding-top:28px;}
body[data-page="home"] .home-spatial.is-expanded .carousel-stage{max-width:1552px;align-items:stretch;}
body[data-page="home"] .home-spatial.is-expanded .home-solution-media{height:255px;}
body[data-page="home"] .home-spatial.is-expanded .solution-copy{opacity:1;}
body[data-page="home"] .home-step{grid-template-columns:minmax(0,.66fr) minmax(0,1fr);min-height:530px;border-radius:32px;align-items:stretch;}
body[data-page="home"] .home-step-visual{height:auto;aspect-ratio:auto;min-height:0;}
body[data-page="home"] .home-step-copy{align-self:center;padding:clamp(30px,4vw,60px);min-width:0;}
body[data-page="home"] .home-step-copy h3{margin:20px 0 24px;}
body[data-page="home"] .home-step-copy p{max-width:56ch;}
@media(max-width:800px){body[data-page="home"] .home-step{grid-template-columns:minmax(0,.55fr) minmax(0,1fr);}body[data-page="home"] .home-step-copy{padding:30px;}body[data-page="home"] .home-spatial .solution-copy{padding:25px;}body[data-page="home"] .home-spatial .home-solution-media{height:265px;}}
@media(max-width:600px){
  .home-benefits-film{height:210px;border-radius:28px;}
  .home-benefits-copy{padding:26px 16px 65px;}
  .home-benefits-copy>.eyebrow{font-size:10px;margin-bottom:15px;}
  .home-benefits-word{font-size:clamp(39px,11.3vw,64px);}
  .home-benefits-progress{left:50%;transform:translateX(-50%);bottom:24px;}
  body[data-page="home"] .home-benefits+.solutions-section{scroll-margin-top:95px;}
  .js body[data-page="home"] .home-spatial:not(.is-expanded) .solution-card{width:82vw;border-radius:25px;}
  body[data-page="home"] .home-spatial .home-solution-media{height:240px;}
  body[data-page="home"] .home-spatial .solution-copy{padding:24px;}
  body[data-page="home"] .home-spatial .solution-copy h3{font-size:42px;}
  body[data-page="home"] .home-spatial .solution-copy>p{font-size:16px;line-height:1.7;}
  body[data-page="home"] .home-spatial .home-stat{font-size:14px;margin-top:19px;}
  body[data-page="home"] .home-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:22px 14px;padding:24px;min-height:0;border-radius:28px;}
  body[data-page="home"] .home-step-visual{grid-column:2;grid-row:1;align-self:stretch;aspect-ratio:4/5;min-height:150px;border-radius:18px;}
  body[data-page="home"] .home-step-visual .floating-label{display:none;}
  body[data-page="home"] .home-step-copy{display:contents;}
  body[data-page="home"] .home-step-title{grid-column:1;grid-row:1;align-self:center;}
  body[data-page="home"] .home-step-title>.eyebrow{font-size:10px;letter-spacing:.08em;}
  body[data-page="home"] .home-step-copy h3{font-size:clamp(37px,10.4vw,48px);margin:16px 0 0;}
  body[data-page="home"] .home-step-copy>p,.home-service-open{grid-column:1/-1;margin:0;}
  body[data-page="home"] .home-step-copy p{font-size:16px;line-height:1.75;max-width:none;}
  .home-service-open{justify-self:start;min-width:142px;}
}
@media(prefers-reduced-motion:reduce){.home-benefits-word,.home-service-open{animation:none;transition:none;}}

/* Preserve existing homepage carousel entry point styling. */
.home-solution-media[href]{display:block;}
.solution-copy :is(.eyebrow,h3)>a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;}
@media(max-width:800px),(hover:none){body[data-page="home"] .home-all-solutions{display:none;}}



.home-benefits-film>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;z-index:-2}


.home-benefits-film::after{background:none!important}


/* assets/slider-controls.css */
/* All slider arrows and counters share a centered position beneath their track. */
body .home-spatial .carousel-bottom,body .home-rail-bottom{
 display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;
}
body .home-spatial .carousel-bottom>.button,body .home-rail-bottom>.button{grid-column:1;grid-row:1;justify-self:start;max-width:100%}
body .home-spatial .carousel-controls,body .home-rail-controls{grid-column:2;grid-row:1;justify-content:center;margin-inline:0;justify-self:center}
body :is(.ag-team-controls,.work-pillars-controls,.project-showcase-controls,.project-story-card-controls){justify-content:center;margin-inline:auto}
body .solution-deck-footer,body .project-media-controls,body .project-pet-gallery-footer{
 display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;
}
body .solution-deck-footer>.solution-deck-hint,body .project-media-controls>span,body .project-pet-gallery-footer>span{grid-column:1;grid-row:1}
body .solution-deck-footer>.solution-deck-controls,body .project-media-controls>div,body .project-pet-gallery-footer>.project-story-card-controls{grid-column:2;grid-row:1;justify-content:center;justify-self:center;margin-inline:0}
body .solution-deck-controls{justify-content:center}
body .project-media-controls [data-media-prev]{order:0}
body .project-media-controls [data-media-count]{order:1;margin:0;text-align:center}
body .project-media-controls [data-media-next]{order:2}
body .solution-deck:not(.is-ready) .solution-deck-controls{display:none}
body .project-pet-gallery-footer{display:none}
body .ag-team-stage,body .work-pillars-stage{perspective:1600px}
body .ag-team-stage .founder-card,body .work-pillars-stage .work-pillar-card{width:clamp(330px,33vw,480px);transform-origin:50% 50%;border-radius:28px}
body .ag-team-stage .founder-portrait{border-radius:28px 28px 0 0}
@media(max-width:900px){body .project-pet-gallery-footer{display:grid}}
@media(max-width:700px){
 body .home-spatial .carousel-bottom,body .home-rail-bottom,body .solution-deck-footer,body .project-media-controls,body .project-pet-gallery-footer{grid-template-columns:minmax(0,1fr);justify-items:center;gap:16px}
 body .home-spatial .carousel-controls,body .home-rail-controls,body .solution-deck-footer>.solution-deck-controls,body .project-media-controls>div,body .project-pet-gallery-footer>.project-story-card-controls{grid-column:1;grid-row:1}
 body .home-spatial .carousel-bottom>.button,body .home-rail-bottom>.button,body .solution-deck-footer>.solution-deck-hint,body .project-media-controls>span,body .project-pet-gallery-footer>span{grid-column:1;grid-row:2;justify-self:center;text-align:center}
}
@media(max-width:600px){
 body .ag-team-stage .founder-card,body .work-pillars-stage .work-pillar-card{width:82vw;border-radius:25px}
 body .ag-team-stage .founder-portrait{border-radius:25px 25px 0 0}
}
@media print{body :is(.solution-deck-footer,.project-media-controls,.project-pet-gallery-footer,.ag-team-controls,.work-pillars-controls,.project-showcase-controls,.project-story-card-controls){display:none}}

/* Keep outer cards proportionate and softly dissolve them at the stage edges. */
body .home-spatial .carousel-stage,body .ag-team-stage,body .work-pillars-stage{perspective:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}

/* V177: controls sit closer to their cards; side cards dissolve into the page. */
html body[data-page] :is(.project-showcase-controls,.ag-team-controls,.project-story-card-controls,.home-rail-bottom,.solution-deck-footer):not(#slider-gap-a):not(#slider-gap-b):not(#slider-gap-c){margin-top:5px!important;padding-top:0!important}
html body[data-page] :is(.home-spatial .carousel-bottom,.work-pillars-controls):not(#slider-gap-a):not(#slider-gap-b):not(#slider-gap-c){padding-top:12px!important;margin-top:0!important}
html body[data-page] .project-media-controls:not(#slider-gap-a):not(#slider-gap-b):not(#slider-gap-c){padding-top:3px!important}
html body[data-page] :is(.project-showcase-stage,.ag-team-stage,.work-pillars-stage,.home-spatial:not(.is-expanded) .carousel-stage,.home-rail:not(.is-expanded) .home-solutions-track,.solution-deck.is-ready .solution-deck-track):not(#slider-fade-a):not(#slider-fade-b):not(#slider-fade-c){-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%)!important;mask-size:100% 100%;mask-repeat:no-repeat}
@media(max-width:900px){html body[data-page] :is(.project-story-card-track,.project-media-track):not(#slider-fade-a):not(#slider-fade-b):not(#slider-fade-c){-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)!important}}

html body[data-page] .home-spatial .carousel-bottom:not(#slider-gap-a):not(#slider-gap-b):not(#slider-gap-c){padding-top:0!important;margin-top:-8px!important}

/* V178: narrower desktop feather; approved phone/tablet masks stay unchanged. */
@media(min-width:901px){html body[data-page] :is(.project-showcase-stage,.ag-team-stage,.work-pillars-stage,.home-spatial:not(.is-expanded) .carousel-stage,.home-rail:not(.is-expanded) .home-solutions-track,.solution-deck.is-ready .solution-deck-track):not(#slider-fade-a):not(#slider-fade-b):not(#slider-fade-c){-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%)!important}}

/* assets/home-services.css */
/* The original 9:16 service expansion, with its full supporting copy. */
body[data-page="home"] .home-benefits{margin-top:var(--ag-panel-gap,48px)}
body[data-page="home"] .home-services{position:relative;z-index:2;margin-top:var(--ag-panel-gap,48px)}
body[data-page="home"] .home-services .home-section-heading{margin-bottom:30px}
body[data-page="home"] .home-services .home-step{grid-template-columns:minmax(0,.66fr) minmax(0,1fr);transition:grid-template-columns 720ms cubic-bezier(.22,1,.36,1);overflow-anchor:none}
body[data-page="home"] .home-services .home-step.is-open{grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}
body[data-page="home"] .home-services .home-step-visual::before{content:"";display:block;padding-top:0;transition:padding-top 720ms cubic-bezier(.22,1,.36,1)}
body[data-page="home"] .home-services .home-step.is-open .home-step-visual::before{padding-top:177.7778%}
body[data-page="home"] .home-services .home-step-visual img{object-position:50% 42%;transition:object-position 720ms cubic-bezier(.22,1,.36,1),opacity 240ms ease}
body[data-page="home"] .home-services #mascots .home-step-visual img{object-position:49% 44%}
body[data-page="home"] .home-services .home-step-copy{padding:clamp(30px,3.5vw,54px);transition:padding 720ms cubic-bezier(.22,1,.36,1)}
body[data-page="home"] .home-services .home-step.is-open .home-step-copy{padding:clamp(28px,2.6vw,40px)}
body[data-page="home"] .home-services .home-step-copy h3{font-size:clamp(46px,4.6vw,72px)}
.home-services .home-service-expanded{display:grid;grid-template-rows:1fr;transition:grid-template-rows 720ms cubic-bezier(.22,1,.36,1),visibility 0s}
.home-services .home-service-expanded-inner{min-height:0;overflow:hidden}
.home-services .home-service-expanded p{margin:0}
.home-services .home-service-expanded p:first-child{margin-top:22px}
.home-services .home-service-expanded p+p{margin-top:var(--ag-copy-gap,19px)}
html.js .home-services .home-step:not(.is-open) .home-service-expanded{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows 720ms cubic-bezier(.22,1,.36,1),visibility 0s 720ms}
.home-services .home-read-more{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:12px 19px;border:1px solid var(--ink);border-radius:var(--ag-pill-radius,12px);background:var(--ink);color:#fff;margin-top:26px;font-size:14px;touch-action:manipulation;transition:background 200ms,border-color 200ms}
.home-services .home-read-more:hover{background:#30312b;border-color:#30312b}
.home-services .home-more-symbol{display:inline-block;font-size:21px;line-height:1;transition:transform 500ms cubic-bezier(.22,1,.36,1)}
.home-services .is-open .home-more-symbol{transform:rotate(45deg)}
.home-services .home-read-more.home-service-close{display:flex;width:max-content;margin:20px 0 0}
.home-services .home-step-visual video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;z-index:1;background:#171719}
.home-services .home-step-visual video[hidden]{display:none}
.home-services .is-video-ready .home-step-visual img{opacity:0}
.home-services .is-video-ready .home-step-visual .floating-label{top:18px;bottom:auto;z-index:2;pointer-events:none}
.home-service-video-status{position:absolute;left:18px;right:18px;bottom:70px;z-index:2;margin:0;padding:8px 12px;border-radius:var(--ag-pill-radius,12px);background:#171719a8;color:#fff;font:400 13px/1.5 var(--sans);text-align:center;backdrop-filter:blur(10px);pointer-events:none}
.home-service-video-status[hidden]{display:none}
@media(min-width:1101px){.home-services .home-step.is-open .home-step-copy h3{margin:14px 0 20px}}
@media(max-width:1100px){
 body[data-page="home"] .home-services .home-step,body[data-page="home"] .home-services .home-step.is-open{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:0;padding:0;min-height:0}
 body[data-page="home"] .home-services .home-step-visual{grid-area:auto;aspect-ratio:auto;height:auto;min-height:0;border-radius:0}
 body[data-page="home"] .home-services .home-step-visual::before{padding-top:300px}
 body[data-page="home"] .home-services .home-step-copy,body[data-page="home"] .home-services .home-step.is-open .home-step-copy{display:block;align-self:auto;padding:30px}
 body[data-page="home"] .home-services .home-step-title{display:block}
 body[data-page="home"] .home-services .home-step-copy h3{margin:14px 0 22px;font-size:48px}
}
@media(max-width:600px){
 body[data-page="home"] .home-services .home-step-visual::before{padding-top:235px}
 body[data-page="home"] .home-services .home-step-copy,body[data-page="home"] .home-services .home-step.is-open .home-step-copy{padding:28px 24px 30px}
 body[data-page="home"] .home-services .home-step-copy h3{font-size:44px}
 body[data-page="home"] .home-services .home-step-copy p{font-size:16px;line-height:1.65}
 .home-services .home-read-more{margin-top:24px}
 .home-services .home-rail-bottom{margin-top:14px}
}
@media(prefers-reduced-motion:reduce){.home-services *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html:not(.js) .home-services .home-steps-track{display:grid;overflow:visible}
html:not(.js) .home-services .home-read-more{display:none}
@media print{.home-services .home-steps-track{display:block;overflow:visible}.home-services .home-step{break-inside:avoid;margin-block:20px}.home-services :is(.home-read-more,.home-rail-bottom,video,.home-service-video-status){display:none!important}}
@media print{.home-services .home-service-expanded{display:block!important;visibility:visible!important}.home-services .home-service-expanded-inner{overflow:visible}}
@media print{html body[data-page="home"] main>.home-cinema+.home-services{margin-top:0}}
/* Service titles begin the copy block without the retired numbered eyebrow. */
body[data-page="home"] .home-services .home-step .home-step-title h3{margin-top:0}

/* Match the site's film sound switch, above native seek and pause controls. */
.home-service-sound{display:none;position:absolute;right:14px;bottom:62px;z-index:3;align-items:center;gap:12px;padding:11px 15px;min-height:44px;border:0;border-radius:var(--ag-pill-radius);background:#171715ad;color:#fff;backdrop-filter:blur(12px);font:400 13px/1.2 var(--sans);cursor:pointer}
.is-open.is-video-ready .home-service-sound{display:flex}
.home-service-sound svg{width:16px;height:16px}
.home-service-sound:hover{background:#171715e6}
.home-service-sound:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media print{.home-service-sound{display:none!important}}

/* Keep the landscape cover out of the portrait expansion; reveal decoded video. */
body[data-page="home"] .home-services .home-step-visual{background:#171719}
body[data-page="home"] .home-services .is-open .home-step-visual>img{opacity:0;transition:none}
body[data-page="home"] .home-services .home-step-visual>video{opacity:0;transition:opacity 300ms ease}
body[data-page="home"] .home-services .is-video-ready .home-step-visual>video{opacity:1}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .home-services .home-step-visual>video{transition:none}}

/* V90: cover fills the changing frame; decoded film fades over its soft backdrop. */
body[data-page="home"] .home-services .home-step-visual{overflow:hidden}
body[data-page="home"] .home-services .home-step-visual>img{transition:filter 240ms ease,scale 240ms ease;filter:none;scale:1}
body[data-page="home"] .home-services .is-open .home-step-visual>img{opacity:1;filter:blur(20px);scale:1.14;object-fit:cover;transition:filter 240ms ease,scale 240ms ease}
body[data-page="home"] .home-services .home-step-visual>video{background:transparent}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .home-services .home-step-visual>img{transition:none}}

/* Close from the current measured geometry instead of snapping to auto sizes. */
.home-services .service-close-measure,.home-services .service-close-measure *,.home-services .service-close-measure::before,.home-services .service-close-measure *::before{transition:none!important}
body[data-page=home] .home-services .is-closing .home-step-visual>video{opacity:0!important;transition:opacity 360ms ease}

/* assets/shared-rhythm.css */
/* Shared spacing and panel alignment for the site's matching media layouts. */
:root{--ag-panel-gap:48px;--ag-panel-max-width:1552px}
@media(max-width:600px){:root{--ag-panel-gap:28px}}
html body[data-page]{--demo-panel-gap:var(--ag-panel-gap)}
html body[data-page] main .section-shell:not(.ag-team-section):not(.work-collection):not(.work-approach){
 width:calc(100% - var(--gutter)*2);max-width:var(--ag-panel-max-width);margin-inline:auto;
}
html body[data-page]:not([data-page="home"]) main :is(.home-cinema.home-cinema,.work-intro.work-cinema){
 width:calc(100% - var(--gutter)*2);max-width:var(--ag-panel-max-width);margin-inline:auto;margin-top:var(--ag-panel-gap);
}
html body[data-page] main>:is(.about-welcome,.ag-news-banner,.ag-contact-hero){margin-top:var(--ag-panel-gap)}
html body[data-page] main>:is(.about-story,.career-section,.founders-section,.work-approach,.work-collection,.news-room,.ag-shared-cta,.home-v3-section){
 margin-top:var(--ag-panel-gap);
}
html body[data-page="work"] .work-cinema+.work-approach{margin-top:var(--ag-panel-gap)}
html body[data-page] .ag-shared-cta.ag-hello-cta{margin-top:var(--ag-panel-gap)}
html body[data-page="about"] .career-section,
html body[data-page="about"] .founders-section.ag-team-section{margin-top:var(--ag-panel-gap)}
html body[data-page="home"] .home-cinema+.home-services{margin-top:calc(var(--ag-panel-gap) - var(--cinema-tail,0px))}
html body[data-page] main>:is(.about-story,.work-approach){column-gap:var(--ag-panel-gap)}
html body[data-page] .service-content-grid{gap:var(--ag-panel-gap)}
html body[data-page] :is(.service-chapter){padding-block:var(--ag-panel-gap)}
html body[data-page] .solution-detail{padding-block:calc(var(--ag-panel-gap)/2)}
html body[data-page] :is(.ag-contact-hero,.ag-news-banner,.career-section,.ag-shared-cta){margin-bottom:0}

html body[data-page] main>section.work-collection.section-shell,
html body[data-page] main>section.home-v3-section.solutions-section{margin-top:var(--ag-panel-gap)}

html body[data-page] main>section{margin-bottom:0}

/* Large image pills share a lower-left message and matching shade. */
html body[data-page] .ag-contact-hero>.ag-contact-copy{align-self:end;text-align:left;padding:clamp(28px,4vw,64px)}
html body[data-page] .ag-contact-hero:after{
 background:radial-gradient(ellipse 110% 115% at 0% 100%,rgba(16,17,18,0.81176) 0%,rgba(16,17,18,0.63882) 28%,rgba(16,17,18,0.31412) 58%,transparent 88%);
}
@media(min-width:601px){
 html body[data-page] .ag-shared-cta.ag-hello-cta:not(.ag-project-cta){display:flex;flex-direction:column;justify-content:flex-end;padding:0}
 html body[data-page] .ag-shared-cta.ag-hello-cta:not(.ag-project-cta) .ag-hello-copy{align-self:flex-start;margin:0;text-align:left;padding:clamp(28px,4vw,64px)}
 html body[data-page] .ag-shared-cta.ag-hello-cta:not(.ag-project-cta):after{background:radial-gradient(ellipse 110% 115% at 0% 100%,rgba(16,17,18,0.81176) 0%,rgba(16,17,18,0.63882) 28%,rgba(16,17,18,0.31412) 58%,transparent 88%)}
}
@media(max-width:600px){
 html body[data-page] .ag-contact-hero{min-height:620px}
 html body[data-page] .ag-contact-hero>.ag-contact-copy{padding:28px 24px}
 html body[data-page] .ag-contact-hero:after,
 html body[data-page] .ag-shared-cta.ag-hello-cta:not(.ag-project-cta):after{background:linear-gradient(0deg,rgba(16,17,18,0.83647) 0%,rgba(16,17,18,0.63882) 30%,rgba(16,17,18,0.19765) 62%,transparent 84%),linear-gradient(90deg,rgba(16,17,18,0.19765),transparent 78%)}
}

/* Expanded homepage boards have independent exit and sequence controls. */
.home-service-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.home-service-actions [hidden]{display:none!important}
.home-service-actions .home-service-next{display:inline-flex}
.home-service-actions .home-service-next svg{transform:rotate(-45deg)}

.home-services .is-open .home-service-next .home-more-symbol{transform:none}
.home-services .home-service-actions .home-read-more{margin:0}
.home-service-actions{margin-top:20px}

/* Home and Projects use one spatial card style and the same interaction engine. */
html body[data-page="work"] main .work-approach.section-shell{width:100%;max-width:none;margin-inline:0}
html body[data-page] :is(.home-spatial .solution-card,.work-pillar-card){background:#f6f6f2;border-radius:28px;overflow:hidden;box-shadow:0 14px 34px -27px #17171577;display:flex;flex-direction:column;transform-origin:50% 50%;padding:0;top:0}
html body[data-page] :is(.home-spatial .solution-card,.work-pillar-card){width:clamp(330px,33vw,480px)}
html body[data-page] :is(.home-spatial .home-solution-media,.work-pillar-image){height:clamp(235px,19vw,290px);aspect-ratio:auto;border-radius:0;flex:none;padding:0;overflow:hidden}
html body[data-page] :is(.home-spatial .solution-copy,.work-pillar-copy){padding:24px 27px 27px;min-height:0;flex:1;display:flex;flex-direction:column;min-width:0}
html body[data-page] :is(.home-spatial .solution-copy h3,.work-pillar-copy h3){font:400 clamp(37px,3.24vw,49px)/1.03 var(--display);letter-spacing:-.045em;color:#000;margin:0}
html body[data-page] :is(.home-spatial .solution-copy p,.work-pillar-copy p){font:400 16px/1.65 var(--sans);color:#000;max-width:none;padding:0;margin:16px 0 0}
html body[data-page] .work-pillars-carousel{margin-top:var(--ag-panel-gap)}
html body[data-page] .work-pillars-stage{width:100%;overflow:hidden}
html body[data-page] .work-pillars-controls{justify-content:center;gap:18px;margin-top:0;padding-top:28px}
html body[data-page] .work-pillars-controls button{width:45px;height:45px;background:#ffffff1f;border:1px solid #b9bbb3;box-shadow:inset 0 1px 0 #ffffff70;backdrop-filter:blur(10px);color:#000}
html body[data-page] .work-pillars-controls svg{width:19px;height:19px}
html body[data-page] .work-pillars-count{font:400 12px/1.55 var(--sans);letter-spacing:.1em;min-width:52px}
.work-pillar-number{position:absolute;z-index:2;top:20px;left:20px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f6f6f2;color:#000;font:400 11px/1 var(--sans);pointer-events:none}
@media(max-width:800px){html body[data-page] :is(.home-spatial .home-solution-media,.work-pillar-image){height:265px}}
@media(max-width:600px){
 html body[data-page] :is(.home-spatial .solution-card,.work-pillar-card){width:82vw;border-radius:25px}
 html body[data-page] :is(.home-spatial .home-solution-media,.work-pillar-image){height:240px}
 html body[data-page] :is(.home-spatial .solution-copy,.work-pillar-copy){padding:24px}
 html body[data-page] :is(.home-spatial .solution-copy h3,.work-pillar-copy h3){font-size:42px}
 html body[data-page] :is(.home-spatial .solution-copy p,.work-pillar-copy p){font-size:16px;line-height:1.7}
 html body[data-page] .work-pillars-controls button{width:40px;height:40px}
}

/* Projects uses the same grid-based overlapping card layout as Home. */
html body[data-page="work"] .work-pillars-carousel.home-spatial{width:100%;max-width:none;overflow:visible}
html body[data-page="work"] .work-pillars-stage.carousel-stage{display:grid;grid-template-columns:minmax(0,1fr);height:auto!important;position:relative}
html body[data-page="work"] .work-pillars-stage .work-pillar-card.solution-card{position:relative;grid-area:1/1;align-self:stretch;height:auto!important;top:0;left:50%;min-height:0}
html body[data-page="work"] .work-pillars-stage .work-pillar-copy.solution-copy{min-height:0!important;position:relative;inset:auto}
html body[data-page="work"] .work-pillars-controls.carousel-controls{display:flex;justify-content:center;margin-top:0;padding-top:28px}

html body[data-page="work"] .work-pillar-card.solution-card:after{display:none;content:none}

/* Keep the five Projects cards visible across the viewport. */
html body[data-page="work"] .work-pillars-stage.carousel-stage{-webkit-mask-image:none;mask-image:none}

/* Keep the five Projects cards visible across the viewport. */
html body[data-page="work"] .work-pillars-stage.carousel-stage{-webkit-mask-image:none;mask-image:none}

/* Projects retains the shared gap above the team component. */
html body[data-page="work"] .ag-team-carousel{margin-top:var(--ag-panel-gap)}

/* Mobile image pills place messages over shade at the lower left. */
@media(max-width:600px){
 html body[data-page] :is(.work-approach-feature,.home-why,.about-story-title,.about-process.ag-process-banner){display:flex;flex-direction:column;justify-content:flex-end;text-align:left}
 html body[data-page] .work-approach-feature-art{inset:0;mask-image:none;-webkit-mask-image:none}
 html body[data-page] .work-approach-feature-art img{object-position:50% 22%}
 html body[data-page] .work-approach-feature-copy{width:100%;min-height:610px;justify-content:flex-end;padding:32px 26px}
 html body[data-page] .work-approach-feature-shade{background:radial-gradient(ellipse 150% 110% at 0% 100%,rgba(16,22,23,0.85412) 0%,rgba(16,22,23,0.76588) 28%,rgba(16,22,23,0.51176) 53%,rgba(16,22,23,0.13412) 78%,transparent 100%)}
 html body[data-page] :is(.home-why,.about-story-title,.about-process.ag-process-banner):after{background:radial-gradient(ellipse 150% 110% at 0% 100%,rgba(16,17,18,0.85412) 0%,rgba(16,17,18,0.76588) 28%,rgba(16,17,18,0.51176) 53%,rgba(16,17,18,0.13412) 78%,transparent 100%)}
 html body[data-page] .home-why{min-height:620px}
 html body[data-page] .home-why .home-feature-copy{width:100%;text-align:left;margin-top:auto}
 html body[data-page] .about-welcome{display:flex;flex-direction:column;justify-content:flex-end}
 html body[data-page] .about-welcome-film{inset:0}
 html body[data-page] .about-welcome-film:after{background:radial-gradient(ellipse 150% 110% at 0% 100%,rgba(16,17,18,0.85412) 0%,rgba(16,17,18,0.76588) 28%,rgba(16,17,18,0.51176) 53%,rgba(16,17,18,0.13412) 78%,transparent 100%)}
 html body[data-page] .about-welcome-copy{padding:30px 24px 76px;text-align:left;color:#fff}
 html body[data-page] .about-welcome-copy :is(h1,p,.eyebrow){color:#fff}
 html body[data-page] .project-banner-copy{top:auto;bottom:62px;translate:none;text-align:left}
 html body[data-page] .project-banner-shade{background:radial-gradient(ellipse 145% 130% at 0% 100%,rgba(11,17,18,0.78706) 0%,rgba(11,17,18,0.49412) 44%,transparent 90%)}
}

/* Project banner gaps share the established panel spacing. */
html body[data-page="work"] .work-banners{gap:var(--ag-panel-gap)}

/* One neutral, horizontally balanced shadow for visual panels and image cards. */
:root{--ag-panel-shadow:0 4px 12px -2px rgb(20 24 22 / .07),0 16px 32px -12px rgb(20 24 22 / .18)}
html body[data-page] :is(.about-welcome,.about-story-title,.career-section,.about-process.ag-process-banner,.home-feature,.home-benefits,.ag-shared-cta,.ag-contact-hero,.ag-news-banner,.work-approach-feature,.roster-heading,.project-banner-surface,.project-showcase-card,.project-story-card,.project-film-frame,.news-feature-image,.news-article-cover,.contact-photo,.home-video-window,.home-v3-film,.solution-image,.stills-grid>img,.project-screens-desktop img){box-shadow:var(--ag-panel-shadow)}
html body[data-page] :is(.ag-team-stage .founder-card,.home-spatial .solution-card,.roster-card-window,.roster-preview){box-shadow:var(--ag-panel-shadow)}
html body[data-page] .project-banner:not(.has-depth){box-shadow:var(--ag-panel-shadow)}
html body[data-page] .project-banner.has-depth{box-shadow:none}
html body[data-page] .project-banner:hover .project-banner-surface{box-shadow:var(--ag-panel-shadow)}

/* Section margins alone control the About page outer gaps. */
html body[data-page="about"] main>.about-story{padding-top:0;padding-bottom:0;margin-top:var(--ag-panel-gap)}

/* Media panels have soft shadows, with no decorative rims on hover. */
html body[data-page] :is(.about-welcome,.about-story-title,.career-section,.about-process.ag-process-banner,.home-feature,.home-benefits,.ag-shared-cta,.ag-contact-hero,.ag-news-banner,.work-approach-feature,.roster-heading,.project-banner-surface,.project-showcase-card,.project-story-card,.project-film-frame,.news-feature-image,.news-article-cover,.contact-photo,.home-video-window,.home-v3-film,.solution-image,.stills-grid>img,.ag-team-stage .founder-card,.home-spatial .solution-card,.roster-card-window,.roster-preview,.project-media-card,.project-case-lead,.project-case-wide-photo,.project-screens){border:0;outline:none;box-shadow:var(--ag-panel-shadow)}
html body[data-page] :is(.about-welcome,.about-story-title,.career-section,.about-process.ag-process-banner,.home-feature,.home-benefits,.ag-shared-cta,.ag-contact-hero,.ag-news-banner,.work-approach-feature,.roster-heading,.project-banner-surface,.project-showcase-card,.project-story-card,.project-film-frame,.news-feature-image,.news-article-cover,.contact-photo,.home-video-window,.home-v3-film,.solution-image,.stills-grid>img,.ag-team-stage .founder-card,.home-spatial .solution-card,.roster-card-window,.roster-preview,.project-media-card,.project-case-lead,.project-case-wide-photo,.project-screens):hover{border:0;outline:none;box-shadow:var(--ag-panel-shadow)}
html body[data-page] :is(.home-cinema-window,.work-cinema-window,.home-opening-film,.work-opening-film,.project-film-poster,.roster-card,.project-banner,.founder-portrait){border:0;outline:none}
html body[data-page] :is(.home-cinema-window,.work-cinema-window,.home-opening-film,.work-opening-film,.project-film-poster,.roster-card,.project-banner,.founder-portrait):hover{border:0;outline:none}
html body[data-page] :is(.project-banner,.project-film-poster,.roster-card,.founder-card):focus-visible{outline:none;box-shadow:0 0 18px 5px rgb(40 55 50 / .22),var(--ag-panel-shadow)}

/* Keep image shadows off editorial labels and eliminate exposed media seams. */
:root{--ag-panel-shadow:0 0 18px rgb(20 24 22 / .035),0 8px 26px -4px rgb(20 24 22 / .12)}
html body[data-page="news"] .news-feature-image,
html body[data-page="news"] .news-feature-image:hover{box-shadow:none;background:transparent}
html body[data-page="news"] .news-feature-image>img{box-shadow:var(--ag-panel-shadow);border:0;outline:none}
html body[data-page="news"] .news-format{box-shadow:none}
html body[data-page="news"] .news-choice{translate:none!important;scale:1;opacity:1}
html body[data-page="news"] .news-choice>img{box-shadow:0 4px 12px rgb(20 24 22 / .08);border:0;outline:none}
html body[data-page] .about-welcome-film{overflow:hidden;border:0;outline:none}
html body[data-page] .about-welcome-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important;translate:none!important;scale:1}
html body[data-page] :is(.home-solution-media,.founder-portrait,.work-cinema-window,.home-cinema-window){box-shadow:none!important;border:0;outline:none}
html body[data-page] :is(.project-banner-sheen,.project-opening-sheen,.roster-card-sheen){display:none!important}

html body[data-page]:not([data-page="home"]) :is(.home-cinema,.work-intro.work-cinema){box-shadow:var(--ag-panel-shadow);border:0;outline:none}

/* Keep shadows inside carousel paint space so their blur never ends at a hard edge. */
html body[data-page="news"] .news-feature-image.news-feature-image,
html body[data-page="news"] .news-feature-image.news-feature-image:hover{box-shadow:none!important}
html body[data-page="news"] .news-reader-pane{padding-left:18px;padding-right:18px}
html body[data-page] .project-showcase-stage .project-showcase-card{top:32px}
html body[data-page] .project-showcase-stage{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
html body[data-page] .ag-team-stage .founder-card{top:24px}
html body[data-page] .home-spatial .carousel-stage{padding-block:32px}

/* A single rounded clip avoids dark backing and antialiasing seams around static films. */
html body[data-page]:not([data-page="home"]) :is(.home-cinema,.work-intro.work-cinema){background:transparent;isolation:isolate;overflow:hidden}
html body[data-page]:not([data-page="home"]) :is(.home-cinema-stage,.work-cinema-stage,.home-opening-film,.work-opening-film,.home-cinema-window,.work-cinema-window){border-radius:0;background:transparent;clip-path:none!important;box-shadow:none!important;border:0;outline:none}
html body[data-page]:not([data-page="home"]) :is(.home-cinema-window>video,.work-intro-art video){inset:-2px;left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);max-width:none;border-radius:0;object-fit:cover}
html body[data-page] .about-welcome-film{border-radius:0;background:transparent}
html body[data-page] .about-welcome-film video{inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);max-width:none;border-radius:0}

html body[data-page]:not([data-page="home"]) :is(.home-cinema,.work-intro.work-cinema){box-shadow:var(--ag-panel-shadow);border:0;outline:none}

/* Why Us uses the shared CTA typography and lower-left copy layout. */
html body[data-page="home"] .home-why.ag-hello-cta .ag-hello-copy>p{font-weight:400}

/* Shared contrast and label treatment: black on paper, white on imagery. */
html body[data-page]{--ink:#000;--muted:#000;color:#000}
html body[data-page] *,html body[data-page] *::before,html body[data-page] *::after{font-style:normal!important}
html body[data-page] :is(.floating-label,.founder-role,.avatar-chat-identity,.avatar-chat-caption,.project-sample-badge,.news-format){background:rgb(0 0 0 / .72)!important;background-image:none!important;color:#fff!important;border:0!important;outline:none!important;box-shadow:none!important;border-radius:var(--ag-pill-radius,12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html body[data-page] :is(.floating-label,.founder-role,.avatar-chat-identity,.avatar-chat-caption,.project-sample-badge,.news-format) *{color:#fff!important}
html body[data-page] :is(.news-article-body,.news-description,.news-deck,.news-article-heading,.news-article-meta,.news-choice-copy) :is(p,h1,h2,h3,h4,h5,h6,li,blockquote,figcaption,em,strong,small,time){color:#000}
html body[data-page] .news-article-body .news-article-table :is(thead,tr:first-child) :is(th,td,p,strong){color:#fff}

/* Contact artwork: shade the message locally and leave the faces in clear light. */
html body[data-page] [data-contact-art="crew"]{background:#101112;color:#fff}
html body[data-page] [data-contact-art="crew"] :is(.ag-hello-image img,.ag-contact-background){object-position:center top}
html body[data-page] :is(.ag-shared-cta.ag-hello-cta,.ag-contact-hero)[data-contact-art="crew"]::after{background:radial-gradient(ellipse 88% 118% at 0% 100%,rgba(16,17,18,0.86471) 0%,rgba(16,17,18,0.75529) 30%,rgba(16,17,18,0.46941) 55%,rgba(16,17,18,0.13412) 76%,transparent 100%)}
html body[data-page] [data-contact-art="crew"] :is(.ag-hello-copy,.ag-contact-copy)>:is(h1,h2,p,.eyebrow,.ag-hello-footnote),
html body[data-page] [data-contact-art="crew"] :is(.ag-hello-copy,.ag-contact-copy)>:is(h1,h2,p,.eyebrow,.ag-hello-footnote) *{color:#fff}
@media(min-width:601px){
 html body[data-page] .ag-shared-cta.ag-hello-cta[data-contact-art="crew"]::after{background:radial-gradient(ellipse 48% 66% at 0% 0%,rgba(16,17,18,0.72) 0%,rgba(16,17,18,0.54) 50%,transparent 100%),radial-gradient(ellipse 88% 118% at 0% 100%,rgba(16,17,18,0.86471) 0%,rgba(16,17,18,0.75529) 30%,rgba(16,17,18,0.46941) 55%,rgba(16,17,18,0.13412) 76%,transparent 100%)}
}
@media(max-width:600px){
 html body[data-page] [data-contact-art="crew"]{--ag-contact-art-height:clamp(250px,60vw,310px)}
 html body[data-page] [data-contact-art="crew"] .ag-hello-image{inset:0 0 auto;height:var(--ag-contact-art-height)}
 html body[data-page] [data-contact-art="crew"] :is(.ag-hello-image img,.ag-contact-background){height:var(--ag-contact-art-height);object-fit:cover;object-position:center top}
 html body[data-page] :is(.ag-shared-cta.ag-hello-cta,.ag-contact-hero)[data-contact-art="crew"]::after{background:linear-gradient(180deg,transparent calc(var(--ag-contact-art-height) - 96px),rgba(16,17,18,0.9) var(--ag-contact-art-height))}
 html body[data-page] .ag-shared-cta.ag-hello-cta[data-contact-art="crew"]::after{background:linear-gradient(180deg,transparent calc(var(--ag-contact-art-height) - 96px),rgba(16,17,18,0.9) var(--ag-contact-art-height)),radial-gradient(ellipse 85% 92px at 0% 0%,rgba(16,17,18,0.73765) 0%,rgba(16,17,18,0.58588) 45%,transparent 100%)}
}

/* The Contact page photo fills the phone pill, keeping its original proportions. */
@media(max-width:600px){
 html body[data-page="contact"] .ag-contact-hero[data-contact-art="crew"] .ag-contact-background{height:100%;object-fit:cover;object-position:53% top}
 html body[data-page="contact"] .ag-contact-hero.section-shell[data-contact-art="crew"]::after{background:linear-gradient(180deg,transparent 20%,rgb(16 17 18 /0.18) 33%,rgb(16 17 18 /0.702) 56%,rgb(16 17 18 /0.828) 100%)}
}

/* assets/home-review.css */
/* Homepage welcome stays with the scroll-driven film. */
html body[data-page="home"] .home-cinema-copy{--ag-hero-title-size:clamp(64px,6.4vw,108px);--ag-hero-copy-size:clamp(19px,1.65vw,25px);width:min(65vw,940px);bottom:clamp(48px,7svh,80px);transform-origin:left bottom;opacity:1;will-change:transform}
html body[data-page="home"] .home-cinema-copy>p{max-width:700px}
html body[data-page="home"] .home-cinema-copy>.home-actions{transform-origin:left bottom;will-change:transform}
.home-services-intro{max-width:760px;font:400 var(--ag-copy-size)/var(--ag-copy-leading) var(--sans);margin-top:20px;color:#000}
@media(max-width:600px){html body[data-page="home"] .home-cinema-copy{--ag-hero-title-size:clamp(44px,11.5vw,62px);--ag-hero-copy-size:18px;left:24px;width:calc(100% - 48px);bottom:76px}.home-services-intro{margin-top:16px}}
@media(max-width:640px){html body[data-page="home"] .home-scroll-cue{left:14px;bottom:12px}}
@media(max-height:580px) and (min-width:601px){html body[data-page="home"] .home-cinema-copy{--ag-hero-title-size:46px;--ag-hero-copy-size:17px;bottom:44px}}
@media(prefers-reduced-motion:reduce){html body[data-page="home"] .home-cinema-copy>.home-actions{will-change:auto}}

/* assets/home-updates.css */
/* October 12 homepage covers, experience logos and Demo advert. */
body[data-page="home"] .home-services #mascots .home-step-visual img{object-position:60% 44%}
body[data-page="home"] .home-services #agents .home-step-visual img{object-position:50% 42%}
html body[data-page="home"] .home-why.ag-hello-cta{height:auto;min-height:620px}
html body[data-page="home"] .home-why.ag-hello-cta .ag-hello-copy{padding-bottom:22px}
.home-experience{position:relative;z-index:1;width:100%;padding:0 clamp(28px,4vw,64px) 26px}
.home-experience-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;color:#fff;font:400 12px/1.5 var(--sans)}
.home-logos-toggle{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:8px;border:1px solid #ffffff66;border-radius:50%;background:#16171980;color:#fff;cursor:pointer}
.home-logos-toggle:hover{background:#161719}
.home-logos-toggle svg{width:16px;height:16px}
.home-logos-toggle [hidden],.home-logos-toggle[hidden]{display:none}
.home-logos-toggle:focus-visible,.home-logo-window:focus-visible{outline:2px solid #fff;outline-offset:4px}
.home-logo-window{overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.home-logo-window::-webkit-scrollbar{display:none}
.home-logo-track{display:flex;width:max-content}
.home-logo-group{display:flex;align-items:center;gap:52px;padding-right:52px;flex:none}
.home-logo-group[aria-hidden="true"]{display:none}
.home-logo-group img{width:130px;height:74px;object-fit:contain;filter:brightness(0) invert(1);opacity:.96}
.home-experience.is-ready .home-logo-window{overflow:hidden}
.home-experience.is-ready .home-logo-group[aria-hidden="true"]{display:flex}
.home-experience.is-ready .home-logo-track{animation:home-logo-scroll 48s linear infinite}
.home-experience.is-paused .home-logo-track{animation-play-state:paused}
.home-logo-group .client-marvel,.home-logo-group .client-epic-games{filter:url(#home-ink-light)}
.home-logo-group .client-cartoon-network,.home-logo-group .client-dreamworks{filter:url(#home-ink-dark)}
.home-logo-group .client-capcom,.home-logo-group .client-star-wars{filter:url(#home-ink-gold)}
.home-logo-group .client-nickelodeon{filter:url(#home-ink-orange)}
.home-logo-group .client-pixar{object-fit:cover;width:145px}
.home-logo-group .client-futureverse{width:74px}
@keyframes home-logo-scroll{to{transform:translateX(-50%)}}
html body[data-page="home"] .home-demo-ad{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(28px,4vw,64px);margin-top:var(--ag-panel-gap);min-height:480px;padding:clamp(32px,4vw,64px);background:#e3e1e8;color:#141513;border-radius:var(--radius,28px)}
.home-demo-ad-copy{min-width:0;position:relative;z-index:1}
.home-demo-ad-copy .eyebrow{display:block;font-size:12px;letter-spacing:.1em;margin-bottom:22px}
.home-demo-ad-copy h2{font:400 clamp(44px,4.4vw,72px)/1.02 var(--display);letter-spacing:-.048em;color:#141513}
.home-demo-ad-copy>p{max-width:38ch;margin:24px 0 28px;font:400 var(--ag-copy-size,17px)/var(--ag-copy-leading,1.7) var(--sans);color:#141513}
.home-demo-ad-copy>.button{display:inline-flex}
.home-demo-ad-cast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px;min-width:0;padding-block:22px}
.home-demo-ad-cast img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;border-radius:clamp(16px,2vw,28px);box-shadow:0 16px 28px -15px #1c1c2b66}
.home-demo-ad-cast img:first-child{transform:translateY(18px)}
.home-demo-ad-cast img:nth-child(2){transform:translateY(-18px)}
.home-demo-ad-cast img:last-child{transform:translateY(18px)}
@media(min-width:901px) and (max-width:1600px){
 html body[data-page="home"] .home-why.ag-hello-cta{min-height:500px}
 .home-experience{padding-inline:clamp(23px,3.2vw,51px)}
 html body[data-page="home"] .home-demo-ad{min-height:384px;padding:clamp(28px,3.2vw,51px)}
 .home-demo-ad-copy h2{font-size:clamp(36px,3.17vw,52px)}
}
@media(max-width:900px){
 html body[data-page="home"] .home-demo-ad{grid-template-columns:1fr;gap:20px;min-height:0;padding:32px}
 .home-demo-ad-cast{grid-row:1;width:min(100%,580px);margin:auto}
 .home-demo-ad-copy>p{max-width:42ch}
}
@media(max-width:600px){
 html body[data-page="home"] .home-why.ag-hello-cta{min-height:0;padding-top:210px!important}
 html body[data-page="home"] .home-why.ag-hello-cta .ag-hello-copy{padding:28px 24px 18px}
 .home-experience{padding:0 24px 24px}
 .home-experience-heading{font-size:11px}
 .home-logo-group{gap:34px;padding-right:34px}
 .home-logo-group img{width:110px;height:66px}
 .home-logo-group .client-pixar{width:126px}
 html body[data-page="home"] .home-demo-ad{padding:28px 24px;border-radius:22px;gap:18px}
 .home-demo-ad-cast{gap:9px;padding-block:18px}
 .home-demo-ad-cast img{border-radius:17px}
 .home-demo-ad-copy .eyebrow{font-size:11px;margin-bottom:18px}
 .home-demo-ad-copy h2{font-size:clamp(38px,10vw,48px)}
 .home-demo-ad-copy>p{font-size:16px;margin:20px 0 24px}
}
@media(prefers-reduced-motion:reduce){
 .home-experience.is-ready .home-logo-track{animation:none}
 .home-experience.is-ready .home-logo-window{overflow-x:auto}
 .home-experience.is-ready .home-logo-group[aria-hidden="true"],.home-logos-toggle{display:none}
}
@media print{
 .home-experience.is-ready .home-logo-track{animation:none;width:100%}
 .home-experience.is-ready .home-logo-group{flex-wrap:wrap;padding:0}
 .home-experience.is-ready .home-logo-group[aria-hidden="true"],.home-logos-toggle{display:none}
}

/* Landscape covers need enough width to keep the supplied ensemble in view. */
@media(min-width:1101px){
 html body[data-page="home"] .home-services .home-step:not(.is-open){grid-template-columns:1fr 1fr;min-height:clamp(380px,28vw,530px)}
 html body[data-page="home"] .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(90deg,rgba(16,17,18,0.68471) 0%,rgba(16,17,18,0.58588) 32%,rgba(16,17,18,0.18) 58%,transparent 78%),linear-gradient(0deg,rgba(16,17,18,0.67412),transparent 40%)}
}
.home-why>.client-logo-filters{position:absolute;overflow:hidden;pointer-events:none}
html body[data-page="home"] .home-why.ag-hello-cta{gap:0}
@media(min-width:601px) and (max-width:1100px){
 html body[data-page="home"] .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(90deg,rgba(16,17,18,0.70941) 0%,rgba(16,17,18,0.54) 44%,transparent 100%),linear-gradient(0deg,rgba(16,17,18,0.67412),transparent 40%)}
}
@media(max-width:600px){
 html body[data-page="home"] .home-why.ag-hello-cta .ag-hello-copy{margin:0}
}

/* Supplied poster rows sit behind the copy, slower than the foreground logos. */
html body[data-page="home"] .home-why.ag-hello-cta{background:#000;isolation:isolate;overflow:hidden}
.home-poster-wall{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#000;display:flex;flex-direction:column;justify-content:center;pointer-events:none}
.home-poster-row{height:210px;flex:none;overflow:hidden}
.home-poster-track{display:flex;width:max-content;transform:translateX(-10%)}
.home-poster-track img{display:block;width:1700px;height:auto;max-width:none;flex:none}
.posters-ready .home-poster-track{animation:home-poster-scroll 150s linear infinite}
.posters-ready .home-poster-row:nth-child(2) .home-poster-track{animation-duration:175s;animation-direction:reverse;animation-delay:-60s}
.posters-ready .home-poster-row:nth-child(3) .home-poster-track{animation-duration:160s;animation-delay:-95s}
.posters-paused .home-poster-track{animation-play-state:paused}
@keyframes home-poster-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html body[data-page="home"] .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(90deg,#000e8 0%,#000c9 34%,#00038 70%,#00020),linear-gradient(0deg,rgba(0,0,0,0.9) 0%,#000b3 18%,transparent 48%)}
.home-why .home-experience-heading{min-height:0;margin-bottom:8px;line-height:1.5}
.home-why .home-experience{padding-bottom:38px}
html body[data-page="home"] .home-why.ag-hello-cta .ag-hello-copy{padding-bottom:16px}
@media(max-width:600px){
 .home-poster-row{height:190px}
 .home-poster-track img{width:1500px}
 .home-why .home-experience{padding-bottom:30px}
 html body[data-page="home"] .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(180deg,rgba(0,0,0,0.12) 0%,rgba(0,0,0,0.54) 24%,#000e8 47%,#000ed 100%)}
}
@media(prefers-reduced-motion:reduce){.posters-ready .home-poster-track{animation:none}}
@media print{.home-poster-track{animation:none!important}}
/* Keep the credit and logos directly beneath the final paragraph. */
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{justify-content:flex-start}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy{padding-bottom:14px}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy>p:last-child{margin-bottom:0}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(90deg,#000eb 0%,#000cc 36%,#00038 75%),linear-gradient(0deg,#000d9,transparent 45%)}
@media(max-width:600px){html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(180deg,rgba(0,0,0,0.12) 0%,rgba(0,0,0,0.54) 24%,#000e8 47%,#000ed 100%)}}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(90deg,#000eb 0%,#000cc 36%,#00038 75%),linear-gradient(0deg,#000d9,transparent 45%)!important}
@media(max-width:600px){html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(180deg,rgba(0,0,0,0.12) 0%,rgba(0,0,0,0.54) 24%,#000e8 47%,#000ed 100%)!important}}
.home-poster-wall::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b3, #00080 40%,transparent 80%);pointer-events:none}
@media(max-width:600px){.home-poster-wall::after{background:linear-gradient(180deg,transparent,#000b3 40%,#000d9)}}
@media(max-width:600px){
 html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{padding-top:0!important}
 .home-poster-wall{justify-content:flex-start}
}
.home-poster-track{opacity:.65}
@media(max-width:600px){
 html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy>.eyebrow{position:static;display:block;margin:0 0 20px}
 .home-poster-track{opacity:.4}
}

/* One larger, complete reflected poster sequence: top, middle, then base. */
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:660px}
.home-why .home-poster-wall{justify-content:center}
.home-poster-sequence{display:flex;width:max-content;opacity:.8}
.home-poster-set{display:flex;flex:none}
.home-poster-set img{display:block;flex:none;width:2400px;height:auto;max-width:none}
.posters-ready .home-poster-sequence{animation:home-poster-scroll 600s linear infinite}
.posters-paused .home-poster-sequence{animation-play-state:paused}
html body[data-page="home"] main .home-why .home-experience{margin-top:auto;padding-top:28px;padding-bottom:40px}
@media(max-width:600px){
 html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:760px}
 .home-why .home-poster-wall{justify-content:flex-start;padding-top:30px}
 .home-poster-set img{width:2200px}
 .home-poster-sequence{opacity:.65}
 html body[data-page="home"] main .home-why .home-experience{padding-top:30px;padding-bottom:32px}
}
@media(prefers-reduced-motion:reduce){.posters-ready .home-poster-sequence{animation:none}}
@media print{.home-poster-sequence{animation:none!important}}

/* Match the review markup: large posters from the top, compact foreground copy. */
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:580px}
.home-why .home-poster-wall{justify-content:flex-start;padding-top:0}
.home-poster-sequence{margin-top:-52px}
.home-poster-set img{width:3600px}
.posters-ready .home-poster-sequence{animation-duration:900s}
html body[data-page="home"] main .home-why .home-experience{margin-top:32px;padding-top:0;padding-bottom:38px}
@media(max-width:600px){
 html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:0}
 .home-poster-set img{width:3200px}
 .home-poster-sequence{margin-top:-45px}
 html body[data-page="home"] main .home-why .home-experience{margin-top:24px;padding-top:0;padding-bottom:30px}
}

/* Lower and enlarge the foreground logos to fill the pill's lower space. */
html body[data-page="home"] main .home-why .home-experience{margin-top:auto;padding-top:32px;padding-bottom:24px}
.home-why .home-logo-group img{width:156px;height:92px}
.home-why .home-logo-group .client-pixar{width:174px}
.home-why .home-logo-group .client-futureverse{width:90px}
@media(max-width:600px){
 html body[data-page="home"] main .home-why .home-experience{padding-top:28px;padding-bottom:22px}
 .home-why .home-logo-group img{width:132px;height:80px}
 .home-why .home-logo-group .client-pixar{width:150px}
 .home-why .home-logo-group .client-futureverse{width:84px}
}
/* Trim only the unused bottom space; retain the top artwork and copy positions. */
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:0}
html body[data-page="home"] main .home-why .home-experience{margin-top:32px;padding-top:0;padding-bottom:24px}
@media(max-width:600px){html body[data-page="home"] main .home-why .home-experience{margin-top:24px;padding-bottom:22px}}

/* V88: studio backdrop, white copy and existing portrait trio. */
html body[data-page="home"] .home-demo-ad{position:relative;isolation:isolate;overflow:hidden;background:#242722;color:#fff}
.home-demo-ad>.home-demo-ad-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;z-index:-2}
.home-demo-ad::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,0.738),rgba(0,0,0,0.54) 32%,rgba(0,0,0,0.108) 68%,transparent)}
html body[data-page="home"] .home-demo-ad-copy :is(h2,p,.eyebrow){color:#fff}
@media(max-width:800px){.home-demo-ad::after{background:linear-gradient(0deg,rgba(0,0,0,0.792),rgba(0,0,0,0.54) 48%,rgba(0,0,0,0.09))}}
@media(min-width:801px){.home-demo-ad>.home-demo-ad-backdrop{width:80%;object-position:center 62%;mask-image:linear-gradient(90deg,#000 72%,transparent 100%)}}

/* V94: individually cropped, tightly packed posters without perspective warping. */
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:736px}
.home-why .home-poster-wall{display:block;padding:0;perspective:none;z-index:0}
.home-depth-plane{position:absolute;inset:-15% -5%;display:flex;flex-direction:column;gap:2px;justify-content:center;transform:none}
.home-depth-row{height:calc((100% - 4px)/3);flex:none;overflow:hidden}
.home-depth-track{display:flex;height:100%;width:max-content;will-change:transform}
.home-poster-pack{display:flex;height:100%;gap:2px;padding-right:2px;flex:none}
.home-depth-track img{display:block;height:100%;width:auto;max-width:none;flex:none;object-fit:contain;transform:none;border-radius:3px}
.posters-ready .home-depth-track{animation:home-poster-wall-flow 120s linear infinite}
.posters-ready .home-depth-row:nth-child(2) .home-depth-track{animation-direction:reverse;animation-duration:145s;animation-delay:-48s}
.posters-ready .home-depth-row:nth-child(3) .home-depth-track{animation-duration:132s;animation-delay:-72s}
.posters-paused .home-depth-track{animation-play-state:paused}
@keyframes home-poster-wall-flow{from{transform:translateX(0)}to{transform:translateX(-25%)}}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta::after{background:var(--pill-image-gradient)!important;opacity:1;z-index:1}
html body[data-page="home"] main .home-why :is(.ag-hello-copy,.home-experience){position:relative;z-index:2}
.home-why .home-poster-wall::after{display:none}
@media(max-width:600px){html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:780px}.home-depth-plane{inset:-5% -20%}}
@media(prefers-reduced-motion:reduce){.posters-ready .home-depth-track{animation:none;will-change:auto}}
@media print{.home-depth-track{animation:none!important}}
/* Anchor the label while the headline, copy and logo group settle at the base. */
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy{position:static;margin-top:auto;padding-top:92px}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy>.eyebrow{position:absolute;top:22px;left:clamp(38px,3.2vw,64px);margin:0;transform:none;padding:0}
html body[data-page="home"] main .home-why .home-experience{margin-top:32px;padding-bottom:24px;flex-shrink:0}
@media(max-width:600px){html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy>.eyebrow{top:28px;left:24px}html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy{min-height:0;padding-top:100px}}
/* V96: one continuous perspective surface, with independent counter-scrolling rows. */
.home-why .home-poster-wall{perspective:1600px;perspective-origin:100% 46%;mask-image:linear-gradient(90deg,transparent 5%,rgba(0,0,0,.25) 18%,#000 48%)}
.home-depth-plane{inset:auto;left:-8%;right:auto;top:-12%;width:112%;height:124%;transform-origin:100% 50%;transform:rotateY(-32deg);gap:2px;justify-content:center}
.home-depth-row{overflow:hidden;height:calc((100% - 4px)/3)}
.home-depth-track img{height:100%;width:auto;object-fit:contain;transform:none}
@media(max-width:600px){.home-why .home-poster-wall{perspective:1100px;mask-image:linear-gradient(90deg,transparent,#000 65%)}.home-depth-plane{left:-30%;width:135%;top:-5%;height:110%}}
.home-depth-plane{left:-96%;width:200%;mask-image:linear-gradient(90deg,transparent 0%,#000 20%)}
@media(max-width:600px){.home-depth-plane{left:-130%;width:235%}}
/* V97: center the main editorial copy without moving the credit or logos. */
@media(min-width:601px){html body[data-page="home"] main .home-why .ag-hello-copy>:is(h2,p){position:relative;top:clamp(-68px,-4.2vw,-32px)}}
/* V98: match About's logo-band breathing room and caption placement. */
html body[data-page="home"] main .home-why .home-experience{display:flex;flex-direction:column;margin-top:20px;padding:0 0 24px}
.home-why .home-logo-window{order:0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.home-why .home-experience-heading{order:1;min-height:0;margin:20px 0 0;padding:0 var(--pill-inset);line-height:1.5;font-size:12px}
.home-why .home-logo-group{gap:68px;padding-right:68px}
@media(max-width:600px){html body[data-page="home"] main .home-why .home-experience{margin-top:12px}.home-why .home-logo-group{gap:42px;padding-right:42px}}
/* V103: the cast invitation shares the poster pill's exact type scale. */
html body[data-page="home"] main .home-demo-ad-copy h2{font:400 var(--pill-title)/1.04 var(--display)!important;letter-spacing:-.035em!important}
html body[data-page="home"] main .home-demo-ad-copy>p{font:400 var(--pill-body)/1.6 var(--sans)!important;letter-spacing:0}
html body[data-page="home"] main .home-demo-ad-copy>.eyebrow{font:600 12px/1.4 var(--sans);letter-spacing:.08em}

/* assets/cta-v41.css */
/* PJ CTA review: larger shared headlines, sign-free films and clean panel edges. */
html body[data-page] .ag-shared-cta.ag-hello-cta:not(.home-why) {
  height:auto;
  min-height:clamp(480px,36vw,660px);
  overflow:hidden;
  isolation:isolate;
}
html body[data-page] .ag-shared-cta.ag-hello-cta:not(.home-why) h2 {
  font-size:clamp(62px,5.8vw,100px);
  line-height:1.02;
}
html body[data-page] [data-cta-storefront] .ag-hello-copy {
  width:70%;
  max-width:940px;
}
html body[data-page] [data-cta-storefront] .ag-hello-copy>p {max-width:46ch}
[data-cta-storefront] .ag-hello-image {overflow:hidden;border-radius:inherit}
[data-cta-storefront] .ag-hello-image>img,
[data-cta-storefront] .ag-hello-image>video {
  position:absolute;inset:0;display:block;width:100%;height:100%;
  object-fit:cover;object-position:center center;
}
[data-cta-storefront] .ag-hello-image>video {opacity:0;pointer-events:none}
[data-cta-storefront] .ag-hello-image>video.is-playing {opacity:1}
/* The shadow belongs to the same rounded perimeter as the moving picture. */
html body[data-page="home"] .home-benefits {
  border-radius:32px;overflow:hidden;isolation:isolate;background:#222820;
}
.home-benefits .home-benefits-film {border-radius:inherit}
html body[data-page] .work-project .ag-shared-cta.ag-project-cta h2 {
  font-size:clamp(54px,4.8vw,86px);
}
@media(max-width:900px) {
  html body[data-page] [data-cta-storefront] .ag-hello-copy {width:100%;max-width:760px}
  html body[data-page] .ag-shared-cta.ag-hello-cta:not(.home-why) h2 {font-size:clamp(56px,7.4vw,68px)}
  html body[data-page] .ag-shared-cta.ag-hello-cta[data-cta-storefront] {min-height:560px}
}
@media(max-width:600px) {
  html body[data-page] .ag-shared-cta.ag-hello-cta:not(.home-why) {min-height:620px}
  html body[data-page] .ag-shared-cta.ag-hello-cta:not(.home-why) h2 {font-size:clamp(48px,13.4vw,68px)}
  html body[data-page] [data-cta-storefront] .ag-hello-image>img,
  html body[data-page] [data-cta-storefront] .ag-hello-image>video {object-position:75% center}
  html body[data-page] .work-project .ag-shared-cta.ag-project-cta {min-height:0}
  html body[data-page] .work-project .ag-shared-cta.ag-project-cta h2 {font-size:clamp(40px,11.4vw,60px)}
  html body[data-page="home"] .home-benefits {border-radius:28px}
}
@media(prefers-reduced-motion:reduce),print {
  [data-cta-storefront] .ag-hello-image>video {display:none}
}

/* V42: the complete CTA copy starts at the top at every viewport size. */
html body[data-page] .ag-shared-cta.ag-hello-cta[data-cta-storefront] {
  justify-content:flex-start;
}
html body[data-page] .ag-shared-cta.ag-hello-cta[data-cta-storefront] .ag-hello-copy {
  position:relative;align-self:flex-start;margin:0;
  padding:clamp(28px,3.2vw,64px);
}
html body[data-page] [data-cta-storefront] .ag-hello-copy>.eyebrow {
  position:static;margin:0 0 24px;
}
html body[data-page] [data-cta-storefront] .ag-hello-copy>.ag-hello-footnote {
  position:static;display:block;margin:20px 0 0;
}
html body[data-page] .ag-shared-cta.ag-hello-cta[data-cta-storefront]::after {
  background:radial-gradient(ellipse 110% 120% at 0% 0%,rgba(16,17,18,0.78706) 0%,rgba(16,17,18,0.58588) 30%,rgba(16,17,18,0.22588) 62%,transparent 90%);
}
html body[data-page] .work-project .ag-project-cta .ag-hello-copy {
  justify-content:flex-start;margin-top:0;
}
@media(max-width:600px) {
  html body[data-page] .ag-shared-cta.ag-hello-cta[data-cta-storefront] .ag-hello-copy {padding:28px 24px}
  html body[data-page] .ag-shared-cta.ag-hello-cta[data-cta-storefront]::after {
    background:linear-gradient(180deg,rgba(16,17,18,0.76588) 0%,rgba(16,17,18,0.58588) 40%,rgba(16,17,18,0.22588) 75%,rgba(16,17,18,0.13412) 100%);
  }
}

/* assets/mobile-pill-copy.css */
/* Mobile pill copy: small labels stay high; the main message rests at the base. */
@media(max-width:600px){
 html body[data-page] main .ag-shared-cta.ag-hello-cta[data-cta-storefront] .ag-hello-copy{display:flex;flex-direction:column;align-self:stretch;min-height:620px;justify-content:flex-end;padding:28px 24px;width:100%;max-width:none}
 html body[data-page] main [data-cta-storefront] .ag-hello-copy>.eyebrow{margin:0 0 auto;padding-bottom:48px;flex-shrink:0}
 html body[data-page] main [data-cta-storefront] .ag-hello-copy>h2{margin-top:0}
 html body[data-page] main [data-cta-storefront]::after{background:linear-gradient(180deg,rgba(16,17,18,0.58588) 0%,rgba(16,17,18,0.13412) 25%,rgba(16,17,18,0.45176) 50%,rgba(16,17,18,0.81176) 100%)}
 html body[data-page] main .about-welcome-copy{display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-self:stretch;width:100%;max-width:none;padding:30px 24px 76px;min-height:inherit}
 html body[data-page] main .about-welcome-copy>.eyebrow{margin:0 0 auto;padding-bottom:48px}
 html body[data-page] main .about-welcome-film:after{background:linear-gradient(180deg,rgba(0,0,0,0.42),transparent 30%,rgba(0,0,0,0.42) 55%,rgba(0,0,0,0.72))}
 html body[data-page] main .work-approach-feature-copy{display:flex;flex-direction:column;justify-content:flex-end;min-height:570px}
 html body[data-page] main .work-approach-feature-copy>.eyebrow{margin-bottom:auto;padding-bottom:48px}
 html body[data-page] main .home-why.ag-hello-cta .ag-hello-copy{display:flex;flex-direction:column;min-height:520px;justify-content:flex-end}
 html body[data-page] main .home-why .ag-hello-copy>.eyebrow{margin-bottom:auto;padding-bottom:48px}
 html body[data-page] main .career-heading{display:flex;flex-direction:column;min-height:440px;justify-content:flex-end}
 html body[data-page] main .career-heading>.eyebrow{margin-bottom:auto;padding-bottom:48px}
 html body[data-page] main .about-story-title>.eyebrow{margin-bottom:auto;padding-bottom:48px}
 html body[data-page] main .discipline-panel{align-items:stretch}
 html body[data-page] main .discipline-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:28px 24px;min-height:535px}
 html body[data-page] main .discipline-copy>.eyebrow{margin-bottom:auto;padding-bottom:48px}
 html body[data-page] main .project-banner-copy{inset:24px 24px 62px;max-width:none;width:auto;translate:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
 html body[data-page] main .project-banner-copy>.eyebrow{margin-bottom:auto}
 html body[data-page] main .project-hero-copy{top:24px;bottom:28px;display:flex;flex-direction:column;justify-content:flex-end}
 html body[data-page] main .project-hero-copy>.eyebrow{margin-bottom:auto;padding-bottom:32px}
 /* Text panels beneath carousel pictures retain their image and label positions. */
 html body[data-page] main :is(.solution-copy,.founder-copy,.project-copy-block){display:flex;flex-direction:column;align-items:flex-start;text-align:left}
 html body[data-page] main .solution-copy>.eyebrow{margin-bottom:auto;padding-bottom:18px}
 html body[data-page] main .founder-copy>h3{margin-top:auto}
 html body[data-page] main .project-story-card .project-copy-block>h3{margin-top:auto}
 /* Opening films already reserve the bottom area for their sound controls. */
 html body[data-page] main :is(.home-cinema-copy,.work-cinema-window .work-intro-copy){top:28px;bottom:100px;display:flex;flex-direction:column;justify-content:flex-end}
 html body[data-page] main :is(.home-cinema-copy,.work-intro-copy)>.eyebrow{margin-bottom:auto;padding-bottom:24px}
 html body[data-page] main .services-banner{padding-top:28px}
 html body[data-page] main .services-banner-copy{display:flex;flex-direction:column;min-height:440px;justify-content:flex-end}
 html body[data-page] main .services-banner-copy>h1{margin-bottom:auto;padding-bottom:32px}
}
/* Desktop messages sit at the base; labels are independently corner-anchored. */
@media(min-width:601px){
 html body[data-page="about"] main .about-welcome{display:flex;flex-direction:column;justify-content:flex-end}
 html body[data-page="about"] main .about-welcome-copy{padding-bottom:42px}
 html body[data-page="about"] main .about-story .about-story-title{justify-content:flex-end}
}
html body[data-page="about"] main .about-story-title>.eyebrow{position:absolute;top:32px;left:32px;margin:0}
@media(max-width:600px){html body[data-page="about"] main .about-story-title>.eyebrow{top:24px;left:24px}}
/* Shared monochrome action buttons on image and video panels. */
html body[data-page] main :is(.home-cinema-copy,.work-intro-copy,.about-welcome,.ag-hello-cta,.ag-project-cta,.project-hero,.project-banner,.discipline-panel,.home-why,.home-demo-ad,.work-approach-feature,.services-banner,.cta-panel) :is(.button-dark,.button-outline){
 background:rgba(0,0,0,.72);color:#fff;border-color:transparent;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
}
html body[data-page] main :is(.home-cinema-copy,.work-intro-copy,.about-welcome,.ag-hello-cta,.ag-project-cta,.project-hero,.discipline-panel,.home-why,.home-demo-ad,.work-approach-feature,.services-banner,.cta-panel) :is(.button-dark,.button-outline):hover{background:rgba(0,0,0,.86);color:#fff}
html body[data-page] main :is(.home-video-controls button,.work-video-controls button,.about-video-sound){background:rgba(0,0,0,.72);color:#fff;box-shadow:none}
/* Retain the approved white primary action on the opening film. */
html body[data-page] main .home-cinema-copy .home-actions>.button:first-child{background:#f2f2ef;color:#000;border-color:transparent;box-shadow:none;backdrop-filter:none}
html body[data-page] main .home-cinema-copy .home-actions>.button:first-child:hover{background:#fff;color:#000}
/* V71: neutral, localized text shading with a fully clear image side. */
:root{--ag-copy-shade:linear-gradient(90deg,rgba(0,0,0,0.684) 0%,rgba(0,0,0,0.513) 30%,rgba(0,0,0,0.18) 52%,transparent 72%);--ag-copy-bottom:radial-gradient(ellipse 95% 115% at 0% 100%,rgba(0,0,0,0.702) 0%,rgba(0,0,0,0.504) 35%,rgba(0,0,0,0.162) 60%,transparent 80%)}
html body[data-page] :is(.ag-hello-cta[data-cta-storefront],.about-story-title,.ag-process-banner,.services-banner,.project-case-image-panel,.work-approach-feature,.home-why)::after,
html body[data-page] :is(.about-welcome-film,.career-backdrop,.discipline-media)::after,
html body[data-page] :is(.project-banner-shade,.project-hero-shade){background:var(--ag-copy-shade)!important}
html body[data-page] .home-cinema-window::after,
html body[data-page] .work-cinema-window .work-intro-shade{background:var(--ag-copy-bottom)!important}
html body[data-page=demos] [data-cta-storefront] .ag-hello-image>img{object-position:center center;filter:none;opacity:1}
@media(max-width:600px){
 :root{--ag-copy-shade:linear-gradient(0deg,rgba(0,0,0,0.738) 0%,rgba(0,0,0,0.567) 30%,rgba(0,0,0,0.198) 53%,transparent 72%);--ag-copy-bottom:var(--ag-copy-shade)}
 html body[data-page] :is(.ag-hello-copy,.project-case-overlay-copy,.about-welcome-copy,.work-approach-feature-copy)>.eyebrow{text-shadow:0 1px 7px #000b}
}
html body[data-page] .work-approach-feature-shade{background:var(--ag-copy-shade)!important}

/* assets/pill-system.css */
/* Shared media-pill typography and rhythm. Matched components share these tokens. */
:root{--pill-title:clamp(56px,5.6vw,88px);--pill-small-title:clamp(38px,3.8vw,56px);--pill-body:18px;--pill-inset:32px;--pill-gap:24px}
html body[data-page] :is(.home-cinema-copy h1,.work-intro-copy h1,.about-welcome-copy h1,.ag-hello-copy h2,.project-hero-copy h2,.services-display){font-family:var(--display)!important;font-size:var(--pill-title)!important;font-weight:400;line-height:1.04!important;letter-spacing:-0.015em!important}
html body[data-page] :is(.about-story-title h2,.work-approach-feature-copy h2,.career-heading h2,.discipline-copy h3,.project-case-overlay-copy h3){font-family:var(--display)!important;font-size:var(--pill-small-title)!important;font-weight:400;line-height:1.08!important;letter-spacing:-0.005em!important}
html body[data-page] :is(.home-cinema-copy,.work-intro-copy,.about-welcome-copy,.ag-hello-copy,.project-hero-copy,.project-case-overlay-copy,.work-approach-feature-copy,.career-heading,.discipline-copy,.services-banner-copy)>p{font:400 var(--pill-body)/1.6 var(--sans)!important;letter-spacing:0!important;margin:var(--pill-gap) 0 0!important;max-width:60ch}
html body[data-page] :is(.ag-hello-copy,.about-welcome-copy,.about-story-title,.project-case-overlay-copy,.work-approach-feature-copy,.career-heading,.discipline-copy)>.eyebrow{font:600 12px/1.4 var(--sans)!important;letter-spacing:.08em}
html body[data-page] :is(.ag-hello-copy,.about-welcome-copy,.about-story-title,.project-case-overlay-copy,.work-approach-feature-copy)>:is(h1,h2,h3){margin:0!important}
html body[data-page] main .ag-shared-cta.ag-hello-cta[data-cta-storefront]{height:auto;min-height:0}
html body[data-page] main .ag-shared-cta.ag-hello-cta[data-cta-storefront] .ag-hello-copy{display:flex;flex-direction:column;width:72%;max-width:1000px;min-height:0;padding:var(--pill-inset);margin:0;align-self:stretch;justify-content:flex-end}
html body[data-page] main [data-cta-storefront] .ag-hello-copy>.eyebrow{margin:0 0 32px;padding:0;flex-shrink:0}
html body[data-page] main .ag-hello-actions{margin-top:24px;gap:12px}
html body[data-page] main .ag-hello-copy>.ag-hello-footnote{position:static;margin:20px 0 0;font:400 12px/1.5 var(--sans)}
html body[data-page] main .ag-project-cta{min-height:0;height:auto}
html body[data-page] main .ag-project-cta .ag-hello-copy{padding:32px;min-height:0}

html body[data-page] main .about-welcome-copy{padding:32px;width:min(72%,940px);min-height:0;display:flex;flex-direction:column;justify-content:flex-end}
html body[data-page] main .about-welcome-copy>.eyebrow{margin:0 0 40px;padding:0}
html body[data-page] main .about-story .about-story-title{padding:32px;min-height:300px;justify-content:flex-end}
html body[data-page] main .about-story-title h2{margin:60px 0 0!important}
html body[data-page] main .project-case-overlay-copy{padding:32px}
html body[data-page] main :is(.home-actions,.ag-hello-actions) .button{font:500 14px/1.4 var(--sans);min-height:48px;padding:14px 20px}
@media(max-width:600px){
 :root{--pill-title:clamp(40px,11vw,54px);--pill-small-title:clamp(34px,9vw,44px);--pill-body:16px;--pill-inset:24px;--pill-gap:20px}
 html body[data-page] main .ag-shared-cta.ag-hello-cta[data-cta-storefront] .ag-hello-copy{width:100%;min-height:0;padding:24px}
 html body[data-page] main [data-cta-storefront] .ag-hello-copy>.eyebrow{margin-bottom:56px}
 html body[data-page] main .about-welcome-copy{width:100%;padding:24px 24px 80px;min-height:0}
 html body[data-page] main .about-welcome-copy>.eyebrow{margin-bottom:56px}
 html body[data-page] main .about-story .about-story-title{padding:24px;min-height:280px}
 html body[data-page] main .project-case-overlay-copy{padding:24px}
 html body[data-page] main .ag-project-cta .ag-hello-copy{padding:24px}
}
@media(max-height:580px) and (min-width:601px){:root{--pill-title:42px;--pill-body:16px}}
/* Restore the original cinematic About frame; arrange copy inside it. */
html body[data-page] main .about-welcome-copy{position:absolute;inset:0;width:100%;max-width:none;min-height:0;padding:32px;display:flex;flex-direction:column;justify-content:flex-end}
html body[data-page] main .about-welcome-copy>.eyebrow{margin:0 0 auto;padding:0}
html body[data-page] main .about-welcome-copy>h1{max-width:70%}
html body[data-page] main .about-welcome-copy>p{max-width:540px}
@media(max-width:600px){html body[data-page] main .about-welcome-copy{padding:24px 24px 80px}html body[data-page] main .about-welcome-copy>h1{max-width:100%}}/* About media panels share one vertical text alignment. */
html body[data-page=about] main :is(.career-heading,.career-caption){padding-left:var(--pill-inset);padding-right:var(--pill-inset)}
html body[data-page=about] main :is(.about-welcome-copy,.about-story-title,.career-heading,.ag-hello-copy)>:is(h1,h2,p,.eyebrow){margin-left:0;margin-right:0}
/* Keep experience copy on the shaded side of the desktop image. */
@media(min-width:601px){
 html body[data-page=about] main .career-heading h2 em{display:block}
 html body[data-page=about] main .career-heading>p{max-width:430px!important;text-wrap:pretty}
}
/* One stationary opening frame across Services, About, Projects and Demo. */
html body[data-page] main :is(.about-welcome,.services-banner){width:calc(100% - var(--gutter)*2);max-width:1552px;aspect-ratio:16/9;min-height:0;max-height:none;height:auto;margin:18px auto 0;border-radius:28px;padding:0;opacity:1;transition:none}
html body[data-page]:not([data-page=home]) :is(.home-cinema,.work-intro.work-cinema){margin-top:18px}
html body[data-page]:not([data-page=home]) :is(.home-cinema-copy,.work-cinema-window .work-intro-copy),
html body[data-page] main :is(.about-welcome-copy,.services-banner-copy){position:absolute;inset:32px 32px 64px;width:auto;max-width:none;min-height:0;margin:0;padding:0;display:flex;flex-direction:column;justify-content:flex-end;transform:none}
html body[data-page] main :is(.about-welcome-copy,.services-banner-copy)>p,
html body[data-page]:not([data-page=home]) :is(.home-cinema-copy,.work-intro-copy)>p{max-width:540px!important;text-wrap:pretty}
html body[data-page] main .services-banner-copy h1{position:absolute;top:0;left:0;margin:0;font:600 12px/1.4 var(--sans);letter-spacing:.08em}
html body[data-page] main .services-banner-copy .services-display{font:400 var(--pill-title)/1.04 var(--display)!important;letter-spacing:-0.015em!important;margin:0}
html body[data-page] main .services-display-line{white-space:normal}
html body[data-page] main .services-banner-media img{object-position:center;transform:none}
@media(max-width:900px) and (min-width:601px){html body[data-page] main :is(.about-welcome,.services-banner){min-height:540px}}
@media(max-width:600px){
 html body[data-page] main :is(.about-welcome,.services-banner){aspect-ratio:4/5;min-height:620px;margin-top:12px;border-radius:20px}
 html body[data-page]:not([data-page=home]) :is(.home-cinema-copy,.work-cinema-window .work-intro-copy),html body[data-page] main :is(.about-welcome-copy,.services-banner-copy){inset:24px 24px 80px;width:auto;padding:0}
 html body[data-page] main .services-banner-copy{min-height:0}
}
html body[data-page=services] [data-cta-storefront] .ag-hello-image>img{object-position:center top}
@media(min-width:901px){html body[data-page=services] main [data-cta-storefront]{min-height:0;aspect-ratio:1920/842;align-items:flex-end}html body[data-page=services] main [data-cta-storefront] .ag-hello-copy{align-self:flex-end}}

/* Services CTA: reserve the left side for copy and lift the full source framing. */
@media(min-width:901px){
 html body[data-page=services] [data-cta-storefront] .ag-hello-image{background:#292e2e}
 html body[data-page=services] [data-cta-storefront] .ag-hello-image>img{left:auto;right:-7%;width:90%;height:100%;object-position:center 10%;mask-image:linear-gradient(90deg,transparent,#000 18%)}
}

/* V77: opening headlines share the reference's larger editorial scale. */
:root{--pill-opening-title:clamp(72px,8.7vw,132px)}
html body[data-page] main :is(.home-cinema-copy h1,.work-intro-copy h1,.about-welcome-copy h1,.services-banner-copy .services-display){font-size:var(--pill-opening-title)!important;line-height:0.99!important;letter-spacing:-.02em!important;text-wrap:initial;max-width:10em!important}
html body[data-page] main .about-welcome .about-welcome-copy h1{max-width:4.2em!important}
@media(max-width:900px){:root{--pill-opening-title:clamp(60px,8.7vw,78px)}}
@media(max-width:600px){:root{--pill-opening-title:clamp(46px,13vw,60px)}
 html body[data-page] main :is(.home-cinema-copy h1,.work-intro-copy h1,.about-welcome-copy h1,.services-banner-copy .services-display){max-width:100%}
}
@media(max-height:580px) and (min-width:601px){:root{--pill-opening-title:54px}}

/* Every opening uses About's 32px left and 64px bottom copy anchors. */
html body[data-page=home] main .home-cinema-copy{left:32px;right:32px;top:auto;bottom:64px;width:auto;max-width:none;padding:0;margin:0}
html body[data-page] main :is(.home-cinema-copy,.work-intro-copy,.about-welcome-copy,.services-banner-copy)>p{max-width:540px!important;text-wrap:pretty}
html body[data-page] main :is(.home-cinema-copy,.work-intro-copy) .home-actions{margin-top:24px}
@media(max-width:600px){
 html body[data-page=home] main .home-cinema-copy{left:24px;right:24px;bottom:80px;width:auto}
 html body[data-page] main :is(.home-cinema-copy h1,.work-intro-copy h1,.about-welcome .about-welcome-copy h1,.services-banner-copy .services-display){max-width:100%!important}
}

/* V78: shared Home CTA frame and copy slots, excluding Contact. */
html body[data-page]:not([data-page=contact]) main .ag-shared-cta.ag-hello-cta[data-cta-storefront]{aspect-ratio:auto;height:auto;min-height:calc(306px + var(--pill-title)*2.08);align-items:stretch}
html body[data-page]:not([data-page=contact]) main .ag-shared-cta.ag-hello-cta[data-cta-storefront] .ag-hello-copy{position:relative;box-sizing:border-box;min-height:inherit;align-self:stretch;width:72%;max-width:1000px;padding:32px;justify-content:flex-end}
html body[data-page]:not([data-page=contact]) main [data-cta-storefront] .ag-hello-copy>.eyebrow{position:absolute!important;left:32px!important;top:32px!important;margin:0!important}
html body[data-page]:not([data-page=contact]) main [data-cta-storefront] .ag-hello-copy>p{max-width:540px!important;min-height:86.4px}
@media(max-width:900px){html body[data-page]:not([data-page=contact]) main .ag-shared-cta.ag-hello-cta[data-cta-storefront] .ag-hello-copy{width:100%;max-width:none}}
@media(max-width:600px){
 html body[data-page=home] main .home-cinema-copy{bottom:80px!important;top:auto!important}
 html body[data-page]:not([data-page=contact]) main .ag-shared-cta.ag-hello-cta[data-cta-storefront]{min-height:620px}
 html body[data-page]:not([data-page=contact]) main .ag-shared-cta.ag-hello-cta[data-cta-storefront] .ag-hello-copy{padding:24px}
 html body[data-page]:not([data-page=contact]) main [data-cta-storefront] .ag-hello-copy>.eyebrow{left:24px!important;top:24px!important}
 html body[data-page]:not([data-page=contact]) main [data-cta-storefront] .ag-hello-copy>p{min-height:128px}
}

/* V80: supplied artwork and shared CTA-sized accountability panel. */
html body[data-page=about] [data-cta-storefront] .ag-hello-image{background:#202524}
@media(min-width:901px){
 html body[data-page=about] [data-cta-storefront] .ag-hello-image>img{left:auto;right:-7%;width:78%;object-position:center 45%;mask-image:linear-gradient(90deg,transparent,#000 22%)}
}
html body[data-page=work] main .work-approach-feature{min-height:calc(306px + var(--pill-title)*2.08);height:auto}
html body[data-page=work] main .work-approach-feature-art{inset:0;mask-image:none;-webkit-mask-image:none}
html body[data-page=work] main .work-approach-feature-art img{object-position:center top}
html body[data-page=work] main .work-approach-feature-copy{box-sizing:border-box;min-height:inherit;width:72%;max-width:1000px;padding:32px;justify-content:flex-end}
html body[data-page=work] main .work-approach-feature-copy>.eyebrow{position:absolute!important;left:32px!important;top:32px!important;margin:0;padding:0}
html body[data-page=work] main .work-approach-feature-copy>p{max-width:540px!important}
@media(max-width:600px){
 html body[data-page=work] main .work-approach-feature{min-height:620px}
 html body[data-page=work] main .work-approach-feature-copy{width:100%;padding:24px}
 html body[data-page=work] main .work-approach-feature-copy>.eyebrow{left:24px!important;top:24px!important}
 html body[data-page=work] main .work-approach-feature-art img{object-position:74% top}
 html body[data-page] :is(.home-spatial .solution-card,.work-pillar-card,.ag-team-stage .founder-card){width:calc(100vw - 40px)!important;max-width:none}
 html body[data-page] .work-project:not([data-project=mayson]) .project-media-card{width:calc(100vw - 40px)!important;flex-basis:calc(100vw - 40px)!important}
}
@media(max-width:600px){html body[data-page] .project-showcase-card{width:calc(100vw - 40px)!important;flex-basis:calc(100vw - 40px)!important}}

html body[data-page=work] main .work-approach-feature-copy h2{font-size:var(--pill-title)!important;line-height:1.04!important;letter-spacing:-0.015em!important}

/* V82: compact reference headline rhythm, retaining the shared bottom anchors. */
html body[data-page] main :is(.home-cinema-copy h1,.work-intro-copy h1,.about-welcome-copy h1,.services-banner-copy .services-display){line-height:0.93!important;letter-spacing:-.02em!important}
html body[data-page] main .about-welcome .about-welcome-copy h1{max-width:10em!important}
html body[data-page] main .about-welcome-copy h1>em{display:block;line-height:inherit;margin:0}

/* V83: localized contrast following the About text and logo areas. */
html body[data-page=about] main .about-story-title::after{background:linear-gradient(90deg,rgba(0,0,0,0.702),rgba(0,0,0,0.432) 44%,transparent 82%),linear-gradient(0deg,rgba(0,0,0,0.648),transparent 65%)!important}
html body[data-page=about] main .career-backdrop::after{background:linear-gradient(90deg,rgba(0,0,0,0.756),rgba(0,0,0,0.576) 30%,transparent 64%),linear-gradient(0deg,rgba(0,0,0,0.774),rgba(0,0,0,0.576) 20%,transparent 57%)!important}
/* V84: Demo's wide studio crop retains faces and the desk in the shared frame. */
html body[data-page=demos] [data-cta-storefront] .ag-hello-image>img{object-position:center 45%}
/* V91: project endings share Home's CTA frame, including dialog views. */
html body[data-page] .work-project .ag-shared-cta.ag-project-cta.ag-hello-cta{height:calc(306px + var(--pill-title)*2.08)!important;min-height:0!important;grid-template-columns:44% minmax(0,1fr);padding:0!important;overflow:hidden}
html body[data-page] .work-project .ag-project-cta .ag-hello-image{position:relative;height:100%;min-height:0;overflow:hidden}
html body[data-page] .work-project .ag-project-cta .ag-hello-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body[data-page] .work-project .ag-project-cta .ag-hello-copy{box-sizing:border-box;position:relative;min-height:0;height:100%;width:100%;padding:32px;justify-content:flex-end;gap:0}
html body[data-page] .work-project .ag-project-cta .ag-hello-copy>.eyebrow{position:absolute;top:32px;left:32px;margin:0}
html body[data-page] .work-project .ag-project-cta h2{font-size:var(--pill-title)!important;line-height:1.04!important;letter-spacing:-0.015em;margin:0}
html body[data-page] .work-project .ag-project-cta .ag-hello-copy>p{font-size:var(--pill-body);line-height:1.6;margin:24px 0;max-width:540px}
@media(max-width:600px){
 html body[data-page] .work-project .ag-shared-cta.ag-project-cta.ag-hello-cta{height:620px!important;display:grid;grid-template-columns:1fr;grid-template-rows:190px minmax(0,1fr)}
 html body[data-page] .work-project .ag-project-cta .ag-hello-copy{padding:52px 24px 24px}
 html body[data-page] .work-project .ag-project-cta .ag-hello-copy>.eyebrow{top:20px;left:24px}
 html body[data-page] .work-project .ag-project-cta .ag-hello-copy>p{margin:20px 0}
}
/* V93: one shared contrast treatment for image-backed editorial pills. */
:root{--pill-image-gradient:linear-gradient(90deg,rgba(0,0,0,0.567),rgba(0,0,0,0.432) 30%,transparent 64%),linear-gradient(0deg,rgba(0,0,0,0.5805),rgba(0,0,0,0.432) 20%,transparent 57%)}
html body[data-page] main :is(.ag-shared-cta.ag-hello-cta:not(.ag-project-cta),.about-story-title,.career-backdrop,.about-welcome-film,.ag-process-banner,.home-demo-ad,.services-banner,.solutions-banner,.home-cinema-window,.ag-contact-hero,.ag-news-banner[data-news-art],.ag-form-banner[data-form-art])::after{background:var(--pill-image-gradient)!important}
html body[data-page] main :is(.work-intro-shade,.work-approach-feature-shade){background:var(--pill-image-gradient)!important}
/* Keep the explicitly untinted rotating slogan pill clear. Avoid double tint on posters. */
html body[data-page] .home-benefits-film::after,html body[data-page] .home-why .home-poster-wall::after{background:none!important}
/* V101: restore full contrast only on the two About studio/experience images. */
html body[data-page="about"] main :is(.about-story-title,.career-backdrop){--pill-image-gradient:linear-gradient(90deg,rgba(0,0,0,0.756),rgba(0,0,0,0.576) 30%,transparent 64%),linear-gradient(0deg,rgba(0,0,0,0.774),rgba(0,0,0,0.576) 20%,transparent 57%)}
/* V102: full centered studio photograph and lighter local CTA shading. */
html body[data-page="about"] main [data-cta-storefront]{--pill-image-gradient:linear-gradient(90deg,rgba(0,0,0,0.432),rgba(0,0,0,0.288) 30%,transparent 64%),linear-gradient(0deg,rgba(0,0,0,0.414),rgba(0,0,0,0.288) 20%,transparent 57%)}
html body[data-page="about"] main [data-cta-storefront] .ag-hello-image>img{inset:0;left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:center center;mask-image:none;-webkit-mask-image:none}
html body[data-page="about"] main [data-cta-storefront] .ag-hello-copy :is(h2,p){text-shadow:0 1px 4px rgba(0,0,0,.28)}
/* Same poster-wall gradient shape, 12.5 percent stronger alpha stops. */
html body[data-page="home"] main .home-why{--pill-image-gradient:linear-gradient(90deg,rgba(0,0,0,0.6381),rgba(0,0,0,0.486) 30%,transparent 64%),linear-gradient(0deg,rgba(0,0,0,0.6534),rgba(0,0,0,0.486) 20%,transparent 57%)}

/* assets/alignment.css */
:root{--pill-inset:32px}
@media(max-width:600px){:root{--pill-inset:24px}}
/* V99: one left spine per pill and copy column, including every CTA. */
html body[data-page] main :is(.ag-hello-copy,.ag-contact-copy,.home-step-copy,.solution-copy,.founder-copy,.about-story-title,.career-heading,.career-caption,.work-approach-feature-copy,.project-case-overlay-copy,.project-showcase-copy,.seo-panel,.seo-card,.ag-enquiry-body){padding-left:var(--pill-inset)!important;padding-right:var(--pill-inset)!important}
html body[data-page] main .home-demo-ad{padding-left:var(--pill-inset)!important;padding-right:var(--pill-inset)!important}
html body[data-page] main .work-project .project-story-card .project-copy-block{padding-left:var(--pill-inset)!important;padding-right:var(--pill-inset)!important}
html body[data-page] main :is(.ag-hello-copy,.ag-contact-copy,.home-step-copy,.home-step-title,.solution-copy,.founder-copy,.about-story-copy,.about-story-title,.career-heading,.career-caption,.home-demo-ad-copy,.work-approach-feature-copy,.project-case-overlay-copy,.project-showcase-copy,.project-copy-block,.project-hero-copy,.project-case-lead-copy,.project-pet-banner-copy,.project-banner-copy,.seo-hero-copy,.seo-panel,.seo-card,.section-heading,.home-section-heading,.work-collection-heading,.work-approach-heading,.news-article-heading,.news-article-body)>:is(h1,h2,h3,h4,h5,h6,p,.eyebrow,.home-actions,.ag-hello-actions,.ag-contact-actions){margin-left:0!important;margin-right:0!important;text-indent:0;padding-left:0;padding-right:0}
html body[data-page] main :is(.project-pet-banner-copy,.project-banner-copy){left:var(--pill-inset)!important;margin-left:0!important}
html body[data-page] main .services-banner-copy.section-shell{left:var(--pill-inset)!important;right:var(--pill-inset)!important;width:auto!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html body[data-page="home"] main .home-why .ag-hello-copy>.eyebrow{left:var(--pill-inset)!important}
html body[data-page] main :is(.ag-hello-footnote,.cta-footnote){left:var(--pill-inset)!important;right:var(--pill-inset)!important}
html body[data-page] main .seo-cta{grid-template-columns:minmax(0,1fr)}
html body[data-page] main .seo-cta>.button{justify-self:start}
html body[data-page] main :is(h1,h2,h3,h4,h5,h6,p,figcaption){text-indent:0}
/* V100: sans copy and actions align after the display face's leading serif. */
html body[data-page] main .ag-optical-copy>.ag-optical-body{margin-left:var(--ag-optical-adjustment,0px)!important}
html body[data-page="home"] main .home-why .home-experience-heading{padding-left:calc(var(--pill-inset) + var(--ag-optical-inset,0px))}
html body[data-page] main .ag-optical-copy[style]>.ag-optical-body[style]{margin-left:var(--ag-optical-adjustment,0px)!important}
html body[data-page] main .ag-optical-copy[style] .ag-optical-label[style]{margin-left:var(--ag-optical-adjustment,0px)!important}

/* assets/clear-pills.css */
/* All pill gradients and fading image masks are disabled sitewide. */
html body[data-page],html body[data-page] *{--pill-image-gradient:none!important;--ag-copy-shade:none!important;--ag-copy-bottom:none!important}
body[data-page="about"] .about-welcome-film:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.founder-portrait:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
body[data-page=about] .about-welcome-film:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.about-story-title:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
body[data-page=about] .career-backdrop:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.ag-process-banner:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
body[data-page="about"] .about-story-title:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
body[data-page="about"] .discipline-media:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
body[data-page="about"] .career-backdrop:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
body[data-page="about"] .ag-process-banner:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.ag-team-stage .founder-portrait-placeholder:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
html body[data-page="about"] main .about-story .about-story-title:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
html body[data-page="about"] main .about-welcome-film:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
html body[data-page] .ag-shared-cta.ag-hello-cta[data-cta-storefront]:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.home-logo-window:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
html body[data-page="home"] .home-why.ag-shared-cta.ag-hello-cta:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.home-poster-wall:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.home-demo-ad:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.home-demo-ad>.home-demo-ad-backdrop:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.home-why .home-poster-wall:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.home-depth-plane:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.home-why .home-logo-window:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.home-video-window:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.home-why:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.home-demo-image:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.home-demo:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.home-cinema-window:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
html body[data-page] main [data-cta-storefront]:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
html body[data-page] main .about-welcome-film:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
html body[data-page="news"] .ag-news-banner[data-news-art="studio"]:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.about-welcome-film:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.career-marquee:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.discipline-media:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.contact-stage:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.contact-character:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
body[data-page="news"] .news-list.news-vertical-carousel:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
html body[data-page=services] [data-cta-storefront] .ag-hello-image>img:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
html body[data-page=about] [data-cta-storefront] .ag-hello-image>img:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
html body[data-page=about] main .about-story-title:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
html body[data-page=about] main .career-backdrop:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
html body[data-page] main :is(.ag-shared-cta.ag-hello-cta:not(.ag-project-cta),.about-story-title,.career-backdrop,.about-welcome-film,.ag-process-banner,.home-demo-ad,.services-banner,.solutions-banner,.home-cinema-window,.ag-contact-hero,.ag-news-banner[data-news-art],.ag-form-banner[data-form-art]):not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
html body[data-page] main :is(.work-intro-shade,.work-approach-feature-shade):not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.roster-stage:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.roster-card-window:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.roster-card-sheen:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.avatar-chat-identity:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.avatar-story:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.roster-preview:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.roster-preview:hover:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.roster-lock-overlay:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
html body[data-page] .avatar-dialog.is-mobile-layout .avatar-chat-identity:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
html body[data-page] .avatar-dialog.has-light-chat-surface :is(.avatar-chat-identity,.avatar-story):not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c),html body[data-page] .avatar-dialog.has-light-chat-surface.has-scene-backdrop :is(.avatar-chat-identity,.avatar-story):not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c),html body[data-page] .avatar-dialog.has-light-chat-surface.has-scene-backdrop.is-scene-ready.is-visible :is(.avatar-chat-identity,.avatar-story):not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.seo-hero-media:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.services-banner:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
html body[data-page] .ag-contact-hero:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
html body[data-page] .ag-shared-cta.ag-hello-cta:not(.ag-project-cta):not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
html body[data-page] .ag-contact-hero:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after,html body[data-page] .ag-shared-cta.ag-hello-cta:not(.ag-project-cta):not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
html body[data-page] .work-approach-feature-shade:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
html body[data-page] :is(.home-why,.about-story-title,.about-process.ag-process-banner):not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
html body[data-page] .about-welcome-film:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
html body[data-page] .project-banner-shade:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
html body[data-page] .project-showcase-stage:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
html body[data-page] :is(.ag-shared-cta.ag-hello-cta,.ag-contact-hero)[data-contact-art="crew"]:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
html body[data-page] .ag-shared-cta.ag-hello-cta[data-contact-art="crew"]:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
html body[data-page="contact"] .ag-contact-hero.section-shell[data-contact-art="crew"]:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.hero-media:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.solution-card:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.cta-panel:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
body:not([data-page="demos"]) :is(.home-video-controls>button,.glass-button,.floating-label):not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.ag-shared-cta .home-demo-image:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.ag-shared-cta:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.ag-contact-hero:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.ag-news-banner img:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.ag-form-banner>img:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.ag-form-banner[data-form-art]>img:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.ag-form-banner[data-form-art]:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.ag-shared-cta.ag-hello-cta:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
body .ag-shared-cta.ag-hello-cta:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
body .home-spatial .carousel-stage:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c),body .ag-team-stage:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c),body .work-pillars-stage:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.solution-layout .solution-opener:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.solutions-banner:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
html body[data-page]:not([data-page="home"]) .home-cinema-window:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after,html body[data-page]:not([data-page="home"]) .work-cinema-window .work-intro-shade:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important;background-color:transparent!important}
html body[data-page]:not([data-page="home"]) :is(.home-cinema-window:after,.work-cinema-window .work-intro-shade):not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important;background-color:transparent!important}
html body[data-page="demos"] .roster-heading:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):before{background-image:none!important;background-color:transparent!important}
.work-approach-feature-art:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.work-approach-feature-shade:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.work-project[data-project=fitfur] .project-pet-banner:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.project-pet-banner>img:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){mask-image:none!important;-webkit-mask-image:none!important}
.project-case-image-panel:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::after{background-image:none!important;background-color:transparent!important}
.work-cinema-window .work-intro-shade:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.work-intro-shade:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.project-banner-shade:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.project-hero-shade:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.project-embed-cover:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c):after{background-image:none!important;background-color:transparent!important}
.work-project[data-project=mayson] .project-hero-shade:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.project-banner-sheen:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.work-project[data-project=avercare] .project-film:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.work-project[data-project=avercare] .project-film-frame:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.project-case-lead:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.project-case-lead-art:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
.project-case-lead-art.is-interface:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c){background-image:none!important}
html body[data-page="demos"] main .roster-heading:not(#ag-clear-pill-a):not(#ag-clear-pill-b):not(#ag-clear-pill-c)::before{background:none!important}

/* The film introduction follows the approved sitewide overlay removal too. */
html body[data-page] #project-fitfur [data-project-films="fitfur-pets"]::after,html body[data-page] #project-fitfur [data-project-films="fitfur-pets"]::before{content:none!important;background:none!important}
html body[data-page] #project-fitfur [data-project-films="fitfur-pets"] .mayson-film-slide>img{mask-image:none!important;-webkit-mask-image:none!important}

/* assets/pill-buttons.css */
/* Transparent black surfaces; text stays fully opaque and the image stays sharp. */
html body[data-page] main :is(.home-cinema-window,.work-cinema-window,.about-welcome,.ag-hello-cta,.project-hero,.project-banner,.discipline-panel,.home-why,.home-demo-ad,.work-approach-feature,.services-banner,.cta-panel,.ag-contact-hero,.ag-process-banner,.home-feature,.seo-hero-media) :is(.button:not(.button-light):not(.home-cinema-copy .home-actions>.button:first-child),.film-trigger,.welcome-play,.scene-motion,.glass-button),
html body[data-page] .work-project .ag-project-cta .button-light,
html body[data-page] main :is(.home-video-controls>button,.work-video-controls>button,.about-video-sound){background-color:rgba(0,0,0,.65)!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#fff;box-shadow:none!important}

/* Shared CTA actions have no decorative edge in any interaction state. */
html body[data-page] .button:not(#ag-button-edge-a):not(#ag-button-edge-b){border-color:transparent!important;outline:none!important;box-shadow:none!important}
/* Keyboard focus remains clear without adding an outline. */
html body[data-page] .button:not(#ag-button-edge-a):not(#ag-button-edge-b):focus-visible{text-decoration:underline!important;text-underline-offset:5px;text-decoration-thickness:2px}

/* Film actions follow the same borderless treatment as the shared CTA actions. */
html body[data-page] .work-project :is(.project-feature-play,.project-sample-play,.mayson-film-sound,.mayson-film-dots):not(#ag-button-edge-a):not(#ag-button-edge-b){border-color:transparent!important;outline:none!important;box-shadow:none!important}
html body[data-page] .work-project :is(.project-feature-play,.project-sample-play,.mayson-film-sound):focus-visible{text-decoration:underline!important;text-underline-offset:5px;text-decoration-thickness:2px}

/* assets/typography.css */
/* The Seasons display headings and the real Satoshi Light face throughout. */
@font-face{font-family:"Satoshi Light";src:url("../fonts/satoshi-light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
:root{--sans:"Satoshi Light","Satoshi",Arial,sans-serif!important}
html body[data-page],html body[data-page] *:not(#ag-font-a):not(#ag-font-b):not(#ag-font-c){font-family:var(--sans)!important;font-weight:300!important}
html body[data-page] :is(h1,h2,h3,h4,h5,h6,.services-display,.services-display-line,.home-benefits-word,.project-banner-title,.service-display):not(#ag-font-a):not(#ag-font-b):not(#ag-font-c),html body[data-page] :is(h1,h2,h3,h4,h5,h6,.services-display,.services-display-line,.home-benefits-word,.project-banner-title,.service-display) *:not(#ag-font-a):not(#ag-font-b):not(#ag-font-c){font-family:var(--display)!important;font-weight:400!important}
/* Semantic micro-headings are labels, with the same Light face as other labels. */
html body[data-page] :is(.eyebrow,.services-banner-copy>h1,.service-section>h2,.service-heading):not(#ag-font-a):not(#ag-font-b):not(#ag-font-c),html body[data-page] :is(.eyebrow,.services-banner-copy>h1,.service-section>h2,.service-heading) *:not(#ag-font-a):not(#ag-font-b):not(#ag-font-c){font-family:var(--sans)!important;font-weight:300!important}

/* Common-question titles are deliberately stronger than the Light answers. */
@font-face{font-family:"Satoshi Medium";src:url("../fonts/satoshi-medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
html body[data-page] :is(.service-faq-question,.service-faq-summary,.service-faq-summary>span:first-child,.seo-faqs summary):not(#ag-font-a):not(#ag-font-b):not(#ag-font-c):not(#ag-font-d),html body[data-page] :is(.service-faq-question,.service-faq-summary>span:first-child,.seo-faqs summary) *:not(#ag-font-a):not(#ag-font-b):not(#ag-font-c):not(#ag-font-d){font-family:"Satoshi Medium","Satoshi",Arial,sans-serif!important;font-weight:500!important}
html body[data-page] :is(.service-faq-question,.service-faq-summary,.service-faq-summary>span:first-child,.seo-faqs summary):not(#ag-font-a):not(#ag-font-b):not(#ag-font-c):not(#ag-font-d){font-size:19px!important;line-height:1.5!important}
@media(max-width:600px){html body[data-page] :is(.service-faq-question,.service-faq-summary,.service-faq-summary>span:first-child,.seo-faqs summary):not(#ag-font-a):not(#ag-font-b):not(#ag-font-c):not(#ag-font-d){font-size:18px!important}}

/* Small section overlines are bold, at their existing sizes. */
@font-face{font-family:"Satoshi Bold";src:url("../fonts/satoshi-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
html body[data-page] :is(.eyebrow,.service-heading,.services-banner-copy>h1,.seo-kicker):not(#ag-font-a):not(#ag-font-b):not(#ag-font-c):not(#ag-font-d),html body[data-page] :is(.eyebrow,.service-heading,.services-banner-copy>h1,.seo-kicker) *:not(#ag-font-a):not(#ag-font-b):not(#ag-font-c):not(#ag-font-d){font-family:"Satoshi Bold","Satoshi",Arial,sans-serif!important;font-weight:700!important}

/* assets/sound-alignment.css */
/* Sound controls share the CTA row's bottom anchor on roomy screens. */
html body[data-page] main :is(.home-video-controls,.work-video-controls,.about-video-sound){right:var(--pill-inset,32px)!important;bottom:64px!important}
html body[data-page] main :is(.home-video-controls,.work-video-controls)>button,html body[data-page] main .about-video-sound{box-sizing:border-box;min-height:48px;padding:14px 18px;line-height:1.4;display:flex;align-items:center}
html body[data-page] main .about-video-sound[hidden]{display:none}
@media(max-width:600px){html body[data-page] main :is(.home-video-controls,.work-video-controls,.about-video-sound){right:24px!important;bottom:24px!important}}

/* Phones keep a clear right-hand slot for Sound, level with the last CTA. */
@media(max-width:600px){
 html body[data-page] main .home-cinema-copy{bottom:64px!important}
 html body[data-page] main .home-cinema-copy .home-actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:166px!important;max-width:calc(100% - 124px)!important;gap:10px!important}
 html body[data-page] main .home-cinema-copy .home-actions>.button{width:100%;min-width:0;min-height:48px;box-sizing:border-box;justify-content:center;padding:14px 10px;white-space:normal;text-align:center}
 html body[data-page] main .home-cinema-copy .home-actions>.button>span{white-space:normal}
 html body[data-page] main .home-video-controls{bottom:64px!important}
}

/* assets/home-demo.css */
/* One photograph behind the invitation, with black copy and no portrait cards. */
html body[data-page=home] main .home-demo-ad{display:block;aspect-ratio:1344/433;min-height:0;height:auto;padding:32px;background:#dedbd4;color:#000}
html body[data-page=home] main .home-demo-ad>.home-demo-ad-backdrop{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none!important;-webkit-mask-image:none!important}
html body[data-page=home] main .home-demo-ad-copy{position:absolute;left:32px;top:50%;transform:translateY(-50%);width:42%;max-width:650px}
html body[data-page=home] main .home-demo-ad-copy>.eyebrow{margin-bottom:16px}
html body[data-page=home] main .home-demo-ad-copy>p{max-width:540px;margin:20px 0 24px}
html body[data-page=home] main .home-demo-ad-copy>.button{min-height:48px;padding:14px 20px;font-size:14px}
html body[data-page=home] main .home-demo-ad-copy :is(.eyebrow,h2,h2 em,p){color:#000!important;text-shadow:none}
@media(max-width:1100px){html body[data-page=home] main .home-demo-ad{aspect-ratio:auto;min-height:480px;padding:24px}html body[data-page=home] main .home-demo-ad-copy{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:none}html body[data-page=home] main .home-demo-ad>.home-demo-ad-backdrop{object-position:53% center}}

/* Keep the type size; bring the two invitation lines closer together. */
html body[data-page=home] main .home-demo-ad-copy h2{line-height:0.99!important}
@media(max-width:600px){
 html body[data-page=home] main .home-demo-ad-copy{display:flex;flex-direction:column;min-height:432px}
 html body[data-page=home] main .home-demo-ad-copy>.eyebrow{margin-bottom:auto}
 html body[data-page=home] main .home-demo-ad-copy>.button{align-self:flex-start}
}

/* Phone framing places Sushi lower and to the right of the invitation. */
@media(max-width:600px){html body[data-page=home] main .home-demo-ad>.home-demo-ad-backdrop{height:115%;object-position:49% top}}


/* assets/cta-layout.css */
/* Shared CTA geometry. Content, colors, media and image crops remain page-owned. */
:root{--cta-layout-ratio:1344/433;--cta-layout-inset:32px;--cta-layout-phone-height:480px;--cta-layout-copy-width:42%;--cta-layout-title-leading:.99}
[data-ag-cta-template=standard]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){position:relative!important;display:block!important;aspect-ratio:var(--cta-layout-ratio)!important;height:auto!important;min-height:var(--cta-fit-height,0px)!important;padding:var(--cta-layout-inset)!important;overflow:hidden;border-radius:28px;isolation:isolate}
[data-ag-cta-role=copy]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){position:absolute!important;left:var(--cta-layout-inset)!important;top:50%!important;bottom:auto!important;right:auto!important;transform:translateY(-50%)!important;display:block!important;width:var(--cta-layout-copy-width)!important;max-width:650px!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;z-index:2}
[data-ag-cta-role=eyebrow]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){position:static!important;display:block!important;margin:0 0 16px!important;padding:0!important}
[data-ag-cta-role=title]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){font-size:var(--pill-title,clamp(56px,5.6vw,88px))!important;line-height:var(--cta-layout-title-leading)!important;max-width:none!important;margin:0!important;padding:0!important;letter-spacing:-0.015em!important;text-wrap:initial!important}
[data-ag-cta-role=body]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){font-size:var(--pill-body,18px)!important;line-height:1.6!important;max-width:540px!important;min-height:0!important;margin:20px 0 24px!important;padding:0!important}
[data-ag-cta-role=actions]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){position:static!important;display:flex!important;flex-flow:row wrap!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;margin:0!important;padding:0!important}
[data-ag-cta-role=button]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){position:relative!important;display:inline-flex!important;align-self:flex-start!important;min-height:48px!important;padding:14px 20px!important;font-size:14px!important;line-height:1.4!important;margin-top:0!important}
[data-ag-cta-role=note]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){position:absolute!important;top:100%!important;bottom:auto!important;left:0!important;right:0!important;display:block!important;font-size:11px!important;line-height:1.5!important;margin:12px 0 0!important;padding:0!important}
@media(max-width:1100px){
 [data-ag-cta-template=standard]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){aspect-ratio:auto!important;min-height:max(480px,var(--cta-fit-height,0px))!important;padding:24px!important}
 [data-ag-cta-role=copy]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:none!important}
}
@media(max-width:600px){
 [data-ag-cta-role=copy]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){display:flex!important;flex-direction:column!important;min-height:432px!important}
 [data-ag-cta-role=eyebrow]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){margin-bottom:auto!important}
 [data-ag-cta-role=title]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){margin-top:auto!important}
}
@media(max-width:600px){
 [data-ag-cta-role=title]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){font-size:var(--pill-title,clamp(40px,11vw,54px))!important}
 [data-ag-cta-role=body]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){font-size:var(--pill-body,16px)!important}
}
/* A footnote must not change the shared main-copy centering or button anchor. */
@media(max-width:600px){[data-ag-cta-role=note]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){margin-top:6px!important}}
/* Anchor the main action row to the Sushi reference, independent of copy length. */
@media(min-width:1101px){
 [data-ag-cta-role=copy]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){top:auto!important;bottom:var(--cta-copy-bottom,64px)!important;transform:none!important}
 [data-ag-cta-fit=three-lines] [data-ag-cta-role=body]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){width:min(650px,calc(100vw - 128px))!important;max-width:none!important}
 [data-ag-cta-fit=three-lines] [data-ag-cta-role=title]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){font-size:var(--cta-responsive-title,var(--pill-title))!important}
}

/* V159: panel-relative type keeps approved breaks at laptop and desktop sizes. */
[data-ag-cta-role=title]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){font-size:var(--cta-responsive-title,var(--pill-title))!important}
[data-ag-cta-role=title].ag-cta-preserve-lines{white-space:nowrap!important}
[data-ag-cta-role=note]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){position:static!important;top:auto!important;margin:12px 0 0!important}
@media(min-width:601px){
 [data-ag-cta-template=standard]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){aspect-ratio:var(--cta-layout-ratio)!important;min-height:var(--cta-fit-height,0px)!important;padding:32px!important}
 [data-ag-cta-role=copy]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){position:absolute!important;left:32px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:var(--cta-layout-copy-width)!important;max-width:650px!important}
}
@media(min-width:601px) and (max-width:1100px){[data-ag-cta-role=copy]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){width:58%!important}}
@media(max-width:600px){[data-ag-cta-role=copy]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){bottom:auto!important}[data-ag-cta-role=note]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){margin-top:12px!important}}

/* V163: tablets retain the same readable headline treatment as phones and desktop. */
@media(min-width:601px) and (max-width:1100px){[data-ag-cta-role=copy]:not(#cta-layout-a):not(#cta-layout-b):not(#cta-layout-c){width:66%!important}}
[data-ag-cta-role=title] :is(span,em,i,b,strong):not(#cta-type-a):not(#cta-type-b):not(#cta-type-c){font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}

/* assets/info-format.css */
/* Informational logo panels share CTA spacing without inheriting CTA content or actions. */
html body[data-page] main :is(.home-why,.career-section):not(#info-format-a):not(#info-format-b){--info-inset:var(--cta-layout-inset,32px);box-sizing:border-box}
html body[data-page] main :is(.home-why .ag-hello-copy,.career-heading):not(#info-format-a):not(#info-format-b){position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;transform:none!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;display:block!important}
html body[data-page] main :is(.home-why .ag-hello-copy,.career-heading)>h2:not(#info-format-a):not(#info-format-b){position:static!important;top:auto!important;line-height:var(--cta-layout-title-leading,.94)!important;letter-spacing:-.035em!important;margin:0!important;padding:0!important;white-space:normal!important}
html body[data-page] main :is(.home-why .ag-hello-copy,.career-heading)>.eyebrow:not(#info-format-a):not(#info-format-b){position:static!important;display:block!important;margin:0 0 16px!important;padding:0!important;transform:none!important}
html body[data-page] main :is(.home-why .ag-hello-copy,.career-heading)>p:not(#info-format-a):not(#info-format-b){position:static!important;top:auto!important;max-width:540px!important;line-height:1.6!important;margin:20px 0 0!important;padding:0!important}
html body[data-page] main .home-why .ag-hello-copy>p+p:not(#info-format-a):not(#info-format-b){margin-top:24px!important}
html body[data-page] main .home-why:not(#info-format-a):not(#info-format-b){display:flex!important;flex-direction:column!important;padding:75px var(--info-inset) 24px!important}
html body[data-page] main .home-why .ag-hello-copy:not(#info-format-a):not(#info-format-b){width:100%!important;max-width:880px!important;flex-shrink:0}
html body[data-page] main .home-why .home-experience:not(#info-format-a):not(#info-format-b){margin-top:auto!important;padding:24px 0 0!important;width:calc(100% + var(--info-inset)*2);margin-left:calc(-1*var(--info-inset));flex-shrink:0}
html body[data-page] main .home-why .home-experience-heading:not(#info-format-a):not(#info-format-b){padding-left:var(--info-inset)!important;padding-right:var(--info-inset)!important}
html body[data-page] main .career-section:not(#info-format-a):not(#info-format-b){aspect-ratio:1344/433;height:auto;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:32px!important}
html body[data-page] main .career-heading:not(#info-format-a):not(#info-format-b){width:100%;max-width:650px}
html body[data-page] main .career-marquee:not(#info-format-a):not(#info-format-b){flex-shrink:0;margin:24px calc(-1*var(--info-inset)) 20px;width:calc(100% + var(--info-inset)*2)}
html body[data-page] main .career-caption:not(#info-format-a):not(#info-format-b){padding:0!important;font-size:11px;line-height:1.5;flex-shrink:0}
@media(max-width:1100px){html body[data-page] main .career-section:not(#info-format-a):not(#info-format-b){aspect-ratio:auto;min-height:480px}}
@media(max-width:600px){
 html body[data-page] main :is(.home-why,.career-section):not(#info-format-a):not(#info-format-b){--info-inset:24px;padding:24px!important}
 html body[data-page] main .career-section:not(#info-format-a):not(#info-format-b){justify-content:flex-start}
 html body[data-page] main .career-heading h2 em{display:block}
}
@media(min-width:1101px){html body[data-page] main .career-section:not(#info-format-a):not(#info-format-b){min-height:440px}}
html body[data-page] main .career-heading:not(#info-format-a):not(#info-format-b){flex-shrink:0}

/* assets/opening-layout.css */
/* Shared opening template, measured from Projects. Home keeps its cinema motion. */
:root{--opening-inset:32px;--opening-bottom:64px;--opening-ratio:16/9;--opening-phone-height:620px;--opening-radius:28px;--opening-leading:.87}
[data-ag-opening=standard]:not(.home-cinema-window):not(.work-cinema-window):not(#opening-a):not(#opening-b):not(#opening-c){position:relative!important;box-sizing:border-box;width:calc(100% - var(--gutter)*2)!important;max-width:1552px!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--opening-ratio)!important;margin:18px auto 0!important;border-radius:var(--opening-radius)!important;overflow:hidden;padding:0!important}
[data-ag-opening-role=copy]:not(#opening-a):not(#opening-b):not(#opening-c){position:absolute!important;left:var(--opening-inset)!important;right:var(--opening-inset)!important;top:auto!important;bottom:var(--opening-bottom)!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;z-index:2;text-align:left!important}
[data-ag-opening-role=label]:not(#opening-a):not(#opening-b):not(#opening-c):not(#opening-d){position:absolute!important;left:var(--opening-inset)!important;top:var(--opening-inset)!important;bottom:auto!important;right:auto!important;font-family:'Satoshi Bold','Satoshi',Arial,sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.08em!important;text-transform:uppercase;margin:0!important;padding:0!important;z-index:3}
[data-ag-opening-role=title]:not(#opening-a):not(#opening-b):not(#opening-c){position:static!important;font-size:var(--pill-opening-title,clamp(72px,8.7vw,132px))!important;line-height:var(--opening-leading)!important;letter-spacing:-.02em!important;max-width:10em!important;margin:0!important;padding:0!important;text-wrap:initial!important}
[data-ag-opening-role=body]:not(#opening-a):not(#opening-b):not(#opening-c){font-size:var(--pill-body,18px)!important;line-height:1.6!important;max-width:540px!important;margin:24px 0 0!important;padding:0!important}
[data-ag-opening-role=actions]:not(#opening-a):not(#opening-b):not(#opening-c){margin-top:24px!important}
.ag-news-banner[data-ag-opening=standard]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:600px){
 :root{--opening-inset:24px;--opening-bottom:80px;--opening-radius:20px}
 [data-ag-opening=standard]:not(.home-cinema-window):not(.work-cinema-window):not(#opening-a):not(#opening-b):not(#opening-c){aspect-ratio:auto!important;height:var(--opening-phone-height)!important;min-height:var(--opening-phone-height)!important;margin-top:12px!important}
 [data-ag-opening-role=title]:not(#opening-a):not(#opening-b):not(#opening-c){max-width:100%!important}
 html body[data-page] main .home-video-controls{bottom:var(--opening-bottom)!important}
}
@media(max-width:900px){[data-ag-opening-role=title]:not(#opening-a):not(#opening-b):not(#opening-c){font-size:var(--pill-opening-title,clamp(60px,8.7vw,78px))!important}}
@media(max-width:600px){
 [data-ag-opening-role=title]:not(#opening-a):not(#opening-b):not(#opening-c){font-size:var(--pill-opening-title,clamp(46px,13vw,60px))!important}
 [data-ag-opening-role=body]:not(#opening-a):not(#opening-b):not(#opening-c){font-size:var(--pill-body,16px)!important}
}

/* The corner label's animated text fragments must inherit the same real Bold face. */
html body[data-page] [data-ag-opening-role=label]:not(#opening-a):not(#opening-b):not(#opening-c):not(#opening-d),html body[data-page] [data-ag-opening-role=label] *:not(#opening-a):not(#opening-b):not(#opening-c):not(#opening-d){font-family:"Satoshi Bold","Satoshi",Arial,sans-serif!important;font-weight:700!important}
/* Diagonal spread traced from the supplied shaded/unshaded pair. Feather the edge, not the media. */
.ag-opening-shade{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;background:none;opacity:1;animation:none}
.ag-opening-shade::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22120%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.576%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E");background-size:100% 100%;background-repeat:no-repeat;filter:none}
@media(max-width:600px){.ag-opening-shade::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22180%20110%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.576%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E")}}

/* Compact News keeps its title above the shared shade. */
.ag-news-banner{isolation:isolate}
.ag-news-banner>img{z-index:0}
.ag-news-banner>#news-banner-title{position:relative;z-index:2!important}

/* News shares the opening headline type scale while keeping its compact frame. */
.ag-news-banner>#news-banner-title{font-size:var(--pill-opening-title,clamp(72px,8.7vw,132px))!important;line-height:var(--opening-leading,.82)!important;letter-spacing:-.02em!important}
@media(max-width:900px){.ag-news-banner>#news-banner-title{font-size:var(--pill-opening-title,clamp(60px,8.7vw,78px))!important}}
@media(max-width:600px){.ag-news-banner>#news-banner-title{font-size:var(--pill-opening-title,clamp(46px,13vw,60px))!important}}

/* Services preserves three explicit, flush-left headline lines. */
html body[data-page=services] .services-display-line{display:block;position:static!important;transform:none!important;margin:0!important;padding:0!important;text-indent:0!important;text-align:left!important}

/* V175: every opening begins at the Demo / Projects responsive top anchor. */
html body[data-page] [data-ag-opening=standard]:not(.home-cinema-window):not(.work-cinema-window):not(#opening-a):not(#opening-b):not(#opening-c):not(#opening-start){margin-top:var(--ag-panel-gap,48px)!important}

/* V182: the Projects overview opening film is explicitly unshaded. Project detail panels keep their gradients. */
html body[data-page=work] .work-cinema-window>.ag-opening-shade,html body[data-page=work] .work-cinema-window>.work-intro-shade,html body[data-page=work] .work-cinema-window .work-intro-art::before,html body[data-page=work] .work-cinema-window .work-intro-art::after{display:none!important}

/* assets/flush-alignment.css */
/* No automatic optical indents: every copy/action block uses its shared left edge. */
html body[data-page] :is(.ag-optical-copy,.ag-optical-body,.ag-optical-label):not(#align-a):not(#align-b):not(#align-c):not(#align-d):not(#align-e){--ag-optical-inset:0px!important;--ag-optical-adjustment:0px!important;text-indent:0!important}
html body[data-page] .ag-optical-copy>:is(.ag-optical-body,.ag-optical-label):not(#align-a):not(#align-b):not(#align-c):not(#align-d):not(#align-e){margin-left:0!important;margin-right:0!important}

/* assets/poster-depth.css */
/* Home-only depth fade. Poster motion, foreground copy and logos keep their own layers. */
.home-why>.home-poster-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.864) 16%,rgba(0,0,0,0.774) 28%,rgba(0,0,0,0.54) 42%,rgba(0,0,0,0.243) 57%,rgba(0,0,0,0.054) 75%,transparent 90%),linear-gradient(0deg,rgba(0,0,0,0.63),rgba(0,0,0,0.378) 16%,transparent 45%)}
.home-why>.home-poster-wall:not(#poster-fade-a):not(#poster-fade-b):not(#poster-fade-c):not(#poster-fade-d){mask-image:linear-gradient(90deg,transparent,#000 48%)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 48%)!important}
.home-why .home-logo-window:not(#poster-fade-a):not(#poster-fade-b):not(#poster-fade-c):not(#poster-fade-d){mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)!important}
.home-why>.ag-hello-copy,.home-why>.home-experience{position:relative;z-index:2}
@media(max-width:600px){.home-why>.home-poster-shade{background:linear-gradient(90deg,rgba(0,0,0,0.873),rgba(0,0,0,0.81) 24%,rgba(0,0,0,0.63) 62%,rgba(0,0,0,0.495)),linear-gradient(0deg,rgba(0,0,0,0.648),transparent 45%)}}

/* Center only the editorial block; the corner label and logo rail retain their anchors. */
.home-why .ag-hello-copy>:is(h2,p){transform:translateY(var(--why-copy-shift,0px))!important}
.home-why .home-logo-group .client-dreamworks{filter:brightness(0) invert(1)!important;opacity:.88!important;mix-blend-mode:normal}

/* Use the native white filter on mobile; data-URL SVG filters can retain color in mobile Safari. */
@media(min-width:801px){.home-why .home-logo-group .client-dreamworks{filter:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22white%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201%200%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%22gamma%22%20amplitude%3D%221%22%20exponent%3D%220.65%22%20offset%3D%220%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#white")!important}}


/* Scale the editorial column with its artwork, preserving desktop proportions. */
@media(min-width:601px){.home-why{container-type:inline-size}.home-why .ag-hello-copy:not(#poster-a):not(#poster-b):not(#poster-c){width:calc(100% - 64px)!important;max-width:none!important}.home-why .ag-hello-copy>h2:not(#poster-a):not(#poster-b):not(#poster-c){width:70.9cqw!important;max-width:none!important;font-size:min(88px,5.67cqw)!important}.home-why .ag-hello-copy>p:not(#poster-a):not(#poster-b):not(#poster-c){width:43.5cqw!important;max-width:540px!important}}

.home-why .ag-hello-copy>h2:not(#poster-a):not(#poster-b):not(#poster-c){letter-spacing:-.035em!important;word-spacing:.025em!important}

/* assets/poster-wave.css */
/* Independent poster transforms leave the three continuous row animations intact. */
@media(any-hover:hover) and (any-pointer:fine) and (prefers-reduced-motion:no-preference){
.home-why.poster-wave-ready .home-depth-row{position:relative;overflow:visible}
.home-why .home-poster-cell{display:block;position:relative;flex:none;height:100%;aspect-ratio:var(--poster-ratio);}
.home-why .home-poster-cell>img{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 60%;transform:translateY(var(--poster-lift,0px)) scale(var(--poster-scale,1));box-shadow:0 5px 16px rgba(0,0,0,var(--poster-shadow,0));}
}

/* Fixed paint order prevents stacking swaps; feathered image edges blend the overlap.
   The glow is a blurred copy of the poster artwork, not a blur on its readable face. */
@media(any-hover:hover) and (any-pointer:fine) and (prefers-reduced-motion:no-preference){
.home-why .home-poster-cell{--poster-energy:0}
.home-why .home-poster-cell>img{--edge:calc(var(--poster-energy)*8px);mask-image:linear-gradient(90deg,transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent),linear-gradient(0deg,transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent);mask-composite:intersect;filter:brightness(calc(1 + var(--poster-energy)*.065));box-shadow:none}
.home-why .home-poster-cell::before{content:'';position:absolute;inset:-4px;background-image:var(--poster-art);background-size:100% 100%;background-repeat:no-repeat;filter:blur(15px) saturate(1.12);transform:translateY(calc(var(--poster-energy)*-13px)) scale(calc(1 + var(--poster-energy)*.105));opacity:0;pointer-events:none}
.home-why .home-poster-cell.is-wave-lit::before{animation:poster-soft-breathe 3.6s ease-in-out infinite}
@keyframes poster-soft-breathe{0%,100%{opacity:calc(var(--poster-energy)*.24)}50%{opacity:calc(var(--poster-energy)*.36)}}
}

@media(any-hover:hover) and (any-pointer:fine) and (prefers-reduced-motion:no-preference){
.home-why .home-poster-cell>img{transform:translateY(var(--poster-lift,0px)) scaleX(calc(var(--poster-scale,1)*(1 - var(--poster-stretch,0)*.6))) scaleY(calc(var(--poster-scale,1)*(1 + var(--poster-stretch,0))))}
.home-why .home-poster-cell::before{transform:translateY(calc(var(--poster-energy)*-13px)) scaleX(calc((1 + var(--poster-energy)*.105)*(1 - var(--poster-stretch,0)*.6))) scaleY(calc((1 + var(--poster-energy)*.105)*(1 + var(--poster-stretch,0))))}
}
/* A separate soft lens at the far-right corners, beneath all copy and logos. */
.home-why .home-poster-edge-depth{position:absolute;inset:0;z-index:1;pointer-events:none;backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px);background:rgba(0,0,0,.07);mask-image:radial-gradient(ellipse 22% 34% at 102% -2%,#000 0%,rgba(0,0,0,.68) 28%,rgba(0,0,0,.24) 55%,transparent 85%),radial-gradient(ellipse 18% 29% at 103% 104%,#000 0%,rgba(0,0,0,.65) 24%,rgba(0,0,0,.20) 53%,transparent 86%),radial-gradient(ellipse 5% 54% at 103% 55%,rgba(0,0,0,.32),transparent 85%)}
@media(max-width:600px){.home-why .home-poster-edge-depth{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}

/* assets/cta-shade-trial.css */
/* Home-only CTA shade trial. Same contour, feather and opacity as the approved opening shade. */
[data-cta-shade-trial]>.ag-cta-trial-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:none;opacity:1}
[data-cta-shade-trial]>.ag-cta-trial-shade::before{content:'';position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22120%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.576%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E")}
[data-cta-shade-trial=light]>.ag-cta-trial-shade::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22120%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22%23eeebe5%22%20fill-opacity%3D%220.576%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E")}
[data-cta-shade-trial]>[data-ag-cta-role=copy]{z-index:2}
@media(max-width:600px){[data-cta-shade-trial]>.ag-cta-trial-shade::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22180%20110%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.576%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E")}[data-cta-shade-trial=light]>.ag-cta-trial-shade::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22180%20110%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22%23eeebe5%22%20fill-opacity%3D%220.576%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E")}}

/* Explicitly approved supporting panels: foreground stays above the shared shade. */
.about-story-title[data-cta-shade-trial]>:is(.eyebrow,h2),.career-section[data-cta-shade-trial]>:is(.career-heading,.career-marquee,.career-caption),.work-approach-feature[data-cta-shade-trial]>.work-approach-feature-copy{position:relative;z-index:2}

/* assets/shadow-clearance.css */
/* Outer section wrappers must not crop panel shadows. Media and carousel stages
   retain their own internal clipping and rounded masks. */
html body[data-page] :is(.services-main,.work-approach.section-shell,.news-room){overflow:visible!important}
/* Clip the offscreen portrait fan horizontally without cutting its vertical glows. */
html body[data-page=demos] main #demo-roster{overflow-x:clip!important;overflow-y:visible!important}

/* assets/responsive-system.css */
/* Continuous design scale. Reading text stays readable; artwork and display type scale together. */
html:root{
 --responsive-shell:min(1552px,calc(100vw - var(--gutter)*2));
 --ag-panel-max-width:1552px;
 --pill-title:clamp(40px,calc(var(--responsive-shell)*.056701),88px);
 --pill-small-title:clamp(34px,calc(var(--responsive-shell)*.036083),56px);
 --pill-opening-title:clamp(46px,calc(var(--responsive-shell)*.085052),132px);
 --ag-section-title-size:clamp(44px,calc(var(--responsive-shell)*.061856),96px);
 --ag-panel-gap:clamp(28px,calc(var(--responsive-shell)*.030928),48px);
 --ag-section-space:clamp(64px,calc(var(--responsive-shell)*.07732),120px);
 --ag-column-gap:clamp(32px,calc(var(--responsive-shell)*.083763),130px);
}
/* Matching content panels use one shell at every desktop/laptop width. */
html body[data-page] main .work-approach-feature{width:calc(100% - var(--gutter)*2);max-width:var(--ag-panel-max-width);margin-inline:auto}
@media(min-width:601px){
 html body[data-page] main :is(.home-section-heading h2,.home-v3-section>.section-heading h2,.work-collection-heading){font-size:var(--ag-section-title-size)!important}
 html body[data-page] main :is(.home-spatial .solution-card,.work-pillar-card,.ag-team-stage .founder-card){width:clamp(310px,calc(var(--responsive-shell)*.309278),480px)!important}
 html body[data-page] main :is(.home-spatial .home-solution-media,.work-pillar-image){height:clamp(210px,calc(var(--responsive-shell)*.186856),290px)!important}
 html body[data-page] main :is(.home-spatial .solution-copy,.work-pillar-copy,.ag-team-stage .founder-copy){padding:clamp(20px,calc(var(--responsive-shell)*.017397),27px)!important}
 html body[data-page] main .home-spatial .solution-copy h3{font-size:clamp(34px,calc(var(--responsive-shell)*.031572),49px)!important}
 html body[data-page] main :is(.work-pillar-copy h3,.ag-team-stage .founder-copy h3){font-size:clamp(28px,calc(var(--responsive-shell)*.025773),40px)!important}
 html body[data-page] main :is(.home-spatial .solution-copy p,.work-pillar-copy p,.ag-team-stage .founder-copy p){font-size:16px!important;line-height:1.65!important}
 html body[data-page] main .home-services .home-step-copy h3{font-size:clamp(38px,calc(var(--responsive-shell)*.046392),72px)!important}
 html body[data-page] main .career-heading>h2:not(#responsive-a):not(#responsive-b):not(#responsive-c){font-size:var(--pill-title)!important}
 html body[data-page] main .roster-heading h1{font-size:clamp(46px,calc(var(--responsive-shell)*.059278),92px)!important}
 html body[data-page] main .founders-heading h2{font-size:clamp(40px,calc(var(--responsive-shell)*.041237),64px)!important}
 html body[data-page] main .project-banner-title{font-size:clamp(38px,calc(var(--responsive-shell)*.041237),64px)!important}
 html body[data-page] main .project-banner{height:clamp(230px,calc(var(--responsive-shell)*.180412),280px)!important}
 html body[data-page] main .work-approach-feature{min-height:calc(306px + var(--pill-title)*2.08)!important}
 html body[data-page] main .work-approach-feature-copy h2:not(#responsive-a):not(#responsive-b):not(#responsive-c){font-size:var(--pill-title)!important}
 html body[data-page] main .about-story-title h2{font-size:var(--pill-small-title)!important}
 html body[data-page=news] main :is(.news-article-heading h1,.news-feature h1){font-size:clamp(38px,calc(var(--responsive-shell)*.042526),66px)!important}
}
/* Do not shrink prose simply because a computer has a smaller screen. */
html body[data-page] :is(.about-story-copy p,.service-standfirst,.service-copy p,.service-explanation p,.roster-howto,.news-article-body p,.news-article-body li,.legal-body p,.legal-body li){font-size:var(--responsive-reading,17px);line-height:1.7}
@media(max-width:600px){html:root{--pill-title:clamp(40px,11vw,54px);--pill-small-title:clamp(34px,9vw,44px);--pill-opening-title:clamp(46px,13vw,60px);--ag-section-title-size:clamp(40px,11vw,49px);--responsive-reading:16px;--ag-panel-gap:28px}}
/* Tables keep their own horizontal scroll instead of widening the entire page. */
.news-article-body{min-width:0;max-width:100%}
.news-article-body table{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}

@media(min-width:601px){
 html body[data-page=legal] .news-article-heading h1{font-size:clamp(42px,calc(var(--responsive-shell)*.050258),78px)!important}
 html body[data-page] .news-article-body h2{font-size:clamp(30px,calc(var(--responsive-shell)*.027706),43px)!important}
 html body[data-page] .news-article-body h3{font-size:clamp(26px,calc(var(--responsive-shell)*.01933),30px)!important}
 html body[data-page] .seo-title{font-size:clamp(54px,calc(var(--responsive-shell)*.065722),102px)!important}
 html body[data-page] .seo-section h2{font-size:clamp(40px,calc(var(--responsive-shell)*.046392),72px)!important}
 html body[data-page] .seo-card h3{font-size:clamp(28px,calc(var(--responsive-shell)*.025773),40px)!important}
}
html body[data-page] .news-article-body :is(p,li){overflow-wrap:anywhere}

.news-article-table{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
@media(max-width:800px){html.news-reader-ready body[data-page=news] .news-room:not(.is-drawer-open) .news-library{transform:translateX(12px);opacity:0;pointer-events:none}html.news-reader-ready body[data-page=news] .news-room.is-drawer-open .news-library{opacity:1;pointer-events:auto}}

/* Short tablet frames expand only when copy would collide with a corner label. */
[data-ag-opening=standard]:not(.home-cinema-window):not(.work-cinema-window):not(#opening-a):not(#opening-b):not(#opening-c):not(#responsive-opening){min-height:var(--responsive-opening-height,0px)!important}
@media(max-width:600px){[data-ag-opening=standard]:not(.home-cinema-window):not(.work-cinema-window):not(#opening-a):not(#opening-b):not(#opening-c):not(#responsive-opening){min-height:max(var(--opening-phone-height,620px),var(--responsive-opening-height,0px))!important}}

/* Taller phone headlines keep clear of the cinema frame edges. */
@media(max-width:600px){.home-cinema-stage,.work-cinema-stage,.home-cinema-window[data-ag-opening],.work-cinema-window[data-ag-opening]{min-height:var(--responsive-opening-height,0px)!important}}

/* assets/desktop-serif.css */
/* Self-host the exact serif fallback currently rendered on desktop. The Seasons webfonts are not supplied. */
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/desktop-serif-1f799a916c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/desktop-serif-c8e477690f.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/desktop-serif-6a3809d7b3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/desktop-serif-f3bda5d4e1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/desktop-serif-4db21dbf6b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/desktop-serif-1f799a916c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/desktop-serif-c8e477690f.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/desktop-serif-6a3809d7b3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/desktop-serif-f3bda5d4e1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/desktop-serif-4db21dbf6b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/desktop-serif-1f799a916c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/desktop-serif-c8e477690f.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/desktop-serif-6a3809d7b3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/desktop-serif-f3bda5d4e1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/desktop-serif-4db21dbf6b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/desktop-serif-e266b787cb.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/desktop-serif-dc67de7e1c.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/desktop-serif-63e97a55b2.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/desktop-serif-26a769c817.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/desktop-serif-abcaa8b479.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/desktop-serif-e266b787cb.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/desktop-serif-dc67de7e1c.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/desktop-serif-63e97a55b2.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/desktop-serif-26a769c817.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/desktop-serif-abcaa8b479.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/desktop-serif-e266b787cb.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/desktop-serif-dc67de7e1c.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/desktop-serif-63e97a55b2.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/desktop-serif-26a769c817.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/desktop-serif-abcaa8b479.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* assets/image-text-contrast.css */
/* V181: plain white project titles and a restrained shadow for white copy over artwork. */
html body[data-page] :is(.project-hero-copy h2,.project-case-overlay-copy h3,.project-pet-banner-copy h3,.project-banner-title):not(#white-type-a):not(#white-type-b):not(#white-type-c):not(#white-type-d):not(#white-type-e),html body[data-page] :is(.project-hero-copy h2,.project-case-overlay-copy h3,.project-pet-banner-copy h3,.project-banner-title) *:not(#white-type-a):not(#white-type-b):not(#white-type-c):not(#white-type-d):not(#white-type-e){color:#fff!important}
html body[data-page] [data-ag-image-text-tone=light]{text-shadow:0 1px 2px rgb(0 0 0 / .28),0 2px 8px rgb(0 0 0 / .18)!important}
html body[data-page] [data-ag-image-text-tone=dark]{text-shadow:none!important}

/* assets/ui-polish.css */
/* V183: clean focus treatment, roomier phone cards and stable Mayson landscape films. */
html body[data-page] *:not(#clean-outline-a):not(#clean-outline-b):not(#clean-outline-c):not(#clean-outline-d){outline:none!important;outline-offset:0!important}
html body[data-page] a:focus-visible{text-decoration:underline;text-underline-offset:4px}
html body[data-page] button:focus-visible{filter:brightness(1.12)}
html body[data-page=work] .work-project[data-project=mayson] :is(.project-showcase-picture,.project-showcase-feature[data-project-feature]):not(#mayson-ratio-a):not(#mayson-ratio-b):not(#mayson-ratio-c){aspect-ratio:16/9!important;height:auto!important}
html body[data-page=work] .work-project[data-project=mayson] .project-showcase-card{height:auto!important}
@media(max-width:600px){
 html body[data-page] :is(.home-spatial:not(.is-expanded) .solution-card,.ag-team-stage .founder-card,.work-pillars-stage .work-pillar-card):not(#phone-card-a):not(#phone-card-b):not(#phone-card-c){width:88vw!important}
 html body[data-page] .project-showcase-card:not(#phone-card-a):not(#phone-card-b):not(#phone-card-c){width:min(84vw,380px)!important}
 html body[data-page=work] .work-project[data-project=mayson] .project-showcase-card:not(#phone-card-a):not(#phone-card-b):not(#phone-card-c){width:min(88vw,560px)!important}
 html body[data-page] main :is(.solution-copy,.founder-copy,.project-story-card .project-copy-block){justify-content:flex-start!important}
 html body[data-page] main :is(.founder-copy,.project-story-card .project-copy-block)>h3:not(#phone-copy-a):not(#phone-copy-b):not(#phone-copy-c){margin-top:0!important}
 html body[data-page] .ag-team-stage .founder-copy{min-height:0!important;padding-top:24px!important;margin-top:0!important}
}

/* V184: wider phone/tablet carousel previews, including the 601px breakpoint. */
@media(max-width:800px){html body[data-page] :is(.home-spatial:not(.is-expanded) .solution-card,.ag-team-stage .founder-card,.work-pillars-stage .work-pillar-card):not(#phone-card-a):not(#phone-card-b):not(#phone-card-c){width:92vw!important;max-width:none!important}}

/* assets/mobile-panels.css */
/* V185: mobile image panels keep a clear image area above a compact, bottom-aligned message. */
html body[data-page=home] main .home-demo-ad-copy :is(.eyebrow,h2,h2 em,p):not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){color:#fff!important;text-shadow:0 1px 3px #0006,0 2px 8px #0003!important}
@media(max-width:800px){
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta):not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){display:flex!important;flex-direction:column!important;justify-content:flex-end!important;aspect-ratio:auto!important;height:auto!important;min-height:max(520px,calc(var(--cta-fit-height,0px) + 140px))!important;padding:24px!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta) [data-ag-cta-role=copy]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){position:static!important;inset:auto!important;transform:none!important;display:block!important;width:100%!important;max-width:none!important;min-height:0!important;padding:0!important;margin:0!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta) [data-ag-cta-role=eyebrow]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){position:absolute!important;left:24px!important;top:24px!important;margin:0!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta) [data-ag-cta-role=title]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){margin:0!important;line-height:1.02!important;letter-spacing:-.02em!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta) [data-ag-cta-role=body]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){font-size:15px!important;line-height:1.6!important;margin:16px 0 20px!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta) [data-ag-cta-role=actions]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){gap:8px!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta) [data-ag-cta-role=button]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){font-size:12px!important;min-height:44px!important;padding:12px 14px!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta) [data-ag-cta-role=note]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){margin:12px 0 0!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta)>.ag-cta-trial-shade::before,html body[data-page] main .work-approach-feature>.ag-cta-trial-shade::before{background-image:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.66) 24%,rgba(0,0,0,.28) 52%,transparent 76%)!important}
 html body[data-page=home] main .home-demo-ad>.home-demo-ad-backdrop:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){height:100%!important;object-position:center top!important}
 html body[data-page] main [data-ag-opening-role=title]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e){font-size:clamp(32px,10vw,42px)!important;line-height:1.02!important}
 html body[data-page] main [data-ag-opening-role=copy]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){bottom:24px!important}
 html body[data-page] main [data-ag-opening-role=body]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){font-size:15px!important;line-height:1.6!important;margin-top:16px!important}
 html body[data-page] main [data-ag-opening-role=actions]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){margin-top:18px!important}
 html body[data-page] main [data-ag-opening-role=actions] .button{min-height:44px!important;padding:12px 16px!important;font-size:13px!important}
 html body[data-page] main :is(.home-video-controls,.work-video-controls):not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){position:absolute!important;top:auto!important;bottom:24px!important;right:24px!important;left:auto!important;transform:none!important;margin:0!important}
 html body[data-page] main :is(.home-video-controls,.work-video-controls)>button{min-height:44px!important;height:44px!important;padding:10px 12px!important;font-size:12px!important}
 html body[data-page] main .home-cinema-copy .home-actions{width:calc(100% - 108px)!important;gap:8px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
 html body[data-page] main .home-cinema-copy .home-actions>.button{width:auto!important;max-width:100%!important}
 html body[data-page=work] main .work-intro-copy .tags{max-width:calc(100% - 106px)!important;gap:6px!important}
 html body[data-page=work] main .work-approach-feature-copy:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){position:relative!important;display:flex!important;justify-content:flex-end!important;min-height:600px!important;padding:24px!important;box-sizing:border-box}
 html body[data-page=work] main .work-approach-feature-copy>.eyebrow:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){position:absolute!important;left:24px!important;top:24px!important;margin:0!important;padding:0!important}
 html body[data-page=work] main .work-approach-feature-copy>h2:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){font-size:clamp(32px,9vw,40px)!important;line-height:1.02!important}
 html body[data-page=work] main .work-approach-feature-copy>p:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){font-size:15px!important;line-height:1.6!important;margin:16px 0 0!important}
 html body[data-page=work] .work-project :is(.project-case-overlay-copy>h3,.project-pet-banner-copy>h3,.project-hero-copy>h2):not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e){font-size:clamp(32px,9vw,40px)!important;line-height:1.02!important}
 html body[data-page=work] .work-project .project-case-image-panel{min-height:600px!important}
 html body[data-page=work] .work-project .project-case-overlay-copy:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){position:absolute!important;left:24px!important;right:24px!important;bottom:24px!important;top:auto!important;min-height:0!important;width:auto!important;margin:0!important;padding:0!important}
 html body[data-page=work] .work-project .project-case-overlay-copy>p{font-size:15px!important;line-height:1.6!important;margin:16px 0 20px!important}
 html body[data-page=work] .work-project .project-pet-banner:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){height:600px!important;min-height:600px!important;aspect-ratio:auto!important;isolation:isolate}
 html body[data-page=work] .work-project .project-pet-banner>img:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 35%!important}
 html body[data-page=work] .work-project .project-pet-banner-copy:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){position:absolute!important;left:24px!important;right:24px!important;bottom:24px!important;top:auto!important;width:auto!important;padding:0!important;z-index:2}
 html body[data-page=work] .work-project .project-pet-banner-copy>p{font-size:15px!important;line-height:1.6!important;margin-top:16px!important}
 html body[data-page=work] .work-project .project-pet-banner::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#171510ed,transparent 85%);z-index:1;pointer-events:none}
}
@media(max-width:800px){
 html body[data-page] main :is(.home-cinema-stage,.work-cinema-stage,.home-cinema-window[data-ag-opening],.work-cinema-window[data-ag-opening]):not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){min-height:max(600px,var(--responsive-opening-height,0px))!important}
 html body[data-page=work] main .work-approach-feature:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){padding:0!important}
 html body[data-page=work] main .work-approach-feature-copy:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){min-height:620px!important}
}
@media(max-width:800px){
 html body[data-page=work] .work-project .project-case-image-panel:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding:24px!important}
 html body[data-page=work] .work-project .project-case-overlay-copy:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){position:static!important;inset:auto!important;display:block!important;width:100%!important}
 html body[data-page=work] .work-project .project-case-overlay-copy>.eyebrow{position:absolute!important;top:24px!important;left:24px!important;margin:0!important;z-index:3}
 /* Keep both pets in view; extend their photograph softly through the lower copy area. */
 html body[data-page=work] .work-project .project-pet-banner::after{content:'';display:block!important;position:absolute;inset:-18px;background:url("../work/cleo-dash-poster.webp") center/cover!important;filter:blur(18px);z-index:0;pointer-events:none}
 html body[data-page=work] .work-project .project-pet-banner>img:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){height:50%!important;object-position:center 35%!important;z-index:1;mask-image:linear-gradient(#000 78%,transparent);-webkit-mask-image:linear-gradient(#000 78%,transparent)}
 html body[data-page=work] .work-project .project-pet-banner::before{z-index:2}
 html body[data-page=work] .work-project .project-pet-banner-copy:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){z-index:3}
}
@media(max-width:800px){
 html body[data-page=work] .work-project .project-case-overlay-copy:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){flex:0 0 auto!important;height:auto!important;align-self:stretch!important}
 html body[data-page=work] .work-project .project-pet-banner:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d)::after{background-image:url("../work/cleo-dash-poster.webp")!important;background-position:center!important;background-size:cover!important;background-color:transparent!important}
 html body[data-page=work] .work-project .project-pet-banner>img:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){mask-image:linear-gradient(#000 70%,transparent)!important;-webkit-mask-image:linear-gradient(#000 70%,transparent)!important}
}
@media(max-width:800px){html body[data-page=work] .work-project .project-pet-banner:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f)::after{background-image:url("../work/cleo-dash-poster.webp")!important;background-position:center!important;background-size:cover!important;background-color:transparent!important;z-index:0!important}}

/* V186: match the approved Spend less composition, with large type and a solid reading area. */
@media(max-width:800px){
 html body[data-page]{--mobile-panel-title:clamp(44px,12vw,54px);--mobile-panel-dark:linear-gradient(0deg,#171719 0%,rgba(23,23,25,.98) 38%,rgba(23,23,25,.9) 52%,rgba(23,23,25,.55) 70%,transparent 90%)}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta):not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){min-height:max(480px,calc(var(--cta-fit-height,0px) + 96px))!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta) [data-ag-cta-role=title]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){font-size:var(--mobile-fit-title,var(--cta-responsive-title,var(--mobile-panel-title)))!important;white-space:normal!important;line-height:.99!important;overflow-wrap:normal!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta) [data-ag-cta-role=body]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){font-size:16px!important;line-height:1.65!important;margin:20px 0 24px!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta) [data-ag-cta-role=actions]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){gap:12px!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta) [data-ag-cta-role=button]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){font-size:14px!important;min-height:48px!important;padding:14px 20px!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta)>.ag-cta-trial-shade::before,html body[data-page] main .work-approach-feature>.ag-cta-trial-shade::before{background-image:var(--mobile-panel-dark)!important}
 html body[data-page] main :is(.home-cinema-window,.ag-contact-hero,.services-banner,.about-welcome-film)>.ag-opening-shade::before{background-image:var(--mobile-panel-dark)!important}
 html body[data-page] main [data-ag-opening-role=title]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e){font-size:var(--mobile-fit-title,var(--mobile-panel-title))!important;line-height:.99!important}
 html body[data-page] main [data-ag-opening-role=body]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){font-size:16px!important;line-height:1.65!important;margin-top:20px!important}
 html body[data-page=work] main .work-approach-feature-copy>h2:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){font-size:var(--mobile-fit-title,var(--mobile-panel-title))!important;line-height:.99!important}
 html body[data-page=work] main .work-approach-feature-copy>p:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){font-size:16px!important;line-height:1.65!important;margin-top:20px!important}
 html body[data-page=work] .work-project :is(.project-case-overlay-copy>h3,.project-pet-banner-copy>h3,.project-hero-copy>h2):not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e){font-size:var(--mobile-fit-title,var(--mobile-panel-title))!important;line-height:.99!important}
 html body[data-page=work] .work-project :is(.project-case-overlay-copy>p,.project-pet-banner-copy>p){font-size:16px!important;line-height:1.65!important;margin-top:20px!important}
 html body[data-page=work] .work-project .project-case-image-panel:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f)::after{background-image:var(--mobile-panel-dark)!important}
 html body[data-page=work] .work-project .project-pet-banner::before{background:var(--mobile-panel-dark)!important}
}
@media(max-width:800px){
 html body[data-page]{--mobile-panel-dark:linear-gradient(0deg,#171719 0%,rgba(23,23,25,.98) 35%,rgba(23,23,25,.94) 48%,rgba(23,23,25,.86) 60%,rgba(23,23,25,.2) 76%,transparent 86%)}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta) [data-ag-cta-role=button]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){font-size:clamp(12px,2.9vw,14px)!important;padding:14px!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta)>.ag-hello-image:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){inset:0 0 auto!important;height:68%!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta)>.ag-hello-image>img:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){height:100%!important;width:100%!important;object-fit:cover!important;object-position:center 45%!important}
 html body[data-page=work] .work-cinema-window>.ag-opening-shade:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f){display:block!important}
 html body[data-page=work] .work-cinema-window>.ag-opening-shade::before{background-image:var(--mobile-panel-dark)!important}
 html body[data-page=work] .project-hero-shade:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f){background-image:var(--mobile-panel-dark)!important}
}
@media(max-width:800px){html body[data-page=work] .work-project .project-case-image-panel:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){padding-top:160px!important}}
/* V187: reference photograph fades completely into a solid reading surface. */
html body[data-page=home] main .home-demo-ad:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f){background:#000!important;color:#fff!important}
html body[data-page=home] main .home-demo-ad-copy :is(.eyebrow,h2,h2 em,p):not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f){color:#fff!important;text-shadow:0 1px 3px #0006,0 2px 8px #0003!important}
html body[data-page=home] main .home-demo-ad>.ag-cta-trial-shade:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f)::before{background-image:linear-gradient(90deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.705) 20%,rgba(0,0,0,.45) 38%,transparent 64%)!important}
@media(max-width:800px){
 html body[data-page] main :is([data-ag-cta-template=standard]:not(#services-cta),[data-ag-opening=standard],.work-approach-feature,.project-case-image-panel,.project-pet-banner,.project-hero):not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f){background-color:#171719!important}
 html body[data-page=home] main .home-demo-ad:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f):not(#mobile-g){background-color:#fff!important}
 html body[data-page] main [data-ag-cta-template=standard]:not(#services-cta)>.ag-hello-image:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){height:340px!important;background:none!important}
 html body[data-page] main :is([data-ag-cta-template=standard]:not(#services-cta)>.ag-hello-image>img,.home-demo-ad>.home-demo-ad-backdrop,.ag-contact-background,.services-banner-media,.about-welcome-film>video,.about-welcome-film>img,.home-cinema-window>video,.work-cinema-window>.work-intro-art,.work-approach-feature-art,.project-case-wide-photo,.project-hero-art):not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f){height:340px!important;bottom:auto!important;object-fit:cover!important;object-position:center 35%!important;mask-image:linear-gradient(180deg,#000 40%,transparent 80%)!important;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 80%)!important}
 html body[data-page] main :is(.services-banner-media,.work-approach-feature-art,.project-hero-art,.project-case-wide-photo)>:is(img,video){height:100%!important;object-fit:cover!important;object-position:center 35%!important}
 html body[data-page=home] main .home-demo-ad>.ag-cta-trial-shade:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f)::before{background-image:linear-gradient(90deg,rgba(0,0,0,.75),transparent 75%)!important}
 html body[data-page=contact] main .ag-contact-actions:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){display:grid!important;grid-template-columns:1.25fr 1fr!important;gap:10px!important;align-items:stretch!important;width:100%!important;flex-direction:row!important;flex-wrap:nowrap!important}
 html body[data-page=contact] main .ag-contact-actions>.button:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d){width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:12px 8px!important;font-size:clamp(11px,3vw,13px)!important;white-space:normal!important;align-self:stretch!important;justify-content:center!important}
 html body[data-page=work] .work-project .project-pet-banner:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f)::after{display:none!important}
 html body[data-page=work] .work-project .project-pet-banner>img:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f){height:300px!important;mask-image:linear-gradient(#000 40%,transparent 90%)!important;-webkit-mask-image:linear-gradient(#000 40%,transparent 90%)!important}
}
@media(max-width:800px){html body[data-page] main [data-ag-cta-template=standard]>.ag-hello-image>img[src*="storefront-cta-v41"]:not(#mobile-a):not(#mobile-b):not(#mobile-c):not(#mobile-d):not(#mobile-e):not(#mobile-f){top:-48px!important}}
/* V188: exact reference photo geometry across the full mobile range. */
@media(max-width:800px){
 html body[data-page] main .ag-mobile-reference-frame:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d):not(#ref-e):not(#ref-f):not(#ref-g):not(#ref-h){position:absolute!important;inset:0!important;width:100%!important;height:340px!important;min-height:0!important;aspect-ratio:auto!important;background:none!important;mask-image:none!important;-webkit-mask-image:none!important;overflow:visible!important;z-index:0!important}
 html body[data-page] main .ag-mobile-reference-art:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d):not(#ref-e):not(#ref-f):not(#ref-g):not(#ref-h){position:absolute!important;inset:auto!important;top:0!important;left:auto!important;right:calc(22% - var(--mobile-art-width)*.48)!important;width:var(--mobile-art-width)!important;max-width:none!important;height:340px!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(180deg,#000 40%,transparent 80%)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(180deg,#000 40%,transparent 80%)!important;mask-composite:intersect!important;-webkit-mask-composite:source-in!important;z-index:0!important}
 html body[data-page] main [data-ag-opening=standard]:not(.home-cinema-window):not(.work-cinema-window):not(.ag-news-banner):not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d):not(#ref-e):not(#ref-f){height:auto!important;min-height:max(620px,var(--responsive-opening-height,0px))!important;aspect-ratio:auto!important}
 html body[data-page=home] main .home-why.ag-shared-cta.ag-hello-cta:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d){height:auto!important;min-height:0!important;padding:24px 0 20px!important;gap:0!important}
 html body[data-page=home] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d){position:static!important;min-height:0!important;height:auto!important;margin:0!important;padding:56px 24px 0!important;flex:0 0 auto!important}
 html body[data-page=home] main .home-why .ag-hello-copy>.eyebrow:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d){top:24px!important;left:24px!important}
 html body[data-page=home] main .home-why .home-experience:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d){margin-top:24px!important;padding:0!important;min-height:0!important;flex:0 0 auto!important}
 html body[data-page=home] main .home-why .home-experience-heading{margin-top:12px!important}
}

@media(max-width:800px){
 html body[data-page=home] main .home-demo-ad>.ag-mobile-reference-art:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d):not(#ref-e):not(#ref-f):not(#ref-g):not(#ref-h){right:calc(22% - var(--mobile-art-width)*.39)!important}
 html body[data-page=contact] main .ag-contact-background.ag-mobile-reference-art:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d):not(#ref-e):not(#ref-f):not(#ref-g):not(#ref-h){right:calc(22% - var(--mobile-art-width)*.32)!important}
 html body[data-page=home] main .home-why .ag-hello-copy:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d){transform:none!important}
 html body[data-page=home] main .home-why .ag-hello-copy>h2:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d){margin-top:0!important}
 html body[data-page=home] main .home-why .home-experience:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d){width:100%!important;left:auto!important;right:auto!important;margin-left:0!important;margin-right:0!important;transform:none!important}
 html body[data-page=home] main .home-why .home-experience-heading:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d){padding:0 24px!important;margin:12px 0 0!important;width:auto!important;left:auto!important;right:auto!important;transform:none!important}
}
@media(max-width:800px){html body[data-page=home] main .home-why .ag-hello-copy>.eyebrow:not(#ref-a):not(#ref-b):not(#ref-c):not(#ref-d){position:absolute!important;top:24px!important;left:24px!important;margin:0!important;padding:0!important;transform:none!important}}

/* assets/mobile-composition.css */
/* V189: mobile composition overrides sit in an important layer above legacy panel rules. */
@layer mobile-composition{
 @media(max-width:800px){
  .ag-mobile-reference-panel{--mobile-rgb:29,32,31;--mobile-surface:rgb(var(--mobile-rgb));background:var(--mobile-surface)!important}
  .home-demo-ad.ag-mobile-reference-panel{--mobile-rgb:0,0,0;background:#000!important}
  .ag-contact-hero{--mobile-rgb:27,31,32}
  .services-banner{--mobile-rgb:43,39,34}
  .about-welcome{--mobile-rgb:37,38,34}
  body[data-page=demos] .ag-hello-cta{--mobile-rgb:39,34,42}
  .work-approach-feature{--mobile-rgb:56,47,37}
  .work-cinema-window{--mobile-rgb:19,23,26}
  .ag-hello-cta:has(img[src*="storefront-cta"]){--mobile-rgb:29,34,31}
  .ag-hello-cta:has(img[src*="selfie"]){--mobile-rgb:38,32,38}
  .work-project[data-project=avercare] :is(.project-hero,.project-case-image-panel){--mobile-rgb:44,36,27}
  .work-project[data-project=fitfur] :is(.project-hero,.project-case-image-panel,.project-pet-banner){--mobile-rgb:45,38,29}
  .work-project[data-project=mayson] :is(.project-hero,.project-case-image-panel){--mobile-rgb:30,43,45}
  .ag-mobile-reference-art{mask-image:linear-gradient(90deg,transparent,#000 42%),linear-gradient(180deg,#000 38%,rgba(0,0,0,.75) 65%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%),linear-gradient(180deg,#000 38%,rgba(0,0,0,.75) 65%,transparent 100%)!important}
  .ag-hello-image>img[src*="storefront-cta-v41"]{left:calc(50% - var(--mobile-art-width)*.72)!important;right:auto!important;top:-52px!important}
  .work-approach-feature .ag-mobile-reference-art{left:calc(50% - var(--mobile-art-width)*.75)!important;right:auto!important;top:0!important}
  /* Opening films retain their full media frames and individually chosen subjects. */
  :is(.about-welcome,.home-cinema-window,.work-cinema-window) .ag-mobile-reference-frame{inset:0!important;width:100%!important;height:100%!important;mask-image:none!important;-webkit-mask-image:none!important}
  :is(.about-welcome,.home-cinema-window,.work-cinema-window) .ag-mobile-reference-art{inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 35%!important;mask-image:none!important;-webkit-mask-image:none!important}
  .about-welcome .ag-mobile-reference-art{object-position:58% 35%!important}
  body[data-page=demos] .home-cinema-window .ag-mobile-reference-art{object-position:50% 30%!important}
  .work-cinema-window .ag-mobile-reference-art{object-position:center!important}
  .about-welcome [data-ag-opening-role=title] em{margin-top:0!important}
  /* Every sound control gets its own reserved row instead of covering text/tags. */
  .about-welcome [data-ag-opening-role=copy]{bottom:88px!important}
  .about-welcome .home-video-controls{bottom:24px!important;right:24px!important}
  .work-cinema-window [data-ag-opening-role=copy]{bottom:88px!important}
  .work-cinema-window .work-services{max-width:100%!important;width:100%!important}
  .work-cinema-window .work-video-controls{bottom:24px!important;right:24px!important}
  .work-cinema-window .work-services.tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
 }
}
@layer mobile-composition{
 @media(max-width:800px){
  .about-welcome .ag-mobile-reference-frame{height:440px!important}
  .about-welcome .ag-mobile-reference-art,body[data-page=demos] .home-cinema-window .ag-mobile-reference-art{height:440px!important;mask-image:linear-gradient(#000 55%,rgba(0,0,0,.8) 75%,transparent 100%)!important;-webkit-mask-image:linear-gradient(#000 55%,rgba(0,0,0,.8) 75%,transparent 100%)!important}
  .work-approach-feature .ag-mobile-reference-art{width:calc(var(--mobile-art-width)*1.15)!important;height:391px!important;left:calc(50% - var(--mobile-art-width)*.8625)!important;top:-20px!important}
 }
}
/* One header owns the black strip; Home begins immediately beneath its reserved height. */
@layer home-opening-baseline{
 @media screen{
  body[data-page=home]{margin-top:0!important;padding-top:calc(var(--ag-header-height) + env(safe-area-inset-top,0px))!important;background-image:none!important}
  body[data-page=home] #main{margin-top:0!important;padding-top:0!important}
  body[data-page=home] #main>.home-cinema{margin-top:0!important;padding-top:0!important}
  body[data-page=home] :is(.home-cinema-stage,.home-cinema-window){margin-top:0!important;padding-top:0!important}
  header.site-header.ag-dark-header::before{inset:0!important;width:100%!important;height:auto!important;clip-path:inset(0)!important}
 }
}
@layer mobile-composition{
 @media(max-width:800px){
  body[data-page=home] .home-cinema-window>video{left:50%!important;right:auto!important;top:0!important;width:var(--home-media-width,100%)!important;height:var(--home-media-height,100%)!important;object-fit:cover!important;mask-image:none!important;-webkit-mask-image:none!important}
  body[data-page=home] .home-scroll-cue{display:none!important}
 }
}
@layer mobile-composition{
 @media(max-width:800px){
  /* Smooth opacity ramps finish before the photo boundary, so no terminal line remains. */
  :is(.ag-contact-background,.ag-hello-image>img[src*="storefront-cta-v41"],.ag-hello-image>img[src*="about-cta-studio-v102"],.work-approach-feature .ag-mobile-reference-art){mask-image:radial-gradient(ellipse 140% 100% at 60% 0%,#000 22%,rgba(0,0,0,.98) 38%,rgba(0,0,0,.8) 52%,rgba(0,0,0,.42) 67%,rgba(0,0,0,.12) 79%,rgba(0,0,0,.02) 87%,transparent 94%)!important;-webkit-mask-image:radial-gradient(ellipse 140% 100% at 60% 0%,#000 22%,rgba(0,0,0,.98) 38%,rgba(0,0,0,.8) 52%,rgba(0,0,0,.42) 67%,rgba(0,0,0,.12) 79%,rgba(0,0,0,.02) 87%,transparent 94%)!important;mask-composite:add!important;-webkit-mask-composite:source-over!important}
  .ag-hello-image>img[src*="about-cta-studio-v102"]{left:0!important;right:0!important;top:-35px!important;width:100%!important;height:360px!important;object-fit:cover!important;object-position:100% center!important}
  .work-approach-feature .ag-mobile-reference-art{left:0!important;right:0!important;top:0!important;width:100%!important;height:391px!important;object-fit:cover!important;object-position:92% center!important}
  body[data-page=demos] .home-cinema-window .ag-mobile-reference-art,.about-welcome .ag-mobile-reference-art{mask-image:radial-gradient(ellipse 150% 100% at 58% 0%,#000 30%,rgba(0,0,0,.98) 46%,rgba(0,0,0,.72) 61%,rgba(0,0,0,.3) 76%,rgba(0,0,0,.04) 90%,transparent 98%)!important;-webkit-mask-image:radial-gradient(ellipse 150% 100% at 58% 0%,#000 30%,rgba(0,0,0,.98) 46%,rgba(0,0,0,.72) 61%,rgba(0,0,0,.3) 76%,rgba(0,0,0,.04) 90%,transparent 98%)!important}
  .home-cinema-window>.ag-opening-shade::before{background-image:radial-gradient(ellipse 150% 110% at 12% 110%,rgb(var(--mobile-rgb,29,32,31)) 20%,rgba(var(--mobile-rgb,29,32,31),.98) 40%,rgba(var(--mobile-rgb,29,32,31),.7) 59%,rgba(var(--mobile-rgb,29,32,31),.28) 78%,transparent 96%)!important}
  .home-cinema-copy .home-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,.95fr)!important;grid-auto-flow:column!important;gap:6px!important;width:100%!important;max-width:none!important;align-items:stretch!important;container-type:inline-size}
  .home-cinema-copy .home-actions>.button,.home-cinema-copy .home-actions .home-video-controls>button{width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:10px 6px!important;font-size:clamp(9px,3.2cqw,12px)!important;line-height:1.2!important;white-space:nowrap!important;gap:3px!important;justify-content:center!important;align-self:stretch!important}
  .home-cinema-copy .home-actions>.button span{white-space:nowrap!important}
  .home-video-controls[data-mobile-docked]{position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:44px!important;margin:0!important;align-self:stretch!important}
  .home-video-controls[data-mobile-docked] svg{width:11px!important;height:11px!important;flex:0 0 auto}
  [data-ag-cta-role=actions],.ag-contact-actions{flex-wrap:nowrap!important}
 }
 @media(max-width:380px){
  [data-ag-cta-role=actions]>[data-ag-cta-role=button]{min-width:0!important;padding-inline:9px!important;font-size:11px!important;white-space:nowrap!important}
 }
}
@layer mobile-composition{@media(max-width:800px){.ag-hello-actions{flex-wrap:nowrap!important}.ag-hello-actions>:is(.button,.text-link){min-width:0!important}}}

/* V191: project-only mobile reframing and seamless image endings; existing gradient colors stay intact. */
@layer mobile-composition{
 @media(max-width:800px){
  .work-project .project-hero-art.ag-mobile-reference-frame{inset:0!important;width:100%!important;height:400px!important;mask-image:none!important;-webkit-mask-image:none!important;overflow:hidden!important}
  .work-project .project-hero-art>:is(img,video){inset:0!important;width:100%!important;height:400px!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
  .work-project[data-project=avercare] .project-hero-art>:is(img,video){object-position:65% 35%!important}
  .work-project[data-project=fitfur] .project-hero-art>:is(img,video){object-position:50% 35%!important}
  .work-project[data-project=mayson] .project-hero-art>:is(img,video){object-position:50% 30%!important}
  .work-project .project-case-wide-photo.ag-mobile-reference-frame{inset:0!important;width:100%!important;height:clamp(280px,78vw,340px)!important;mask-image:none!important;-webkit-mask-image:none!important;overflow:hidden!important}
  .work-project .project-case-wide-photo>img{inset:0!important;width:100%!important;height:clamp(280px,78vw,340px)!important;max-width:none!important;object-fit:cover!important;object-position:50% 35%!important}
  .work-project[data-project=avercare] .project-case-wide-photo>img{object-position:48% 35%!important}
  .work-project[data-project=mayson] .project-case-wide-photo>img{object-position:65% 35%!important}
  .work-project .project-pet-banner>img{inset:0!important;width:100%!important;height:clamp(240px,68vw,330px)!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
  .work-project :is(.project-hero-art>img,.project-hero-art>video,.project-case-wide-photo>img,.project-pet-banner>img){mask-image:radial-gradient(ellipse 155% 100% at 55% 0%,#000 24%,rgba(0,0,0,.98) 40%,rgba(0,0,0,.82) 55%,rgba(0,0,0,.46) 69%,rgba(0,0,0,.14) 81%,rgba(0,0,0,.02) 90%,transparent 96%)!important;-webkit-mask-image:radial-gradient(ellipse 155% 100% at 55% 0%,#000 24%,rgba(0,0,0,.98) 40%,rgba(0,0,0,.82) 55%,rgba(0,0,0,.46) 69%,rgba(0,0,0,.14) 81%,rgba(0,0,0,.02) 90%,transparent 96%)!important;mask-composite:add!important;-webkit-mask-composite:source-over!important}
 }
}

/* V192: broad curved diagonal feather on the three project openings; keep the current crops. */
@layer mobile-composition{
 @media(max-width:800px){
  .work-project[data-project] .project-hero-art>:is(img,video){mask-image:radial-gradient(ellipse 125% 115% at 105% -10%,#000 30%,rgba(0,0,0,.98) 40%,rgba(0,0,0,.85) 50%,rgba(0,0,0,.58) 62%,rgba(0,0,0,.25) 76%,rgba(0,0,0,.06) 89%,transparent 100%),linear-gradient(180deg,#000 45%,rgba(0,0,0,.9) 62%,rgba(0,0,0,.55) 78%,rgba(0,0,0,.12) 90%,transparent 98%)!important;-webkit-mask-image:radial-gradient(ellipse 125% 115% at 105% -10%,#000 30%,rgba(0,0,0,.98) 40%,rgba(0,0,0,.85) 50%,rgba(0,0,0,.58) 62%,rgba(0,0,0,.25) 76%,rgba(0,0,0,.06) 89%,transparent 100%),linear-gradient(180deg,#000 45%,rgba(0,0,0,.9) 62%,rgba(0,0,0,.55) 78%,rgba(0,0,0,.12) 90%,transparent 98%)!important;mask-composite:intersect!important;-webkit-mask-composite:source-in!important}
  .work-project[data-project] .project-hero-shade{background:none!important}
 }
 .work-project[data-project=mayson] .ag-project-cta .ag-hello-image>img{object-position:60% 40%!important}
}

/* Keep overview copy above the faded photo without changing its layout or corner label anchor. */
@layer mobile-composition{@media(max-width:800px){.work-project .project-case-overlay-copy{z-index:2!important;isolation:isolate}}}

/* Mayson's new CTA photo keeps its natural composition and a clear mobile caption area. */
@layer mobile-composition{
 @media(max-width:800px){
  .work-project[data-project=mayson] .ag-project-cta{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;height:auto!important;min-height:0!important;padding:0!important}
  .work-project[data-project=mayson] .ag-project-cta .ag-hello-image{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
  .work-project[data-project=mayson] .ag-project-cta .ag-hello-image>img{object-position:58% 20%!important}
  .work-project[data-project=mayson] .ag-project-cta .ag-hello-copy{position:relative!important;height:auto!important;min-height:0!important;padding:24px!important;justify-content:flex-start!important}
  .work-project[data-project=mayson] .ag-project-cta .ag-hello-copy>.eyebrow{position:static!important;inset:auto!important;margin:0 0 20px!important}
  .work-project[data-project=mayson] .ag-project-cta .ag-hello-actions{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important}
  .work-project[data-project=mayson] .ag-project-cta .ag-hello-actions>.button{flex:1 1 0!important;min-width:0!important;width:auto!important;padding:6px 7px!important;min-height:48px!important;font-size:clamp(10px,2.6vw,12px)!important;line-height:1.2!important;white-space:normal!important}
  .work-project[data-project=mayson] .ag-project-cta .ag-hello-actions>.text-link{flex:0 0 auto!important;min-width:0!important;font-size:clamp(10px,2.6vw,12px)!important;white-space:nowrap!important;padding:8px 0!important}
 }
}

@layer mobile-composition{@media(max-width:800px){.work-project[data-project=mayson] .ag-project-cta .ag-hello-copy>h2{font-size:var(--mobile-fit-title,clamp(40px,11.4vw,60px))!important}}}

/* V206: keep approved mobile fade positions, with a neutral black surface and 75% peak shade. */
@layer mobile-composition{@media(max-width:800px){
 :root{--mobile-shade-rgb:0,0,0;--mobile-shade-alpha:.75;--mobile-shade-surface:0,0,0}
 :is(.home-cinema-window,.work-cinema-window,.about-welcome,.ag-news-banner,.services-banner,.ag-contact-hero,[data-ag-cta-template=standard]:not(#services-cta):not(.home-demo-ad),.work-approach-feature,.project-case-image-panel,.project-hero,[data-project-films="fitfur-pets"]){background:rgb(var(--mobile-shade-surface))!important}
 .services-banner{--mobile-shade-surface:0,0,0}
 .ag-contact-hero{--mobile-shade-surface:0,0,0}
 [data-ag-cta-template=standard]:has(img[src*="storefront-cta"]){--mobile-shade-surface:0,0,0}
 body[data-page=demos] [data-ag-cta-template=standard]{--mobile-shade-surface:0,0,0}
 [data-ag-cta-template=standard]:has(img[src*="selfie"]){--mobile-shade-surface:0,0,0}
 .work-approach-feature{--mobile-shade-surface:0,0,0}
 #project-avercare :is(.project-hero,.project-case-image-panel){--mobile-shade-surface:0,0,0}
 #project-fitfur :is(.project-hero,.project-case-image-panel,[data-project-films="fitfur-pets"]){--mobile-shade-surface:0,0,0}
 #project-mayson :is(.project-hero,.project-case-image-panel){--mobile-shade-surface:0,0,0}
 .home-cinema-window>.ag-opening-shade::before{background-image:radial-gradient(ellipse 150% 110% at 12% 110%,rgba(0,0,0,.75) 20%,rgba(0,0,0,.735) 40%,rgba(0,0,0,.525) 59%,rgba(0,0,0,.21) 78%,transparent 96%)!important}
 #project-fitfur [data-project-films="fitfur-pets"]{background:rgb(var(--mobile-shade-surface))!important}
 #project-fitfur [data-project-films="fitfur-pets"]::after{background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.72) 24%,rgba(0,0,0,.54) 48%,rgba(0,0,0,.21) 69%,transparent 88%)!important}
 /* An inverse of the existing 440px photo mask puts the shared tint at exactly its fade. */
 :is(#project-avercare,#project-fitfur,#project-mayson) .project-hero-shade{
  background:rgba(0,0,0,.75)!important;
  mask-image:linear-gradient(#000 0 0),radial-gradient(ellipse 130% 130% at 110% -10%,#000 40%,rgba(0,0,0,.98) 50%,rgba(0,0,0,.88) 62%,rgba(0,0,0,.62) 74%,rgba(0,0,0,.28) 86%,rgba(0,0,0,.06) 98%,transparent 108%),linear-gradient(#000 60%,rgba(0,0,0,.9) 73%,rgba(0,0,0,.55) 85%,rgba(0,0,0,.12) 94%,transparent 100%)!important;
  mask-size:100% 100%,100% 440px,100% 440px!important;mask-position:0 0!important;mask-repeat:no-repeat!important;mask-composite:subtract,intersect!important;
 }
 /* Intersect the existing side/bottom fades instead of adding opacity back at the edge. */
 .home-demo-ad>.ag-mobile-reference-art,.services-banner .ag-mobile-reference-art,
 [data-ag-cta-template=standard]:has(img[src*="selfie"]) .ag-mobile-reference-art,
 body[data-page=demos] [data-ag-cta-template=standard] .ag-mobile-reference-art,
 #services-cta .ag-hello-image>img{mask-composite:intersect!important;-webkit-mask-composite:source-in!important}
 .home-demo-ad>.ag-cta-trial-shade::before{background-image:linear-gradient(90deg,rgba(0,0,0,.75),transparent 75%)!important}
 @media(max-width:600px){.career-section>.ag-cta-trial-shade::before{background-image:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.833143) 24%,rgba(0,0,0,.648) 62%,rgba(0,0,0,.508114)),linear-gradient(0deg,rgba(0,0,0,.63),transparent 45%)!important}}
 /* Fade only the film picture; keep its native controls solid in their existing bottom row. */
 #project-fitfur [data-project-films="fitfur-pets"]:has([data-project-film]:not([hidden]) video[controls])::before{display:none!important}
 #project-fitfur [data-project-films="fitfur-pets"] .mayson-film-slide>video{
  mask-image:linear-gradient(180deg,#000 55%,rgba(0,0,0,.88) 70%,rgba(0,0,0,.3) 90%,transparent 100%),linear-gradient(#000 0 0)!important;
  mask-size:100% calc(56.25cqw + 29px),100% 72px!important;mask-position:top,bottom!important;mask-repeat:no-repeat!important;mask-composite:add!important;
 }
 /* Blend the three stacked invitation photos into their existing light copy panels. */
 .work-project .ag-project-cta .ag-hello-image{background:inherit!important}
 .work-project .ag-project-cta .ag-hello-image>img{mask-image:linear-gradient(#000 88%,rgba(0,0,0,.65) 94%,transparent 100%)!important;-webkit-mask-image:linear-gradient(#000 88%,rgba(0,0,0,.65) 94%,transparent 100%)!important}
}}

/* The storefront film replaces its poster in view and needs the same terminal fade. */
@layer mobile-composition{@media(max-width:800px){
 [data-ag-cta-template=standard] .ag-hello-image>video{
  mask-image:radial-gradient(ellipse 140% 100% at 60% 0%,#000 22%,rgba(0,0,0,.98) 38%,rgba(0,0,0,.8) 52%,rgba(0,0,0,.42) 67%,rgba(0,0,0,.12) 79%,rgba(0,0,0,.02) 87%,transparent 94%)!important;
  -webkit-mask-image:radial-gradient(ellipse 140% 100% at 60% 0%,#000 22%,rgba(0,0,0,.98) 38%,rgba(0,0,0,.8) 52%,rgba(0,0,0,.42) 67%,rgba(0,0,0,.12) 79%,rgba(0,0,0,.02) 87%,transparent 94%)!important;
  mask-composite:add!important;-webkit-mask-composite:source-over!important;
 }
}}

/* Blurred edge extensions are independent of the sharp photo and do not affect sizing. */
@layer mobile-composition{
 .ag-media-edge-fill{display:none!important}
 @media(max-width:800px){
  :is(.about-welcome,.ag-news-banner)>.ag-opening-shade::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22120%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.75%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E")!important}
  .ag-media-edge-fill{display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:var(--edge-height,340px)!important;z-index:0!important;pointer-events:none!important;overflow:visible!important;mask-image:linear-gradient(#000 25%,rgba(0,0,0,.98) 38%,rgba(0,0,0,.8) 52%,rgba(0,0,0,.42) 67%,rgba(0,0,0,.12) 79%,rgba(0,0,0,.02) 87%,transparent 94%)!important}
  .ag-media-edge-fill>span{display:block;position:absolute;pointer-events:none;background-image:var(--edge-image);background-repeat:no-repeat;filter:blur(16px)}
  .ag-media-edge-left,.ag-media-edge-right{top:var(--edge-top,-32px);height:var(--edge-art-height,404px);background-size:2000% 100%}
  .ag-media-edge-left{left:-32px;width:var(--edge-left,32px);background-position:left center}
  .ag-media-edge-right{right:-32px;width:var(--edge-right,32px);background-position:right center}
  .ag-media-edge-top,.ag-media-edge-bottom{left:-32px;right:-32px;background-size:100% 2000%}
  .ag-media-edge-top{top:-32px;height:var(--edge-top-height,32px);background-position:center top}
  .ag-media-edge-bottom{bottom:-32px;height:64px;background-position:center bottom}
  /* Feather only sides that actually end inside the panel, over the blurred edge extension. */
  body[data-page] main .ag-mobile-reference-panel .ag-mobile-reference-art.ag-edge-feather{mask-image:var(--edge-sharp-mask),var(--edge-side-mask)!important;mask-composite:intersect!important;-webkit-mask-composite:source-in!important}
 }
 @media(max-width:600px){:is(.about-welcome,.ag-news-banner)>.ag-opening-shade::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22180%20110%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.75%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E")!important}}
}

/* Keep the viewport-sized Home film readable in unusually short desktop windows. */
@layer mobile-composition{@media(min-width:801px) and (max-height:600px){
 body[data-page=home] .home-cinema-copy>[data-ag-opening-role=title]{font-size:clamp(34px,calc((100svh - 300px)*.45),var(--pill-opening-title))!important}
}}

/* V210: clip mobile opening media and edge fills to the complete rounded panel.
   Home's parallax opener and all Projects banners deliberately retain their framing. */
@layer mobile-composition {
 @media (max-width:800px) {
  html body:is([data-page=about],[data-page=services],[data-page=demos],[data-page=contact]) main [data-ag-opening=standard] {
   border-radius:20px!important;
   overflow:hidden!important;
   clip-path:inset(0 round 20px)!important;
   -webkit-clip-path:inset(0 round 20px)!important;
  }
 }
}


/* The supplied News still keeps both foreground faces within its mobile photograph. */
@layer mobile-composition{@media(max-width:800px){body[data-page=news] [data-ag-id="ag-cta-news-0-panel"] .ag-hello-image>img{left:50%!important;right:auto!important;top:-32px!important;transform:translateX(-42%)!important;mask-image:linear-gradient(180deg,#000 35%,rgba(0,0,0,.98) 48%,rgba(0,0,0,.72) 64%,rgba(0,0,0,.2) 82%,transparent 98%)!important;-webkit-mask-image:linear-gradient(180deg,#000 35%,rgba(0,0,0,.98) 48%,rgba(0,0,0,.72) 64%,rgba(0,0,0,.2) 82%,transparent 98%)!important;mask-composite:add!important;-webkit-mask-composite:source-over!important}}

} /* Close the original composition layer before the next stylesheet. */

/* assets/responsive-stability.css */
/* Natural project invitation rows stay readable throughout continuous resizing. */
@layer mobile-composition{
 .work-project[data-project] .ag-project-cta{
  display:grid!important;grid-template-columns:44% minmax(0,1fr)!important;grid-template-rows:auto!important;
  align-items:stretch!important;height:auto!important;min-height:clamp(390px,28.45vw,490px)!important;padding:0!important;
  container-type:inline-size;container-name:project-invitation;
 }
 .work-project[data-project] .ag-project-cta .ag-hello-image{
  position:relative!important;inset:auto!important;min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;
 }
 .work-project[data-project] .ag-project-cta .ag-hello-image>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
 .work-project[data-project] .ag-project-cta .ag-hello-copy{
  position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;min-width:0!important;
  padding:clamp(24px,2.06vw,32px)!important;gap:0!important;container-type:inline-size;
 }
 .work-project[data-project] .ag-project-cta .ag-hello-copy>.eyebrow{
  position:static!important;inset:auto!important;flex:none!important;margin:0 0 clamp(20px,calc(18cqw - 60px),80px)!important;
 }
 .work-project[data-project] .ag-project-cta .ag-hello-copy>h2{
  font-size:min(clamp(54px,5.67vw,88px),15cqw)!important;line-height:.99!important;
  margin:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;
 }
 .work-project[data-project] .ag-project-cta .ag-hello-copy>p{font-size:clamp(16px,1.05vw,18px)!important;line-height:1.65!important;margin:24px 0!important;max-width:60ch!important}
 .work-project[data-project] .ag-project-cta .ag-hello-actions{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;gap:clamp(8px,1.16vw,20px)!important;width:100%!important;min-width:0!important}
 .work-project[data-project] .ag-project-cta .ag-hello-actions>.button{
  flex:0 1 auto!important;width:auto!important;min-width:0!important;min-height:48px!important;
  font-size:clamp(10px,3.6cqw,14px)!important;line-height:1.25!important;padding:8px clamp(6px,1vw,18px)!important;white-space:normal!important;
 }
 .work-project[data-project] .ag-project-cta .ag-hello-actions>.text-link{
  flex:0 0 auto!important;width:auto!important;min-width:0!important;font-size:clamp(10px,3.6cqw,14px)!important;line-height:1.25!important;white-space:nowrap!important;padding:8px 0!important;
 }
 @media(max-width:800px){
  .work-project[data-project] .ag-project-cta{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;min-height:0!important}
  .work-project[data-project] .ag-project-cta .ag-hello-image{height:clamp(190px,75cqw,340px)!important;aspect-ratio:auto!important}
  .work-project[data-project=mayson] .ag-project-cta .ag-hello-image{height:clamp(145px,56.55cqw,340px)!important}
  .work-project[data-project] .ag-project-cta .ag-hello-copy>.eyebrow{margin-bottom:20px!important}
  /* Larger mobile opening portraits, with the diagonal feather lower near the type. */
  .work-project[data-project] .project-hero-art.ag-mobile-reference-frame,.work-project[data-project] .project-hero-art>:is(img,video){height:440px!important}
  .work-project[data-project] .project-hero-art>:is(img,video){
   mask-image:radial-gradient(ellipse 130% 130% at 110% -10%,#000 40%,rgba(0,0,0,.98) 50%,rgba(0,0,0,.88) 62%,rgba(0,0,0,.62) 74%,rgba(0,0,0,.28) 86%,rgba(0,0,0,.06) 98%,transparent 108%),linear-gradient(#000 60%,rgba(0,0,0,.9) 73%,rgba(0,0,0,.55) 85%,rgba(0,0,0,.12) 94%,transparent 100%)!important;
   -webkit-mask-image:radial-gradient(ellipse 130% 130% at 110% -10%,#000 40%,rgba(0,0,0,.98) 50%,rgba(0,0,0,.88) 62%,rgba(0,0,0,.62) 74%,rgba(0,0,0,.28) 86%,rgba(0,0,0,.06) 98%,transparent 108%),linear-gradient(#000 60%,rgba(0,0,0,.9) 73%,rgba(0,0,0,.55) 85%,rgba(0,0,0,.12) 94%,transparent 100%)!important;
  }
 }
}

/* assets/alive-pill.css */
/* Experimental only. GOLD remains unchanged. */
html[data-ag-alive] .ag-alive-opener { view-transition-name: ag-living-pill; isolation:isolate; transform-style:preserve-3d; }
html[data-ag-alive] .ag-alive-copy { view-transition-name:ag-living-words; }
html[data-ag-alive]::view-transition-group(ag-living-pill) {
 z-index:30; overflow:clip; border-radius:var(--alive-radius,28px);
 animation-duration:1000ms;
 animation-timing-function:linear(0, .07 8%, .25 18%, .52 30%, .8 43%, .98 56%, 1.035 68%, 1.016 81%, 1 100%);
}
html[data-ag-alive]::view-transition-image-pair(ag-living-pill) { isolation:isolate; overflow:hidden; border-radius:inherit; }
html[data-ag-alive]::view-transition-old(ag-living-pill) { mix-blend-mode:normal; animation:alive-out 440ms ease both; height:100%; width:100%; object-fit:cover; }
html[data-ag-alive]::view-transition-new(ag-living-pill) { mix-blend-mode:normal; animation:alive-in 620ms ease both; height:100%; width:100%; object-fit:cover; }
html[data-ag-alive]::view-transition-group(ag-living-words) { z-index:31;animation-duration:1000ms;animation-timing-function:cubic-bezier(.2,.85,.25,1.08); }
html[data-ag-alive]::view-transition-old(ag-living-words) { animation:alive-words-out 240ms ease both; }
html[data-ag-alive]::view-transition-new(ag-living-words) { animation:alive-words-in 650ms 140ms both cubic-bezier(.17,.85,.24,1.12); }
@keyframes alive-out { to { opacity:0;filter:blur(5px); } }
@keyframes alive-in { from { opacity:0;filter:blur(8px); } to { opacity:1;filter:blur(0); } }
@keyframes alive-words-out { to { opacity:0;translate:0 -12px;filter:blur(5px); } }
@keyframes alive-words-in { from { opacity:0;translate:0 18px;filter:blur(7px); } to { opacity:1;translate:0 0;filter:blur(0); } }
html[data-ag-alive] .ag-alive-depth { translate:var(--alive-x,0px) var(--alive-y,0px); will-change:translate; }
@media(prefers-reduced-motion:reduce) {
 html[data-ag-alive] .ag-alive-depth { translate:none;will-change:auto; }
 html[data-ag-alive] .ag-alive-opener,html[data-ag-alive] .ag-alive-copy { view-transition-name:none; }
}
html[data-ag-alive] .ag-alive-perspective{perspective:1400px} @media(prefers-reduced-motion:reduce){html[data-ag-alive] .ag-alive-perspective{perspective:none}}
/* Prototype: isolate the living opener; the rest of the incoming page is immediate. */
html[data-ag-alive]::view-transition-group(root){animation:none!important}
html[data-ag-alive]::view-transition-old(root){animation:none!important;opacity:0!important;mix-blend-mode:normal!important}
html[data-ag-alive]::view-transition-new(root){animation:none!important;opacity:1;filter:none!important;mix-blend-mode:normal!important}
html[data-ag-alive][data-ag-route-blur] #main{animation:none!important;filter:none!important}
/* Register snapshot identities before the incoming document is revealed. */
html[data-ag-alive] main :is([data-ag-opening=standard],.ag-news-banner){view-transition-name:ag-living-pill}
html[data-ag-alive] main [data-ag-opening-role=copy],html[data-ag-alive] main .ag-news-banner>h1{view-transition-name:ag-living-words}
@media(prefers-reduced-motion:reduce){html[data-ag-alive] main :is([data-ag-opening=standard],.ag-news-banner,[data-ag-opening-role=copy]),html[data-ag-alive] main .ag-news-banner>h1{view-transition-name:none!important}}
/* Prototype revision 3: no opacity or blur handoffs, including inside the opener. */
html[data-ag-alive]::view-transition-old(ag-living-pill),
html[data-ag-alive]::view-transition-old(ag-living-words){animation:none!important;opacity:0;}
html[data-ag-alive]::view-transition-new(ag-living-pill){animation:none!important;opacity:1;}
html[data-ag-alive]::view-transition-new(ag-living-words){animation:alive-words-slide 850ms cubic-bezier(.17,.85,.24,1.08) both!important;opacity:1!important;filter:none!important}
@keyframes alive-words-slide{from{translate:0 14px}to{translate:0 0}}
html[data-ag-alive] main :is([data-ag-opening=standard],.ag-news-banner) :is([data-ag-reveal],.ag-word,.reveal.pending){opacity:1!important;filter:none!important;animation:none!important}
/* Revision 4: retain an opaque outgoing surface until the new surface covers it. */
html[data-ag-alive]::view-transition-old(root){opacity:1!important;animation:none!important}
html[data-ag-alive]::view-transition-old(ag-living-pill){opacity:1;animation:none!important;}
html[data-ag-alive]::view-transition-new(ag-living-pill){opacity:1;animation:alive-media-reveal 800ms cubic-bezier(.22,.78,.22,1) both!important}
html[data-ag-alive]::view-transition-image-pair(ag-living-pill){background:#171719;isolation:isolate}
@keyframes alive-media-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
html[data-ag-alive]::view-transition-old(ag-living-words){opacity:1!important;filter:none!important;animation:alive-words-leave 380ms cubic-bezier(.4,0,.6,1) both!important}
html[data-ag-alive]::view-transition-new(ag-living-words){opacity:1!important;filter:none!important;animation:alive-words-arrive 850ms cubic-bezier(.17,.85,.24,1.08) both!important}
html[data-ag-alive]::view-transition-image-pair(ag-living-words){overflow:clip}
@keyframes alive-words-leave{to{translate:-110% 0}}
@keyframes alive-words-arrive{from{translate:110% 0}to{translate:0 0}}
/* Reserve image bleed beyond the largest spring displacement on every edge. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html[data-ag-alive] .ag-alive-depth{scale:var(--alive-cover-scale,1.04)!important;transform-origin:50% 50%!important;will-change:translate,scale;backface-visibility:hidden}
}
/* All tilted opening media, including live films, bleed behind one outer rounding. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html[data-ag-alive] .ag-alive-opener :is(img,video).ag-alive-depth{border-radius:0!important;scale:var(--alive-cover-scale,1.055)!important;transform-origin:center!important;backface-visibility:hidden}
}
/* Contact forms stay inside the original morphing opener, never a modal layer. */
html[data-ag-alive] .ag-inline-surface[data-alive-form]{background:var(--paper,#e9e9e6)!important;rotate:none!important;overflow:hidden!important;clip-path:inset(0 round 28px)!important;border-radius:28px!important;aspect-ratio:auto!important;padding:0!important}
.ag-inline-surface[data-alive-form]>.ag-contact-original{display:none!important}
.ag-contact-hero .ag-contact-original[hidden]{display:none!important}
.ag-inline-surface .ag-inline-back{display:flex;align-items:center;gap:8px;margin:0;padding:20px 28px;background:#151719;color:#fff;border:0;border-radius:0;font:14px var(--font-body,system-ui);width:100%;cursor:pointer;text-align:left}
html body[data-page] .ag-inline-surface dialog.ag-inline-form{display:block;position:relative!important;inset:auto!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;background:var(--paper,#e9e9e6)!important;color:#202119!important;opacity:1!important;transform:none!important}
html body[data-page] .ag-inline-form>.close-booking,html body[data-page] .ag-inline-form>.ag-close-enquiry{display:none!important}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-form-banner{height:240px!important;min-height:240px!important;border-radius:0!important;overflow:hidden!important}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-form-banner img{border-radius:0!important}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-enquiry-body{padding:28px!important}
html body[data-page] :is(.ag-inline-form,.ag-detached-form).booking-dialog>p,html body[data-page] :is(.ag-inline-form,.ag-detached-form).booking-dialog>form{margin:0!important;padding:24px 28px!important}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-form-banner :is(h2,.eyebrow){color:white!important;opacity:1!important;filter:none!important}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) :is(label,legend,p,input,textarea,select){color:#202119!important;opacity:1!important;filter:none!important}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) :is(form,.form-row,label,input,textarea,select,fieldset){max-width:100%;box-sizing:border-box}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) :is(input,textarea,select){width:100%}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) input:is([type=checkbox],[type=radio]){width:auto}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) .interest-options{display:flex;flex-wrap:wrap;gap:8px}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) .interest-options legend{width:100%;margin-bottom:12px}
@media(max-width:640px){html body[data-page] :is(.ag-inline-form,.ag-detached-form) .form-row{grid-template-columns:1fr!important;display:grid!important;gap:20px!important}html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-form-banner{height:210px!important;min-height:210px!important}html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-enquiry-body{padding:22px!important}}
html[data-ag-alive] .ag-inline-surface[data-alive-form]{display:block!important;justify-content:flex-start!important;align-items:stretch!important}
html[data-ag-alive] .ag-inline-surface[data-alive-form]::before,html[data-ag-alive] .ag-inline-surface[data-alive-form]::after{display:none!important}
/* A separate, non-interactive shadow is never cut by the media clipping mask. */
.ag-alive-shadow{position:absolute;pointer-events:none;z-index:20;box-sizing:border-box;background:transparent;border:1px solid rgba(20,23,25,.10);box-shadow:0 3px 9px rgba(16,20,18,.10),0 18px 38px rgba(16,20,18,.18);}
html:not([data-ag-alive]) .ag-alive-shadow{display:none}
html[data-ag-alive] .ag-alive-shadow[data-alive-primary]{view-transition-name:ag-living-shadow}
html[data-ag-alive]::view-transition-group(ag-living-shadow){z-index:29;overflow:visible;animation-duration:1000ms;animation-timing-function:linear(0,.07 8%,.25 18%,.52 30%,.8 43%,.98 56%,1.035 68%,1.016 81%,1 100%)}
html[data-ag-alive]::view-transition-image-pair(ag-living-shadow){overflow:visible}
html[data-ag-alive]::view-transition-old(ag-living-shadow){animation:none;opacity:0}
html[data-ag-alive]::view-transition-new(ag-living-shadow){animation:none;opacity:1}
@media(prefers-reduced-motion:reduce){html[data-ag-alive] .ag-alive-shadow{view-transition-name:none}}
/* One shadow surface, and full-width form artwork with an accessible close control. */
.ag-alive-shadow{border:0!important;outline:0!important}
html body[data-page] .ag-inline-surface .ag-inline-back{position:absolute;z-index:10;top:16px;right:16px;left:auto;display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;background:rgba(255,255,255,.9);color:#151719;font:28px/1 system-ui;border:1px solid #ffffff66;box-shadow:0 2px 12px #0002;backdrop-filter:blur(12px)}
html body[data-page] .ag-inline-surface .ag-inline-back:focus-visible{outline:3px solid #3478f6;outline-offset:3px}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-form-banner{position:relative!important;display:block!important;width:100%!important;height:280px!important;min-height:280px!important;padding:0!important;background:#151719!important;isolation:isolate}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-form-banner>img{position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 38%!important;mask-image:none!important;-webkit-mask-image:none!important;clip-path:none!important;opacity:1!important;filter:none!important;transform:none!important;scale:1!important;z-index:0!important}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-form-banner::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.15) 60%,transparent)!important;z-index:1!important;pointer-events:none}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-form-banner>div{position:absolute!important;left:28px!important;bottom:26px!important;top:auto!important;right:28px!important;width:auto!important;max-width:80%!important;padding:0!important;background:none!important;z-index:2!important}
html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-form-banner h2{font-size:42px!important;line-height:1!important;text-shadow:0 2px 8px #0003!important}
@media(max-width:640px){html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-form-banner{height:250px!important;min-height:250px!important}html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-form-banner>div{left:22px!important;right:22px!important;max-width:85%!important}html body[data-page] :is(.ag-inline-form,.ag-detached-form) .ag-form-banner h2{font-size:36px!important}}
/* The moving surface owns its rounding; stationary cinema shells must not cut it. */
html[data-ag-alive] body:not([data-page=home]) .ag-alive-opener{border-radius:28px!important;clip-path:inset(0 round 28px)!important;-webkit-clip-path:inset(0 round 28px)!important;overflow:hidden!important;transform-style:flat!important}
html[data-ag-alive] .ag-alive-open-shell{overflow:visible!important;clip-path:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
@media(max-width:800px){html[data-ag-alive] body:not([data-page=home]) .ag-alive-opener:not([data-alive-form]){border-radius:20px!important;clip-path:inset(0 round 20px)!important;-webkit-clip-path:inset(0 round 20px)!important}}
/* Local CTA morphs claim the same shared surface identity without duplicate names. */
html[data-ag-inline-morph] :is(.ag-alive-opener,[data-ag-opening=standard],.ag-news-banner,[data-ag-opening-role=copy],.ag-alive-copy,.ag-news-banner>h1){view-transition-name:none!important}
html[data-ag-inline-morph] .ag-inline-surface:not(#ag-unused-form-surface){view-transition-name:ag-living-pill!important}
html body[data-page] .ag-inline-surface[data-alive-form]{position:relative!important;inset:auto!important;display:block!important;aspect-ratio:auto!important;transform:none!important;translate:none!important;scale:1!important;rotate:none!important;padding:0!important;isolation:isolate!important;border-radius:28px!important;clip-path:inset(0 round 28px)!important;overflow:hidden!important;background:var(--paper,#e9e9e6)!important;color:#202119!important}
html body[data-page] .ag-inline-surface[data-alive-form]>.ag-inline-source{display:none!important}
html body[data-page] .ag-inline-surface[data-alive-form]::before,html body[data-page] .ag-inline-surface[data-alive-form]::after{display:none!important}
html[data-ag-alive] .ag-form-open-shell{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important}
@media(prefers-reduced-motion:reduce){html[data-ag-inline-morph] .ag-inline-surface:not(#ag-unused-form-surface){view-transition-name:none!important}}

/* Closing CTAs retain their original responsive geometry. Only the surface moves. */
html[data-ag-alive] .ag-alive-cta{isolation:isolate;transform-style:flat!important;overflow:hidden!important;clip-path:inset(0 round var(--alive-cta-radius,28px));backface-visibility:hidden}

/* A feathered moving edge replaces the hard wipe. Blur stays inside the pill. */
html[data-ag-alive]::view-transition-new(ag-living-pill){
 clip-path:none!important;
 -webkit-mask-image:linear-gradient(90deg,#000 48%,transparent 52%);
 mask-image:linear-gradient(90deg,#000 48%,transparent 52%);
 -webkit-mask-size:300% 100%;mask-size:300% 100%;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 animation:alive-soft-media 850ms cubic-bezier(.22,.78,.22,1) both!important;
}
html[data-ag-alive]::view-transition-old(ag-living-pill){animation:alive-soft-depart 850ms ease both!important}
@keyframes alive-soft-media{
 0%{mask-position:80% 0;-webkit-mask-position:80% 0;filter:blur(5px)}
 40%{filter:blur(3px)}
 100%{mask-position:20% 0;-webkit-mask-position:20% 0;filter:blur(0)}
}
@keyframes alive-soft-depart{0%,100%{filter:blur(0)}45%{filter:blur(2px)}}
@media(prefers-reduced-motion:reduce){html[data-ag-alive]::view-transition-new(ag-living-pill){animation:none!important;mask-image:none;-webkit-mask-image:none;filter:none}}

/* Booking has its own floating pill. The source CTA remains untouched behind it. */
html body[data-page] dialog.ag-detached-form{
 position:fixed!important;inset:0!important;margin:auto!important;padding:0!important;
 width:min(620px,calc(100vw - 32px))!important;max-width:620px!important;max-height:calc(100dvh - 48px)!important;
 border:0!important;border-radius:28px!important;overflow:auto!important;background:var(--paper,#e9e9e6)!important;color:#202119!important;
 opacity:1!important;translate:none!important;scale:1!important;transform:none;transition:none!important;
 box-shadow:0 5px 15px #10141226,0 24px 64px #10141240!important;transform-origin:center;overscroll-behavior:contain;
}
html body[data-page] dialog.ag-detached-form::backdrop{background:rgba(15,20,18,.25);backdrop-filter:blur(8px)}
html body[data-page] .ag-detached-form>.close-booking{
 display:grid!important;position:absolute;place-items:center;z-index:10;top:16px;right:16px;left:auto;
 width:42px;height:42px;padding:0;border-radius:50%;background:rgba(255,255,255,.92);color:#151719;
 border:1px solid #ffffff66;box-shadow:0 2px 12px #0002;font:28px/1 system-ui;cursor:pointer;
}
html body[data-page] .ag-detached-form>.close-booking:focus-visible{outline:3px solid #3478f6;outline-offset:3px}

/* Forms get a clean, independent, scrollable view matching the portrait reference. */
html body[data-page] dialog.ag-form-view{
 position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;
 margin:0!important;padding:32px 16px!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;
 overflow:auto!important;overscroll-behavior:contain;background:var(--paper,#e9e9e6)!important;color:#202119!important;box-shadow:none!important;
 opacity:1!important;transform:none!important;translate:none!important;scale:1!important;transition:none!important;
}
html body[data-page] dialog.ag-form-view::backdrop{background:var(--paper,#e9e9e6);backdrop-filter:none}
html body[data-page] .ag-form-view:not([open]){display:none!important}
html body[data-page] dialog.ag-form-view-card{
 display:block!important;position:relative!important;inset:auto!important;float:none!important;margin:0 auto!important;padding:0!important;
 width:min(620px,100%)!important;max-width:620px!important;max-height:none!important;height:auto!important;min-height:min(1100px,160vw)!important;
 overflow:visible!important;border-radius:28px!important;clip-path:inset(0 round 28px)!important;
}
html body[data-page] .ag-form-view-card>:is(.close-booking,.ag-close-enquiry){display:none!important}
html body[data-page] .ag-form-view-card>.ag-form-view-close{
 position:absolute;display:grid;place-items:center;z-index:10;top:16px;right:16px;width:42px;height:42px;
 margin:0;padding:0;border-radius:50%;background:#fffffff0;color:#151719;border:1px solid #ffffff66;
 box-shadow:0 2px 12px #0002;font:28px/1 system-ui;cursor:pointer;
}
html body[data-page] .ag-form-view-close:focus-visible{outline:3px solid #3478f6;outline-offset:3px}
@media(max-width:640px){html body[data-page] dialog.ag-form-view{padding:20px 16px!important}}

/* Every pill uses Contact’s local perspective; ancestor size cannot amplify tilt. */
html[data-ag-alive] .ag-alive-perspective{perspective:none}

/* Local form morphs narrow first, then lengthen. Page-to-page wipes stay separate. */
html[data-ag-alive][data-ag-form-motion]::view-transition-new(ag-living-pill){
 mask-image:none!important;-webkit-mask-image:none!important;
 animation:ag-form-content-arrive 1120ms linear both!important;
}
html[data-ag-alive][data-ag-form-motion]::view-transition-old(ag-living-pill){
 animation:ag-form-content-depart 1120ms linear both!important;
}
@keyframes ag-form-content-arrive{
 0%,38%{opacity:0;filter:blur(4px)}
 72%,100%{opacity:1;filter:blur(0)}
}
@keyframes ag-form-content-depart{
 0%,42%{opacity:1;filter:blur(0)}
 72%,100%{opacity:0;filter:blur(3px)}
}
/* Keep the shadow snapshot fitted to the same changing frame, including its height. */
html[data-ag-alive][data-ag-form-motion]::view-transition-image-pair(ag-living-shadow){width:100%;height:100%}
html[data-ag-alive][data-ag-form-motion]::view-transition-old(ag-living-shadow),
html[data-ag-alive][data-ag-form-motion]::view-transition-new(ag-living-shadow){width:100%;height:100%;object-fit:fill}
html[data-ag-alive][data-ag-form-motion]::view-transition-old(ag-living-pill){object-position:left top}
@keyframes ag-form-content-arrive{
 0%,42%{opacity:0;filter:blur(3px)}
 55%,100%{opacity:1;filter:blur(0)}
}
@keyframes ag-form-content-depart{
 0%,42%{opacity:1;filter:blur(0)}
 55%,100%{opacity:0;filter:blur(3px)}
}
/* The form's clean view has no navigation snapshot crossing over the moving pill. */

/* Every shadow snapshot must fill its animated frame, including during page handoffs. */
html[data-ag-alive]::view-transition-image-pair(ag-living-shadow){width:100%;height:100%}
html[data-ag-alive]::view-transition-old(ag-living-shadow),
html[data-ag-alive]::view-transition-new(ag-living-shadow){width:100%;height:100%;object-fit:fill}
/* Draw transition shadows on the animated outline itself, avoiding stretched bitmap edges. */
html[data-ag-alive]::view-transition-group(ag-living-shadow){
 border-radius:var(--alive-radius,28px);
 box-shadow:0 3px 7px rgba(16,20,18,.09),0 13px 28px rgba(16,20,18,.16);
}
html[data-ag-alive]::view-transition-image-pair(ag-living-shadow){opacity:0}
/* Keep independently animated words inside the same rounded, moving pill. */
@supports(view-transition-group:nearest){
 html[data-ag-alive] main :is([data-ag-opening=standard],.ag-news-banner){view-transition-group:contain}
 html[data-ag-alive] :is(.ag-alive-copy,[data-ag-opening-role=copy],.ag-news-banner>h1){view-transition-group:nearest}
 html[data-ag-alive]::view-transition-group-children(ag-living-pill){
  width:100%;height:100%;overflow:clip;border-radius:inherit;
  clip-path:inset(0 round var(--alive-radius,28px));
 }
}
/* Older engines keep the text in the clipped pill snapshot rather than a loose layer. */
@supports not (view-transition-group:nearest){
 html[data-ag-alive] main :is(.ag-alive-copy,[data-ag-opening-role=copy],.ag-news-banner>h1){view-transition-name:none!important}
}

/* Keep the real navigation inside the active form view and leave room beneath it. */
html body[data-page] dialog.ag-form-view{padding-top:calc(var(--ag-header-height,75px) + env(safe-area-inset-top,0px) + 32px)!important;scroll-padding-top:calc(var(--ag-header-height,75px) + 24px)}
html body[data-page] .ag-form-view>header.site-header{position:fixed!important;inset:0 0 auto!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:5000}
html body[data-page] .ag-form-view-card[data-ag-confirmed]{min-height:420px!important;margin-top:max(0px,calc((100dvh - var(--ag-header-height,75px) - 64px - 420px)/2))!important}
.ag-thanks-content{padding:58px 44px 48px;text-align:center}
.ag-thanks-check{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 24px;border-radius:50%;background:#1d1e1b;color:#fff;font:32px/1 var(--sans)}
.ag-thanks-content>.eyebrow{margin-bottom:20px;color:#62635e}
html body[data-page] .ag-thanks-content>h2{font:400 clamp(44px,4.5vw,64px)/1.02 var(--display)!important;letter-spacing:-.02em;margin:0 0 24px!important;color:#1d1e1b!important}
.ag-thanks-content>p{font:400 16px/1.6 var(--sans);color:#62635e;max-width:36ch;margin:auto}
.ag-preview-note{font:400 12px/1.5 var(--sans);color:#62635e;margin-top:14px}
.ag-preview-thanks{margin-top:10px}
@media(max-width:640px){html body[data-page] dialog.ag-form-view{padding-top:calc(var(--ag-header-height,64px) + env(safe-area-inset-top,0px) + 20px)!important}.ag-thanks-content{padding:56px 24px 36px}}
/* The rounded outer pill is the only mask. Text can move beyond its own copy box. */
html[data-ag-alive]::view-transition-group(ag-living-words),
html[data-ag-alive]::view-transition-image-pair(ag-living-words){overflow:visible;clip-path:none}
/* Phone morphs use the same rounding as their real responsive surface. */
@media(max-width:800px){html[data-ag-alive]{--alive-radius:20px}}
html[data-ag-alive][data-ag-form-motion]{--alive-radius:28px}
/* Touch keeps the spring timing and soft wipe, with less full-surface blur work. */
@media(hover:none) and (pointer:coarse){
 html[data-ag-alive] .ag-alive-depth{translate:none;scale:none;will-change:auto}
 html[data-ag-alive]::view-transition-new(ag-living-pill){animation-name:alive-touch-media!important}
 html[data-ag-alive]::view-transition-old(ag-living-pill){animation-name:alive-touch-depart!important}
 html[data-ag-alive][data-ag-form-motion]::view-transition-new(ag-living-pill){animation-name:ag-form-content-arrive!important}
 html[data-ag-alive][data-ag-form-motion]::view-transition-old(ag-living-pill){animation-name:ag-form-content-depart!important}
 html body[data-page] .ag-form-view-card>.ag-form-view-close{width:48px;height:48px;touch-action:manipulation}
}
@keyframes alive-touch-media{
 0%{mask-position:80% 0;-webkit-mask-position:80% 0;filter:blur(2px)}
 40%{filter:blur(1px)}
 100%{mask-position:20% 0;-webkit-mask-position:20% 0;filter:blur(0)}
}
@keyframes alive-touch-depart{0%,100%{filter:blur(0)}45%{filter:blur(.75px)}}
html body[data-page] dialog.ag-form-view{
 padding-left:max(16px,env(safe-area-inset-left,0px))!important;
 padding-right:max(16px,env(safe-area-inset-right,0px))!important;
 padding-bottom:max(32px,env(safe-area-inset-bottom,0px))!important;
}
@media(prefers-reduced-motion:reduce){
 html[data-ag-alive]::view-transition-old(ag-living-pill),html[data-ag-alive]::view-transition-new(ag-living-pill){animation:none!important;filter:none!important}
}

/* Keep the outgoing page underneath until the incoming page has covered it.
   The pill still owns its original spring/wipe; the surrounding page blends in. */
html[data-ag-alive]:not([data-ag-form-motion])::view-transition-new(root){
 animation:alive-page-arrive 800ms cubic-bezier(.22,.61,.36,1) both!important;
}
@keyframes alive-page-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
 html[data-ag-alive]::view-transition-new(root){animation:none!important;opacity:1}
}

/* Retain native, accessible radios behind their labelled choice buttons.
   The generic form visibility rule must not expose iOS's native radio paint. */
html body[data-page] .ag-form-view-card .interest-options input[type=radio]{
 position:absolute!important;width:1px!important;height:1px!important;
 margin:0!important;padding:0!important;opacity:0!important;
 overflow:hidden!important;clip-path:inset(50%)!important;
}
html body[data-page] .ag-form-view-card .interest-options input[type=radio]:focus-visible+span{
 outline:2px solid #3478f6;outline-offset:3px;
}

/* Fixed descendants of the scrolling dialog move with its content on mobile.
   A sticky header stays at the viewport edge without adding space above the card. */
html body[data-page] dialog.ag-form-view{--ag-form-top-gap:32px}
html body[data-page] .ag-form-view>header.site-header{
 position:sticky!important;inset:calc(-1 * (var(--ag-header-height,75px) + env(safe-area-inset-top,0px) + var(--ag-form-top-gap))) auto auto!important;
 width:calc(100% + max(16px,env(safe-area-inset-left,0px)) + max(16px,env(safe-area-inset-right,0px)))!important;
 margin:calc(-1 * (var(--ag-header-height,75px) + env(safe-area-inset-top,0px) + var(--ag-form-top-gap))) calc(-1 * max(16px,env(safe-area-inset-right,0px))) var(--ag-form-top-gap) calc(-1 * max(16px,env(safe-area-inset-left,0px)))!important;
}
html body[data-page] .ag-form-view>header.site-header .mobile-nav{
 position:absolute!important;inset:0!important;width:100%!important;
}
@media(max-width:640px){html body[data-page] dialog.ag-form-view{--ag-form-top-gap:20px}}

/* Keep the form and its shadow in one browser-sized scrolling box. */
html[data-ag-alive] body[data-page=home] .home-cinema-stage{overflow:visible}
html body[data-page] .ag-form-shadow-anchor{
 position:relative;display:flow-root;width:min(620px,100%);margin:0 auto;
 overflow:visible;border-radius:28px;
}
html body[data-page] .ag-form-shadow-anchor:has(>[data-ag-confirmed]){
 margin-top:max(0px,calc((100dvh - var(--ag-header-height,75px) - 64px - 420px)/2));
}
html body[data-page] .ag-form-shadow-anchor>.ag-form-view-card[data-ag-confirmed]{margin-top:0!important}

/* assets/booking-calendar.css */
/* Rounded monochrome booking controls, using the site's existing typefaces. */
.ag-booking-picker{position:relative;min-width:0;container-type:inline-size}
.ag-booking-label{display:block;margin-bottom:10px;font:400 14px/1.5 var(--sans)}
.ag-booking-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0 16px;border:0;border-bottom:1px solid #b1b3aa;background:transparent;color:#161616;font:400 16px/1.5 var(--sans);cursor:pointer;text-align:left}
.ag-booking-toggle svg{flex:0 0 20px;width:20px;height:20px}
.ag-booking-toggle:focus-visible,.ag-booking-panel button:focus-visible{outline:2px solid #111;outline-offset:3px}
.ag-booking-toggle[aria-expanded=true]{border-color:#111}
.ag-booking-panel{margin-top:16px;padding:22px;border:1px solid #deded9;border-radius:24px;background:#fff;color:#111;box-shadow:0 8px 26px #00000009}
.ag-booking-panel[hidden],.ag-booking-picker [hidden]{display:none!important}
.ag-calendar-eyebrow{display:block;font:600 9px/1.5 var(--sans);letter-spacing:.11em;color:#111}
html body[data-page] .ag-booking-picker .ag-calendar-zone{margin:7px 0 22px!important;font:400 12px/1.6 var(--sans);color:#555!important}
.ag-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.ag-calendar-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}
html body[data-page] .ag-booking-picker .ag-calendar-title{margin:0;font:400 26px/1.1 var(--display);letter-spacing:-.02em;color:#111}
.ag-calendar-arrow{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #e6e6e2;border-radius:50%;background:#fff;color:#111;font:400 25px/1 var(--sans);cursor:pointer}
.ag-calendar-weekdays,.ag-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.ag-calendar-weekdays{margin-bottom:7px;text-align:center;font:500 10px/1.5 var(--sans);color:#777}
.ag-calendar-day{display:grid;place-items:center;min-width:0;height:36px;padding:0;border:1px solid transparent;border-radius:50%;background:#fff;color:#111;font:400 13px/1 var(--sans);cursor:pointer}
.ag-calendar-day[aria-current=date]{border-color:#bcbcb6}
.ag-calendar-day:not(:disabled):hover,.ag-calendar-slot:not(:disabled):hover{background:#efefec}
.ag-calendar-day[aria-pressed=true],.ag-calendar-slot[aria-pressed=true]{background:#111!important;color:#fff!important;border-color:#111}
.ag-calendar-day:disabled{color:#c5c5c0;cursor:default}
.ag-calendar-arrow:disabled{opacity:.25;cursor:default}
.ag-calendar-times{min-width:0;padding-top:18px;border-top:1px solid #eaeae6}
html body[data-page] .ag-booking-picker .ag-calendar-times h4{margin:0 0 14px;color:#111;font:500 12px/1.5 var(--sans)}
.ag-calendar-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.ag-calendar-slot{min-width:0;min-height:39px;padding:9px 3px;border:1px solid #deded8;border-radius:12px;background:#fff;color:#111;font:400 12px/1.3 var(--sans);cursor:pointer}
.ag-calendar-slot:disabled{opacity:.28;cursor:default}
html body[data-page] .ag-booking-picker .ag-calendar-hint{grid-column:1/-1;margin:0!important;color:#777!important;font:400 12px/1.6 var(--sans)}
html body[data-page] .ag-booking-picker .ag-booking-status{margin:8px 0 0!important;color:#555!important;font:400 12px/1.6 var(--sans)}
.ag-booking-status:empty{display:none}
.ag-booking-fallback{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.ag-booking-picker:not(.is-ready) .ag-booking-toggle{display:none}
html body[data-page] .ag-booking-picker.is-ready .ag-booking-fallback{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap;pointer-events:none}
@container(min-width:500px){.ag-calendar-layout{grid-template-columns:minmax(0,1fr) 170px;gap:22px}.ag-calendar-times{border-top:0;border-left:1px solid #eaeae6;padding:0 0 0 18px}.ag-calendar-slots{grid-template-columns:repeat(2,minmax(0,1fr));max-height:276px;overflow-y:auto;padding:3px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.ag-calendar-slot{min-height:36px}.ag-calendar-day{height:34px}}
@media(max-width:380px){.ag-booking-panel{padding:14px;border-radius:20px}.ag-calendar-day{height:32px}.ag-calendar-slots{gap:6px}.ag-calendar-slot{font-size:11px}}

/* Readable page-colour calendar with a Start-menu-style semantic zoom. */
html body[data-page] .ag-booking-picker .ag-booking-panel{background:transparent;border:0;box-shadow:none;padding:22px 0 8px;border-radius:24px;transform-origin:50% 0;will-change:auto}
.ag-calendar-body{transform-origin:50% 35%}
.ag-calendar-eyebrow{font-size:11px;letter-spacing:.09em}
html body[data-page] .ag-booking-picker .ag-calendar-zone{font-size:14px;line-height:1.6;color:#333!important;margin-bottom:24px!important}
html body[data-page] .ag-booking-picker .ag-calendar-title{font-size:32px;line-height:1.15;min-width:0;text-align:center}
.ag-calendar-zoom-label{display:block;margin:0;padding:4px 6px;border:0;border-radius:10px;background:transparent;color:#111;font:inherit;cursor:pointer}
.ag-calendar-zoom-label::after{content:'⌄';display:inline-block;margin-left:8px;font:16px var(--sans);vertical-align:middle}
.ag-calendar-zoom-label:hover{background:#00000008}
.ag-calendar-arrow{width:40px;height:40px;flex-basis:40px;background:transparent;border-color:#bbb;font-size:30px}
.ag-calendar-weekdays{font-size:13px;font-weight:600;color:#444;margin-bottom:10px}
.ag-calendar-days{gap:4px}
.ag-calendar-day{height:46px;background:transparent;color:#111;font-size:18px;font-weight:600;border-radius:14px}
.ag-calendar-day:disabled{color:#999;opacity:.6}
.ag-calendar-day[aria-current=date]{border-color:#777}
.ag-calendar-day:not(:disabled):hover,.ag-calendar-slot:not(:disabled):hover{background:#00000009}
.ag-calendar-times{border-color:#bdbdb6}
html body[data-page] .ag-booking-picker .ag-calendar-times h4{font-size:16px;font-weight:500;margin-bottom:16px}
.ag-calendar-slot{min-height:46px;background:transparent;border-color:#aaa;font-size:16px;font-weight:500;border-radius:14px}
html body[data-page] .ag-booking-picker .ag-calendar-hint,html body[data-page] .ag-booking-picker .ag-booking-status{font-size:14px;color:#444!important}
.ag-calendar-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:278px}
.ag-calendar-month-choice{min-width:0;min-height:58px;border:1px solid transparent;border-radius:16px;background:transparent;color:#111;font:500 18px/1.3 var(--sans);cursor:pointer}
.ag-calendar-month-choice:hover{background:#00000009}
.ag-calendar-month-choice[aria-pressed=true]{background:#111;color:#fff}
.ag-calendar-month-choice:disabled{color:#999;opacity:.6;cursor:default}
@container(min-width:500px){.ag-calendar-layout{grid-template-columns:minmax(0,1fr) 190px;gap:22px}.ag-calendar-times{padding-left:20px}.ag-calendar-slots{max-height:354px;gap:9px}.ag-calendar-day{height:44px}.ag-calendar-slot{min-height:44px}}
@container(max-width:499px){html body[data-page] .ag-booking-picker .ag-calendar-title{font-size:28px}.ag-calendar-slots{gap:9px}.ag-calendar-months{min-height:300px}}
@media(max-width:380px){html body[data-page] .ag-booking-picker .ag-calendar-title{font-size:24px}.ag-calendar-arrow{width:34px;height:34px;flex-basis:34px}.ag-calendar-navigation{gap:4px}.ag-calendar-day{font-size:17px;height:42px}.ag-calendar-slot{font-size:15px}.ag-calendar-weekdays{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ag-booking-panel,.ag-calendar-body{transform:none!important;filter:none!important}}

/* assets/form-banner-shade.css */
/* Form titles reuse the exact approved CTA diagonal contour, feather and opacity. */
html body[data-page] .ag-form-banner[data-form-art]:not(#form-shade-a):not(#form-shade-b):not(#form-shade-c):not(#form-shade-d){isolation:isolate}
html body[data-page] .ag-form-banner[data-form-art]:not(#form-shade-a):not(#form-shade-b):not(#form-shade-c):not(#form-shade-d)::after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22120%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.576%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat!important}
html body[data-page] .ag-form-banner[data-form-art]:not(#form-shade-a):not(#form-shade-b):not(#form-shade-c):not(#form-shade-d)>img{z-index:0!important}
html body[data-page] .ag-form-banner[data-form-art]:not(#form-shade-a):not(#form-shade-b):not(#form-shade-c):not(#form-shade-d)>div{position:relative;z-index:2!important}
html body[data-page] .ag-form-banner[data-form-art]:not(#form-shade-a):not(#form-shade-b):not(#form-shade-c):not(#form-shade-d) :is(h2,.eyebrow){color:#fff!important;text-shadow:0 1px 2px rgb(0 0 0 / .28),0 2px 8px rgb(0 0 0 / .18)!important}
@media(max-width:600px){html body[data-page] .ag-form-banner[data-form-art]:not(#form-shade-a):not(#form-shade-b):not(#form-shade-c):not(#form-shade-d)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22180%20110%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.576%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E")!important}}

/* assets/growth-analytics.css */
.ag-analytics-choice{position:fixed;z-index:2147483000;left:16px;bottom:max(16px,env(safe-area-inset-bottom));width:min(540px,calc(100vw - 32px));padding:20px;background:#e9e9e6;color:#171719;border:0;border-radius:24px;box-shadow:0 8px 32px #0003;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font:14px/1.5 var(--sans,sans-serif)}
.ag-analytics-choice p{flex:1 0 100%;margin:0;color:inherit;font:inherit}
.ag-analytics-choice a{color:inherit;margin-right:auto}
.ag-analytics-choice button{border:0;border-radius:999px;padding:10px 16px;background:#171719;color:#fff;font:inherit;cursor:pointer}
.ag-analytics-choice button:last-child{background:#d8d8d4;color:#171719}
.ag-analytics-choice [hidden]{display:none}
.ag-analytics-settings{appearance:none;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.ag-analytics-choice :focus-visible,.ag-analytics-settings:focus-visible{outline:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media(max-width:420px){.ag-analytics-choice a{flex:1 0 100%}}
.career-marquee:focus-visible{outline:0;box-shadow:inset 0 -3px #171719}
/* Preference controls are always readable, independent of page entrances and pill themes. */
html body .ag-analytics-choice,html body .ag-analytics-choice *{opacity:1!important;visibility:visible!important;filter:none!important;translate:none!important;animation:none!important;text-shadow:none!important}
html body .ag-analytics-choice :is(p,a){color:#171719!important;-webkit-text-fill-color:#171719!important}
html body .ag-analytics-choice button{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .ag-analytics-choice button:last-child{color:#171719!important;-webkit-text-fill-color:#171719!important}