/* October review refinements: preserve the artwork and tune the presentation. */

/* Keep the sky continuous and put one gradient only inside the rounded machine silhouette. */
html.ag body[data-theme=day] .hero-world{position:relative;isolation:isolate;background:none!important}
html.ag body[data-theme=day] .hero-world:before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:radial-gradient(ellipse 80% 95% at 8% 48%,#ffffff 0%,#ffffffea 52%,#fbfdff98 77%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 83%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 83%,transparent 100%)}
html.ag body[data-theme=day] .machine{--machine-gradient:linear-gradient(135deg,#f1f7ff 0%,#e6ecfa 27%,#d9ddf4 53%,#d2c8ef 76%,#c5aae7 100%)}
html.ag body[data-theme=night] .machine{--machine-gradient:linear-gradient(135deg,#303458 0%,#2b2e53 27%,#262849 53%,#211f43 76%,#1b1939 100%)}
html.ag body .machine{background:none!important}
html.ag body[data-theme] .machine :is(.machine-marquee,.machine-cabinet){background:var(--machine-gradient)!important;background-size:100% var(--machine-height,733px)!important;background-repeat:no-repeat!important}
html.ag body[data-theme] .machine .machine-marquee{background-position:0 0!important}
html.ag body[data-theme] .machine .machine-cabinet{background-position:0 calc(2px - var(--marquee-height,170px))!important}
html.ag body .machine-marquee:before{opacity:.48}

/* Quiet details, clear hierarchy. */
html.ag body #abcDetailEyebrow{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-style:italic!important;font-weight:300!important;letter-spacing:-.035em!important}
html.ag body #abcDetailLetter{left:57px!important}
html.ag body[data-theme] #agStatValue span{color:#d997ff!important;-webkit-text-fill-color:#d997ff!important;opacity:1!important}
html.ag body .reel-labels>span:is(:first-child,:last-child) .slot-initial{top:4px!important}
html.ag body #agStatLabel,html.ag body .relationship-copy{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-weight:300!important;letter-spacing:-.025em}
html.ag body #kind-words #quoteStars .star-4 .planet-core{background:repeating-linear-gradient(165deg,#ffffff00 0 8px,#ffffff18 9px 10px,#ffffff00 11px 19px),radial-gradient(circle at 32% 25%,#fff 0 3%,#ffffffb0 11%,var(--planet-color) 38%,var(--planet-dark) 100%)!important}

/* Only the part of a ring behind the sphere is hidden. Its outer arc stays visible. */
html.ag body #kind-words #quoteStars .ring-back{display:block!important;opacity:.7!important}
html.ag body #kind-words #quoteStars .ring-front{clip-path:inset(48% -10% -12% -10%)!important}
html.ag body #kind-words #quoteStars .quote-star[aria-pressed=true]{scale:1!important}
html.ag body #kind-words #quoteStars .quote-star.is-dragging{scale:1!important}
html.ag body #kind-words #quoteStars .quote-star small{position:relative;z-index:6}

/* The search input is a small, familiar field; the filter row has no rule beneath it. */
html.ag body #collection>.explore-search{position:relative;display:flex;align-items:center;width:100%;padding:3px 0!important;background:none!important;border:0!important;border-bottom:0!important;box-shadow:none!important}
html.ag body #collection>.explore-search:before,html.ag body #collection>.explore-search:after,
html.ag body #collection>.filter-row:before,html.ag body #collection>.filter-row:after{content:none!important;display:none!important}
html.ag body #collection .explore-search input{flex:0 1 340px;width:min(340px,48vw);min-height:44px;padding:10px 15px 10px 43px!important;background:#fff!important;border:1px solid #d4c5df!important;border-radius:14px!important;box-shadow:0 4px 14px #49345d0c!important;font-size:14px!important;letter-spacing:0!important;color:#292331!important}
html.ag body #collection .explore-search input::placeholder{color:#776982;opacity:1}
html.ag body #collection .explore-search .search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:1}
html.ag body #collection .explore-search [data-open=ask]{margin-left:auto}
html.ag body #collection>.filter-row{border:0!important;border-bottom:0!important;box-shadow:none!important}
html.ag body #collection .filter-row button{background:var(--control-surface)!important}
html.ag body #collection .filter-row button[aria-pressed=true]{background:var(--control-fill)!important}
/* Small explorer controls use inset highlights only; scrolling rows must not crop outer glows into bars. */
html.ag body[data-theme] #collection :is(.filter-row button,.alt-gallery-tools button,.shortlist-tools button,.explore-search button){box-shadow:inset 0 1px #ffffff29!important}
html.ag body[data-theme] #collection :is(.filter-row button,.alt-gallery-tools button,.shortlist-tools button,.explore-search button)::before,html.ag body[data-theme] #collection :is(.filter-row button,.alt-gallery-tools button,.shortlist-tools button,.explore-search button)::after{content:none!important;display:none!important}
html.ag body[data-theme=day] #numbers .ag-stat-steps button:not([aria-pressed=true]){background:radial-gradient(circle at 1px 1px,#946ab423 1.1px,transparent 1.5px) 0 0/10px 10px,var(--control-surface)!important}
html.ag body[data-theme=day] #numbers .ag-stat-steps button[aria-pressed=true]{background:radial-gradient(circle at 1px 1px,#8c74a506 1px,transparent 1.5px) 0 0/9px 9px,var(--control-fill)!important}
html.ag body[data-theme=night] #numbers .ag-stat-steps button{background:radial-gradient(circle at 1px 1px,#ffffff04 1px,transparent 1.5px) 0 0/9px 9px,var(--control-surface)!important}
html.ag body[data-theme=night] #numbers .ag-stat-steps button[aria-pressed=true]{background:radial-gradient(circle at 1px 1px,#ffffff04 1px,transparent 1.5px) 0 0/9px 9px,var(--control-fill)!important}

/* Three floating balloons, gathered with a tiny bow. */
html.ag .ag-balloons .ag-cat{display:none!important}
html.ag .ag-balloons .ag-strings{display:block!important}
html.ag .ag-strings path{stroke-linecap:round;stroke-linejoin:round;opacity:.52}
html.ag body[data-theme=night] .ag-strings path{opacity:.32}

/* Give descending letters room and widen the lavender shine toward the corner. */
html.ag body[data-theme] .contact-copy h2{padding-bottom:.23em!important;padding-right:.1em!important;margin-bottom:0!important;overflow:visible!important}
html.ag body[data-theme=day] #contact .contact-copy h2{background:linear-gradient(132deg,#292632 0%,#292632 63%,#8a628f 86%,#d997ff 100%)!important}
html.ag body[data-theme=night] #contact .contact-copy h2{background:linear-gradient(132deg,#fff9ff 0%,#fff9ff 62%,#eed9f9 86%,#d997ff 100%)!important}
html.ag body[data-theme=day] #agStatValue{background:linear-gradient(132deg,#292632 0%,#292632 66%,#8a628f 87%,#d997ff 100%)!important}
html.ag body[data-theme=night] #agStatValue{background:linear-gradient(132deg,#fff9ff 0%,#fff9ff 65%,#eed9f9 87%,#d997ff 100%)!important}
html.ag body[data-theme] #contact .contact-copy h2,html.ag body[data-theme] #agStatValue{-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
html.ag body[data-theme] #agStatValue span{background:none!important;color:#d997ff!important;-webkit-text-fill-color:#d997ff!important;opacity:1!important}

/* The moving procurement execution sits upright in the concept reel. */
html.ag body .symbol.art.stampli-motion video{display:block;width:100%;height:calc(100% - 20px);max-width:100%;max-height:100%;object-fit:contain;rotate:0deg!important;transform:none!important;filter:drop-shadow(0 7px 9px #24203824)}

/* Keep the site vertical and let the image nearly fill its card. */
html.ag body #projectList .alt-card[data-client="persnickety planning"] .alt-card-art{display:block;aspect-ratio:.72!important;min-height:0;padding:3px!important;background:#e6c3ec}
html.ag body #projectList .alt-card[data-client="persnickety planning"] .alt-card-art img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:initial!important;filter:none!important}

/* Package art remains fully in frame. */
html.ag body #projectList .popeyes-duo img:nth-child(2){width:86%!important;height:86%!important;justify-self:center;align-self:center}

/* Existing Solful one-pager shown as a sheet; Wagon mark as a letterpress proof with detail lens. */
html.ag body #projectList .solful-paper{display:block;width:83%;height:91%;padding:6px;background:#fff;transform:rotate(-1.5deg);box-shadow:0 2px 2px #25191e19,0 15px 25px #25191e38}
html.ag body #projectList .solful-paper img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;filter:none!important;border-radius:0!important}
html.ag body #projectList .wagon-detail{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:3%;background:#f9f7ed;box-shadow:inset 0 0 0 1px #a7a29855}
html.ag body #projectList .wagon-detail>img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;filter:none!important}
html.ag body #projectList .wagon-detail:after{content:'';position:absolute;right:5%;bottom:8%;width:27%;aspect-ratio:1;border:3px solid #f7f4e9;border-radius:50%;background:#f9f7ed url('media/3e7aaeaf0c4bd0ad2d.jpg') 32% 50%/390% auto no-repeat;box-shadow:0 0 0 1px #77716677,0 7px 14px #302c233d}

/* Less mat around the original motion, brochure and Virtue campaign images. */
html.ag body #projectList :is(.alt-card[data-card="r5-67352ffdce7c"],.alt-card[data-card="r6-cb8dc8d6748f"],.alt-card[data-card="4627a60a036c-1"],.alt-card[data-card="r2-afcefec193c6-1"]) .alt-card-art{padding:2px!important}
html.ag body #projectList :is(.alt-card[data-card="r5-67352ffdce7c"],.alt-card[data-card="r6-cb8dc8d6748f"],.alt-card[data-card="4627a60a036c-1"],.alt-card[data-card="r2-afcefec193c6-1"]) .alt-card-art :is(img,video){width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;filter:none!important}

@media(max-width:750px){html.ag body #abcDetailLetter{left:33px!important}}
@media(max-width:520px){
 html.ag body .reel-labels>span:is(:first-child,:last-child) .slot-initial{top:2px!important}
 html.ag body #abcDetailLetter{left:28px!important}
 html.ag body #collection .explore-search input{flex:1 1 auto;width:100%;min-width:0;font-size:12px!important}
 html.ag body #collection .explore-search [data-open=ask]{flex:none}
 html.ag body #projectList .alt-card[data-client="persnickety planning"] .alt-card-art{aspect-ratio:.78!important}
}

/* Late review: keep the glow inside the orbit and let the entire display type shine. */
html.ag body[data-theme] .client-universe:before{inset:13% 19%!important;filter:blur(18px)!important}
html.ag body[data-theme] #agStatLabel{font-size:clamp(14px,1.35vw,18px)!important;line-height:1.15!important}
html.ag body[data-theme] .ag-balloons{top:18px;margin-bottom:24px}
html.ag body[data-theme] #contact .contact-copy h2{width:max-content;max-width:100%}
html.ag body[data-theme=day] #contact .contact-copy h2{background:linear-gradient(132deg,#292632 0%,#292632 52%,#9e72b2 77%,#d997ff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important}
html.ag body[data-theme=night] #contact .contact-copy h2{background:linear-gradient(132deg,#fff9ff 0%,#fff9ff 52%,#e2b3f8 77%,#d997ff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important}
html.ag body[data-theme=day] #agStatValue{background:linear-gradient(132deg,#292632 0%,#292632 50%,#a36dbb 77%,#d997ff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;padding-bottom:.12em;margin-bottom:-.12em}
html.ag body[data-theme=night] #agStatValue{background:linear-gradient(132deg,#fff9ff 0%,#fff9ff 50%,#e3b7fa 77%,#d997ff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;padding-bottom:.12em;margin-bottom:-.12em}
html.ag body[data-theme] #agStatValue span{color:inherit!important;-webkit-text-fill-color:transparent!important;background:none!important;opacity:1!important}

/* A compact trio opens the gallery; artwork stays complete inside its mat. */
html.ag body #projectList .gallery-feature-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html.ag body #projectList .gallery-feature-trio .alt-card-art{height:250px;aspect-ratio:auto;padding:15px!important}
html.ag body #projectList .popeyes-duo{grid-template-columns:1fr 1fr;align-items:center;justify-items:center}
html.ag body #projectList .popeyes-duo img:nth-child(2){width:86%!important;height:86%!important;object-fit:contain!important;object-position:center center!important;align-self:center!important;justify-self:center!important;transform:none!important}
html.ag body #projectList .alt-card[data-client="persnickety planning"] .alt-card-art{display:flex!important;aspect-ratio:.52!important;height:auto!important;padding:20px!important;background:#e6c3ec}
html.ag body #projectList .alt-card[data-client="persnickety planning"] .alt-card-art img{height:100%!important;width:100%!important;max-height:none!important;object-fit:contain!important;transform:none!important}
html.ag body #projectList .alt-card[data-client="storied studios"] .alt-card-art{display:flex!important;aspect-ratio:.26!important;height:auto!important;padding:22px!important;background:#e4e4d0}
html.ag body #projectList .alt-card[data-client="storied studios"] .alt-card-art img{height:100%!important;width:100%!important;max-height:none!important;object-fit:contain!important;transform:none!important}
html.ag body #projectList .alt-card[data-card="86b1f9e8a43b-1"] .alt-card-art,html.ag body #projectList .alt-card[data-card="r2-62d7faab8c4a-1"] .alt-card-art{padding:24px!important}
html.ag body #projectList .solful-paper{transform:none!important}
html.ag body #projectList .alt-card[data-card="r6-cb8dc8d6748f"] .alt-card-art{padding:20px!important}
html.ag body #projectList .alt-card[data-card="r6-cb8dc8d6748f"] .alt-card-art img{object-fit:contain!important;transform:none!important}
html.ag body #projectList .alt-card[data-client="dwm"] .alt-card-art{padding:0!important}
html.ag body #projectList .alt-card[data-client="dwm"] .alt-card-art img{width:140%!important;height:140%!important;max-width:none!important;max-height:none!important;flex:none;object-fit:contain!important;transform:none!important}
html.ag body #projectList .alt-card[data-card="r6-2bee2e2e0ffc"] .alt-card-art img{filter:none!important}

/* An actual ink impression, made from the supplied Wagon artwork, on a paper surface. */
html.ag body #projectList .wagon-stamp-scene{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:210px;background:repeating-linear-gradient(3deg,#ffffff03 0 2px,#79726005 3px 4px),#e9ddc4;overflow:hidden;border-radius:4px}
html.ag body #projectList .wagon-impression{position:relative;width:96%;height:76%;margin-top:45px;transform:rotate(-4deg)}
html.ag body #projectList .wagon-stamp-tool{position:absolute;top:-15px;right:12px;width:110px;height:76px;transform:rotate(18deg);z-index:2;filter:drop-shadow(3px 8px 5px #34231a44)}
html.ag body #projectList .wagon-stamp-tool b{position:absolute;bottom:0;left:0;width:100%;height:27px;border-radius:4px;background:repeating-linear-gradient(1deg,#8d592e 0 2px,#b6824b 3px 5px,#ca995e 6px 7px);border-bottom:5px solid #3d3024;box-shadow:inset 0 1px #f3cd93}
html.ag body #projectList .wagon-stamp-tool i{position:absolute;bottom:23px;left:36px;width:38px;height:52px;border-radius:45% 45% 10% 10%;background:linear-gradient(90deg,#4a2615,#a56637 32%,#ce9661 50%,#7b4524 72%,#3e2518);box-shadow:inset 0 2px #e8b886}

/* Source-faithful Mars materials and a flat, crisp award seal. */
html.ag body .symbol.brand-symbol img[src$="mars-corporate.svg"]{width:75%;max-height:55%;object-fit:contain;filter:none;transform:none}
html.ag body .mars-concept-set{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100% - 10px);gap:0}
html.ag body .mars-concept-set svg:first-child{width:96%;height:68%}
html.ag body .mars-concept-set svg:last-child{width:94%;height:25%}
html.ag body .addy-badge{width:70px;height:70px;border:0!important;clip-path:polygon(50% 0%,58% 6%,68% 3%,74% 12%,85% 12%,88% 23%,97% 29%,94% 40%,100% 50%,94% 60%,97% 71%,88% 77%,85% 88%,74% 88%,68% 97%,58% 94%,50% 100%,42% 94%,32% 97%,26% 88%,15% 88%,12% 77%,3% 71%,6% 60%,0% 50%,6% 40%,3% 29%,12% 23%,15% 12%,26% 12%,32% 3%,42% 6%);background:#dbb75b!important;box-shadow:none!important;transform:rotate(-8deg)!important;text-align:center}
html.ag body .addy-badge:before{content:'';position:absolute;inset:9px;border:1px solid #775a20;border-radius:50%;pointer-events:none}
html.ag body .addy-badge b{font:800 16px/1 Helvetica,Arial,sans-serif;letter-spacing:-.04em}
html.ag body .addy-badge small{font:700 6px/1.3 Helvetica,Arial,sans-serif;letter-spacing:.06em;max-width:42px;margin:3px auto 0}
html.ag body #track2 .symbol.art.stampli-motion :is(img,video){rotate:0deg!important;transform:none!important;object-fit:contain!important}
@media(max-width:750px){
 html.ag body #projectList .gallery-feature-trio{grid-template-columns:1fr 1fr;gap:10px}
 html.ag body #projectList .gallery-feature-trio .alt-card-art{height:190px}
 html.ag body .addy-badge{width:49px;height:49px}
 html.ag body .addy-badge:before{inset:6px}
 html.ag body .addy-badge b{font-size:11px}
 html.ag body .addy-badge small{font-size:4px;max-width:29px}
 html.ag body[data-theme] .ag-balloons{top:12px;margin-bottom:18px}
}
@media(max-width:520px){html.ag body #projectList .gallery-feature-trio{grid-template-columns:1fr}}

/* Remove the remaining mockup haze at the printed panel edges. */
html.ag body #projectList .alt-card[data-card="r6-2bee2e2e0ffc"] .alt-card-art img{clip-path:polygon(15.7% 5.2%,38% 9.7%,61.8% 9.7%,84.6% 5.1%,86% 91.3%,61.8% 91.3%,38% 90.7%,15.1% 88.3%)}

/* Give each testimonial name clear space below its planet and selection halo. */
html.ag body #kind-words #quoteStars .quote-star{gap:20px!important}
@media(max-width:750px){html.ag body #kind-words #quoteStars .quote-star{gap:14px!important}}

/* A curated illustration project, with complete compositions and room to inspect details. */
html.ag body #alternateGalleryPreview.has-project-set{width:min(1100px,calc(100vw - 34px))}
html.ag body .alt-project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 8px}
html.ag body .alt-project-tags span{padding:5px 12px;border:1px solid #b9a3cd;border-radius:30px;font-size:12px;color:#705082;background:#ece3f580}
html.ag body .alt-project-set{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}
html.ag body .alt-project-set :is(.alt-project-hero,.alt-project-set-heading,.is-expanded){grid-column:1/-1}
html.ag body .alt-project-set-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:10px 0 0}
html.ag body .alt-project-set-heading h3{font-size:22px;letter-spacing:-.035em;margin:0;font-weight:600}
html.ag body .alt-project-set-heading>span{font-size:12px;color:#776486}
html.ag body .alt-illustration-expand{display:block;width:100%;padding:0;margin:0;border:0;border-radius:10px;background:#fff;overflow:hidden;cursor:zoom-in;box-shadow:none;transform:none}
html.ag body .alt-illustration-expand[aria-expanded="true"]{cursor:zoom-out}
html.ag body .alt-illustration-expand:focus-visible{outline:3px solid #985cc5;outline-offset:4px}
html.ag body .alt-project-set img{max-height:none;background:#fff;aspect-ratio:16/9;object-fit:contain}
html.ag body .alt-project-set .is-expanded img{max-height:72dvh;aspect-ratio:auto}
html.ag body .alt-project-set figcaption{font-size:12px;margin-top:10px}
html.ag body #projectList .alt-card[data-card="blue-yonder-illustration-set"] .alt-card-art{padding:14px!important}
html.ag body #projectList .alt-card[data-card="blue-yonder-illustration-set"] .alt-card-art img{object-fit:contain!important;transform:none!important;filter:none!important}
html.ag body[data-theme="night"] #alternateGalleryPreview.has-project-set{background:#1b1c32;color:#f8f3ff}
html.ag body[data-theme="night"] #alternateGalleryPreview.has-project-set .alt-preview-toolbar{color:#292332}
html.ag body[data-theme="night"] #alternateGalleryPreview.has-project-set .alt-preview-intro>span{color:#d5a4ed}
html.ag body[data-theme="night"] #alternateGalleryPreview.has-project-set :is(.alt-preview-intro p,.alt-project-set-heading>span,figcaption){color:#c6bdd5}
html.ag body[data-theme="night"] #alternateGalleryPreview.has-project-set .alt-project-tags span{color:#ddc6f1;border-color:#725780;background:#342c47}
@media(max-width:650px){
 html.ag body #alternateGalleryPreview.has-project-set{width:calc(100vw - 20px);border-radius:18px}
 html.ag body #alternateGalleryPreview.has-project-set .alt-preview-intro{padding:24px 20px 6px}
 html.ag body #alternateGalleryPreview.has-project-set .alt-preview-intro h2{font-size:32px;line-height:1.08}
 html.ag body .alt-project-set{grid-template-columns:1fr;padding:14px 20px 26px;gap:24px}
 html.ag body .alt-project-set-heading h3{font-size:21px}
}

html.ag body .alt-zoom-note{display:none}
html.ag body #projectList :is(.alt-card[data-card="gallery-24eb22c05a4b"],.alt-card[data-card="gallery-070f827b9911"]) .alt-card-art{height:250px;aspect-ratio:auto;padding:15px!important}
html.ag body #projectList .alt-card[data-card="r5-3299602b9901"] .alt-card-art{height:auto;aspect-ratio:4/5;padding:15px!important}
html.ag body #projectList .alt-card[data-card="r5-3299602b9901"] .alt-card-art :is(img,video){max-height:none!important;object-fit:contain!important}
html.ag body #projectList .gallery-opening{display:grid;grid-template-columns:minmax(0,calc((100% - 38px) * 2 / 3 + 19px)) minmax(0,1fr);gap:19px;margin-bottom:19px;align-items:start}
html.ag body #projectList :is(.gallery-opening-left,.gallery-right-stack){display:flex;flex-direction:column;gap:19px;min-width:0}
html.ag body #projectList .gallery-opening-pair{display:grid;grid-template-columns:repeat(var(--pair-count),minmax(0,1fr));gap:19px;align-items:start}
html.ag body #projectList .gallery-solful-wide .alt-card-art{height:250px;padding:24px!important}
html.ag body #projectList .gallery-solful-wide .alt-card-art img{max-height:none!important;transform:none!important}
html.ag body #projectList .gallery-detail-layout{display:grid;grid-template-columns:minmax(0,calc((100% - 38px) / 3)) minmax(0,1fr);gap:19px;align-items:start}
html.ag body #projectList .gallery-right-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;align-items:start}
@media(max-width:750px){
 html.ag body #projectList :is(.alt-card[data-card="gallery-24eb22c05a4b"],.alt-card[data-card="gallery-070f827b9911"]) .alt-card-art{height:190px}
 html.ag body #themeToggle :is(#themeLabel,.theme-switch){display:none}
 html.ag body #themeToggle{width:44px;height:44px;padding:0!important;gap:0;justify-content:center;border-radius:50%;transform:none!important}
}
@media(max-width:650px){
 html.ag body .alt-project-set .is-expanded .alt-illustration-expand{overflow-x:auto;overscroll-behavior-x:contain}
 html.ag body .alt-project-set .is-expanded img{width:200%;max-width:none;max-height:none;aspect-ratio:16/9}
 html.ag body .alt-project-set .is-expanded .alt-zoom-note{display:block;margin-top:6px;color:#9473a8;font-size:11px}
}

/* Local art direction tools: the approved composition remains the starting layout. */
html.ag body .gallery-layout-panel{padding:14px 16px;margin:8px 0 14px;border:1px solid #b992d066;border-radius:16px;background:#ece1f5;color:#30283a}
html.ag body[data-theme=night] .gallery-layout-panel{background:#25233e;color:#f4eafa}
html.ag body .gallery-layout-panel[hidden]{display:none!important}
.gallery-layout-panel p{margin:0 0 10px;font-size:12px;display:flex;flex-wrap:wrap;gap:8px 20px}
.gallery-layout-panel p span{opacity:.7}.layout-fields{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.layout-fields label{display:flex;flex-direction:column;gap:4px;font-size:11px}
.layout-fields input{width:78px;padding:6px 8px;border:1px solid #9974b46b;border-radius:7px;background:#fff;color:#30283a;font:13px Helvetica,Arial,sans-serif}
.layout-fields fieldset{display:flex;gap:8px;margin:0;padding:0;border:0}.layout-fields legend{font-size:11px;margin-bottom:5px}
.layout-actions{display:flex;gap:16px;margin-top:10px;font-size:11px}.layout-actions button{padding:5px 0}
html.ag body #projectList .gallery-layout-canvas{position:relative;width:calc(100% - 13px);min-height:200px}
html.ag body #projectList .gallery-layout-canvas .layout-card{position:absolute;margin:0!important;min-width:0;overflow:visible!important}
html.ag body #projectList .gallery-layout-canvas .layout-card .alt-card-open{width:100%;height:100%;display:block}
html.ag body #projectList .gallery-layout-canvas .layout-card .alt-card-art{width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:0!important;overflow:hidden}
html.ag body #projectList .layout-drag,html.ag body #projectList .layout-resize{display:none}
html.ag body #projectList.is-arranging .layout-drag,html.ag body #projectList.is-arranging .layout-resize{display:grid;place-items:center;position:absolute;z-index:10;width:32px;height:32px;border:1px solid #fff9;border-radius:8px;background:#684182;color:white;font-size:23px;padding:0;touch-action:none}
html.ag body #projectList .layout-drag{top:8px;left:8px;cursor:grab}
html.ag body #projectList .layout-resize{right:4px;bottom:4px;cursor:nwse-resize}
html.ag body #projectList.is-arranging .layout-selected{outline:2px solid #b67fe0;outline-offset:3px}
html.ag body #projectList .layout-moving{z-index:20;opacity:.88;box-shadow:0 15px 30px #25163044}
html.ag body #projectList .has-custom-margins .alt-card-art :is(img,video){max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important}
@media(max-width:750px){.layout-fields{gap:8px}.layout-fields input{width:54px}.layout-fields fieldset{gap:5px}.gallery-layout-panel p{line-height:1.4}}

/* Source artwork stays upright through every stage of a spin. */
html.ag body #track2 .symbol.art>img,html.ag body #track2 .symbol.art.stampli-motion :is(img,video){rotate:0deg!important;transform:none!important}
html.ag body .mars-concept-set{position:relative;display:block;width:100%;height:85%;overflow:visible}
html.ag body .mars-concept-set svg:first-child{position:absolute;left:0;top:0;width:98%;height:91%}
html.ag body .mars-concept-set svg:last-child{position:absolute;left:2%;top:66%;width:97%;height:30%;transform:rotate(-8deg);filter:drop-shadow(0 3px 3px #1b163044)}
html.ag body .addy-badge{width:78px;height:93px;clip-path:none!important;background:none!important;border-radius:0!important;transform:rotate(-12deg)!important;right:12px;top:10px;display:block}
html.ag body .addy-badge:before{content:none!important}
html.ag body .addy-badge svg{width:100%;height:100%;overflow:visible}
@media(max-width:750px){html.ag body .addy-badge{width:51px;height:61px;right:8px;top:8px}}

/* The opaque sphere occludes the far arc; the near arc passes in front. */
html.ag body #kind-words #quoteStars .planet-core{background-color:var(--planet-color)!important;isolation:isolate}
html.ag body #kind-words #quoteStars .ring-back{z-index:1!important;clip-path:inset(-12% -12% 48% -12%)!important;mask-image:radial-gradient(circle var(--planet-radius,28px) at 50% 50%,transparent 98%,#000 100%);-webkit-mask-image:radial-gradient(circle var(--planet-radius,28px) at 50% 50%,transparent 98%,#000 100%)}
html.ag body #kind-words #quoteStars .ring-front{z-index:3!important;clip-path:inset(49% -12% -12% -12%)!important}
html.ag body #collection>.gallery-layout-panel{grid-column:1/-1;width:100%;min-width:0}
html.ag body #projectList .gallery-layout-canvas{width:100%}
html.ag body #collection:has(#projectList.is-arranging)>.shortlist-tools,html.ag body #collection:has(#projectList.is-arranging)>.color-row{grid-column:1/-1}
html.ag body #collection:has(#projectList.is-arranging)>.shortlist-tools{flex-wrap:wrap;justify-content:flex-start}
html.ag body #collection:has(#projectList.is-arranging) #alternateGalleryMessage{flex-basis:100%;font-size:11px;line-height:1.4}
@media(min-width:1001px){
 html.ag body #collection:has(#projectList.is-arranging){grid-template-areas:'search filters' 'colors colors' 'tools tools' 'editor editor' 'count count' 'projects projects'!important}
 html.ag body #collection:has(#projectList.is-arranging)>.gallery-layout-panel{grid-area:editor!important}
 html.ag body #collection:has(#projectList.is-arranging)>.shortlist-tools{grid-area:tools!important;justify-self:stretch!important}
 html.ag body #collection:has(#projectList.is-arranging)>.color-row{width:100%!important}
}
html.ag body #projectList.is-arranging .gallery-solful-wide .alt-card-art{padding:24px!important}
html.ag body #collection:has(#projectList.is-arranging) :is(.gallery-edit-note,#alternateGalleryMessage){display:none!important}
html.ag body #collection:has(#projectList.is-arranging)>.shortlist-tools{margin:8px 0!important;gap:8px!important}

/* Local comparison of the selected physical scene mockups. */
html.ag body #track2 .symbol.art.scene-art{padding:0!important;overflow:hidden}
html.ag body #track2 .symbol.art.scene-art>img.concept-scene{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center;filter:none!important;rotate:0deg!important;transform:none!important}
@media(max-width:750px){
 html.ag body #track2 .symbol.art.scene-art{background:#ede6df;container-type:inline-size}
 html.ag body #track2 .symbol.art.scene-art>img.concept-scene{object-fit:contain!important}
}

/* The poster award belongs to the project, with the scene unobstructed. */
html.ag body #result .award-nameplate{
 position:relative;display:block;flex:none;width:max-content;max-width:100%;
 padding:8px 22px;border:1px solid #805232;border-radius:4px;
 background:linear-gradient(145deg,#e7c6a3 0%,#c89569 42%,#ae754e 70%,#d5ad86 100%);
 box-shadow:inset 0 1px 0 #fff5,0 2px 4px #20112333;
 color:#382318;font:600 11px/1.25 Helvetica,Arial,sans-serif;
 letter-spacing:-.025em;white-space:normal;text-align:center;text-transform:none!important;
}
html.ag body #result .award-nameplate:before,html.ag body #result .award-nameplate:after{
 content:'';position:absolute;top:50%;width:3px;height:3px;margin-top:-1.5px;
 border-radius:50%;background:#795035;box-shadow:0 1px 0 #f0c99b;
}
html.ag body #result .award-nameplate:before{left:8px}
html.ag body #result .award-nameplate:after{right:8px}
@media(max-width:750px){html.ag body #result .award-nameplate{font-size:9px;padding:8px 18px}}

html.ag body .machine-bottom #result.machine-project:has(.award-nameplate){flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px}

/* Let the original animation fill the concept reel edge to edge. */
html.ag body #track2 .symbol.art.stampli-scene-art{padding:0!important;overflow:hidden;background:#445ba4}
html.ag body #track2 .symbol.art.stampli-motion>:is(.stampli-full-bleed,.virtue-full-bleed){display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:50% 90%;filter:none!important;rotate:0deg!important;transform:none!important;border:0;border-radius:0}

html.ag body #track2 .symbol.art.stampli-motion>.virtue-full-bleed{object-position:50% 50%;transform:scale(1.12)!important;transform-origin:50% 0}

/* Client-group clicks send a small star across the local orbit sky. */
html.ag body .client-star-layer{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;--client-star-core:#8852bf;--client-star-glow:#b187e8}
html.ag body[data-theme=night] .client-star-layer{--client-star-core:#fff4ff;--client-star-glow:#d8a7ff}
html.ag body .client-shooting-star{position:absolute;display:block;width:clamp(70px,10vw,150px);height:2px;opacity:0;border-radius:999px;transform-origin:left center;background:linear-gradient(90deg,var(--client-star-core),var(--client-star-glow) 25%,transparent);filter:drop-shadow(0 0 4px var(--client-star-glow));pointer-events:none}
html.ag body .client-shooting-star:before{content:'';position:absolute;left:0;top:50%;width:9px;height:9px;background:var(--client-star-core);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);transform:translate(-50%,-50%)}

/* The settled concept reel opens the same case study as its caption button. */
html.ag body #track2 button.symbol.art{width:100%;appearance:none;cursor:pointer}
html.ag body #track2 button.symbol.art:focus-visible{outline:3px solid #c28af0;outline-offset:-5px}
/* The selected contact line stays together at the existing column width. */
html.ag body #contact .contact-copy h2{font-size:clamp(44px,4.2vw,64px)!important;line-height:1.06!important;letter-spacing:-.055em!important}

/* Optical balance between the serif italics and Helvetica section headlines. */
html.ag body :is(.section-heading h2,.numbers-heading h2,.contact-copy h2,.manifesto-center h2,.marquee-copy h2) em{font-size:1.16em!important}

/* Clip gallery artwork to the same gentle radius as its tile. */
html.ag body #projectList .alt-card{border-radius:12px!important}
html.ag body #projectList .alt-card-open{border-radius:inherit!important;overflow:hidden!important}
html.ag body #projectList .alt-card-art{border-radius:inherit!important}
/* Enlarge only the Solful product arrangement; keep the saved tile dimensions. */
html.ag body #projectList .solful-products{position:relative;display:block;width:100%;height:100%;isolation:isolate;transform:scale(1.14)}
html.ag body #projectList .solful-products img{position:relative;z-index:1;display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;transform:none!important;filter:none!important}
html.ag body #projectList .solful-product-shadow{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}

/* IvyPresto Light Italic, optically balanced with the Helvetica headlines. */
html.ag body :is(.machine-marquee,.section-heading,.numbers-heading,.manifesto-center,.contact-copy) h2 em{font-family:"ivypresto-display",'Bodoni 72',Didot,Georgia,serif!important;font-style:italic!important;font-weight:300!important;font-size:1em!important;letter-spacing:-.04em!important}

/* Give the numbered captions the same quiet color as the testimonial intro. */
html.ag body[data-theme=night] :is(#agStatLabel,.relationship-copy){color:#c9b5d8!important;opacity:1}
html.ag body[data-theme=day] :is(#agStatLabel,.relationship-copy){color:var(--abc-muted)!important;opacity:1}

/* A tidy gallery finish, with artwork fitted inside the balanced tiles. */
html.ag body #projectList .alt-card.gallery-balanced-card .alt-card-art{height:var(--balanced-art-height)!important;aspect-ratio:auto!important;min-height:0!important}