/* Three live glass surfaces. These styles belong to the hero only. */
#home.hero-service-hero{display:grid;grid-template-columns:44% minmax(0,1fr);gap:4%;align-items:center;height:calc(100svh - 120px);min-height:680px;max-height:1040px;padding:38px 5% 54px;background:radial-gradient(ellipse at 73% 68%,#342a1b1c,transparent 58%),#09090c;overflow:hidden}
#home.hero-service-hero .hero-intro{position:relative;width:100%;pointer-events:auto;z-index:3}
#home.hero-service-hero h1{font-size:clamp(42px,4.5vw,78px);max-width:none;letter-spacing:-.055em}
#home.hero-service-hero .turn-prefix{max-width:none}
#home.hero-service-hero .hero-offer{font-size:18px;line-height:1.65;max-width:500px;margin-top:32px}
#home .hero-services{position:relative;width:100%;height:580px;max-width:900px;justify-self:center;isolation:isolate;--detail-shift:105px;pointer-events:none}
#home .hero-services-deck{position:absolute;inset:0;perspective:1400px;transform-style:preserve-3d;z-index:2;pointer-events:none}
#home .hero-services-orbit{position:absolute;inset:0 7% 0 7%;border:1px solid #e9c63559;border-radius:50%;transform:rotate(-26deg);pointer-events:none;transition:transform .7s ease,opacity .5s;opacity:.8}
#home .hero-services-orbit:after{content:'';position:absolute;inset:9%;border:1px solid #dfc1400c;border-radius:50%}
#home .hero-services-orbit>i{position:absolute;left:6.8%;top:24%;width:5px;height:5px;border-radius:50%;background:#f2d037;box-shadow:0 0 9px 2px #f2d03799,0 0 30px 5px #edc83033}
#home .hero-services.has-active .hero-services-orbit{opacity:.3;transform:translateX(-55px) rotate(-34deg) scale(.94)}
#home .hero-service-card{--card-x:0px;--card-y:0px;--card-z:0px;--card-rx:7deg;--card-ry:-18deg;--card-rz:-9deg;--card-scale:1;position:absolute;left:50%;top:50%;width:min(65%,430px);aspect-ratio:1.85;padding:0;border:1px solid #ffffff70;border-radius:17px;overflow:hidden;text-align:left;color:#f6f3f7;background:linear-gradient(140deg,#ffffff15,#070708a6 42%,#ffffff0d);box-shadow:inset 0 1px 1px #ffffff6b,inset 0 -1px 1px #ffffff20,0 20px 50px #0008;cursor:pointer;transform-style:preserve-3d;transform:translate3d(calc(-50% + var(--card-x)),calc(-50% + var(--card-y)),var(--card-z)) rotateX(var(--card-rx)) rotateY(var(--card-ry)) rotateZ(var(--card-rz)) scale(var(--card-scale));transition:transform .75s cubic-bezier(.22,.78,.19,1),opacity .45s,border-color .4s,box-shadow .5s;will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline-offset:6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#home .hero-service-card:before{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff1,transparent 30%,transparent 75%,#fff1);box-shadow:inset 0 0 0 1px #ffffff12}
#home .hero-service-card{pointer-events:auto}
#home .hero-card-creative{--card-x:8px;--card-y:-172px;--card-z:-35px;z-index:1}
#home .hero-card-acquisition{--card-x:-15px;--card-y:0px;--card-z:15px;z-index:2}
#home .hero-card-media{--card-x:2px;--card-y:172px;--card-z:-15px;z-index:3}
#home .hero-service-card:hover,#home .hero-service-card:focus-visible{border-color:#f1d869;box-shadow:inset 0 1px 1px #ffeda6aa,0 0 22px #f0ce361c,0 24px 50px #0008}
#home .hero-service-card:focus-visible{outline:2px solid #f0ce36}
#home .hero-card-art{display:block;position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:radial-gradient(ellipse at 75% 35%,#ffffff15,transparent 60%)}
#home .hero-card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070708b8,transparent 55%),linear-gradient(0deg,#060607c9,transparent 77%);pointer-events:none}
#home .hero-card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:59% 50%;opacity:.93;transform:scale(1.05);transition:transform .8s cubic-bezier(.22,.78,.19,1),opacity .5s;pointer-events:none;user-select:none}
#home .hero-card-copy{position:absolute;left:24px;right:25px;bottom:22px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:2;pointer-events:none;text-shadow:0 2px 12px #0008}
#home .hero-card-copy svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:2px}
#home .hero-services:not(.has-active) .hero-card-creative .hero-card-copy{bottom:58px}
#home .hero-card-name{font:500 italic 27px/1.08 'DM Sans',sans-serif;letter-spacing:-.8px}
#home .hero-card-subtitle{font-size:14px;line-height:1.45;letter-spacing:0;color:#d1cbd2;max-width:100%}
#home .hero-card-open{position:absolute;right:16px;top:14px;width:26px;height:26px;display:grid;place-items:center;border:1px solid #ffffff2e;border-radius:50%;font-size:17px;line-height:1;color:#eee4ee;background:#1111145c;z-index:4;pointer-events:none}
#home .hero-services.has-active .hero-service-card{--card-x:calc(var(--detail-shift) * -1.05);--card-z:-125px;--card-scale:.88;--card-rx:9deg;--card-ry:-22deg;--card-rz:-11deg;opacity:.27}
#home .hero-services.has-active .hero-service-card[data-slot='back-top']{--card-y:-185px;z-index:1}
#home .hero-services.has-active .hero-service-card[data-slot='back-bottom']{--card-y:185px;z-index:1}
#home .hero-services.has-active .hero-service-card[data-slot='front']{--card-x:calc(var(--detail-shift) * -1);--card-y:0px;--card-z:90px;--card-rx:4deg;--card-ry:-14deg;--card-rz:-7deg;--card-scale:.98;opacity:1;border-color:#ffe374;box-shadow:inset 0 0 0 1px #ffdd6390,inset 0 2px 5px #fff4,0 0 14px #f0ce3655,0 0 45px #efca3026,0 30px 65px #0008;z-index:4}
#home .hero-service-card[data-slot='front'] .hero-card-copy svg{color:#f3d64a}
#home .hero-service-card[data-slot='front'] .hero-card-art img{transform:scale(1.1) translateX(2%);opacity:1}
#home .hero-service-card[data-slot='front'] .hero-card-open{border-color:#f0ce3677;color:#f3d64a;background:#16130bc9}
#home .hero-services-details{position:absolute;right:0;top:50%;width:31%;transform:translateY(-50%);z-index:5;pointer-events:auto}
#home .hero-service-detail[hidden]{display:none!important}
#home .hero-service-detail h2{font:500 27px/1.12 'DM Sans',sans-serif;letter-spacing:-.9px;margin:0 0 28px;color:#f5f1f5}
#home .hero-service-detail ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
#home .hero-service-detail li{position:relative;padding-left:23px;font-size:15px;line-height:1.5;color:#c9c1ce}
#home .hero-service-detail li:before{content:'↗';position:absolute;left:0;top:0;color:#f0ce36;font-size:17px;line-height:1.3}
#home .hero-service-contact{display:inline-flex;align-items:center;gap:24px;font-size:15px;color:#f3d646;text-decoration:none;margin-top:29px;padding:12px 0 7px;border-top:1px solid #c2adc139;white-space:nowrap}
#home .hero-service-contact:hover{color:#fff}
@media(min-width:1600px){
 #home.hero-service-hero{padding-left:max(5%,calc((100vw - 1600px)/2));padding-right:max(5%,calc((100vw - 1600px)/2))}
 #home .hero-services{height:660px;--detail-shift:140px}
 #home .hero-service-card{width:min(65%,470px)}
 #home .hero-card-creative{--card-y:-200px}#home .hero-card-media{--card-y:200px}
 #home .hero-services.has-active .hero-service-card[data-slot='back-top']{--card-y:-210px}#home .hero-services.has-active .hero-service-card[data-slot='back-bottom']{--card-y:210px}
 #home .hero-card-name{font-size:31px}#home .hero-card-subtitle{font-size:16px}
 #home .hero-service-detail h2{font-size:32px}#home .hero-service-detail li{font-size:17px}
}
@media(min-width:701px) and (max-width:1100px){
 #home.hero-service-hero{grid-template-columns:40% minmax(0,1fr);gap:3%;padding-left:4.5%;padding-right:4.5%}
 #home.hero-service-hero h1{font-size:clamp(36px,4vw,45px)}
 #home.hero-service-hero .hero-offer{font-size:16px}
 #home .hero-services{height:540px;--detail-shift:85px}
 #home .hero-service-card{width:65%;border-radius:14px}
 #home .hero-card-creative{--card-y:-153px}#home .hero-card-media{--card-y:153px}
 #home .hero-card-copy{left:18px;bottom:17px;right:20px;gap:5px}#home .hero-card-copy svg{width:23px;height:23px}#home .hero-card-name{font-size:24px}
 #home .hero-card-subtitle{font-size:14px}
 #home .hero-services-details{width:32%}#home .hero-service-detail h2{font-size:23px;margin-bottom:23px}#home .hero-service-detail ul{gap:14px}#home .hero-service-detail li{font-size:14px;padding-left:20px}
 #home .hero-services.has-active .hero-service-card[data-slot='back-top']{--card-y:-170px}#home .hero-services.has-active .hero-service-card[data-slot='back-bottom']{--card-y:170px}
 #home .hero-service-contact{font-size:14px;gap:14px}
}
@media(max-width:700px){
 #home.hero-service-hero{display:block;height:auto;min-height:0;max-height:none;padding:40px 6% 60px}
 #home.hero-service-hero h1{font-size:clamp(30px,8.8vw,46px);line-height:1.08}
 #home.hero-service-hero .hero-offer{font-size:16px;line-height:1.6;margin-top:23px;max-width:360px}
 #home .hero-services{width:100%;height:480px;max-width:480px;margin:30px auto 0;transition:height .65s cubic-bezier(.22,.78,.19,1);--detail-shift:0px}
 #home .hero-service-card{top:240px;width:calc(100% - 14px);max-width:340px;--card-rx:6deg;--card-ry:-14deg;--card-rz:-7deg;border-radius:14px;backdrop-filter:none;-webkit-backdrop-filter:none}
 #home .hero-card-creative{--card-y:-133px;--card-x:5px}#home .hero-card-acquisition{--card-x:-5px}#home .hero-card-media{--card-y:133px;--card-x:4px}
 #home .hero-card-copy{left:19px;right:20px;bottom:18px;gap:5px}#home .hero-card-name{font-size:25px}#home .hero-card-subtitle{font-size:14px;max-width:100%}#home .hero-card-copy svg{width:24px;height:24px}
 #home .hero-card-open{width:25px;height:25px;right:13px;top:12px}
 #home .hero-services-orbit{inset:0 -6%;transform:rotate(-21deg)}
 #home .hero-services.has-active{height:710px}
 #home .hero-services.has-active .hero-service-card{--card-x:0px;--card-ry:-15deg;--card-rz:-8deg;--card-z:-125px;--card-scale:.91}
 #home .hero-services.has-active .hero-service-card[data-slot='back-top']{--card-y:-160px}
 #home .hero-services.has-active .hero-service-card[data-slot='back-bottom']{--card-y:80px}
 #home .hero-services.has-active .hero-service-card[data-slot='front']{--card-x:0px;--card-y:-48px;--card-z:70px;--card-rx:3deg;--card-ry:-10deg;--card-rz:-5deg;--card-scale:1}
 #home .hero-services.has-active .hero-services-orbit{transform:rotate(-28deg) scale(.9);opacity:.23}
 #home .hero-services-details{left:7px;right:7px;top:426px;width:auto;transform:none}
 #home .hero-service-detail h2{font-size:28px;line-height:1.1;letter-spacing:-1px;max-width:300px;margin-bottom:22px}
 #home .hero-service-detail ul{gap:13px}#home .hero-service-detail li{font-size:16px;padding-left:25px}
 #home .hero-service-contact{font-size:16px;margin-top:23px;gap:28px}
}
@media(prefers-reduced-motion:reduce){
 #home .hero-service-card,#home .hero-card-art img,#home .hero-services-orbit,#home .hero-services{transition:none!important;will-change:auto}
}
@media(max-width:360px){
 #home .hero-services:not(.has-active) .hero-card-creative .hero-card-copy{bottom:40px}
 #home .hero-card-name{font-size:24px}
}