/* Homepage-only art direction. Approved service pages do not load this file. */
.home-dimensional .poster-copy{display:grid;grid-template-columns:.85fr 1.15fr;column-gap:20px;text-align:left;padding-bottom:15px}
.home-dimensional .poster-copy>.eyebrow,.home-dimensional .hero-title{grid-column:1/-1;text-align:center}
.home-dimensional .poster-copy>.eyebrow{margin-bottom:18px}
.home-dimensional h1{font-size:clamp(96px,12.2vw,170px);letter-spacing:-.07em;line-height:.92}
.home-dimensional h1 .chosen.growth-heading{font-size:clamp(27px,3.8vw,54px);letter-spacing:-.045em;margin-top:18px;line-height:1.15}
.home-dimensional .poster-lower{grid-column:1;grid-row:3;display:block;align-self:center;margin:0;padding:20px 0 25px 28px}
.home-dimensional .poster-lower p{font-size:19px;max-width:405px;line-height:1.65}
.home-dimensional .poster-lower .actions{margin-top:27px;display:flex;max-width:390px}
.home-dimensional .poster-lower .btn{flex:1;min-width:0;padding:15px 17px}
.home-stage{grid-column:2;grid-row:3;position:relative;height:430px;min-width:0;isolation:isolate}
.home-webgl{position:absolute;inset:0;width:100%;height:calc(100% - 40px);z-index:2;outline:none}
.home-stage-caption{position:absolute;bottom:13px;left:0;right:0;text-align:center;letter-spacing:1.4px;font-size:8px;line-height:1.7}
.home-stage-caption small{display:block;font-size:8px;letter-spacing:.3px;color:#52572d}
.home-fallback{position:absolute;inset:15px 5px 45px;perspective:1000px;transition:opacity .3s}
.has-webgl .home-fallback{visibility:hidden;opacity:0}
.home-fallback-phone{position:absolute;width:33%;left:51%;top:3%;border:7px solid #252b2c;border-radius:24px;overflow:hidden;transform:rotate(9deg);box-shadow:15px 20px 20px #37341433}
.home-fallback-phone img{width:100%;height:auto;display:block}
.home-fallback-search{position:absolute;left:2%;top:22%;width:53%;background:#fffef8;padding:20px;border-radius:10px;box-shadow:0 16px 25px #3b34232b;transform:rotate(-7deg);font-family:Arial,sans-serif}
.home-fallback-search small,.home-fallback-search span{display:block;font-size:9px;margin:8px 0;color:#5c6355}.home-fallback-search strong{font-size:14px;display:block}.home-fallback-search b{font-size:17px;color:#1a36a3}
.home-fallback-chat{position:absolute;bottom:7%;left:15%;background:#fffef8;border-radius:8px;padding:18px 22px;font-size:16px;box-shadow:0 15px 20px #3b342333;transform:rotate(-3deg);display:flex;align-items:center;gap:10px}
.green-light{display:inline-block;width:7px;height:7px;border-radius:50%;background:#188559;flex:none}
/* Five different compositions, rendered as readable HTML and real WebP artwork. */
.service-studio .art-stage,.mobile-art.art-stage{background:#e8e6dc;container-type:inline-size;isolation:isolate}
.service-studio .art-stage{aspect-ratio:1/1.1;margin:18px 12px}
.service-art.home-scene{fill:unset;stroke:unset;pointer-events:none;overflow:hidden;transition:opacity .45s,transform .65s;transform:translateY(12px);background:radial-gradient(ellipse at 50% 40%,#fffdf4 0,#e8e6dc 78%)}
.service-art.home-scene.active{transform:none}
.home-scene .scene-board{position:absolute;inset:0;font-family:Outfit,Arial,sans-serif;font-size:3cqw;perspective:900px;transform-style:preserve-3d}
.scene-paper{background:#fffef8;border:1px solid #252b211a;border-radius:10px;box-shadow:0 2px 3px #21271d0d,7px 18px 22px #21271d24;overflow:hidden}
.scene-disclosure{position:absolute;bottom:3%;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.65px;color:#666d5d}
.scene-note{position:absolute;display:flex;align-items:center;gap:8px;background:#272d24;color:#fffdf4;padding:3.5% 5%;border-radius:5px;font-size:2.2cqw;letter-spacing:1px;box-shadow:5px 8px 15px #24251b26;z-index:5}
.search-browser{position:absolute;left:7%;top:14%;width:86%;transform:rotateY(-9deg) rotateZ(-4deg);animation:home-float 7s ease-in-out infinite}
.browser-top{display:flex;gap:4px;padding:3.5%;background:#f1f1eb;border-bottom:1px solid #e3e4db}.browser-top i{width:5px;height:5px;border-radius:50%;background:#b9bfb1}.browser-top span{font-size:2.1cqw;margin-left:auto;color:#6b7065}.search-brand{font:500 7cqw Arial,sans-serif;color:#4285f4;letter-spacing:-.4cqw;padding:6% 8% 4%}.query-bar{display:flex;align-items:center;justify-content:space-between;border:1px solid #dadfd5;border-radius:22px;margin:0 6%;padding:4%;font:2.7cqw Arial,sans-serif;min-height:11cqw;white-space:nowrap}.typed-query:after{content:'';display:inline-block;width:1px;height:1em;vertical-align:-.1em;background:#252c21;margin-left:2px;animation:home-caret 1s steps(1) infinite}.query-bar b{font-size:5cqw;font-weight:400}.search-ad{padding:7% 8% 10%;animation:home-result 7s ease-in-out infinite}.search-ad small{display:block;font:2cqw Arial,sans-serif}.search-url{display:block;font:2.2cqw Arial,sans-serif;margin:3% 0 5%;color:#596152}.search-ad strong{font:500 4.2cqw Arial,sans-serif;color:#1a3eab}.search-ad p{font:2.6cqw/1.6 Arial,sans-serif;margin:4% 0}.search-sitelinks{font:2.4cqw Arial,sans-serif;color:#1a3eab}.search-note{left:17%;bottom:13%;transform:rotate(-3deg)}
.scene-1.home-scene{background:radial-gradient(ellipse at 40% 35%,#faf3ea,#dddfd3)}
.meta-feed{position:absolute;width:60%;left:9%;top:13%;transform:rotateY(9deg) rotateZ(-7deg);animation:home-float 8s ease-in-out infinite;z-index:2}.feed-top{display:flex;align-items:center;padding:6%;gap:6%;font-size:2.5cqw}.feed-top>b{background:#503229;color:#fff;border-radius:50%;width:6cqw;height:6cqw;display:grid;place-items:center}.feed-top span{font-weight:600}.feed-top small{display:block;font-size:1.9cqw;font-weight:400;color:#65685e}.feed-top i{margin-left:auto;font-style:normal}.meta-feed img{width:100%;height:auto;display:block}.feed-action{display:flex;justify-content:space-between;background:#e5e9e4;padding:5% 6%;font-size:2.7cqw}.feed-icons{font:5cqw Arial,sans-serif;padding:3% 6%}.meta-story{position:absolute;right:7%;top:21%;width:36%;height:59%;background:#51382e;color:#fff4df;padding:6% 4%;transform:rotate(9deg);animation:home-float 9s ease-in-out infinite reverse}.meta-story>span:first-child{font-size:1.9cqw;letter-spacing:.7px}.story-lines{display:flex;gap:3px;margin-top:3cqw}.story-lines i{height:2px;flex:1;background:#ffffff45}.story-lines i:first-child{background:#fff;transform-origin:left;animation:story-progress 5s linear infinite}.meta-story>strong{display:block;font:7.6cqw/1.05 Georgia,serif;margin-top:18%;letter-spacing:-.25cqw}.story-cta{position:absolute;bottom:6%;left:10%;font-size:2cqw}.meta-note{bottom:10%;left:13%;transform:rotate(-3deg)}
.scene-2.home-scene{background:radial-gradient(ellipse at 60% 30%,#f3eee5,#dce2d7)}
.spa-print{position:absolute;left:9%;top:8%;width:67%;transform:rotate(-7deg);animation:home-float 8s ease-in-out infinite}.spa-print img{display:block;width:100%;height:auto}.spa-listing{position:absolute;left:22%;top:52%;width:69%;padding:5%;transform:rotate(5deg);z-index:2}.spa-listing small{font-size:1.8cqw;letter-spacing:.5px}.spa-listing strong{font-size:5cqw;display:block;margin:5% 0 3%;letter-spacing:-.15cqw}.spa-listing>span{font-size:2.4cqw;display:block;color:#697361}.listing-actions{display:flex;gap:5%;margin-top:7%}.listing-actions b{flex:1;text-align:center;font-size:2.6cqw;padding:6%;border-radius:4px;background:#e8eee4;font-weight:500}.listing-actions b:last-child{background:#166b4e;color:white}.spa-message{position:absolute;left:7%;bottom:10%;padding:4% 5%;display:flex;gap:9px;align-items:center;z-index:3;transform:rotate(-4deg);animation:home-message 7s ease-in-out infinite}.spa-message small{display:block;font-size:1.9cqw;letter-spacing:.5px;color:#55715c}.spa-message strong{font-size:3.9cqw;line-height:1.2;font-weight:500;display:block;margin-top:6%}
.scene-3.home-scene{background:radial-gradient(ellipse at 50% 40%,#f3edda,#e1dfcf)}
.campaign-page{position:absolute;left:9%;top:8%;width:72%;padding:7%;transform:rotate(-5deg);background:#fff7d4;animation:home-float 8s ease-in-out infinite}.campaign-page small{font-size:1.8cqw;letter-spacing:.7px}.campaign-year{font-size:7.5cqw;font-weight:700;letter-spacing:-.35cqw;margin:10% 0 7%;border-top:2px solid #293024;padding-top:8%}.campaign-year span{margin:0 4%;font-weight:400}.campaign-page>strong{font-size:5.5cqw;line-height:1.1;letter-spacing:-.15cqw;display:block}.campaign-page p{font-size:2.6cqw;line-height:1.6;max-width:90%;margin:6% 0}.campaign-roles{font-size:1.8cqw;letter-spacing:.5px;padding:6% 0;border-top:1px solid #ccc3a1}.campaign-line{display:flex;gap:5px;height:12cqw;align-items:flex-end;padding-top:5%}.campaign-line i{height:90%;background:#d9d2b3;flex:1}.campaign-line i:nth-child(2n){height:55%}.campaign-line i:nth-child(3n){height:75%}.campaign-proof{position:absolute;right:6%;bottom:10%;width:57%;background:#293027;color:#fffef2;padding:5%;transform:rotate(5deg);animation:home-float 9s ease-in-out infinite reverse}.campaign-proof>small{font-size:1.8cqw;letter-spacing:.5px;color:#ffe126}.campaign-proof>div{margin:7% 0;display:flex;align-items:center;gap:8%}.campaign-proof strong{font-size:6cqw;letter-spacing:-.15cqw}.campaign-proof span{font-size:2.1cqw;line-height:1.3}.campaign-proof p{font-size:1.9cqw;line-height:1.5;color:#c6cdbd;margin:5% 0 0}
.scene-4.home-scene{background:radial-gradient(ellipse at 60% 30%,#f6efe5,#e2ddd0)}
.creative-brief{position:absolute;width:49%;left:6%;top:11%;padding:5%;height:65%;transform:rotate(-8deg);background:#f9f5eb}.creative-brief small{font-size:2cqw;letter-spacing:.5px}.creative-brief strong{font-size:4.5cqw;line-height:1.2;display:block;margin:15% 0 9%}.creative-brief p{font-size:2.8cqw;line-height:1.7;max-width:90%}.creative-brief>span{display:block;font-size:2cqw;border-top:1px solid #d3cebd;padding-top:10%;margin-top:14%}.creative-finish{position:absolute;width:70%;left:24%;top:29%;transform:rotate(6deg);animation:home-float 8s ease-in-out infinite}.creative-finish img{display:block;width:100%;height:auto}.creative-note{left:11%;bottom:9%;transform:rotate(-3deg)}
.service-art:not(.active) *,.art-stage.stopped *,.paused .home-scene *{animation-play-state:paused!important}
.mobile-art .home-scene{opacity:1;transform:none}.mobile-art .home-scene *{animation-play-state:running!important}.mobile-art.stopped .home-scene *,.paused .mobile-art .home-scene *{animation-play-state:paused!important}
@keyframes home-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes home-caret{50%{opacity:0}}
@keyframes home-result{0%,13%{opacity:.15;translate:0 7px}24%,90%{opacity:1;translate:0 0}100%{opacity:.15;translate:0 7px}}
@keyframes home-message{0%,10%{translate:0 7px;opacity:0}20%,90%{translate:0 0;opacity:1}100%{translate:0 7px;opacity:0}}
@keyframes story-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1101px){.service-panel{grid-template-columns:1.25fr 1fr}.service-description{padding-left:15px}.service-description h3{font-size:30px}}
@media(min-width:721px) and (max-width:1100px){.service-studio .art-stage{aspect-ratio:1.15;max-width:490px;width:calc(100% - 24px);margin:auto}.home-stage{height:370px}.home-dimensional .poster-lower{padding-left:0}.home-dimensional .poster-lower p{font-size:16px}.home-dimensional .poster-lower .btn{font-size:12px;padding:13px 10px}.home-dimensional .poster-copy{column-gap:5px}}
@media(max-width:720px){.home-dimensional .poster-copy{display:flex;flex-direction:column;padding-top:26px;padding-bottom:20px}.home-dimensional .poster-copy>.eyebrow,.home-dimensional .hero-title{text-align:left}.home-dimensional h1{font-size:clamp(60px,17vw,100px);letter-spacing:-.065em;line-height:.95}.home-dimensional h1 .chosen.growth-heading{font-size:clamp(29px,8vw,44px);line-height:1.08;margin-top:15px;letter-spacing:-1.3px}.home-dimensional .poster-lower{padding:0;margin-top:0;align-self:stretch}.home-dimensional .poster-lower p{font-size:14px;max-width:100%;padding-right:30px}.home-dimensional .poster-lower .actions{margin-top:20px;max-width:none;margin-right:47px;gap:9px}.home-dimensional .poster-lower .btn{font-size:12px;padding:12px 9px;min-height:47px}.home-stage{height:320px;width:calc(100% + 16px);margin-left:-8px;margin-top:7px;margin-bottom:4px}.home-stage-caption{bottom:7px;font-size:7px;letter-spacing:1px;padding-right:20px}.home-stage-caption small{font-size:7px}.home-fallback-search{padding:12px}.home-fallback-search strong{font-size:10px}.home-fallback-search b{font-size:12px}.home-fallback-search small,.home-fallback-search span{font-size:7px}.home-fallback-phone{border-width:5px;border-radius:17px;top:8%}.home-fallback-chat{font-size:12px;padding:14px;bottom:12%}.mobile-art.art-stage{aspect-ratio:1/1.1;margin:18px 0 24px}.scene-disclosure{font-size:8px}.home-dimensional .poster-top{padding-top:22px}}
@media(prefers-reduced-motion:reduce){.home-scene *{animation:none!important}.search-ad,.spa-message{opacity:1}.service-art.home-scene{transition:none}.typed-query:after{display:none}}
.campaign-page{min-height:77%}.campaign-page>strong{font-size:4.9cqw}.campaign-page p{font-size:2.5cqw;max-width:100%}.campaign-proof{bottom:8%}
.creative-brief{width:66%;top:8%;height:62%}.creative-brief strong{font-size:4.2cqw;margin:8% 0 6%}.creative-brief p{font-size:2.5cqw;margin-top:0}.creative-brief>span{margin-top:7%;padding-top:7%}.creative-finish{width:65%;left:28%;top:36%}.creative-note{bottom:7%}
@media(max-width:720px){.mobile-art.art-stage{width:100%;height:auto;aspect-ratio:1/1.1}}
.home-scene .search-ad{animation:none;transition:opacity .5s,translate .5s}.home-scene.is-typing .search-ad{opacity:.2;translate:0 5px}
.home-scene .scene-board{transform-style:flat}.meta-note{bottom:7%;left:13%;font-size:2cqw}
.meta-story{z-index:3}
