/* Review 04: placement refinements, balanced founders, finished format studies. */
.hero-copy{translate:0 30px}
@media(min-width:901px){.hero-copy{position:absolute;top:41%;left:48px;translate:0 -50%}}
@media(min-width:901px) and (max-width:1100px){.hero-copy{left:36px}}
.hero-art.original-hand{mix-blend-mode:normal;mask-image:linear-gradient(#000 0%,#000 90%,transparent 100%)}
.hero .hand-rigid-layer{top:calc(54% + 112px);z-index:2;mix-blend-mode:normal}
.hero-art.original-hand .service-orbit{z-index:1}
.metrics-section>.tile-field{inset:125px 0 -160px;overflow:hidden;mask-image:linear-gradient(transparent,#000 20%,#000 74%,transparent)}
.founder-duo{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.founder-duo>.founder-card{min-width:0;height:100%;min-height:286px}
.founder-info h3{white-space:nowrap}

/* Crisp construction, shallow perspective, controlled light. */
.offline .offline-scene{background:radial-gradient(ellipse at 52% 48%,#94512224,transparent 64%)}
.scene-floor{opacity:.3;bottom:37px;mask-image:radial-gradient(ellipse,#000,transparent 67%)}
.format-scene:before{content:'';position:absolute;bottom:80px;left:20%;width:65%;height:32px;border-radius:50%;background:#000;filter:blur(17px);opacity:.7}
.billboard-model{width:438px;height:354px;transform:perspective(1500px) rotateY(-11deg) rotateZ(-2deg)}
.billboard-face{height:272px;padding:31px 32px;border:6px solid #282522;border-radius:6px;background:radial-gradient(ellipse at 0 0,#ffb36a66,transparent 63%),linear-gradient(135deg,#f97222,#e24a04 67%,#b93600);box-shadow:0 0 0 1px #ad927666,1px -1px 0 2px #e8c9a532,9px 5px 0 #13110f,10px 5px 0 1px #72543b,0 28px 45px #0007,inset 0 0 25px #ffab6129}
.billboard-face:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(110deg,transparent 32%,#fff7eb16 32.2%,transparent 56%);pointer-events:none}
.billboard-face:after{content:'';position:absolute;inset:7px;border:1px solid #ffe2bd19;border-radius:1px;pointer-events:none}
.billboard-face>img{width:67px}.billboard-face strong{font-size:49px;line-height:.99;letter-spacing:-.045em;margin-top:29px;max-width:270px;text-shadow:0 1px #aa420222}
.billboard-face small{font-size:8px;letter-spacing:.025em;margin-top:21px;color:#ffe4cf}
.billboard-face>i{border:0;border-radius:0;width:143px;height:215px;right:-29px;top:21px;transform:rotate(-17deg);display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:63px;gap:7px}
.billboard-face>i b{background:linear-gradient(130deg,#ffd1a73d,#ff9f4a0d);border:1px solid #ffe4be5c;border-radius:10px;box-shadow:inset 0 1px #ffe1c62b}
.billboard-face>i b:nth-child(3){background:#ffc18061}.billboard-leg{top:272px;width:12px;height:70px;background:linear-gradient(90deg,#302b25,#887360 36%,#352b23 48%,#161310);box-shadow:4px 3px 0 #100e0c}
.billboard-leg:before{content:'';position:absolute;width:21px;height:6px;left:-4px;top:2px;background:linear-gradient(#aa8b6b,#3e3124)}
.billboard-leg:after{height:5px;background:linear-gradient(#76634f,#241d16);box-shadow:0 3px 0 #17110b}
.billboard-leg.leg-a{left:83px}.billboard-leg.leg-b{right:79px}
.cinema-model{width:438px;height:340px}.cinema-screen{top:4px;left:14px;right:14px;height:228px;border:5px solid #25211f;border-radius:8px;background:radial-gradient(ellipse at 20% 20%,#a54517,#36170d 60%,#100e0d);box-shadow:0 0 0 1px #8f6c4f66,0 0 54px #e8500224,inset 0 0 35px #f36e0620;padding:29px 32px}
.cinema-screen:after{content:'';position:absolute;inset:10px;border:1px solid #f4b58217;border-radius:2px;pointer-events:none}.cinema-screen strong{font-size:45px;font-weight:600;letter-spacing:-.035em}.cinema-screen i{border:1px solid #e8a57260;width:56px;height:56px;border-radius:50%;font-size:18px;display:grid;place-items:center;right:36px;top:83px;padding-left:3px;background:#f7791320;box-shadow:0 0 40px #f885141a}
.cinema-seats{left:15px;right:15px;bottom:0;gap:17px 18px;grid-template-columns:repeat(6,1fr)}.cinema-seats i{border:1px solid #8b4c2c57;background:linear-gradient(120deg,#68351f,#311d13 42%,#201510);box-shadow:inset 0 2px 2px #cc8c5138,2px 7px 0 #100c09,0 12px 13px #0008;position:relative}.cinema-seats i:after{content:'';position:absolute;bottom:5px;left:5px;right:5px;height:4px;background:#110d0b;border-radius:5px}
.event-model{width:420px;height:340px}.event-back{border-radius:3px;background:radial-gradient(ellipse at 0 0,#f398463b,transparent),linear-gradient(125deg,#f46e1d,#c33a00);border:1px solid #f8b07877;box-shadow:6px 3px 0 #482310,7px 3px 0 #aa592f,20px 24px 35px #0006}.event-back:before{content:'';position:absolute;top:8px;left:10px;right:10px;height:1px;background:#ffe3c257;box-shadow:0 227px #26120655}.event-back strong{font-size:42px;line-height:1.03}.event-plinth{border-radius:2px;border-top:2px solid #ffe6c4;background:linear-gradient(95deg,#e7d5c1,#bc9c7b);box-shadow:7px 4px 0 #69503c,17px 16px 23px #0006}.event-plinth:after{content:'';position:absolute;width:21px;height:31px;left:calc(50% - 10px);top:-31px;border-radius:5px 5px 2px 2px;background:linear-gradient(100deg,#f5c38b,#b86625 45%,#60330d);border-top:7px solid #24201b;box-shadow:5px 4px 6px #0003}.event-sign{border-radius:3px;padding-top:23px;border-top:2px solid #bf8d6499;background:linear-gradient(120deg,#322419,#14110e)}.event-sign:after{content:'ENTDECKEN ↗';position:absolute;bottom:20px;left:12px;right:12px;font:7px Montserrat;letter-spacing:.09em;border-top:1px solid #b98a5244;padding-top:12px;color:#f3ac76}
.store-model{transform:perspective(1500px) rotateY(-12deg)}.store-roof{background:linear-gradient(110deg,#f47a32,#df4c06);border-top:1px solid #ffb67d;border-bottom:3px solid #9d3c0e;box-shadow:9px 4px 0 #492715}.store-back{background:linear-gradient(90deg,#fcb46d10 1px,transparent 1px) 0 0/30px 100%,linear-gradient(130deg,#3a2a1e,#18120e);box-shadow:inset 0 15px 25px #e87d1420,9px 4px 0 #100d0b}.store-back:after{content:'';position:absolute;left:15px;right:15px;top:10px;height:2px;background:#ffc487;box-shadow:0 0 14px #ff9c45aa}.store-counter{border-top:3px solid #ffe7cb;background:linear-gradient(90deg,#d8bea2,#aa8c6b);box-shadow:9px 4px #66503a,0 20px 25px #0004}.store-counter:after{content:'';position:absolute;left:20px;right:20px;top:19px;height:1px;background:#6c51372f;box-shadow:0 38px #6c51372f}.store-post{border-top:2px solid #ffb270;background:linear-gradient(115deg,#ed6517,#a63b08)}

/* A readable group of creatives and a single, aligned destination panel. */
.development .dev-detail{grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}
.shop-scene.creative-scene{height:485px;width:100%;max-width:730px;margin:0 auto;padding:0;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:24px;align-items:center}
.creative-halo{opacity:.35}.creative-stack{height:400px;position:relative;min-width:0;align-self:start}
.creative-stack .creative-poster.browser-study{inset:48px auto auto 3px;width:calc(100% - 70px);height:auto;aspect-ratio:3/4.25;min-width:0;max-width:none;border-radius:9px;transform:rotate(-5deg);z-index:3;transition:transform .65s var(--ease),inset .65s var(--ease),box-shadow .65s}
.creative-stack .creative-poster[data-depth="1"]{inset:26px auto auto 34px;transform:rotate(1deg);z-index:2;filter:brightness(.93)}
.creative-stack .creative-poster[data-depth="2"]{inset:5px auto auto 63px;transform:rotate(7deg);z-index:1;filter:brightness(.85)}
.creative-stack .campaign-product{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.creative-stack .poster-copy{top:23px;left:20px;right:12px}.creative-stack .poster-copy small{font-size:6px;letter-spacing:.13em}.creative-stack .poster-copy strong{font-size:clamp(24px,2.65vw,37px);line-height:.98;margin-top:9px}
.creative-stack .poster-bottom{font-size:6px;padding:12px 15px}.creative-stack .poster-audio .poster-copy{color:#f8e6d0}.creative-stack .poster-audio .poster-bottom{color:#f8e6d0;background:#181310d9}.creative-stack .poster-beauty .poster-copy{color:#331407}
.creative-selector{position:absolute;left:3px;bottom:0;display:flex;gap:15px;z-index:4}.creative-selector button{font:9px Montserrat;color:#9e8774;padding:8px 0;min-height:30px;border-bottom:1px solid transparent}.creative-selector button[aria-pressed="true"]{color:#f3c19a;border-color:#e85002}.creative-selector button:hover{color:#fff0de}
.creative-scene .destination-card{position:relative;inset:auto;width:100%;height:auto;min-width:0;transform:none!important;box-shadow:0 22px 40px #0004;border-radius:11px;z-index:4;align-self:start;margin-top:51px;background:linear-gradient(140deg,#231a12,#12100d)}
.creative-scene .destination-top{padding:16px}.creative-scene .destination-top span{font-size:7px}.creative-scene .destination-content{padding:25px 23px 22px}.creative-scene .destination-content>.exre-icon{width:34px;height:34px;margin-bottom:21px}.creative-scene .destination-content strong{font-size:25px;line-height:1.07}.creative-scene .destination-content p{font-size:10px;line-height:1.7;margin:17px 0 21px;min-height:0}.creative-scene .destination-content>span{font-size:9px;text-align:center;padding:13px 8px;background:#e85002}
.destination-journey{border-top:1px solid #be87562b;margin:0 23px;padding:18px 0 22px}.destination-journey>span{font-size:8px;display:block;color:#a68b73;margin-bottom:13px}.destination-journey ol{list-style:none;display:flex;gap:6px;justify-content:space-between;margin:0;padding:0}.destination-journey li{font:9px Montserrat;color:#ecd5bf;display:flex;align-items:center;gap:6px;white-space:nowrap}.destination-journey li+li:before{content:'›';color:#f17f39;font-size:16px}.creative-scene .concept-caption{bottom:5px;text-align:left;color:#806e5e}
.creative-scene[data-stage="3"] .destination-journey{border-top-color:#e8500299}.creative-scene[data-stage="3"] .destination-journey li:last-child{color:#f99f61}

.event-sign{right:-5px;bottom:3px;height:130px;width:112px;font-size:14px}
.shop-scene.creative-scene{height:525px}
.creative-stack{height:470px}
.creative-stack .creative-poster.browser-study{max-width:250px}
.creative-stack .poster-beauty .poster-copy strong,.creative-stack .poster-beauty .poster-copy small,.creative-stack .poster-audio .poster-copy strong{color:#fff0dc;text-shadow:0 1px 10px #26120530}
.creative-stack .poster-audio .poster-copy strong{font-size:27px}

/* Slow halo pulse, with fixed geometry and no travelling dot. */
.closing .ring-field:before{border-color:#dc8b4666;box-shadow:0 0 28px #ef7a282e,inset 0 0 26px #da691d23;background:radial-gradient(circle,transparent 61%,#c0632014 69%,transparent 74%);animation:closing-halo 7s ease-in-out infinite}
.closing .ring-field:after{border-color:#c27a4147;box-shadow:0 0 38px #e9782223,inset 0 0 42px #c86b1d1c;animation:closing-halo 7s -1.2s ease-in-out infinite}
.closing .ring-field i:last-child{width:88%;height:88%;box-shadow:0 0 65px #da671c29,inset 0 0 52px #c15b161f;animation:closing-aura 7s -.6s ease-in-out infinite}
@keyframes closing-halo{0%,100%{opacity:.48}50%{opacity:1}}
@keyframes closing-aura{0%,100%{opacity:.25}50%{opacity:.85}}
@media(max-width:1100px){.founder-duo>.founder-card{grid-template-rows:155px 1fr}.development .dev-detail{grid-template-columns:.7fr 1.3fr;gap:30px}.creative-stack .poster-copy{left:15px;top:19px}.creative-stack .poster-copy strong{font-size:26px}.creative-scene .destination-content{padding:22px 17px}.creative-scene .destination-content strong{font-size:22px}.destination-journey{margin-inline:17px}.destination-journey li{font-size:8px}.shop-scene.creative-scene{gap:16px;height:465px}.creative-stack{height:380px}.creative-selector{gap:11px}}
@media(max-width:900px){.development .dev-detail{grid-template-columns:1fr;gap:35px}.shop-scene.creative-scene{width:min(100%,650px);height:510px;gap:35px}.creative-stack{height:445px}.creative-stack .poster-copy strong{font-size:37px}.creative-scene .destination-content{padding:28px 24px}.creative-scene .destination-content strong{font-size:29px}.destination-journey{margin-inline:24px}.destination-journey li{font-size:9px}}
@media(max-width:650px){.hero-copy{translate:0 16px}.hero .hand-rigid-layer{top:calc(50% + 75px)}.metrics-section>.tile-field{inset:130px 0 -115px}.founder-duo{grid-template-columns:1fr;gap:22px}.founder-duo>.founder-card{grid-template-rows:155px 1fr;min-height:395px}.founder-info p{min-height:68px}.founder-info h3{font-size:28px}.billboard-model{scale:.88}.offline .offline-scene{height:360px}.shop-scene.creative-scene{display:flex;flex-direction:column;gap:28px;height:auto;max-width:420px;padding:0 0 35px}.creative-stack{width:100%;height:450px;flex:none}.creative-stack .creative-poster.browser-study{width:calc(100% - 89px);inset:45px auto auto 6px;max-width:257px}.creative-stack .creative-poster[data-depth="1"]{inset:25px auto auto 39px}.creative-stack .creative-poster[data-depth="2"]{inset:5px auto auto 72px}.creative-stack .poster-copy strong{font-size:33px}.creative-selector{left:8px;bottom:0;gap:24px}.creative-selector button{font-size:10px;min-height:35px}.creative-scene .destination-card{margin-top:0;align-self:stretch;display:grid;grid-template-columns:1fr;width:100%}.creative-scene .destination-top{padding:13px 22px}.creative-scene .destination-content{padding:23px;display:grid;grid-template-columns:35px 1fr;gap:13px 17px}.creative-scene .destination-content>.exre-icon{grid-column:1;grid-row:1;margin:0}.creative-scene .destination-content strong{grid-column:2;font-size:25px}.creative-scene .destination-content p{grid-column:2;font-size:11px;margin:0}.creative-scene .destination-content>span{grid-column:1/-1;font-size:10px;margin-top:3px}.destination-journey{margin:0 23px;padding:16px 0 21px}.destination-journey ol{justify-content:flex-start;gap:20px}.destination-journey li{font-size:10px}.destination-journey li+li:before{margin-right:10px}.creative-scene .concept-caption{bottom:0;font-size:7px!important}}
@media(max-width:380px){.creative-stack{height:395px}.creative-stack .poster-copy strong{font-size:28px}.hero .hand-rigid-layer{top:calc(50% + 65px)}.creative-scene .destination-content strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.closing .ring-field:before,.closing .ring-field:after,.closing .ring-field i:last-child{animation:none!important;opacity:.65}.creative-stack .creative-poster{transition:none!important}}
.reduce-motion .closing .ring-field i:last-child{animation:none!important;opacity:.65}
@media(min-width:351px) and (max-width:650px){.hero .original-hand{top:245px}}
