/* assets/site.css */
/* V164: supplied licensed The Seasons files, hosted with the site for identical delivery on every device. */
@font-face{font-family:"The Seasons";src:url("../fonts/the-seasons-regular-v164.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"The Seasons";src:url("../fonts/the-seasons-italic-v164.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"The Seasons";src:url("../fonts/the-seasons-light-v164.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"The Seasons";src:url("../fonts/the-seasons-light-italic-v164.ttf") format("truetype");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"The Seasons";src:url("../fonts/the-seasons-bold-v164.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"The Seasons";src:url("../fonts/the-seasons-bold-italic-v164.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}
/* Approved global page background: match Demo (#e9e9e6). Keep --paper shared across all pages and navigation; do not add page-specific background overrides. */
/* Avatars Global: 2026 editorial website.
   The supplied The Seasons family is hosted locally. */
:root{--paper:#e9e9e6;--soft:#f2f2ef;--ink:#1d1e1b;--muted:#62635e;--line:#cccdc7;--display:"The Seasons","Cormorant Garamond",Georgia,serif;--sans:"Satoshi",Arial,sans-serif;--gutter:clamp(22px,3.2vw,64px);--radius:24px;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:#000;font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}body.scroll-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button{border:0}img,video{display:block;max-width:100%}img{object-fit:cover}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.015;letter-spacing:-.02em}h1{font-size:clamp(64px,7.9vw,126px)}h2{font-size:clamp(48px,4.9vw,80px)}h3{font-size:clamp(36px,3.6vw,58px)}em{font-weight:400}p{color:#000}:focus-visible{outline:2px solid var(--ink);outline-offset:5px}button:focus-visible{outline-offset:5px}::selection{background:#1e1f1b;color:#fff}.section-shell{margin-inline:auto;width:calc(100% - var(--gutter)*2);max-width:1552px}.section-gap{margin-top:clamp(90px,9.5vw,160px)}.eyebrow{display:block;font:500 12px/1.4 var(--sans);letter-spacing:.11em;text-transform:uppercase}.eyebrow.light{color:#fff}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;font-weight:500;line-height:1.4}.text-link svg{width:18px;height:18px;transition:transform .3s var(--ease)}.text-link:hover svg{transform:translate(3px,-3px)}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border:1px solid transparent;border-radius:var(--ag-pill-radius);padding:18px 26px;font-size:14px;line-height:1.4;min-height:57px;transition:background .25s,transform .25s}.button svg{width:18px;height:18px}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#393b35}.button-light{background:var(--soft);color:#000}.button-light:hover{background:#fff}.button-outline{border-color:#a9aaa4;background:transparent}.button-outline:hover{background:var(--soft)}.button-small{padding:12px 20px;min-height:46px;gap:26px}.skip-link{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:1000}.skip-link:focus{top:12px}.site-header{height:100px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;gap:24px;max-width:1680px;margin:auto}.brand{display:flex;align-items:center;gap:12px;min-width:175px}.brand img{object-fit:contain;width:38px;height:40px}.brand span{font-size:15px;line-height:1.1;letter-spacing:.025em;font-weight:500}.desktop-nav{display:flex;gap:clamp(24px,3vw,48px);align-items:center;margin-left:30px}.desktop-nav a{font-size:14px;position:relative}.desktop-nav a:after{position:absolute;content:"";height:1px;background:var(--ink);bottom:-6px;left:0;width:0;transition:width .3s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{width:100%}.header-actions{display:flex;align-items:center;gap:16px}.menu-toggle{display:none;background:transparent;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{height:1px;width:24px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:absolute;top:88px;left:0;right:0;background:var(--paper);padding:30px var(--gutter) 50px;border-bottom:1px solid var(--line);box-shadow:0 20px 24px #2221;display:flex;flex-direction:column;gap:20px}.mobile-nav[hidden]{display:none}.mobile-nav>a{font:400 38px/1.15 var(--display);letter-spacing:-.025em}.mobile-nav .mobile-email{font:400 14px/1.4 var(--sans);letter-spacing:0;margin-top:20px}
.hero-heading{padding:36px var(--gutter) 42px;max-width:1450px;margin:auto;text-align:center}.hero-heading>.eyebrow{margin-bottom:26px}.hero-heading h1{font-size:clamp(68px,8.5vw,136px);line-height:0.975;letter-spacing:-.02em}.hero-heading h1 em{letter-spacing:-.02em}.hero-intro{display:flex;justify-content:center;align-items:center;gap:52px;text-align:left;margin-top:32px}.hero-intro p{font-size:16px;line-height:1.5;color:#000}.hero-intro .text-link{border-left:1px solid #bfc0b9;padding-left:50px;min-height:46px}.hero-media{position:relative;aspect-ratio:2.12;overflow:hidden;border-radius:var(--radius);border:0;background:#56544d}.hero-media:after{content:"";position:absolute;inset:65% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,0.36))}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center 61%}.ambient-toggle{position:absolute;z-index:2;top:22px;right:22px}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#15181166;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:0;color:#fff;padding:11px 17px;border-radius:var(--ag-pill-radius);font-size:14px;line-height:1.4;min-height:44px;transition:background .25s}.glass-button:hover{background:#151811a8}.glass-button:focus-visible{outline-color:#9daa88}.glass-button svg{width:18px;height:18px}.pause-mark{font-size:14px;line-height:1}.hero-media-caption{position:absolute;z-index:2;bottom:30px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.image-index{position:absolute;z-index:1;left:30px;top:27px;color:#fff;font-size:12px;letter-spacing:.08em}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;font-size:12px;color:#000}.hero-bottom>a{display:flex;align-items:center;gap:25px;white-space:nowrap}.hero-bottom>a>span{font-size:22px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:56px}.section-heading h2{margin-top:22px}.section-heading>p{max-width:330px;font-size:16px;line-height:1.65;padding-bottom:5px}.solutions-section{overflow:hidden;padding-top:3px}.carousel-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1450px;margin:auto}.solution-card{display:block;position:relative;overflow:hidden;min-height:420px;background:#333;border-radius:18px;color:#fff}.solution-card img{position:absolute;inset:0;width:100%;height:100%;transition:transform .8s var(--ease)}.solution-card:after{content:"";position:absolute;inset:15% 0 0;background:linear-gradient(transparent,rgba(0,0,0,0.72))}.solution-copy{position:absolute;inset:auto 28px 29px;z-index:2}.solution-copy .eyebrow{font-size:12px;letter-spacing:.09em}.solution-copy h3{font-size:40px;letter-spacing:-.02em;margin-top:14px}.solution-copy p{color:#fff;font-size:14px;max-width:320px;line-height:1.6;margin-top:13px;padding-right:32px}.round-link{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:0;border-radius:50%;color:#fff;backdrop-filter:blur(8px);background:#191a191f}.solution-copy .round-link{position:absolute;right:0;bottom:0;width:38px;height:38px}.round-link svg{width:18px;height:18px}.solution-card:hover img{transform:scale(1.035)}.js .carousel-stage{position:relative;height:465px;perspective:1600px;max-width:none;display:block;overflow:visible}.js .solution-card{position:absolute;width:clamp(340px,42vw,610px);height:440px;left:50%;top:0;transform-origin:center;transition:transform .9s var(--ease),opacity .6s;box-shadow:0 18px 25px -22px #0009}.js .solution-card[data-position="0"]{transform:translateX(-50%);z-index:3;opacity:1}.js .solution-card[data-position="1"]{transform:translateX(50%) scale(.85) rotateY(-11deg);z-index:2;opacity:.68}.js .solution-card[data-position="-1"]{transform:translateX(-150%) scale(.85) rotateY(11deg);z-index:2;opacity:.68}.js .solution-card[data-position="2"]{transform:translateX(131%) scale(.66) rotateY(-18deg);z-index:1;opacity:.25;pointer-events:none}.js .solution-card[data-position="-2"]{transform:translateX(-231%) scale(.66) rotateY(18deg);z-index:1;opacity:.25;pointer-events:none}.js .solution-card:not([data-position="0"]) .solution-copy{opacity:.65}.carousel-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:14px}.carousel-hint{font-size:14px}.carousel-controls{display:none;gap:18px;align-items:center}.js .carousel-controls{display:flex}.circle-button{width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:1px solid #b9bbb3;transition:background .25s}.circle-button:hover{background:#fff7}.circle-button svg{width:19px}.carousel-prev svg{transform:rotate(180deg)}.carousel-count{font-size:12px;letter-spacing:.1em;font-variant-numeric:tabular-nums;min-width:52px;text-align:center}.carousel-pause{background:none;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:12px 0;min-width:42px}
.craft-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.craft-card{border-radius:var(--radius);overflow:hidden;background:var(--soft);scroll-margin-top:30px}.craft-visual{position:relative;aspect-ratio:1.43;overflow:hidden}.craft-visual>img{width:100%;height:100%;object-position:center;transition:transform 1s var(--ease)}.craft-card:hover .craft-visual>img{transform:scale(1.03)}.floating-label{position:absolute;left:25px;bottom:24px;border:0;background:#0006;backdrop-filter:blur(14px);color:#fff;border-radius:var(--ag-pill-radius);padding:9px 16px;letter-spacing:.07em;font-size:12px}.craft-copy{padding:38px 38px 42px}.craft-copy>.eyebrow{font-size:12px}.craft-copy h3{margin-top:20px;line-height:1.03}.craft-copy>p{font-size:16px;line-height:1.7;max-width:440px;margin-top:24px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 34px}.tags span{border:1px solid #d1d2cc;border-radius:var(--ag-pill-radius);font-size:12px;padding:7px 12px}.feature-film{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(44px,6vw,100px);align-items:center}.feature-film-visual{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:1.07}.feature-film-visual>img{width:100%;height:100%;object-position:45% center}.feature-film-visual>.film-trigger{position:absolute;bottom:26px;left:28px}.feature-film-copy h2{margin-top:25px;line-height:1.02}.feature-film-copy p{font-size:17px;line-height:1.7;max-width:360px;margin:28px 0 32px}.demo-teaser{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:70px;padding-top:100px;border-top:1px solid var(--line)}.demo-teaser h2{margin:26px 0}.demo-teaser p{font-size:17px;line-height:1.65;max-width:390px;margin-bottom:30px}.demo-visual{position:relative;min-height:500px;border-radius:var(--radius);overflow:hidden}.demo-visual>img{width:100%;height:500px;object-position:65% center;transition:transform 1s var(--ease)}.demo-visual:hover>img{transform:scale(1.035)}.demo-note{position:absolute;inset:auto 24px 24px;display:flex;align-items:center;gap:16px;background:#ededebda;backdrop-filter:blur(20px);border:0;border-radius:16px;padding:18px 22px;font-size:14px;line-height:1.5}.demo-note>svg{margin-left:auto;width:18px}.demo-note-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid #202119;border-radius:50%}.demo-note-icon svg{width:18px}.demo-note strong{font-weight:500}.human-section{border-top:1px solid var(--line);padding-top:65px;padding-bottom:8px}.human-section h2{font-size:clamp(60px,7.7vw,124px);margin-top:32px}.human-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:54px}.human-stamp{display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:.04em;line-height:1.5}.human-stamp img{object-fit:contain}.human-bottom>p{font-size:16px;line-height:1.6}.cta-panel{height:580px;margin-top:130px;border-radius:var(--radius);overflow:hidden;position:relative;background:#333}.cta-panel>img{height:100%;width:100%;object-position:center 60%}.cta-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,24,17,0.76588),rgba(21,24,17,0.15176) 80%)}.cta-content{position:absolute;z-index:1;inset:57px auto auto 60px;color:#fff}.cta-content h2{font-size:clamp(58px,5.8vw,94px);margin-top:25px;line-height:1.015}.cta-content p{font-size:16px;color:#fff;margin:24px 0 30px}.cta-footnote{position:absolute;z-index:1;right:34px;bottom:26px;color:#fff;font-size:12px}.site-footer{padding:64px var(--gutter) 28px;max-width:1680px;margin:auto}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:50px}.footer-brand{font:400 40px/1 var(--display);letter-spacing:-.04em}.footer-brand span{display:block;font:400 13px/1.5 var(--sans);color:#000;letter-spacing:0;margin-top:15px}.footer-links{display:flex;gap:32px;font-size:14px;margin-top:9px;flex-wrap:wrap}.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.footer-email{display:inline-flex;align-items:center;gap:32px;font:400 60px/1 var(--display);letter-spacing:-.05em;margin:50px 0 42px}.footer-email svg{width:35px;height:35px}.footer-bottom{padding-top:23px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#000;font-size:12px}.footer-bottom a:hover{color:#000}.film-dialog{background:#151612;color:#fff;border:0;border-radius:18px;padding:0;width:min(1200px,94vw);max-width:94vw;box-shadow:0 30px 100px #0008;overflow:hidden}.film-dialog::backdrop{background:#151612c9;backdrop-filter:blur(12px)}.film-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px}.film-dialog-bar h2{font:400 16px/1.5 var(--sans);letter-spacing:0}.close-film{background:none;color:#fff;font-size:30px;line-height:1;width:40px;height:40px;border-radius:50%;flex-shrink:0}.close-film:hover{background:#fff2}.film-dialog video{width:100%;max-height:76vh;object-fit:contain}.film-error{padding:20px;color:#fff}.film-trigger{font-family:var(--sans)}.reveal{transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.pending{opacity:0;transform:translateY(26px)}
.page-intro{padding:75px 0 60px}.page-intro h1{margin-top:32px;line-height:1}.intro-bottom{margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.intro-bottom p{font-size:17px;line-height:1.7}.index-label{font-size:12px;letter-spacing:.06em;color:#000}.work-list{display:grid;grid-template-columns:repeat(2,1fr);gap:66px 30px}.work-card:first-child{grid-column:1/-1}.work-image{position:relative;aspect-ratio:1.3;border-radius:var(--radius);overflow:hidden}.work-card:first-child .work-image{aspect-ratio:2.05}.work-image>img{width:100%;height:100%;transition:transform 1s var(--ease)}.work-card:hover .work-image>img{transform:scale(1.025)}.work-image .film-trigger{position:absolute;right:26px;bottom:26px}.work-card-caption{display:flex;justify-content:space-between;gap:30px;padding-top:25px;align-items:flex-start}.work-card-caption h2{font-size:clamp(32px,3.3vw,54px);line-height:1.03}.work-card-caption>span{font-size:12px;color:#000;text-align:right;margin-top:7px;max-width:145px}.stills-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.stills-grid>img{width:100%;height:420px;border-radius:18px;object-position:60% center}.portfolio-note{margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:15px}.studio-hero{position:relative}.studio-hero>img{width:100%;aspect-ratio:1.94;border-radius:var(--radius)}.studio-hero figcaption{font-size:12px;color:#000;margin-top:13px}.studio-story{display:grid;grid-template-columns:1fr 2fr;gap:60px}.studio-story>.eyebrow{padding-top:8px}.studio-story p{font-size:18px;line-height:1.75;max-width:680px;margin-top:30px}.principles{margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principles article{border-top:1px solid #aeb0a7;padding-top:22px}.principles article>span{font-size:12px;color:#000}.principles h3{font-size:42px;letter-spacing:-0.02em;margin:40px 0 20px}.principles p{font-size:16px;line-height:1.75;max-width:340px}.experience-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:70px;border-top:1px solid var(--line)}.experience-section h2{margin-top:25px}.experience-section p{font-size:17px;line-height:1.75;margin-bottom:20px}.experience-names{display:flex;align-items:center;gap:20px 30px;flex-wrap:wrap;margin:34px 0 24px}.experience-names>span{font-size:19px;font-weight:700;letter-spacing:-.04em}.experience-names>span:nth-child(1),.experience-names>span:nth-child(3){font-family:var(--display);font-size:32px;font-weight:600}.experience-section small{display:block;font-size:12px;line-height:1.6;color:#000;max-width:490px}.demo-page-intro h1{line-height:0.985}.demo-page-intro .intro-bottom{align-items:flex-end}.demo-screen{position:relative;border-radius:var(--radius);overflow:hidden;border:0;aspect-ratio:1.9;background:#555}.demo-screen>img{width:100%;height:100%}.demo-screen>.film-trigger{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.demo-screen-label{position:absolute;inset:auto 28px 25px;display:flex;justify-content:space-between;color:#fff;font-size:12px;letter-spacing:.08em;gap:24px;text-shadow:0 1px 7px #000}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.demo-cards article{background:var(--soft);border-radius:20px;padding:34px 30px;display:flex;flex-direction:column;align-items:flex-start}.access-label{font-size:12px;letter-spacing:.07em;display:flex;align-items:center;gap:8px;line-height:1.4}.access-label svg{width:14px;height:14px}.demo-cards h3{margin:45px 0 25px;font-size:48px;line-height:1.03}.demo-cards p{font-size:16px;line-height:1.7;margin-bottom:30px}.demo-cards .text-link{margin-top:auto}.demo-cards .locked-card{background:#dedfda}.demo-request{border-top:1px solid var(--line);padding-top:75px;display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.demo-request h2{margin:28px 0}.demo-request>div>p{max-width:380px;font-size:17px;line-height:1.7}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.journal-image{display:block;position:relative;aspect-ratio:.92;border-radius:20px;overflow:hidden}.journal-image>img{height:100%;width:100%;transition:transform 1s var(--ease);object-position:62% center}.journal-image:hover>img{transform:scale(1.04)}.journal-image .round-link{position:absolute;bottom:22px;right:22px;background:#0003}.article-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;font-size:12px;letter-spacing:.035em;color:#000}.journal-card h2{font-size:39px;line-height:1.06;letter-spacing:-0.015em;margin-top:20px}.journal-card h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.journal-card>p{font-size:15px;line-height:1.75;margin:20px 0 25px}.journal-archive{margin-top:60px;display:flex;justify-content:center}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(55px,9vw,150px);padding:72px 0 50px}.contact-intro h1{font-size:clamp(70px,8.3vw,130px);margin:32px 0}.contact-intro>p{font-size:17px;line-height:1.75}.contact-email{display:flex;align-items:center;gap:26px;margin-top:32px;font-size:18px}.contact-email svg{width:19px}.contact-photo{position:relative;margin-top:48px;border-radius:18px;overflow:hidden;max-width:520px}.contact-photo>img{width:100%;aspect-ratio:1.75;object-position:center}.contact-photo>span{position:absolute;bottom:17px;left:20px;font-size:12px;color:#fff;text-shadow:0 1px 4px #0009}.contact-form-panel{padding-top:12px}.contact-form-panel>.eyebrow{margin-bottom:40px}.contact-form{display:flex;flex-direction:column;gap:27px}.contact-form>label,.form-row>label{font-size:14px;display:block;line-height:1.5}.contact-form label>span:not(.button span){color:#000}.contact-form input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.contact-form textarea,.contact-form select{width:100%;font-size:16px;border:0;border-bottom:1px solid #b1b3aa;border-radius:0;background:transparent;padding:13px 0 14px;resize:vertical;color:#000;outline-offset:3px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#000;opacity:1}.contact-form select{padding-right:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}.interest-options{padding:0;border:0;margin:0;display:flex;flex-wrap:wrap;gap:9px}.interest-options legend{font-size:14px;margin-bottom:15px;float:left;width:100%}.interest-options label{position:relative;display:flex}.interest-options input{position:absolute;width:1px;height:1px;opacity:0}.interest-options label>span{border-radius:var(--ag-pill-radius);padding:10px 16px;display:block;border:1px solid #b9bbb2;font-size:14px;cursor:pointer;color:#000!important;transition:background .2s}.interest-options input:checked+span{background:var(--ink);color:#fff!important;border-color:var(--ink)}.interest-options input:focus-visible+span{outline:2px solid var(--ink);outline-offset:4px}.contact-form .checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6}.checkbox-label input{accent-color:var(--ink);margin-top:4px;width:16px;height:16px;flex-shrink:0}.form-note{font-size:12px;line-height:1.7}.form-note a{text-decoration:underline;text-underline-offset:3px}.contact-form .button{align-self:flex-start;min-width:240px}.form-status{font-size:14px;line-height:1.6;min-height:0}.form-status:empty{display:none}.honeypot{display:none}.compact-form{gap:24px}.message-page{padding:120px 0 140px;text-align:center}.message-page h1{margin:30px 0}.message-page>p{font-size:18px;line-height:1.7;margin-bottom:34px}
@media(min-width:1800px){.hero-heading{padding-top:55px}.hero-media{aspect-ratio:2.25}}
@media(max-width:1100px){.desktop-nav{gap:24px;margin-left:0}.brand{min-width:140px}.section-heading>p{max-width:270px}.solution-card{min-height:380px}.js .solution-card{height:400px}.js .carousel-stage{height:420px}.solution-copy h3{font-size:35px}.solution-copy p{font-size:14px}.craft-copy{padding:30px}.craft-copy h3{font-size:48px}.feature-film{gap:45px}.demo-teaser{gap:40px}.human-bottom{flex-wrap:wrap}.human-bottom>.text-link{margin-left:auto}.experience-section{gap:50px}.demo-request{gap:50px}.demo-cards{gap:16px}.demo-cards article{padding:28px 22px}.demo-cards h3{font-size:43px}.journal-card h2{font-size:33px}.article-meta{flex-direction:column;align-items:flex-start;gap:5px}.contact-layout{gap:55px}.footer-links{gap:22px}.principles{gap:30px}.principles h3{font-size:36px}}
@media(max-width:800px){:root{--gutter:24px;--radius:20px}.site-header{height:88px}.desktop-nav{display:none}.menu-toggle{display:flex}.header-actions>.button{min-height:40px;padding:10px 16px;font-size:12px;gap:18px}.brand{min-width:0}.brand img{width:31px;height:34px}.brand span{font-size:14px}.hero-heading{padding:28px 22px 32px}.hero-heading>.eyebrow{font-size:12px;margin-bottom:25px}.hero-heading h1{font-size:clamp(61px,9.7vw,85px);line-height:1;letter-spacing:-.02em}.hero-intro{gap:25px;margin-top:27px}.hero-intro p{font-size:14px}.hero-intro .text-link{font-size:12px;padding-left:24px;gap:18px}.hero-media{aspect-ratio:1.4}.hero-media video{object-position:62% center}.hero-media-caption{inset:auto 20px 20px}.hero-media-caption>.eyebrow{max-width:150px;font-size:12px}.hero-media-caption .film-trigger{font-size:12px;padding:10px 13px}.image-index{top:23px;left:23px;font-size:12px}.ambient-toggle{top:16px;right:16px}.hero-bottom{font-size:12px;gap:20px}.hero-bottom>a{font-size:12px;gap:14px}.section-heading{gap:30px;margin-bottom:38px;align-items:flex-start;flex-direction:column}.section-heading>p{max-width:430px}.section-heading h2{margin-top:19px}.js .solution-card{width:65vw;height:380px}.js .carousel-stage{height:400px}.carousel-hint{font-size:12px}.carousel-controls{gap:12px}.carousel-pause{font-size:12px}.circle-button{width:40px;height:40px}.craft-grid{gap:18px}.craft-copy{padding:28px 24px}.craft-copy h3{font-size:40px}.craft-copy>p{font-size:15px}.craft-copy>.eyebrow{font-size:12px}.tags{gap:6px;margin:23px 0 25px}.tags span{font-size:12px;padding:6px 9px}.craft-visual{aspect-ratio:1}.floating-label{left:17px;bottom:18px;font-size:12px;padding:8px 12px}.feature-film{grid-template-columns:1fr 1fr;gap:35px}.feature-film-copy h2{font-size:52px}.feature-film-copy p{font-size:15px}.feature-film-visual{aspect-ratio:.77}.demo-teaser{grid-template-columns:1fr 1fr;padding-top:70px;gap:30px}.demo-teaser h2{font-size:50px}.demo-teaser p{font-size:15px}.demo-visual{min-height:410px}.demo-visual>img{height:410px;object-position:65% center}.demo-note{inset:auto 15px 15px;padding:14px;gap:12px;font-size:12px}.demo-note-icon{width:32px;height:32px}.demo-note>svg{display:none}.human-section h2{font-size:75px}.human-bottom{gap:25px}.human-bottom>p{font-size:15px}.cta-panel{height:550px;margin-top:90px}.cta-content{inset:50px auto auto 38px}.cta-content h2{font-size:74px}.cta-footnote{font-size:12px}.footer-top{gap:30px;flex-direction:column}.footer-links{gap:28px}.footer-email{margin-top:35px}.footer-bottom{font-size:12px}.page-intro{padding:50px 0 45px}.page-intro h1{font-size:85px}.intro-bottom>p{font-size:16px}.index-label{display:none}.work-list{gap:45px 22px}.work-card-caption{flex-direction:column;gap:10px}.work-card-caption>span{max-width:none;text-align:left;font-size:12px;margin:0}.work-card-caption h2{font-size:39px}.work-image .film-trigger{bottom:18px;right:18px}.stills-grid{gap:15px}.stills-grid>img{height:300px}.studio-story{grid-template-columns:1fr;gap:30px}.studio-story p{font-size:17px}.experience-section{grid-template-columns:1fr;gap:30px}.principles{gap:24px}.principles h3{font-size:33px}.principles p{font-size:14px}.demo-cards{grid-template-columns:1fr}.demo-cards article{display:grid;grid-template-columns:1fr 1fr;padding:30px;gap:20px 30px}.demo-cards .access-label{grid-column:1/-1}.demo-cards h3{font-size:45px;margin:0}.demo-cards p{margin:0;font-size:15px}.demo-cards .text-link{grid-column:2}.demo-request{gap:35px}.demo-request h2{font-size:51px}.demo-request>div>p{font-size:15px}.journal-grid{grid-template-columns:1fr 1fr;gap:45px 24px}.journal-card:first-child{grid-column:1/-1}.journal-card:first-child .journal-image{aspect-ratio:1.8}.journal-card:first-child h2{font-size:50px;max-width:590px}.article-meta{flex-direction:row}.contact-layout{grid-template-columns:1fr;gap:60px;padding-top:40px}.contact-intro h1{font-size:110px}.contact-photo{display:none}.contact-form-panel{max-width:680px}.form-row{gap:30px}.message-page h1{font-size:95px}}
@media(max-width:520px){:root{--gutter:20px}.site-header{height:80px;gap:10px}.brand{gap:8px}.brand img{width:28px;height:31px}.brand span{font-size:12px}.header-actions{gap:9px}.header-actions>.button{font-size:12px;padding:9px 13px;gap:14px;min-height:39px}.header-actions>.button svg{width:14px}.menu-toggle{width:32px}.mobile-nav{top:80px}.hero-heading{padding:29px 15px 29px}.hero-heading>.eyebrow{font-size:12px;letter-spacing:.09em}.hero-heading h1{font-size:clamp(46px,11vw,58px);line-height:1.015;letter-spacing:-.02em}.hero-intro{flex-direction:column;gap:18px;text-align:center;margin-top:26px}.hero-intro p{font-size:15px;line-height:1.5}.hero-intro .text-link{border:0;padding:0;min-height:24px;font-size:14px;gap:20px}.hero-media{aspect-ratio:.84;width:calc(100% - 24px);border-width:2px;border-radius:17px}.hero-media video{object-position:90% center}.hero-media-caption{bottom:20px;left:17px;right:17px;align-items:flex-end;gap:10px}.hero-media-caption>.eyebrow{max-width:114px;line-height:1.6;font-size:12px}.hero-media-caption .film-trigger{font-size:12px;padding:10px 12px;gap:5px}.hero-media-caption .film-trigger svg{width:14px}.image-index{left:18px;top:20px;font-size:12px}.ambient-toggle{right:13px;top:13px;padding:9px 11px;min-height:38px;font-size:12px}.hero-bottom{padding-top:13px;font-size:12px;line-height:1.5;align-items:flex-start}.hero-bottom>span{max-width:205px}.hero-bottom>a{font-size:12px;gap:10px}.section-gap{margin-top:85px}.eyebrow{font-size:12px;letter-spacing:.1em}h2{font-size:47px;letter-spacing:-.02em}.section-heading{gap:23px}.section-heading>p{font-size:15px;line-height:1.7}.section-heading h2{margin-top:20px}.solutions-section{margin-top:78px}.js .solution-card{width:78vw;height:398px;min-height:0}.js .carousel-stage{height:414px}.js .solution-card[data-position="1"]{transform:translateX(48%) scale(.86) rotateY(-12deg);opacity:.42}.js .solution-card[data-position="-1"]{transform:translateX(-148%) scale(.86) rotateY(12deg);opacity:.42}.solution-copy{inset:auto 22px 26px}.solution-copy h3{font-size:36px}.solution-copy .eyebrow{font-size:12px}.solution-copy p{font-size:14px;padding-right:0;max-width:245px;margin-top:12px}.solution-copy .round-link{display:none}.carousel-bottom{flex-direction:column;gap:20px}.carousel-hint{font-size:12px;text-align:center}.carousel-controls{gap:18px}.carousel-count{font-size:12px}.carousel-pause{min-width:40px}.craft-grid{grid-template-columns:1fr;gap:25px}.craft-visual{aspect-ratio:1.16}.craft-copy{padding:31px 26px 34px}.craft-copy h3{font-size:46px;line-height:1.01}.craft-copy>p{font-size:16px}.craft-copy>.eyebrow{font-size:12px}.floating-label{font-size:12px}.tags span{font-size:12px}.feature-film{grid-template-columns:1fr;gap:32px}.feature-film-visual{aspect-ratio:1.08}.feature-film-visual>.film-trigger{left:22px;bottom:22px}.feature-film-copy h2{font-size:57px;margin-top:20px}.feature-film-copy p{font-size:16px;max-width:340px;margin:24px 0 28px}.demo-teaser{grid-template-columns:1fr;gap:36px;padding-top:55px}.demo-teaser h2{font-size:55px;margin:22px 0}.demo-teaser p{font-size:16px}.demo-visual{min-height:385px}.demo-visual>img{height:385px;object-position:63% center}.demo-note{padding:15px;inset:auto 16px 16px;font-size:12px}.demo-note-icon{width:37px;height:37px}.demo-note>svg{display:block}.human-section{padding-top:50px}.human-section h2{font-size:clamp(48px,12.5vw,64px);margin-top:28px}.human-bottom{display:grid;grid-template-columns:1fr;gap:27px;margin-top:33px}.human-bottom>.text-link{margin-left:0}.human-bottom>p{font-size:15px;line-height:1.75}.human-bottom>p br{display:none}.human-stamp{font-size:12px;gap:16px}.human-stamp img{width:40px;height:41px}.cta-panel{height:570px;width:calc(100% - 24px);margin-top:80px}.cta-panel>img{object-position:90% center}.cta-panel:after{background:linear-gradient(180deg,rgba(21,24,17,0.72706),rgba(21,24,17,0.3) 80%)}.cta-content{inset:40px 24px auto}.cta-content h2{font-size:61px;line-height:1.01;margin-top:24px}.cta-content p{font-size:15px;margin:25px 0 28px}.cta-content .button{font-size:14px;padding:16px 21px;gap:26px}.cta-footnote{left:26px;right:20px;bottom:22px;line-height:1.5}.site-footer{padding-top:49px;padding-bottom:24px}.footer-brand{font-size:37px}.footer-brand span{font-size:12px}.footer-links{gap:15px 27px;font-size:14px}.footer-email{font-size:52px;gap:25px;margin:35px 0}.footer-email svg{width:29px;height:29px}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px}.footer-bottom span:nth-child(2){grid-row:2;grid-column:1/-1}.footer-bottom>a{grid-column:2;grid-row:1}.page-intro{padding-top:45px;padding-bottom:33px}.page-intro h1{font-size:clamp(48px,13.2vw,66px);line-height:1;margin-top:25px}.intro-bottom{margin-top:28px;flex-direction:column;align-items:flex-start;gap:24px}.intro-bottom>p{font-size:15px;line-height:1.7}.intro-bottom>p br{display:none}.work-list{grid-template-columns:1fr;gap:38px}.work-card:first-child{grid-column:auto}.work-card:first-child .work-image,.work-image{aspect-ratio:1.13}.work-card-caption{gap:11px;padding-top:20px}.work-card-caption h2{font-size:39px}.work-card-caption h2 br{display:none}.work-image .film-trigger{font-size:12px}.stills-grid{grid-template-columns:1fr;gap:18px}.stills-grid>img{height:auto;aspect-ratio:1.17;object-position:center}.portfolio-note{flex-direction:column;align-items:flex-start;font-size:15px;gap:24px}.studio-hero>img{aspect-ratio:1.08;object-position:55% center}.studio-hero figcaption{font-size:12px}.studio-story{gap:26px}.studio-story h2{font-size:46px;line-height:1.04}.studio-story p{font-size:16px;margin-top:26px}.principles{margin-top:50px;grid-template-columns:1fr;gap:34px}.principles h3{font-size:42px;margin:23px 0 18px}.principles p{font-size:16px;max-width:none}.experience-section{padding-top:50px;gap:30px}.experience-section h2{font-size:55px}.experience-section p{font-size:16px}.experience-names{gap:16px 25px}.experience-section small{font-size:12px}.demo-page-intro .intro-bottom{align-items:flex-start}.demo-page-intro h1{font-size:66px;line-height:1}.demo-screen{aspect-ratio:.95}.demo-screen>img{object-position:65% center}.demo-screen-label{font-size:8px;left:17px;right:17px;bottom:19px;gap:15px}.demo-screen>.film-trigger{font-size:12px;padding:12px 16px}.demo-cards article{display:flex;gap:0;padding:29px}.demo-cards .access-label{font-size:12px}.demo-cards h3{font-size:48px;margin:35px 0 25px}.demo-cards p{font-size:16px;margin-bottom:28px}.demo-request{grid-template-columns:1fr;gap:35px;padding-top:50px}.demo-request h2{font-size:49px;line-height:1.04}.demo-request>div>p{font-size:16px}.journal-grid{grid-template-columns:1fr;gap:50px}.journal-card:first-child{grid-column:auto}.journal-card:first-child .journal-image,.journal-image{aspect-ratio:1.1}.journal-card:first-child h2,.journal-card h2{font-size:39px;line-height:1.05}.article-meta{font-size:12px;margin-top:21px;gap:12px}.journal-card>p{font-size:15px}.journal-archive{margin-top:42px}.contact-layout{padding:43px 0 10px;gap:44px}.contact-intro h1{font-size:88px;line-height:0.975;margin:30px 0}.contact-intro>p{font-size:16px}.contact-email{font-size:16px;gap:22px}.contact-form-panel>.eyebrow{font-size:12px;margin-bottom:30px}.form-row{grid-template-columns:1fr;gap:27px}.contact-form{gap:27px}.contact-form input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.contact-form textarea,.contact-form select{font-size:16px}.interest-options{gap:8px}.interest-options label>span{font-size:12px;padding:10px 13px}.contact-form .button{width:100%;padding:17px 22px;font-size:14px}.contact-form .checkbox-label{font-size:12px}.form-note{font-size:12px}.message-page{padding:85px 0 90px}.message-page h1{font-size:74px}.message-page>p{font-size:16px}.film-dialog-bar h2{font-size:14px}.film-dialog-bar{padding:10px 14px}.film-dialog{border-radius:12px}.film-dialog video{max-height:65vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.reveal.pending{opacity:1;transform:none}}
@media print{.site-header,.site-footer,.carousel-controls,.ambient-toggle,.film-trigger{display:none}body{background:white}.section-shell{width:100%}.section-gap{margin-top:40px}.hero-media video{display:none}.hero-media{background:url("../images/storefront.webp") center/cover}.js .carousel-stage{height:auto;display:grid;grid-template-columns:1fr 1fr}.js .solution-card{position:relative!important;left:0;width:100%;transform:none!important;opacity:1!important;height:300px}a:after{content:none!important}.reveal.pending{opacity:1;transform:none}}

#agents .craft-visual>img{object-position:center 22%}

/* Compact shared footer with the supplied AG submark. */
.ag-footer{max-width:1552px;width:calc(100% - var(--gutter)*2);margin:64px auto 0;padding:36px 0 22px;border-top:1px solid var(--line);color:#000}
.ag-footer-main{display:flex;justify-content:space-between;align-items:center;gap:48px;padding-bottom:34px}
.ag-footer-brand{display:flex;align-items:center;gap:22px;flex-shrink:0}
.ag-footer-brand img{width:78px;height:auto;object-fit:contain}
.ag-footer-brand span{font:400 13px/1.7 var(--sans);color:#000;letter-spacing:.015em}
.ag-footer-connect{text-align:right}
.ag-footer-connect nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 26px;font:400 12px/1.5 var(--sans)}
.ag-footer a{transition:opacity .2s}
.ag-footer a:hover{opacity:.6}
.ag-footer-mail{display:inline-flex;align-items:center;gap:18px;margin-top:24px;font:400 clamp(17px,1.6vw,23px)/1.4 var(--sans);letter-spacing:-.025em}
.ag-footer-mail span{display:inline-block;transition:transform .25s}
.ag-footer-mail:hover span{transform:translate(2px,-2px)}
.ag-footer-legal{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:19px;font:400 11px/1.5 var(--sans);color:#000}
html[data-darkreader-scheme="dark"] .ag-footer-brand img{filter:invert(1)}
@media(max-width:760px){.ag-footer{margin-top:40px;padding-top:28px}.ag-footer-main{align-items:flex-start;flex-direction:column;gap:28px;padding-bottom:26px}.ag-footer-brand img{width:64px}.ag-footer-connect{text-align:left;width:100%}.ag-footer-connect nav{justify-content:flex-start;gap:14px 22px}.ag-footer-mail{margin-top:22px;font-size:20px}}
/* Shared motion language, derived from the approved Demo. Page colour stays --paper. */
:root{--ag-ease:cubic-bezier(.22,1,.36,1);--ag-settle:cubic-bezier(.2,.8,.2,1)}
.ag-word{display:inline-block;transform-origin:50% 100%}
/* Registered content waits for its section to enter the reading area. */
[data-ag-reveal="waiting"]{opacity:0}
body:not([data-page="demos"]) :is(.button,.circle-button,.home-rail-controls>button,.film-trigger,.text-link,.contact-email,.news-choice,.discipline-tabs>button){transition:translate 550ms var(--ag-ease),scale 550ms var(--ag-ease),background-color 300ms,color 300ms,border-color 300ms,box-shadow 550ms var(--ag-ease)}
body:not([data-page="demos"]) :is(.button,.circle-button,.home-rail-controls>button,.film-trigger):active{scale:.965;transition-duration:120ms}
body:not([data-page="demos"]) :is(.button,.text-link,.contact-email)>svg{transition:translate 550ms var(--ag-ease)}
body:not([data-page="demos"]) :is(.circle-button,.home-rail-controls>button,.button-outline){background-color:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #ffffff70}
body:not([data-page="demos"]) :is(.home-video-controls>button,.glass-button,.floating-label){background-image:linear-gradient(135deg,rgba(255,255,255,0.09882),transparent 65%);box-shadow:inset 0 1px 0 #ffffff66,0 7px 18px -13px #0008;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body:not([data-page="demos"]) .home-solution-media{box-shadow:0 18px 32px -24px #0008,inset 0 1px 0 #fff8;transition:box-shadow 600ms var(--ag-ease)}
body:not([data-page="demos"]) .contact-form :is(input,textarea,select){transition:background-color 350ms,border-color 350ms,box-shadow 350ms}
body:not([data-page="demos"]) .contact-form :is(input,textarea,select):focus{box-shadow:0 5px 12px -10px #18181888}
.ag-depth-window{overflow:hidden}
.ag-depth-image{scale:1.035;translate:0 var(--ag-depth-y,0px)}
@media(hover:hover) and (pointer:fine){
 body:not([data-page="demos"]) :is(.button,.film-trigger):hover{translate:0 -2px;box-shadow:0 12px 22px -17px #0009}
 body:not([data-page="demos"]) :is(.circle-button,.home-rail-controls>button):not(:disabled):hover{scale:1.06;background-color:#1d1e1b;color:#fff;box-shadow:0 8px 16px -13px #0009}
 body:not([data-page="demos"]) :is(.button,.text-link,.contact-email):hover>svg{translate:2px -2px}
 body:not([data-page="demos"]) .news-choice:hover{translate:3px 0}
 body:not([data-page="demos"]) .home-solution-media:hover{box-shadow:0 22px 38px -22px #0007}
}
/* Native top-layer transitions keep focus and dismissal semantics intact. */
@supports (transition-behavior:allow-discrete){
 body:not([data-page="demos"]) :is(.film-dialog,.booking-dialog){opacity:0;translate:0 14px;scale:.985;transition:opacity 320ms var(--ag-ease),translate 450ms var(--ag-ease),scale 450ms var(--ag-ease),display 450ms allow-discrete,overlay 450ms allow-discrete}
 body:not([data-page="demos"]) :is(.film-dialog,.booking-dialog)[open]{opacity:1;translate:0 0;scale:1}
 body:not([data-page="demos"]) :is(.film-dialog,.booking-dialog)::backdrop{opacity:0;backdrop-filter:blur(0);transition:opacity 350ms,backdrop-filter 350ms,display 450ms allow-discrete,overlay 450ms allow-discrete}
 body:not([data-page="demos"]) :is(.film-dialog,.booking-dialog)[open]::backdrop{opacity:1;backdrop-filter:blur(8px)}
 body:not([data-page="demos"]) .mobile-nav{opacity:1;translate:0 0;transition:opacity 240ms var(--ag-ease),translate 360ms var(--ag-ease),display 360ms allow-discrete}
 body:not([data-page="demos"]) .mobile-nav[hidden]{opacity:0;translate:0 -10px}
 @starting-style{
  body:not([data-page="demos"]) :is(.film-dialog,.booking-dialog)[open]{opacity:0;translate:0 14px;scale:.985}
  body:not([data-page="demos"]) :is(.film-dialog,.booking-dialog)[open]::backdrop{opacity:0;backdrop-filter:blur(0)}
  body:not([data-page="demos"]) .mobile-nav:not([hidden]){opacity:0;translate:0 -10px}
 }
}
@keyframes ag-panel-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
body:not([data-page="demos"]) .discipline-panel:not([hidden]){animation:ag-panel-enter 650ms var(--ag-ease) both}
@media(prefers-reduced-motion:reduce){
 [data-ag-reveal="waiting"]{opacity:1}
 .ag-depth-image{scale:1;translate:none}
 body:not([data-page="demos"]) :is(.button,.circle-button,.home-rail-controls>button,.film-trigger,.text-link,.contact-email,.news-choice,.discipline-tabs>button,.button>svg,.text-link>svg,.contact-email>svg,.mobile-nav,.film-dialog,.booking-dialog){transition:none!important;translate:none!important;scale:1!important}
 body:not([data-page="demos"]) :is(.film-dialog,.booking-dialog)::backdrop{transition:none!important}
 body:not([data-page="demos"]) .discipline-panel{animation:none!important}
}
@media print{[data-ag-reveal="waiting"]{opacity:1!important}.ag-depth-image{scale:1;translate:none}}


/* One shared footer: the original compact layout, social icons and clean legal copy. */
.ag-footer-contact-row{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px 24px;margin-top:18px}
.ag-footer-contact-row .ag-footer-mail{margin-top:0}
.ag-footer-connect .ag-footer-social{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px}
.ag-footer-social>a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#000;text-decoration:none;transition:background-color 300ms,translate 450ms var(--ag-ease),scale 450ms var(--ag-ease)}
.ag-footer-social svg{display:block;width:22px;height:22px;fill:currentColor}
.ag-footer-social>a:hover{background:#ffffff55;opacity:1;translate:0 -2px}
.ag-footer-social>a:active{scale:.94}
.ag-footer-social>a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.ag-footer-legal nav{display:flex;align-items:flex-start;gap:22px;white-space:nowrap}
@media(max-width:760px){.ag-footer-contact-row{justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:14px;margin-top:18px}.ag-footer-connect .ag-footer-social{justify-content:flex-start}.ag-footer-legal{flex-wrap:wrap;gap:12px 24px}}
@media(prefers-reduced-motion:reduce){.ag-footer-social>a{transition:none;translate:none;scale:1}}

/* Keep the email directly beneath the tagline, with social icons at the right edge. */
.ag-footer-identity{display:flex;align-items:center;gap:22px;min-width:0;flex-shrink:0}
.ag-footer-details{min-width:0}
.ag-footer-tagline{display:block;font:400 13px/1.7 var(--sans);color:#000;letter-spacing:.015em}
.ag-footer-details .ag-footer-mail{margin-top:10px}
@media(max-width:760px){.ag-footer-identity{max-width:100%}.ag-footer-details .ag-footer-mail{font-size:clamp(14px,4.7vw,20px);gap:10px}.ag-footer-contact-row{align-items:flex-end}.ag-footer-connect .ag-footer-social{justify-content:flex-end}}


/* === MOBILE UX OVERHAUL 2026-09-20 === */
@media (max-width:1180px){
  html{scroll-padding-top:calc(var(--ag-header-height) + env(safe-area-inset-top,0px) + 16px);-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{min-width:0;overflow-x:hidden}
  button,a,input,select,textarea,summary{touch-action:manipulation}
  :is(button,a,[role="button"],input[type="range"]){-webkit-tap-highlight-color:transparent}
  .site-header{padding-top:env(safe-area-inset-top,0px)}
  body:not([data-page="home"]){padding-top:calc(var(--ag-header-height) + env(safe-area-inset-top,0px))}
}
@media (max-width:700px){
  :root{--ag-mobile-gutter:max(18px,env(safe-area-inset-left,0px));--ag-mobile-right:max(18px,env(safe-area-inset-right,0px))}
  .section-shell{width:auto;margin-inline:var(--ag-mobile-gutter) var(--ag-mobile-right)}
  .button,.circle-button,.film-trigger,.glass-button,.menu-toggle{min-height:44px}
  .circle-button,.home-rail-controls>button{min-width:44px}
  input,select,textarea{font-size:16px!important}
  dialog{max-width:100vw}
}
@media (hover:none) and (pointer:coarse){
  *{cursor:default}
  :is(a,button,input,select,textarea,summary,[role="button"]){cursor:pointer}
  :is(.button,.circle-button,.roster-arrow,.roster-play,.home-rail-controls>button,.project-media-controls button):hover{transform:none;scale:1}
}

/* Shared editorial type: the About story is the reference for all page copy. */
:root{
  --ag-copy-size:17px;--ag-copy-leading:1.75;--ag-copy-width:540px;--ag-copy-gap:19px;
  --ag-lead-size:22px;--ag-lead-leading:1.5;
  --ag-section-title-size:clamp(56px,6.2vw,96px);--ag-section-title-leading:.99;--ag-section-title-tracking:-.055em;
  --ag-section-space:clamp(70px,8vw,120px);--ag-column-gap:clamp(40px,8vw,130px);
  --ag-caption-size:14px;--ag-label-size:12px;
}
@media(max-width:1050px){:root{--ag-section-title-size:54px;--ag-column-gap:45px}}
@media(max-width:700px){:root{--ag-lead-size:21px;--ag-column-gap:25px}}
@media(max-width:520px){:root{--ag-copy-size:16px;--ag-section-title-size:49px}}
.section-heading>p,.intro-bottom>p,.demo-teaser p,.demo-cards p,.demo-request>div>p,.contact-intro>p,.cta-content p{
  font-family:var(--sans);font-size:var(--ag-copy-size);line-height:var(--ag-copy-leading);letter-spacing:0;max-width:var(--ag-copy-width);
}
.section-heading h2,.demo-request h2,.cta-content h2{
  font-family:var(--display);font-weight:400;font-size:var(--ag-section-title-size);line-height:var(--ag-section-title-leading);letter-spacing:var(--ag-section-title-tracking);
}

/* Touch/programmatic focus stays clean; keyboard navigation retains its ring. */
html[data-ag-input="pointer"] :is(button,a,[role="button"],[role="slider"],[tabindex]):focus:not(input):not(textarea):not(select):not([contenteditable="true"]){outline:none!important}
html[data-ag-input="pointer"] .roster-carousel:has(.roster-card:focus-visible) .roster-caption h2{text-decoration:none}
.ag-media-window img{-webkit-user-drag:none}
.ag-media-window img.ag-media-preparing{opacity:0}
.ag-media-window img.ag-media-decoded{animation:ag-image-ready 180ms ease both}
@keyframes ag-image-ready{from{opacity:0}to{opacity:1}}
@media(any-pointer:coarse){.ag-touch-rail{scroll-snap-type:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-motion:reduce){.ag-media-window img.ag-media-decoded{animation:none}}

/* September 23: shared CTA, contact landing and editorial banner. */
.ag-shared-cta{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:#e7def1;color:#000;display:flex;align-items:center;min-height:580px;margin-top:88px;margin-bottom:88px;box-shadow:0 16px 34px -24px #14121377}
.ag-shared-cta .home-demo-image{position:absolute;inset:0 0 0 46%;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%)}
.ag-shared-cta .home-demo-image img{width:100%;height:100%;object-fit:cover;object-position:58% center}
.ag-shared-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(231,222,241,0.9) 28%,rgba(231,222,241,0.64941) 40%,transparent 58%);z-index:-1;pointer-events:none}
.ag-shared-cta .home-feature-copy{position:relative;padding:clamp(32px,4.5vw,72px);width:62%;max-width:920px}
.ag-shared-cta .eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:24px}
.ag-shared-cta h2{font-size:var(--ag-section-title-size,clamp(42px,4.3vw,68px));line-height:var(--ag-section-title-leading,1.06);letter-spacing:var(--ag-section-title-tracking,-.048em);text-wrap:balance}
.ag-shared-cta .home-feature-copy>p{font-size:var(--ag-body-size,17px);line-height:1.7;margin-top:24px;max-width:43ch;color:#000}
.ag-shared-cta .home-actions{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:14px;margin-top:28px}
.ag-project-cta{width:100%;max-width:none;padding:0!important}
.ag-contact-hero{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;border-radius:28px;margin-top:24px;margin-bottom:32px;color:#fff;display:flex;align-items:center;background:#28232e}
.ag-contact-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2}
.ag-contact-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,19,24,0.75529) 0%,rgba(17,19,24,0.50471) 34%,rgba(17,19,24,0.08471) 62%,transparent 84%)}
.ag-contact-copy{padding:clamp(28px,4.5vw,72px);max-width:760px;width:65%}
.ag-contact-copy h1{font-size:clamp(48px,5.5vw,86px);line-height:1.02;letter-spacing:-.02em;margin:24px 0}
.ag-contact-copy p{font-size:17px;line-height:1.7;margin:20px 0;color:#fff}
.ag-contact-copy .eyebrow,.ag-contact-copy .contact-email{color:inherit}
.ag-contact-copy .contact-email{display:inline-flex;gap:14px;align-items:center;margin-top:4px;font-size:15px}
.ag-contact-copy .contact-email svg{width:18px;height:18px}
.ag-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ag-news-banner{position:relative;isolation:isolate;overflow:hidden;height:clamp(105px,12vh,155px);min-height:105px;border-radius:22px;background:#d5c7e9;margin-block:12px 16px;display:flex;align-items:center;padding:24px 40px}
.ag-news-banner h1{font-size:clamp(44px,4vw,64px);line-height:1;margin:0;letter-spacing:-.02em}
.ag-news-banner img{position:absolute;right:0;top:0;width:38%;height:100%;object-fit:cover;object-position:center 42%;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)}
.news-reader-ready #main{display:flex;flex-direction:column}
.news-reader-ready body[data-page=news] .news-room{flex:1;height:auto;min-height:0}
.news-reader-pane>.ag-shared-cta{width:100%;max-width:100%;margin:28px 0 18px;min-height:510px}
.news-reader-pane>.ag-shared-cta .home-feature-copy{padding:32px;width:76%}
.news-reader-pane>.ag-shared-cta h2{font-size:clamp(34px,3vw,52px)}
.ag-enquiry-dialog{border:0;border-radius:24px;padding:0;width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--paper);color:#000;box-shadow:0 24px 100px #0005}
.ag-enquiry-dialog::backdrop{background:#10111685;backdrop-filter:blur(12px)}
.ag-enquiry-body{padding:28px 34px 34px}.ag-enquiry-body .contact-form{width:100%}
.ag-close-enquiry,.booking-dialog .close-booking{position:absolute;right:16px;top:16px;z-index:5;width:40px;height:40px;border-radius:50%;background:#ffffffc9;color:#000;font-size:25px;display:grid;place-items:center}
.ag-form-banner{position:relative;isolation:isolate;overflow:hidden;background:#d9cbee;min-height:190px;display:flex;align-items:center;padding:30px 34px;color:#000}
.ag-form-banner>img{position:absolute;inset:0 0 0 auto;width:48%;height:100%;object-fit:cover;object-position:center 40%;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 55%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%)}
.ag-form-banner>div{width:78%}.ag-form-banner .eyebrow{font-size:10px;margin-bottom:14px}
.ag-form-banner h2,.booking-dialog .ag-form-banner h2{font-size:42px;line-height:1.04;margin:12px 0 0;letter-spacing:-0.02em}
.booking-dialog:has(.ag-form-banner){padding:0;overflow:auto;max-height:calc(100dvh - 32px)}
.booking-dialog>.ag-form-banner~p,.booking-dialog>.booking-form{margin:24px 32px}
@media(max-width:800px){.ag-shared-cta .home-feature-copy{width:80%}.ag-contact-copy{width:85%}.ag-contact-hero{aspect-ratio:auto;min-height:580px}.ag-news-banner{padding:20px 24px}.ag-news-banner img{width:48%}}
@media(max-width:600px){.ag-shared-cta{border-radius:22px;min-height:0;padding-top:230px;margin-block:48px}.ag-shared-cta .home-demo-image{inset:0 0 auto;height:280px;mask-image:linear-gradient(#000 68%,transparent);-webkit-mask-image:linear-gradient(#000 68%,transparent)}.ag-shared-cta .home-demo-image img{object-position:center 40%}.ag-shared-cta:after{display:none}.ag-shared-cta .home-feature-copy,.news-reader-pane>.ag-shared-cta .home-feature-copy{padding:30px 24px 34px;width:100%}.ag-shared-cta h2{font-size:43px}.ag-shared-cta .home-feature-copy>p{font-size:16px}.ag-shared-cta .home-actions .button{min-height:48px;padding:13px 17px;font-size:13px;gap:12px}.ag-project-cta{padding-top:230px!important}.ag-contact-hero{border-radius:22px;min-height:600px;margin-top:14px}.ag-contact-copy{width:100%;padding:30px 24px}.ag-contact-copy h1{font-size:54px}.ag-contact-copy p{font-size:16px}.ag-contact-hero:after{background:linear-gradient(90deg,rgba(17,19,24,0.75529) 0%,rgba(17,19,24,0.42353) 58%,rgba(17,19,24,0.11294) 84%,transparent 100%)}.ag-contact-background{object-position:65% center}.ag-contact-actions{flex-direction:column;align-items:flex-start}.ag-news-banner{height:96px;min-height:96px;flex-shrink:0;margin-block:8px 12px}.ag-news-banner img{width:48%}.news-reader-pane>.ag-shared-cta{min-height:0;padding-top:210px}.ag-enquiry-body{padding:24px}.ag-form-banner{padding:26px 24px;min-height:170px}.ag-form-banner h2,.booking-dialog .ag-form-banner h2{font-size:36px}.booking-dialog>.ag-form-banner~p,.booking-dialog>.booking-form{margin:22px 24px}}

/* Dialog fields must be available immediately, without scroll reveal delays. */
.ag-enquiry-dialog [data-ag-reveal],.ag-enquiry-dialog .ag-word,.booking-dialog .ag-form-banner [data-ag-reveal],.booking-dialog .ag-form-banner .ag-word{opacity:1!important;filter:none!important;translate:none!important;transform:none!important}

/* Supplied conversation and booking artwork keeps faces clear beside the copy. */
.ag-form-banner[data-form-art]{background:#101416;color:#fff}
.ag-form-banner[data-form-art]>img{inset:0 0 0 auto;width:72%;height:100%;object-fit:cover;object-position:center top;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 20%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%)}
.ag-form-banner[data-form-art]::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,20,22,0.9) 0%,rgba(16,20,22,0.83647) 24%,rgba(16,20,22,0.61059) 40%,rgba(16,20,22,0.12) 62%,transparent 78%);pointer-events:none}
html body .ag-form-banner[data-form-art] :is(.eyebrow,h2,h2 *){color:#fff;font-style:normal}
.ag-form-banner[data-form-art="conversation"] h2>em{display:block}
@media(max-width:600px){
 .ag-form-banner[data-form-art]::after{background:linear-gradient(90deg,rgba(16,20,22,0.9) 0%,rgba(16,20,22,0.86471) 30%,rgba(16,20,22,0.64941) 48%,rgba(16,20,22,0.27176) 67%,transparent 85%)}
 .ag-form-banner[data-form-art="conversation"]>img{object-position:left top}
}

/* Approved storefront CTA shared across the main pages and project variants. */
.ag-shared-cta.ag-hello-cta{display:block;min-height:0;height:clamp(500px,37.4vw,620px);padding:0!important;background:#1b1e18;color:#fff;border-radius:24px;box-shadow:none;margin-block:88px}
.ag-hello-cta .ag-hello-image{position:absolute;inset:0;z-index:0}
.ag-hello-cta .ag-hello-image img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
.ag-shared-cta.ag-hello-cta:after{display:block;z-index:0;background:linear-gradient(90deg,rgba(21,24,17,0.64941) 0%,rgba(21,24,17,0.35294) 38%,rgba(21,24,17,0.11294) 58%,transparent 72%);pointer-events:none}
.ag-hello-cta .ag-hello-copy{position:relative;z-index:1;padding:clamp(38px,3.6vw,60px);width:62%;max-width:820px}
.ag-hello-cta .eyebrow{display:block;font-size:11px;letter-spacing:.08em;margin:0 0 26px}
.ag-shared-cta.ag-hello-cta h2{font-size:clamp(48px,4.4vw,72px);line-height:1.02;letter-spacing:-.02em;margin:0;text-wrap:initial;color:#fff}
.ag-hello-cta .ag-hello-copy>p{font-size:16px;line-height:1.7;color:#fff;margin:28px 0}
.ag-hello-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ag-hello-actions .button{gap:24px;min-height:52px;padding:16px 24px;font-size:13px}
.ag-hello-footnote{position:absolute;z-index:1;right:32px;bottom:26px;font-size:11px;color:#fff}
@media(max-width:800px){.ag-hello-cta .ag-hello-copy{width:85%}.ag-shared-cta.ag-hello-cta{height:550px}.ag-hello-cta .ag-hello-copy{padding:38px}}
@media(max-width:600px){.ag-shared-cta.ag-hello-cta{height:620px;margin-block:48px;border-radius:22px}.ag-hello-cta .ag-hello-copy{width:100%;padding:34px 24px}.ag-shared-cta.ag-hello-cta h2{font-size:46px}.ag-hello-cta .ag-hello-image img{object-position:75% center}.ag-shared-cta.ag-hello-cta:after{background:linear-gradient(180deg,rgba(21,24,17,0.70941) 0%,rgba(21,24,17,0.43059) 40%,rgba(21,24,17,0.12706) 62%,transparent 76%)}.ag-hello-actions{align-items:flex-start;flex-direction:column;gap:12px}.ag-hello-footnote{left:24px;right:24px;bottom:22px}.ag-hello-cta .ag-hello-copy>p{font-size:15px}}

/* Soft focus handoff: the old page stays opaque underneath the arriving page. */
@view-transition{navigation:auto}
::view-transition{pointer-events:none}
::view-transition-group(root){animation:none}
::view-transition-old(root){animation:none;opacity:1;mix-blend-mode:normal}
::view-transition-new(root){animation:ag-route-cover 180ms ease-out both,ag-route-focus 520ms cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal}
@keyframes ag-route-cover{from{opacity:0}to{opacity:1}}
@keyframes ag-route-focus{from{filter:blur(7px)}to{filter:blur(0)}}
/* Without native snapshots, focus the opaque new page without fading its content. */
html[data-ag-route-blur] #main{animation:ag-route-focus 520ms cubic-bezier(.22,1,.36,1) backwards}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-old(root),::view-transition-new(root),html[data-ag-route-blur] #main{animation:none;filter:none}
}


/* No browser link/image drag preview, including dynamically inserted content. */
body :is(a,img,svg,video,button,[draggable]){-webkit-user-drag:none;}


/* Keep the shared navigation independent during page handoffs. */
header.site-header{view-transition-name:ag-navigation}
::view-transition-group(ag-navigation){z-index:100;animation:none}
::view-transition-old(ag-navigation){display:none;animation:none}
::view-transition-new(ag-navigation){animation:none;mix-blend-mode:normal}

/* Responsive media and content: intrinsic artwork survives short laptop windows. */
:where(img,video){height:auto}
:where(main,dialog) :where(figure,article,section){min-width:0}
:where(main,dialog) :where(h1,h2,h3,h4,p,li,dd,figcaption){overflow-wrap:break-word}
html body :is(.news-feature-image,.news-article-body figure){max-height:none}
html body .news-feature-image{height:auto;aspect-ratio:auto}
html body .news-feature-image>img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
html body .news-article-body img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
/* Keep dismissal available while reading or completing a form in a short viewport. */
html body :is(.ag-enquiry-dialog,.booking-dialog){max-height:calc(100dvh - 32px);overscroll-behavior:contain;scroll-padding-block:64px 24px}
html body :is(.ag-close-enquiry,.booking-dialog .close-booking){position:sticky;top:14px;right:auto;display:flex;flex:none;align-items:center;justify-content:center;margin:14px 14px -54px auto}
html body .film-dialog{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
html body .film-dialog-bar{position:sticky;top:0;z-index:2;background:#151612}
html body .film-dialog video{height:auto;max-height:calc(100dvh - 100px);object-fit:contain}

/* The Contact image keeps a 16:9 baseline and grows when its overlaid copy needs room. */
.ag-contact-hero{display:grid;grid-template-columns:minmax(0,1fr);aspect-ratio:auto}
.ag-contact-hero::before{content:"";grid-column:1;grid-row:1;padding-top:56.25%;pointer-events:none}
.ag-contact-hero>.ag-contact-copy{grid-column:1;grid-row:1;align-self:center}
@media(max-width:800px){.ag-contact-hero::before{display:none}}

/* Shared opening typography. Change these tokens once for every opening film. */
:root{--ag-hero-title-size:clamp(52px,5.4vw,92px);--ag-hero-title-leading:1.04;--ag-hero-title-tracking:-.05em;--ag-hero-copy-size:clamp(17px,1.4vw,21px);--ag-hero-copy-leading:1.6;--ag-hero-copy-width:640px}
@media(max-width:900px){:root{--ag-hero-title-size:clamp(44px,6vw,64px);--ag-hero-copy-size:18px;--ag-hero-copy-width:560px}}
@media(max-width:600px){:root{--ag-hero-title-size:clamp(38px,10.7vw,54px);--ag-hero-title-leading:1.07;--ag-hero-copy-size:16px;--ag-hero-copy-leading:1.55;--ag-hero-copy-width:100%}}
@media(max-height:700px) and (max-width:600px){:root{--ag-hero-title-size:36px;--ag-hero-copy-size:14px}}
@media(max-height:580px) and (min-width:601px){:root{--ag-hero-title-size:34px;--ag-hero-copy-size:14px;--ag-hero-copy-leading:1.4}}

/* Contact review: translucent black booking button. */
body[data-page="contact"] .ag-contact-actions .button-glass{background:rgb(0 0 0 / .55);color:#fff;border-color:rgb(255 255 255 / .18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body[data-page="contact"] .ag-contact-actions .button-glass:hover{background:rgb(0 0 0 / .7)}

/* Shared mobile CTA: keep its overline at the top and supporting note with the copy. */
@media(max-width:600px){
 body .ag-shared-cta.ag-hello-cta .ag-hello-copy{align-self:start;padding-top:28px}
 body .ag-hello-cta .ag-hello-copy>.eyebrow{margin:0 0 20px}
 body .ag-hello-cta .ag-hello-copy>.ag-hello-footnote{position:static;display:block;margin-top:20px;font-size:11px;line-height:1.5;color:#fff}
}

body .ag-hello-cta .ag-hello-copy>.ag-hello-footnote{position:static;display:block;margin-top:20px;font-size:11px;line-height:1.5;color:#fff}

/* Mobile image CTA convention: title/note above, main message below. */
@media(max-width:600px){
 body .ag-shared-cta.ag-hello-cta{display:flex;flex-direction:column;justify-content:flex-end;height:auto;min-height:620px}
 body .ag-shared-cta.ag-hello-cta .ag-hello-copy{position:static;z-index:1;width:100%;max-width:none;margin-top:124px;padding:0 24px 28px;align-self:stretch}
 body .ag-hello-cta .ag-hello-copy>.eyebrow{position:absolute;top:28px;left:24px;right:24px;margin:0;z-index:2;text-shadow:0 1px 8px #0008}
 body .ag-hello-cta .ag-hello-copy>.ag-hello-footnote{position:absolute;top:52px;left:24px;right:24px;bottom:auto;margin:0;z-index:2;text-shadow:0 1px 8px #0008}
 body .ag-shared-cta.ag-hello-cta:after{background:linear-gradient(0deg,rgba(10,13,10,0.828) 0%,rgba(10,13,10,0.684) 27%,rgba(10,13,10,0.252) 58%,transparent 76%),linear-gradient(180deg,rgba(10,13,10,0.342),transparent 22%)}
}

/* V89: footer content is always static, including hover and reveal states. */
html body :is(footer,.ag-footer,.site-footer,[role="contentinfo"]),
html body :is(footer,.ag-footer,.site-footer,[role="contentinfo"]) *{animation:none!important;transition:none!important;translate:none!important;scale:none!important;rotate:none!important}
html body :is(footer,.ag-footer,.site-footer,[role="contentinfo"]) [data-ag-reveal],
html body :is(footer,.ag-footer,.site-footer,[role="contentinfo"]) .ag-word{opacity:1!important;filter:none!important;transform:none!important}
/* V99: navigation controls are present immediately, independent of content entrances. */
html body :is(button,input,select,textarea,.button,.circle-button,.film-trigger,.scene-motion,[role=tablist],[role=tab],[class$="-controls"],[class*="-controls "],[class$="-count"],[class*="-count "],.services-jump,.solutions-nav,.discipline-tabs)[data-ag-reveal],
html body :is(button,.button,[class$="-controls"],[class*="-controls "],[role=tablist]) :is([data-ag-reveal],.ag-word,.reveal.pending){opacity:1!important;filter:none!important;translate:none!important;transform:none!important;animation:none!important}
html body :is(button,summary,[role="button"],[role="tab"],[role="tablist"],[class$="-controls"],[class*="-controls "],[class$="-count"],[class*="-count "]):is([data-ag-reveal],[data-service-target],.reveal.pending){opacity:1!important;filter:none!important;translate:none!important;transform:none!important;animation:none!important}

/* assets/pages.css */
/* Page structures from the individual Milanote PLANS boards. */
html{scroll-padding-top:24px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.desktop-nav{gap:clamp(18px,2.2vw,36px);margin-left:auto}
.desktop-nav a{white-space:nowrap}
.desktop-nav a:last-child{padding:13px 22px;border-radius:var(--ag-pill-radius);background:var(--ink);color:#fff}
.desktop-nav a:last-child:after{display:none}
.footer-links{max-width:700px;justify-content:flex-end}
.button-glass{color:#fff;border-color:transparent;background:#20241e3d;backdrop-filter:blur(14px)}
.button-glass:hover{background:#20241e75}
.text-button{background:none;padding:8px 0;color:inherit;font-size:14px;text-decoration:underline;text-underline-offset:5px}
/* Trim the pale edge embedded in video frames and their poster images. */
.scene-video{width:100%;height:100%;object-fit:cover;transform:scale(1.01)}
.scene-motion{position:absolute;z-index:4;right:22px;top:22px}
.cta-panel>.scene-video{object-position:center 60%}
.cta-panel .scene-motion{z-index:3}
.cta-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cta-actions .button{gap:24px}
.how-it-works{scroll-margin-top:32px}
.how-it-works .section-heading{align-items:center}
.how-it-works h2{font-size:clamp(68px,7vw,105px);margin-top:18px}
.how-intro{font-size:18px;line-height:1.65;margin-top:25px}
.how-it-works .craft-copy h3{font-size:clamp(42px,4.2vw,65px)}
.home-hero .hero-bottom>a:first-child{font-size:14px;color:#000}
.about-welcome{margin-top:20px;position:relative;aspect-ratio:16/9;min-height:580px;max-height:820px;overflow:hidden;border:0;border-radius:24px;background:#eaeae8}
.about-welcome-film{position:absolute;inset:0 0 0 28%;overflow:hidden}
.about-welcome-film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(234,234,232,0.9),transparent 45%)}
.about-welcome-film video{object-position:55% center}
.about-welcome-copy{position:relative;z-index:2;padding:clamp(36px,4.1vw,68px);max-width:630px}
.about-welcome h1{font-size:clamp(80px,8.9vw,144px);line-height:0.95;letter-spacing:-.02em;margin:25px 0}
.about-welcome-copy p{font-size:17px;line-height:1.6;max-width:380px;color:#000}
.welcome-play{display:inline-flex;align-items:center;gap:12px;font-size:14px;background:#1d1e1b;color:#fff;padding:15px 21px;border-radius:var(--ag-pill-radius);margin-top:25px;min-height:50px}
.welcome-play svg{width:18px;height:18px}
.welcome-signoff{position:absolute;bottom:28px;right:32px;font-size:12px;color:#000;z-index:2}
.career-section{position:relative;overflow:hidden;border-radius:24px;color:#fff;background:#20221e;padding:58px 0 24px}
.career-backdrop{position:absolute;inset:0;opacity:.22;filter:blur(3px)}
.career-backdrop img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.career-heading{position:relative;padding:0 48px;max-width:790px}
.career-heading h2{font-size:clamp(44px,5vw,77px);margin:24px 0}
.career-heading p{font-size:16px;color:#fff;max-width:590px;line-height:1.7}
.career-marquee{position:relative;overflow:hidden;margin:35px 0 20px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.career-track{display:flex;width:max-content;animation:career-scroll 27s linear infinite}
.career-logo-group{display:flex;align-items:center;gap:80px;padding-right:80px}
.career-logo-group img{width:165px;height:98px;object-fit:contain;filter:grayscale(1) invert(1);opacity:.92}
.career-logo-group img[src*="marvel"]{filter:grayscale(1) contrast(8);mix-blend-mode:screen}
.career-caption{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 48px;font-size:12px;color:inherit}
.career-section.is-paused .career-track,.career-section:hover .career-track,.career-section:focus-within .career-track{animation-play-state:paused}
@keyframes career-scroll{to{transform:translateX(-50%)}}
.about-process{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}
.about-process h2{margin:25px 0}
.about-process-intro>p{font-size:17px;line-height:1.7;max-width:480px;margin-bottom:30px}
.process-notes{list-style:none;margin:0;padding:0}
.process-notes li{display:flex;align-items:flex-start;gap:26px;padding:30px 0;border-bottom:1px solid var(--line)}
.process-notes li:first-child{border-top:1px solid var(--line)}
.process-notes li>span{font-size:12px;margin-top:8px;color:#000}
.process-notes h3{font-size:41px;line-height:1.08;letter-spacing:-0.015em}
.process-notes p{font-size:16px;line-height:1.65;margin-top:13px;max-width:370px}
.discipline-carousel{position:relative;border-radius:24px;overflow:hidden;background:#222620;color:#fff}
.discipline-panel{position:relative;min-height:540px;display:flex;align-items:center}
.discipline-panel[hidden]{display:none}
.discipline-media{position:absolute;inset:0 0 0 20%}
.discipline-media video{object-position:62% center}
.discipline-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,38,32,0.76588) 0%,rgba(34,38,32,0.49412) 24%,rgba(34,38,32,0.12) 46%,transparent 64%)}
.discipline-copy{position:relative;z-index:1;padding:55px;max-width:560px}
.discipline-copy h3{font-size:clamp(50px,5.1vw,78px);margin:25px 0;line-height:1.01}
.discipline-copy p{font-size:17px;line-height:1.7;color:#fff;max-width:370px;margin-bottom:28px}
.discipline-controls{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:0;padding:22px 35px;background:#1b1e19}
.discipline-tabs{display:flex;gap:30px}
.discipline-controls button{font-size:14px;background:transparent;color:#000;padding:10px 0}
.discipline-tabs button{display:flex;gap:10px;align-items:center;border-bottom:1px solid transparent}
.discipline-tabs button[aria-pressed=true]{color:#fff;border-bottom-color:transparent}
.discipline-tabs button>span{font-size:12px;opacity:.65}
.discipline-controls>button{text-decoration:underline;text-underline-offset:5px}
.news-room{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.9fr);gap:38px;padding-top:22px;min-height:calc(100svh - 125px);align-items:start}
.news-feature{min-width:0;scroll-margin-top:22px}
.news-feature-image{position:relative;aspect-ratio:1.86;max-height:none;border-radius:23px;overflow:hidden;background:#d9d9d3}
.news-feature-image>img{width:100%;height:100%;object-fit:cover;object-position:center}
.news-format{position:absolute;left:23px;bottom:22px;border:0;border-radius:var(--ag-pill-radius);padding:9px 14px;background:#18201685;backdrop-filter:blur(12px);color:#fff;font-size:12px;letter-spacing:.07em}
.news-feature-text{padding:23px 3px 25px}
.news-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#000;font-size:12px;letter-spacing:.035em}
.news-meta>span:first-child{margin-right:auto;color:#000}
.news-feature h1{font-size:clamp(42px,4.2vw,68px);line-height:1.03;letter-spacing:-.02em;margin:20px 0 17px}

.news-description{margin-top:18px;border-top:1px solid var(--line)}
.news-description summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;cursor:pointer;list-style:none;font-size:14px}
.news-description summary::-webkit-details-marker{display:none}
.news-description summary span{font-size:23px;line-height:1;transition:transform .2s}
.news-description[open] summary span{transform:rotate(45deg)}
.news-description [data-news-body]{max-height:230px;overflow:auto}
.news-description p{font-size:16px;line-height:1.75;margin:0 0 17px}
.news-description .text-link{margin:7px 0 10px}
.news-library{padding:8px 0 0;border-left:1px solid var(--line);padding-left:30px}
.news-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 24px;font-size:12px;color:#000}
.news-list{display:flex;flex-direction:column;gap:20px;max-height:calc(100svh - 300px);min-height:420px;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:#b4b7ad transparent}
.news-choice{position:relative;display:grid;grid-template-columns:115px minmax(0,1fr);gap:18px;text-align:left;background:transparent;width:100%;padding:0 0 22px;border-bottom:1px solid var(--line);border-radius:0}
.news-choice>img{width:115px;height:145px;border-radius:13px;object-fit:cover;object-position:65% center}
.news-choice-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:5px 0 20px}
.news-choice-copy>span{font-size:12px;line-height:1.5;color:#000}
.news-choice-copy>strong{font-size:17px;font-weight:500;line-height:1.4;letter-spacing:-.02em}
.news-choice-copy .news-choice-meta{font-size:12px;letter-spacing:.035em;color:#000}
.news-choice[aria-pressed=true] .news-choice-copy>strong{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.news-choice[aria-pressed=true]>img{outline:2px solid var(--ink);outline-offset:3px}
.news-choice:hover{opacity:.8}
.news-choice-index{position:absolute;right:0;bottom:28px;font-size:12px;color:#000}
.news-archive-link{margin-top:28px}
.news-noscript{padding:30px 0}
body[data-page=contact]{min-height:100svh}
.contact-stage{position:relative;height:calc(100svh - 148px);min-height:620px;max-height:1100px;overflow:hidden;border:0;border-radius:24px;background:#30352d;color:#fff}
.contact-stage>.scene-video{position:absolute;inset:0;object-position:center 65%}
.contact-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,32,20,0.59294) 0%,rgba(23,32,20,0.25412) 44%,transparent 72%)}
.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(25px,3.5vw,60px);align-items:center;height:100%;padding:64px 38px 34px}
.contact-glass{border:0;border-radius:20px;background:#1922189c;backdrop-filter:blur(20px);padding:29px}
.contact-welcome{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:17px}
.contact-welcome h1{font-size:clamp(45px,4.2vw,63px);line-height:1;margin:14px 0 0;letter-spacing:-.02em;white-space:nowrap}
.contact-welcome .button{padding:12px 17px;min-height:46px;gap:17px;white-space:nowrap;font-size:14px}
.contact-lead{color:#fff;font-size:16px;line-height:1.5;margin:16px 0 24px}
.contact-message-form{gap:19px}
.contact-message-form .form-heading{font-size:12px;letter-spacing:.08em}
.contact-message-form .form-row{gap:22px}
.contact-message-form input:not([type=hidden]),.contact-message-form textarea{color:#fff!important;border-bottom-color:transparent!important;padding:9px 0 10px!important}
.contact-message-form input::placeholder,.contact-message-form textarea::placeholder{color:#fff!important}
.contact-message-form textarea{min-height:70px;max-height:140px}
.contact-message-form label{font-size:14px}
.contact-message-form .form-status,.contact-message-form .form-note{color:#fff}
.contact-submit{display:flex;justify-content:space-between;gap:20px;align-items:center}
.contact-submit>.button{min-width:0;min-height:47px;padding:12px 17px;gap:18px;white-space:nowrap}
.contact-submit .form-note{font-size:12px}
.contact-character-column{min-width:0}
.contact-character{position:relative;aspect-ratio:1.12;border:0;border-radius:20px;overflow:hidden;background:#dfe0da}
.contact-character>.scene-video{object-position:center 45%}
.contact-character:after{content:"";position:absolute;inset:68% 0 0;background:linear-gradient(transparent,rgba(21,27,17,0.52941));pointer-events:none}
.contact-character-caption{position:absolute;z-index:1;inset:auto 20px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;line-height:1.5}
.contact-character-caption>.film-trigger{padding:10px 13px;font-size:12px;gap:5px;white-space:nowrap}
.contact-social{padding:24px 5px 0}
.contact-social>p{color:#fff;font-size:16px;line-height:1.5}
.contact-social strong{font-weight:500}
.contact-social nav{display:grid;grid-template-columns:1fr 1fr;gap:11px 25px;margin-top:18px}
.contact-social a{font-size:14px;display:flex;align-items:center;justify-content:space-between;border-bottom:0;padding:0 0 8px}
.contact-social a:hover{border-bottom-color:transparent}
.contact-social svg{width:16px;height:16px}
.contact-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;width:calc(100% - var(--gutter)*2);margin:auto;font-size:12px;color:#000}
.booking-dialog{background:var(--paper);color:#000;border:0;border-radius:23px;padding:42px;width:min(620px,calc(100vw - 28px));max-height:92svh;overflow:auto;box-shadow:0 35px 100px #0006}
.booking-dialog::backdrop{background:#131811b0;backdrop-filter:blur(10px)}
.close-booking{position:absolute;right:16px;top:14px;width:42px;height:42px;background:transparent;font-size:31px;border-radius:50%}
.close-booking:hover{background:#0001}
.booking-dialog>.eyebrow{padding-right:25px}
.booking-dialog h2{font-size:62px;line-height:1.005;margin:25px 0 18px}
.booking-dialog>p{font-size:16px;line-height:1.6;max-width:420px;margin-bottom:25px}
.booking-form{gap:18px}
.booking-form textarea{min-height:72px}
.booking-form .button{width:100%;gap:20px}
@media(min-width:801px){.header-actions{display:none}}
@media(max-width:1150px){.news-room{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:25px}.news-library{padding-left:23px}.news-choice{grid-template-columns:95px 1fr;gap:14px}.news-choice>img{width:95px;height:130px}.news-choice-copy>strong{font-size:16px}.about-process{gap:50px}.discipline-tabs{gap:20px}.contact-grid{padding:65px 25px 25px;gap:24px}.contact-glass{padding:24px}.contact-welcome h1{font-size:48px}.contact-welcome{gap:12px}.contact-character-caption{flex-direction:column;align-items:flex-start;gap:8px}.contact-social{padding-top:18px}.contact-lead{margin-bottom:20px}.contact-stage{min-height:660px}}
@media(max-width:800px){.footer-links{justify-content:flex-start}.about-welcome{min-height:590px;aspect-ratio:1.2}.about-welcome-copy{padding:36px;max-width:490px}.about-welcome h1{font-size:91px}.about-welcome-copy p{font-size:16px;max-width:300px}.welcome-signoff{font-size:12px;right:25px;bottom:22px}.career-heading,.career-caption{padding-inline:32px}.career-logo-group{gap:50px;padding-right:50px}.career-logo-group img{width:145px;height:82px}.about-process{grid-template-columns:1fr;gap:40px}.about-process-intro>p{max-width:560px}.process-notes p{max-width:520px}.discipline-panel{min-height:500px}.discipline-copy{padding:36px;max-width:500px}.discipline-copy h3{font-size:61px}.discipline-controls{padding:17px 25px;gap:18px;align-items:flex-start}.discipline-tabs{flex-wrap:wrap;gap:7px 25px}.discipline-controls button{font-size:14px}.news-room{grid-template-columns:1fr;gap:35px;min-height:0;padding-top:18px}.news-feature-image{max-height:none}.news-feature h1{font-size:55px}.news-library{padding-left:0;border:0}.news-library-heading{padding-bottom:22px}.news-list{min-height:0;max-height:415px;gap:20px}.news-choice{grid-template-columns:150px 1fr;gap:25px}.news-choice>img{width:150px;height:110px}.news-choice-copy{padding:0 25px 0 0;gap:8px}.news-choice-copy>strong{font-size:18px}.news-choice-index{bottom:28px}.news-archive-link{margin-top:20px}.contact-stage{height:auto;max-height:none;min-height:0}.contact-grid{grid-template-columns:1fr;gap:30px;padding:68px 28px 28px}.contact-glass{padding:30px}.contact-welcome h1{font-size:58px}.contact-character-column{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.contact-character{aspect-ratio:1}.contact-social{padding:0}.contact-social nav{grid-template-columns:1fr;gap:10px}.contact-character-caption>span{font-size:12px}.contact-footer{flex-wrap:wrap;padding:15px 0;gap:10px 20px}.contact-stage>.scene-video{object-position:83% center}.how-it-works .section-heading{align-items:flex-start}.how-intro{font-size:17px}.how-it-works .craft-copy h3{font-size:43px}.cta-panel .scene-motion{top:16px;right:16px}.cta-content{top:75px}.cta-actions{gap:12px}.cta-content h2{font-size:66px}}
@media(max-width:520px){.how-it-works h2{font-size:64px}.how-intro{font-size:16px;margin-top:20px}.how-intro br{display:none}.how-it-works .craft-copy h3{font-size:46px}.home-hero .hero-bottom{gap:15px}.home-hero .hero-bottom>a:first-child{font-size:13px;gap:10px}.home-hero .hero-bottom svg{width:16px}.about-welcome{width:calc(100% - 24px);aspect-ratio:9/16;min-height:680px;max-height:770px;margin-top:9px;border-radius:18px}.about-welcome-film{inset:35% -12% 0 -12%}.about-welcome-film:after{background:linear-gradient(180deg,rgba(234,234,232,0.9),transparent 37%)}.about-welcome-film video{object-position:50% center}.about-welcome-copy{padding:29px 23px;max-width:none}.about-welcome-copy>.eyebrow{margin-right:115px}.about-welcome h1{font-size:76px;line-height:0.96;margin:28px 0 20px}.about-welcome h1 br:nth-of-type(2){display:none}.about-welcome-copy p{font-size:15px;max-width:275px;line-height:1.5}.about-welcome-copy p br{display:none}.welcome-play{margin-top:20px;font-size:14px;padding:12px 16px;min-height:47px}.about-welcome .scene-motion{font-size:12px;top:15px;right:15px;padding:8px 12px;min-height:36px}.welcome-signoff{inset:auto 23px 20px;font-size:12px;text-align:center}.career-section{padding-top:35px}.career-heading,.career-caption{padding-inline:25px}.career-heading h2{font-size:46px;line-height:1.01}.career-heading p{font-size:16px}.career-logo-group{gap:40px;padding-right:40px}.career-logo-group img{width:125px;height:80px}.career-caption{flex-direction:column;align-items:flex-start;gap:7px;font-size:12px}.career-marquee{margin-top:25px}.about-process h2{font-size:50px}.about-process-intro>p{font-size:16px}.process-notes li{gap:20px;padding:26px 0}.process-notes h3{font-size:36px}.process-notes p{font-size:16px}.discipline-section .section-heading h2{font-size:50px}.discipline-panel{min-height:535px;align-items:flex-end}.discipline-media{inset:0}.discipline-media:after{background:linear-gradient(180deg,rgba(34,38,32,0.05647),rgba(34,38,32,0.18706) 25%,rgba(34,38,32,0.9) 86%)}.discipline-copy{padding:180px 25px 30px;max-width:none}.discipline-copy h3{font-size:48px;margin:20px 0}.discipline-copy p{font-size:16px;margin-bottom:25px}.discipline-controls{padding:15px 23px;gap:15px}.discipline-tabs{flex-direction:column;gap:1px}.discipline-tabs button{font-size:14px;gap:11px;align-self:flex-start}.discipline-controls>button{margin-top:4px}.discipline-carousel>.scene-motion{font-size:12px;padding:9px 13px;top:16px;right:16px}.news-room{width:100%;padding-top:8px;gap:28px}.news-feature-image{border-radius:0;aspect-ratio:1.45}.news-feature-image>img{object-position:72% center}.news-format{left:18px;bottom:18px;padding:8px 11px;font-size:12px;max-width:calc(100% - 36px);letter-spacing:.035em}.news-feature-text{padding:24px 20px 0}.news-meta{font-size:12px;gap:8px 13px;line-height:1.5}.news-meta>span:first-child{flex-basis:100%}.news-feature h1{font-size:41px;line-height:1.04;margin:17px 0}.news-description{margin-top:17px}.news-description p{font-size:16px}.news-library{padding-inline:20px}.news-library-heading{padding-bottom:20px}.news-list{max-height:387px;gap:18px;padding:4px 8px 0 4px;margin-left:-4px}.news-choice{grid-template-columns:110px minmax(0,1fr);gap:16px;padding-bottom:20px}.news-choice>img{width:110px;height:110px}.news-choice-copy{gap:7px;padding-right:0}.news-choice-copy>strong{font-size:15px;line-height:1.35}.news-choice-copy .news-choice-meta{font-size:12px;letter-spacing:0}.news-choice-copy>span:last-child{font-size:12px}.news-choice-index{display:none}.news-archive-link{font-size:14px}.contact-stage{width:calc(100% - 20px);border-width:2px;border-radius:18px}.contact-grid{padding:66px 12px 22px;gap:27px}.contact-glass{padding:25px 20px;border-radius:17px;background:#172215b0}.contact-welcome{display:block}.contact-welcome h1{font-size:49px;white-space:normal;margin-top:18px}.contact-welcome>.button{margin-top:20px;width:100%;justify-content:space-between}.contact-lead{font-size:16px;margin:20px 0 24px}.contact-message-form .form-row{grid-template-columns:1fr;gap:18px}.contact-message-form{gap:20px}.contact-message-form textarea{min-height:95px}.contact-submit{flex-direction:column;align-items:flex-start;gap:18px}.contact-submit>.button{width:100%;font-size:14px;min-height:50px}.contact-character-column{grid-template-columns:1fr;gap:24px;padding-inline:6px}.contact-character{aspect-ratio:1.25}.contact-character-caption{flex-direction:row;align-items:center;inset:auto 16px 17px}.contact-character-caption>span{font-size:12px}.contact-social nav{grid-template-columns:1fr 1fr;gap:13px 25px}.contact-social{padding:0 7px}.contact-stage>.scene-video{object-position:91% center}.contact-stage:after{background:#14200c66}.contact-footer{font-size:12px;justify-content:space-between;line-height:1.5}.contact-footer>a:nth-child(2){order:3;flex-basis:100%}.booking-dialog{padding:31px 23px;max-height:92svh;border-radius:18px}.booking-dialog h2{font-size:51px;margin-top:24px}.booking-dialog>.eyebrow{font-size:12px;max-width:230px}.booking-form .form-row{gap:18px}.booking-form .button{font-size:14px}.cta-panel{height:630px}.cta-content{inset:74px 24px auto}.cta-content h2{font-size:58px}.cta-actions{flex-direction:column;align-items:flex-start;gap:12px}.cta-actions .button{padding:15px 19px;min-height:50px;font-size:14px}.cta-panel>.scene-video{object-position:90% center}.footer-links{gap:15px 24px}}
@media(prefers-reduced-motion:reduce){.career-track{animation:none}.career-marquee{overflow-x:auto}.career-logo-group[aria-hidden]{display:none}}
@media print{.scene-video,.scene-motion,.booking-dialog,.welcome-play{display:none}.career-backdrop{display:none}.career-section{color:#000;background:#eee}.career-logo-group img{filter:none}.career-track{animation:none}.career-logo-group[aria-hidden]{display:none}.news-room{display:block}.news-list{max-height:none}.contact-stage{height:auto;background:#eee;color:#000}.contact-grid{display:block}.contact-glass{backdrop-filter:none;background:#fff}.contact-stage:after{display:none}}
@media(max-width:520px){.about-welcome h1 br:nth-of-type(2){display:initial}.about-welcome-film{top:48%}.welcome-signoff{background:#eaeae8e8;backdrop-filter:blur(10px);border-radius:var(--ag-pill-radius);padding:7px;color:#000}}


/* News: a centered reading layout with an independent vertical article carousel. */
body[data-page="news"] .news-room{margin-inline:auto;max-width:1552px;min-height:calc(100svh - 100px);padding-block:clamp(28px,4svh,56px);align-content:center;overflow-anchor:none}
body[data-page="news"] .news-library{min-width:0;align-self:start;padding-top:0}
body[data-page="news"] .news-list.news-vertical-carousel{position:relative;height:clamp(320px,44svh,440px);min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;scroll-behavior:auto;scroll-snap-type:none;scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none;padding:5px 9px 5px 5px;margin-left:-5px;mask-image:linear-gradient(to bottom,transparent,#000 var(--news-fade-top,0px),#000 calc(100% - var(--news-fade-bottom,18px)),transparent)}
body[data-page="news"] .news-list.news-vertical-carousel::-webkit-scrollbar{display:none}
body[data-page="news"] .news-vertical-carousel .news-choice{flex:0 0 auto;cursor:inherit;translate:none;scale:1;opacity:1;transition:background-color 250ms}
body[data-page="news"] .news-vertical-carousel .news-choice:hover{translate:none;scale:1;opacity:1}
body[data-page="news"] .news-vertical-carousel .news-choice img{-webkit-user-drag:none;user-select:none}
body[data-page="news"] .news-vertical-carousel.is-dragging{cursor:grabbing}
body[data-page="news"] .news-vertical-carousel:focus-visible{outline:2px solid var(--ink);outline-offset:5px;mask-image:none;border-radius:3px}
.news-carousel-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px}
.news-carousel-hint{font-size:11px;letter-spacing:.035em;color:#000}
.news-carousel-buttons{display:flex;align-items:center;gap:8px}
.news-carousel-buttons button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff22;border:1px solid var(--line);color:#000;box-shadow:inset 0 1px 0 #fff7;backdrop-filter:blur(10px);transition:background-color 250ms,color 250ms,scale 450ms var(--ag-ease),opacity 250ms}
.news-carousel-buttons svg{width:18px;height:18px}
.news-carousel-buttons button:disabled{opacity:.28;cursor:default}
.news-carousel-buttons button:not(:disabled):active{scale:.96}
.news-carousel-buttons button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
body[data-page="news"] .news-archive-link{margin-top:18px}
@media(hover:hover) and (pointer:fine){.news-carousel-buttons button:not(:disabled):hover{background:var(--ink);color:var(--paper);scale:1.04}}
@media(max-width:1180px){body[data-page="news"] .news-room{min-height:calc(100svh - 88px)}}
@media(max-width:800px){body[data-page="news"] .news-room{min-height:0;padding-block:24px 0;align-content:start}body[data-page="news"] .news-library{align-self:start}body[data-page="news"] .news-list.news-vertical-carousel{height:clamp(285px,48svh,360px)}}
@media(max-width:600px){body[data-page="news"] .news-room{padding-top:18px}body[data-page="news"] .news-list.news-vertical-carousel{height:310px}.news-carousel-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.news-carousel-buttons button{transition:none!important;scale:1!important}}
@media print{body[data-page="news"] .news-room{min-height:0;padding:0}body[data-page="news"] .news-list.news-vertical-carousel{height:auto;overflow:visible;mask-image:none}.news-carousel-nav{display:none}}

/* Restore the original cover proportions and give the full archive its own viewport. */
body[data-page="news"] .news-feature-image{aspect-ratio:1.86;max-height:none;border-radius:23px}
body[data-page="news"] .news-choice{grid-template-columns:clamp(136px,12vw,184px) minmax(0,1fr);gap:18px;align-items:start}
body[data-page="news"] .news-choice>img{width:100%;height:auto;border-radius:13px;object-fit:contain;object-position:center}
body[data-page="news"] .news-list.news-vertical-carousel{height:var(--news-window-height,930px)}
.news-read-article{margin-top:24px;padding:12px 0;border-top:1px solid var(--line);width:100%;justify-content:space-between}
.news-article{max-width:1050px;padding-block:50px 80px}
.news-back{margin-bottom:38px}
.news-article-heading{max-width:1000px;margin-bottom:44px}
.news-article-heading h1{font-size:clamp(42px,5vw,78px);line-height:1.07;letter-spacing:-0.02em;margin:22px 0 26px;text-wrap:balance}
.news-article-meta{display:flex;gap:14px 24px;flex-wrap:wrap;font-size:13px;color:#000}
/* Summaries and articles share one reading style at every screen size. */
.news-deck,.news-article-body{max-width:820px;font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.news-article-body{margin-inline:auto}
.news-article-body p{font-size:inherit;line-height:inherit;margin:0 0 24px}
.news-article-body h2,.news-article-body h3{font-size:clamp(29px,3vw,43px);line-height:1.17;margin:42px 0 22px;letter-spacing:-0.005em}
.news-article-body h3{font-size:30px}
.news-article-body figure{margin:32px 0}
.news-article-body img,.news-article-body video{display:block;max-width:100%;height:auto;margin:28px auto;border-radius:18px}
.news-article-body video{width:100%;background:#111}
.news-article-body figcaption{font-size:14px;color:#000;text-align:center}
.news-article-body a{text-decoration:underline;text-underline-offset:4px}
.news-article-body ul,.news-article-body ol{padding-left:25px;margin:20px 0 28px}
.news-article-body li{padding-left:5px;margin-bottom:10px}
.news-article-body blockquote{border-left:2px solid var(--ink);padding-left:24px;margin:28px 0;font-style:italic}
.news-article-table{max-width:100%;overflow-x:auto;margin:28px 0;overscroll-behavior-x:contain}
.news-article-table table{width:100%;min-width:580px;border-collapse:collapse;font-size:15px;line-height:1.6}
.news-article-table td,.news-article-table th{padding:14px;border:1px solid var(--line);vertical-align:top}
.news-article-table tr:first-child{font-weight:700;background:#ffffff40}
.news-article-table p{margin:0}
.news-article-next{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:32px;margin-top:60px}
@media(max-width:1100px){body[data-page="news"] .news-choice{grid-template-columns:128px minmax(0,1fr);gap:14px}}
@media(max-width:800px){body[data-page="news"] .news-feature-image{max-height:none}body[data-page="news"] .news-choice{grid-template-columns:minmax(140px,.4fr) minmax(0,1fr);gap:22px}body[data-page="news"] .news-list.news-vertical-carousel{height:var(--news-window-height,755px)}}
@media(max-width:600px){body[data-page="news"] .news-feature-image{border-radius:0;aspect-ratio:1.45}body[data-page="news"] .news-choice{grid-template-columns:132px minmax(0,1fr);gap:16px}body[data-page="news"] .news-list.news-vertical-carousel{height:var(--news-window-height,737px)}.news-article{padding-block:28px 45px}.news-deck,.news-article-body{font-size:17px}.news-article-heading h1{font-size:42px}.news-article-meta{font-size:12px}.news-article-next .text-link{font-size:13px;gap:14px}.news-article-body img{border-radius:13px}}
@media print{body[data-page="news"] .news-list.news-vertical-carousel{height:auto}}

/* Let the page continue scrolling at the ends of the mobile article list. */
@media(hover:none) and (pointer:coarse){
  body[data-page="news"] .news-list.news-vertical-carousel{overscroll-behavior-y:auto}
}

/* Supporting page copy follows the same editorial rhythm as About. */
.career-heading p,.about-process-intro>p,.process-notes p,.discipline-copy p,.about-welcome-copy p,.news-description p,.news-deck,.news-article-body,.booking-dialog>p,.contact-lead,.contact-social>p{
  font-size:var(--ag-copy-size);line-height:var(--ag-copy-leading);letter-spacing:0;
}
.career-heading p,.about-process-intro>p,.process-notes p,.discipline-copy p,.booking-dialog>p{max-width:var(--ag-copy-width)}
.career-heading h2,.about-process h2,.discipline-section .section-heading h2,.discipline-copy h3{font-size:var(--ag-section-title-size);line-height:var(--ag-section-title-leading);letter-spacing:var(--ag-section-title-tracking)}
.news-article-body p{margin-bottom:var(--ag-copy-gap)}
.news-article-body{max-width:680px}
.news-choice-copy>strong{font-size:var(--ag-copy-size);line-height:1.5}
.news-article-body figcaption,.news-description summary{font-size:var(--ag-caption-size);line-height:var(--ag-copy-leading)}

/* Shared article tables: neutral grey rows and pill-shaped black headers. */
.news-article-body{--ag-table-grey:#e1e3e0;--ag-table-grey-alt:#eff0ee}
.news-article-body .news-article-table table{background:transparent;color:#000;border-collapse:separate;border-spacing:0}
.news-article-body .news-article-table tr{background:transparent}
.news-article-body .news-article-table :is(td,th){background:var(--ag-table-grey);border-color:#c7cac5;border-width:0 1px 1px 0}
.news-article-body .news-article-table tr:nth-child(even) :is(td,th){background:var(--ag-table-grey-alt)}
.news-article-body .news-article-table tr>:first-child{border-left-width:1px}
body .news-article-body .news-article-table :is(thead tr,tr:first-child){background:transparent;color:#fff}
body .news-article-body .news-article-table :is(thead tr,tr:first-child)>:is(th,td){background:#111;border-color:#ffffff30;border-top-width:1px}
body .news-article-body .news-article-table :is(thead tr,tr:first-child)>:first-child{border-radius:var(--ag-pill-radius,12px) 0 0 var(--ag-pill-radius,12px)}
body .news-article-body .news-article-table :is(thead tr,tr:first-child)>:last-child{border-radius:0 var(--ag-pill-radius,12px) var(--ag-pill-radius,12px) 0}
body[data-page] .news-article-body .news-article-table :is(thead,tr:first-child) :is(th,td,p,strong){color:#fff}

/* assets/header.css */
/* Shared dark glass navigation. Keep the established site geometry. */
:root{--ag-pill-radius:12px;--ag-header-height:75px}
@media(max-width:1180px){:root{--ag-header-height:68px}}
@media(max-width:640px){:root{--ag-pill-radius:10px;--ag-header-height:64px}}
html:root{scrollbar-gutter:stable;scroll-padding-top:calc(var(--ag-header-height) + 20px)}
body:not([data-page="home"]){padding-top:var(--ag-header-height)}
.site-header{
  position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;
  height:var(--ag-header-height);max-width:none;width:100%;gap:32px;
  padding-inline:max(var(--gutter),calc((100% - 1552px)/2));
}
html body[data-page] header.site-header.ag-dark-header{
  isolation:isolate;z-index:1000;color:#fff;background:transparent!important;box-shadow:none;
  font:400 16px/1.55 var(--sans);
  -webkit-backdrop-filter:blur(20px) saturate(1.35);backdrop-filter:blur(20px) saturate(1.35);
}
/* Apply blur to the named header layer itself, outside its backdrop root. */
html body[data-page] header.site-header.ag-dark-header::before{
  content:"";display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:rgb(22 22 24 / .8);border-bottom:1px solid rgb(255 255 255 / .08);
  opacity:1;transition:none;box-shadow:none;
}
html body[data-page] header.site-header.ag-dark-header::after{content:none;display:none}
.skip-link{z-index:5001}
.site-header .brand{
  display:flex;align-items:center;position:relative;isolation:isolate;box-sizing:content-box;
  width:clamp(184px,20vw,288px);min-width:0;flex:0 0 auto;gap:0;padding:7px 18px;
}
html body[data-page] header.site-header.ag-dark-header .brand::before{content:none;display:none}
.site-header .brand img{position:relative;display:block;width:100%;height:auto;object-fit:contain}
html body[data-page] header.site-header.ag-dark-header .brand .brand-logo-black{display:none}
html body[data-page] header.site-header.ag-dark-header .brand .brand-logo-white{
  display:block;filter:none!important;opacity:1;transition:none;
}
.site-header .desktop-nav{
  display:flex;align-items:center;gap:clamp(18px,2vw,32px);margin-left:auto;flex-shrink:0;
  min-height:44px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;
}
html body[data-page] header.site-header.ag-dark-header .desktop-nav>a{
  display:flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;
  font:400 14px/1.55 var(--sans);min-width:0;flex:0 0 var(--ag-nav-link-width,auto);
  color:#fff;text-shadow:none;background:transparent;border:0;border-radius:0;padding:0;
  box-shadow:none;transform:none;translate:none;
}
.site-header .desktop-nav>a::after{display:block;bottom:7px;background:currentColor}
.site-header .desktop-nav>a:is([href$="index.html"],[href="/"],[href$="/index"],[href$="/index/"]){--ag-nav-link-width:2.65em}
.site-header .desktop-nav>a:is([href$="services.html"],[href$="/services"],[href$="/services/"]){--ag-nav-link-width:4em}
.site-header .desktop-nav>a:is([href$="demos.html"],[href$="/demos"],[href$="/demos/"]){--ag-nav-link-width:2.65em}
.site-header .desktop-nav>a:is([href$="work.html"],[href$="/work"],[href$="/work/"]){--ag-nav-link-width:3.5em}
.site-header .desktop-nav>a:is([href$="about-us.html"],[href$="/about-us"],[href$="/about-us/"]){--ag-nav-link-width:2.65em}
.site-header .desktop-nav>a:is([href$="news.html"],[href$="/news"],[href$="/news/"]){--ag-nav-link-width:2.4em}
.site-header .desktop-nav>a:is([href$="contact-us.html"],[href$="/contact-us"],[href$="/contact-us/"]){--ag-nav-link-width:3.65em}
.site-header .header-actions{display:none;align-items:center;flex-shrink:0;gap:16px}
.site-header .menu-toggle{display:none}
html body[data-page] header.site-header.ag-dark-header :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:5px}
.site-header .mobile-nav[hidden]{display:none!important}
@media(max-width:1180px){
  html body[data-page] header.site-header.ag-dark-header{
    height:calc(var(--ag-header-height) + env(safe-area-inset-top,0px));
    padding-top:env(safe-area-inset-top,0px);gap:20px;z-index:5000;
  }
  .site-header .brand{width:clamp(176px,28vw,240px)}
  .site-header .desktop-nav{display:none}
  .site-header .header-actions{display:flex}
  html body[data-page] header.site-header.ag-dark-header .menu-toggle{
    position:relative;z-index:2;width:46px;height:46px;padding:10px;
    display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;
    color:#fff;background:transparent;border:0;border-radius:0;box-shadow:none;touch-action:manipulation;
  }
  .site-header .menu-toggle span{background:currentColor;box-shadow:none}
  html body[data-page] header.site-header.ag-dark-header .mobile-nav{
    position:fixed;inset:0;height:100dvh;max-height:none;z-index:1;
    padding:calc(var(--ag-header-height) + env(safe-area-inset-top,0px) + 24px) max(var(--gutter),env(safe-area-inset-right,0px)) max(36px,env(safe-area-inset-bottom,0px)) max(var(--gutter),env(safe-area-inset-left,0px));
    display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(18px,3.2vh,30px);
    overflow-y:auto;overscroll-behavior:contain;color:#fff;background:rgb(22 22 24 / .95);
    -webkit-backdrop-filter:blur(20px) saturate(1.35);backdrop-filter:blur(20px) saturate(1.35);
    border:0;box-shadow:none;touch-action:pan-y pinch-zoom;
  }
  html body[data-page] header.site-header.ag-dark-header .mobile-nav>a{
    display:flex;align-items:center;min-height:48px;flex-shrink:0;padding:0;
    font:400 clamp(34px,8vw,54px)/1.02 var(--sans);color:#fff;text-shadow:none;
    background:transparent;border:0;border-radius:0;box-shadow:none;
  }
  html body[data-page] header.site-header.ag-dark-header .mobile-nav .mobile-email{
    font:500 14px/1.4 var(--sans);margin-top:auto;padding-top:20px;min-height:44px;
  }
  body.mobile-menu-open{overflow:hidden}
  /* The open drawer owns the blur and viewport; links restore the header before navigation. */
  html body.mobile-menu-open[data-page] header.site-header.ag-dark-header{
    -webkit-backdrop-filter:none;backdrop-filter:none;view-transition-name:none;
  }
  body.mobile-menu-open .site-header .brand{z-index:2}
}
@media(max-width:640px){
  html body[data-page] header.site-header.ag-dark-header{gap:16px}
  .site-header .brand{width:min(200px,calc(80vw - 76.8px));padding:10px}
  .site-header .header-actions{gap:0}
  html body[data-page] header.site-header.ag-dark-header .menu-toggle{width:42px;height:44px;padding:8px}
  html body[data-page] header.site-header.ag-dark-header .mobile-nav{padding-top:calc(var(--ag-header-height) + env(safe-area-inset-top,0px) + 18px)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html body[data-page] header.site-header.ag-dark-header::before{background:rgb(22 22 24 / .97)}
  html body[data-page] header.site-header.ag-dark-header .mobile-nav{background:#161618}
}
@media print{.site-header{display:none}body:not([data-page="home"]){padding-top:0}}

/* Opening media starts below the fixed navigation; scrolling keeps its existing motion. */
html body[data-page]:is([data-page="home"],[data-page="demos"],[data-page="work"],[data-page="services"]){
  --ag-hero-offset:calc(var(--ag-header-height) + env(safe-area-inset-top,0px));
  padding-top:var(--ag-hero-offset);
  background-image:linear-gradient(to bottom,#171719 0 var(--ag-hero-offset),transparent var(--ag-hero-offset));
  background-repeat:no-repeat;
}
html body[data-page] .home-cinema,
html body[data-page] .work-intro.work-cinema{height:calc(100svh - var(--ag-hero-offset))}
html body[data-page] .home-cinema.is-scroll-ready{height:calc(100svh - var(--ag-hero-offset) + var(--cinema-travel,70svh))}
html body[data-page] .work-intro.work-cinema.is-scroll-ready{height:calc(100svh - var(--ag-hero-offset) + var(--work-cinema-travel,70svh))}
html body[data-page] :is(.home-cinema-stage,.work-cinema-stage){height:calc(100svh - var(--ag-hero-offset))}
@media(prefers-reduced-motion:reduce){
  html body[data-page] .home-cinema.is-scroll-ready,
  html body[data-page] .work-intro.work-cinema.is-scroll-ready{height:calc(100svh - var(--ag-hero-offset))}
}
@media print{
  html body[data-page]:is([data-page="home"],[data-page="demos"],[data-page="work"],[data-page="services"]){padding-top:0;background-image:none}
}


/* Every page starts black and uses the same dark glass when scrolling. */
html body[data-page] header.site-header.ag-dark-header::before{background:rgb(22 22 24 / var(--ag-nav-opacity,1));transition:background-color 240ms ease}
html body[data-page] header.site-header.ag-dark-header.is-scrolled{--ag-nav-opacity:.8}
@media(prefers-reduced-motion:reduce){html body[data-page] header.site-header.ag-dark-header::before{transition:none}}

/* Laptop density keeps the same fixed glass header with smaller content. */
@media screen and (min-width:901px) and (max-width:1600px){
 :root{--ag-header-height:60px}
 html body[data-page] header.site-header.ag-dark-header{padding-inline:max(var(--gutter),calc((100% - 1242px)/2));gap:26px}
 html body[data-page] header.site-header.ag-dark-header .brand{width:clamp(147px,16vw,230px);padding:6px 14px}
 html body[data-page] header.site-header.ag-dark-header .desktop-nav{gap:clamp(15px,1.6vw,26px)}
 html body[data-page] header.site-header.ag-dark-header .desktop-nav>a{font-size:12px}
}

/* assets/news-transitions.css */
/* The shared stylesheet handles ordinary navigation; journal routes add a shared-element handoff. */
html[data-news-navigation] body[data-page="news"] .site-header{view-transition-name:ag-navigation}
html[data-news-navigation] body[data-page="news"] #main{view-transition-name:news-content}
[data-news-arrival],[data-news-arrival] .ag-word{opacity:1!important;translate:none!important;filter:none!important}
::view-transition{pointer-events:none}
html[data-news-navigation]::view-transition-group(*){animation-duration:720ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
html[data-news-navigation]::view-transition-old(root){display:none}
html[data-news-navigation]::view-transition-new(root){animation:none}
::view-transition-group(ag-navigation){z-index:10;animation:none}
::view-transition-old(ag-navigation){display:none}
::view-transition-new(ag-navigation){animation:none;mix-blend-mode:normal}
::view-transition-old(news-content){animation:news-page-out 260ms cubic-bezier(.4,0,1,1) both;mix-blend-mode:normal}
::view-transition-new(news-content){animation:news-page-in 720ms cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal}
::view-transition-group(news-headline){z-index:3}
::view-transition-old(news-headline){animation:news-ink-out 190ms ease-out both;mix-blend-mode:normal;height:100%;width:100%}
::view-transition-new(news-headline){animation:news-ink-in 520ms 70ms ease-out both;mix-blend-mode:normal;height:100%;width:100%}
::view-transition-group(news-cover){z-index:2;overflow:hidden;border-radius:20px}
::view-transition-old(news-cover),::view-transition-new(news-cover){height:100%;width:100%;object-fit:cover;mix-blend-mode:normal}
::view-transition-old(news-cover){animation:news-ink-out 380ms ease-out both}
::view-transition-new(news-cover){animation:news-ink-in 600ms ease-out both}
[data-news-navigation="back"]::view-transition-new(news-content){animation-name:news-page-back}
@keyframes news-page-out{to{opacity:0;translate:0 -12px;filter:blur(2px)}}
@keyframes news-page-in{from{opacity:0;translate:0 32px;filter:blur(2px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes news-page-back{from{opacity:0;translate:0 -22px;filter:blur(2px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes news-ink-out{to{opacity:0}}
@keyframes news-ink-in{from{opacity:0}to{opacity:1}}
[data-news-fallback] #main{animation:news-page-in 650ms cubic-bezier(.22,1,.36,1) both}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* assets/mobile-polish.css */
/* Mobile-only refinements. This first important layer takes precedence over legacy panel rules. */
@layer ag-mobile-polish {
 @media(max-width:800px){
  /* Feather the complete image boundary, including brighter project portraits and live media. */
  .ag-mobile-reference-frame:not(.project-hero-art),
  .work-project:is([data-project=fitfur],[data-project=mayson]) .project-hero-art{
   mask-image:linear-gradient(180deg,#000 0%,#000 40%,rgba(0,0,0,.98) 52%,rgba(0,0,0,.88) 64%,rgba(0,0,0,.65) 75%,rgba(0,0,0,.32) 85%,rgba(0,0,0,.08) 93%,transparent 99%)!important;
   -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 40%,rgba(0,0,0,.98) 52%,rgba(0,0,0,.88) 64%,rgba(0,0,0,.65) 75%,rgba(0,0,0,.32) 85%,rgba(0,0,0,.08) 93%,transparent 99%)!important;
   mask-composite:intersect!important;-webkit-mask-composite:source-in!important;
   mask-repeat:no-repeat!important;mask-size:100% 100%!important;
  }
  /* Home retains its native viewport parallax; its own media fade stays page-owned. */
  body[data-page=home] .home-cinema-window .ag-mobile-reference-frame{mask-image:none!important;-webkit-mask-image:none!important}
  .ag-media-edge-fill>span{filter:blur(24px)!important}
  /* A static copy must stay static during pointer motion, including narrow desktop previews. */
  [data-ag-cta-template=standard] [data-ag-cta-role=copy]{translate:none!important}
  /* Keep the original light/dark action roles; only dark surfaces receive a soft sheen. */
  :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),
  .work-project .ag-project-cta .button-light,
  :is(.home-video-controls>button,.work-video-controls>button,.about-video-sound,.project-toolbar>[data-project-close],.mayson-film-sound,.project-feature-play,.project-sample-play,button[data-feature-sound]){
   background-color:rgba(24,25,27,.84)!important;
   background-image:linear-gradient(165deg,rgba(255,255,255,.22),rgba(255,255,255,.07) 42%,rgba(0,0,0,.18))!important;
   border-color:transparent!important;
   box-shadow:none!important;
   color:#fff!important;text-decoration:none;
  }
  :is([data-ag-opening=standard],[data-ag-cta-template=standard],.ag-shared-cta) .button{
   border-color:transparent!important;box-shadow:none!important;
  }
  body[data-page=home] .home-cinema-copy .home-actions>.button:first-child{
   background:#f2f2ef!important;color:#111!important;border-color:transparent!important;box-shadow:none!important;
  }
  body[data-page=home] .home-cinema-copy .home-actions>.button:first-child :is(span,.ag-word){color:inherit!important}
  .ag-footer-contact-row{align-items:flex-start!important;justify-content:flex-start!important}
  .ag-footer-connect .ag-footer-social{justify-content:flex-start!important;margin-left:0!important;margin-right:auto!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/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/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/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}