.trofos-case{position:relative;overflow:hidden;background:radial-gradient(ellipse at 64% 34%,#153b5066,transparent 52%),#040f17;padding-block:110px}.case-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end}.case-intro h2{font-size:clamp(70px,8vw,140px);font-weight:600;letter-spacing:-.07em;line-height:1;margin:25px 0}.case-intro h2>span{color:#ff6629}.case-intro small{display:block;font-size:clamp(27px,3vw,48px);letter-spacing:-.045em;line-height:1.16;margin-top:22px;font-weight:400}.trofos-case em{font-style:normal;color:#b4d9eb}.case-lead{padding-bottom:20px}.case-lead p:first-child{font-size:clamp(22px,2vw,30px);line-height:1.5;color:#edf5fb}.case-lead p{color:#9eb5c3;line-height:1.8;margin-bottom:23px;max-width:540px}.case-dot{display:inline-block;width:7px;height:7px;background:#ff8351;border-radius:50%;box-shadow:0 0 18px #ff7e39;margin-right:10px}.case-cinema{position:relative;perspective:1600px;padding:65px 9% 70px 3%;margin-top:35px}.case-halo{position:absolute;width:75%;height:55%;left:15%;top:25%;border-radius:50%;background:radial-gradient(ellipse,#357ea356,transparent 65%);filter:blur(35px)}.case-orbit{position:absolute;inset:5% -5%;border:1px solid #81c5e530;border-radius:50%;transform:rotate(-18deg);box-shadow:inset 0 1px 1px #addfff33,0 0 80px #15536c20;pointer-events:none}.case-device{position:relative;transform:rotateY(-7deg) rotateX(4deg) rotateZ(-2deg);border:1px solid #aed4e96b;border-radius:26px;background:linear-gradient(135deg,#668292,#132936 7%,#07131b 80%,#5b7a8b);padding:8px;box-shadow:12px 20px 0 -7px #102330,14px 22px 0 -7px #557082,0 45px 70px #0009;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.case-cinema:hover .case-device{transform:rotateY(-3deg) rotateX(2deg) rotateZ(-1deg)}.case-browser{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;color:#91a9b7;font-size:11px;letter-spacing:.06em}.case-lights{font-size:9px;letter-spacing:4px;color:#597788}.case-live{color:#8ed5bb;font-size:9px}.case-screen{aspect-ratio:1440/850;overflow:hidden;border-radius:7px 7px 18px 18px;background:#141510;position:relative}.case-screen img{width:100%;max-width:none;height:auto;display:block;will-change:transform}.case-device-edge{height:5px;background:linear-gradient(90deg,transparent,#a5ccd644,transparent);border-radius:100%}.case-handset{position:absolute;width:18%;right:0;bottom:25px;padding:6px;border:1px solid #99bec8;border-radius:30px;background:linear-gradient(145deg,#aec2c9,#183240 15%,#30444e);transform:rotate(6deg) translateZ(60px);box-shadow:15px 25px 35px #0009;overflow:hidden}.case-handset img{display:block;width:100%;border-radius:24px}.case-camera{position:absolute;width:32%;height:10px;top:12px;left:34%;border-radius:10px;background:#030a10;z-index:1}.case-home{position:absolute;bottom:13px;left:35%;width:30%;height:3px;border-radius:3px;background:#fff8}.case-floating{position:absolute;bottom:24px;left:7%;display:flex;align-items:center;gap:15px;padding:16px 24px;border:1px solid #9cbcca70;border-radius:23px;background:linear-gradient(130deg,#456070dd,#0c2233ed);box-shadow:0 20px 40px #0006;transform:rotate(-4deg);backdrop-filter:blur(15px);font-size:12px;color:#bbced8}.case-floating>span{display:grid;place-items:center;width:46px;height:46px;font-size:28px;color:white;border-radius:50%;background:radial-gradient(circle at 30% 20%,#abedff,#2276a0 45%,#051622 80%);box-shadow:4px 6px 10px #0007}.case-floating strong{display:block;font-size:21px;font-weight:400;color:#edf7fc}.case-player{display:flex;align-items:center;gap:30px;margin:15px 4% 70px;padding:20px 0;border-bottom:1px solid #6c9eb333}.case-player>div{display:flex;align-items:center;font-size:14px}.case-player small{display:block;color:#7695a7;font-size:10px;margin-top:3px}.case-scrub{flex:1}.case-scrub input{width:100%;accent-color:#a4dcf3;cursor:pointer}.case-play{border:1px solid #749aad66;border-radius:30px;padding:12px 19px;color:#d7eaf5;background:#0c2130;font:inherit;font-size:12px;cursor:pointer;min-width:130px}.case-story{display:grid;grid-template-columns:1.05fr 1fr .7fr;gap:28px;align-items:center}.case-story h3{font-size:clamp(28px,3vw,48px);line-height:1.15;letter-spacing:-.04em;font-weight:400;margin:25px 0}.case-story p{line-height:1.8;color:#9eb5c3;font-size:15px}.case-story .eyebrow{font-size:10px}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.case-tags span{font-size:11px;border:1px solid #6191a544;padding:9px 13px;border-radius:20px;color:#bbd3df}.case-photo{margin:0;border:1px solid #aac6d433;border-radius:25px;overflow:hidden;background:#0b1e29;box-shadow:0 24px 40px #0005;transform:rotate(-3deg);transition:transform .6s}.case-photo-tall{transform:rotate(4deg);margin-top:100px}.case-photo:hover{transform:rotate(0) translateY(-8px)}.case-photo img{width:100%;height:330px;object-fit:cover;display:block}.case-photo-tall img{height:300px}.case-photo figcaption{padding:20px;font-size:10px;color:#85a4b6}.case-photo figcaption span{display:block;font-size:15px;color:#dfedf5;margin-bottom:5px}.case-finale{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 40px;border-radius:30px;border:1px solid #78aac344;background:linear-gradient(110deg,#1d425650,#0b1e2b);margin-top:65px}.case-finale p{margin:0 0 8px;color:#9cb5c4}.case-finale strong{font-size:clamp(18px,2vw,27px);font-weight:400}.case-finale .button{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:900px){.case-intro{gap:30px}.case-story{grid-template-columns:1fr 1fr}.case-story-copy{grid-column:1/-1;max-width:600px}.case-photo-tall{margin-top:45px}.case-finale{flex-direction:column;align-items:flex-start}.case-cinema{padding-left:0}.case-handset{border-radius:22px;padding:4px}.case-handset img{border-radius:18px}}
@media(max-width:600px){.trofos-case{padding-block:65px}.case-intro{grid-template-columns:1fr;gap:5px}.case-intro h2{font-size:76px}.case-intro small{font-size:30px}.case-lead p:first-child{font-size:21px}.case-lead p{font-size:14px}.case-cinema{padding:25px 8% 50px 0;margin-top:5px}.case-device{padding:4px;border-radius:14px;transform:rotateY(-4deg) rotateZ(-2deg)}.case-browser{height:25px;padding-inline:8px;font-size:8px}.case-lights{font-size:6px}.case-live{font-size:7px}.case-screen{border-radius:4px 4px 10px 10px}.case-handset{width:22%;bottom:25px;border-radius:15px;padding:3px}.case-handset img{border-radius:12px}.case-camera{height:5px;top:7px}.case-home{height:2px;bottom:7px}.case-floating{padding:9px 13px;gap:9px;bottom:8px;left:5%;border-radius:15px;font-size:9px}.case-floating>span{width:29px;height:29px;font-size:20px}.case-floating strong{font-size:14px}.case-player{margin:10px 0 40px;gap:12px;flex-wrap:wrap}.case-player>div{font-size:12px;flex:1}.case-scrub{flex-basis:100%;order:3}.case-play{font-size:11px;min-width:110px}.case-story{gap:14px}.case-photo{border-radius:18px;transform:rotate(-2deg)}.case-photo img,.case-photo-tall img{height:210px}.case-photo figcaption{padding:13px;font-size:9px}.case-photo figcaption span{font-size:12px}.case-finale{padding:25px 20px;margin-top:40px}.case-finale .button{white-space:normal;font-size:12px}}
@media(prefers-reduced-motion:reduce){.case-device,.case-photo{transition:none}.case-cinema:hover .case-device{transform:rotateY(-7deg) rotateX(4deg) rotateZ(-2deg)}}
.case-handset img{height:auto;aspect-ratio:390/844;object-fit:cover}
.case-mobile-screen{aspect-ratio:390/844;overflow:hidden;border-radius:24px}.case-handset .case-mobile-screen img{height:auto;aspect-ratio:auto;border-radius:0;will-change:transform}.case-story{margin-top:55px}@media(max-width:900px){.case-mobile-screen{border-radius:18px}}@media(max-width:600px){.case-mobile-screen{border-radius:12px}.case-story{margin-top:30px}}

@media(min-width:901px){.case-cinema{width:min(78%,1000px);margin:25px auto 0;padding:40px 80px 55px 20px}.case-cinema .case-handset{width:18%;bottom:18px}.case-cinema .case-floating{bottom:12px}.case-story{margin-top:35px}}
/* Spatial editorial composition */
.case-story{grid-template-columns:.85fr 1.35fr;gap:7%;max-width:1500px;margin:85px auto 0;position:relative}.case-story-copy{position:relative;z-index:2}.case-story h3{font-weight:600;font-size:clamp(32px,3vw,52px);line-height:1.1}.case-story h3 em{background:linear-gradient(120deg,#eef8ff,#8bd8fb);background-clip:text;color:transparent}.case-artstage{height:560px;position:relative;perspective:1400px;isolation:isolate}.case-artstage:before{content:'';position:absolute;inset:12% -8% 0;background:radial-gradient(ellipse,#3a8ba44a,transparent 65%);filter:blur(25px);z-index:-1}.case-art-ring{position:absolute;width:95%;height:62%;left:2%;top:15%;border:2px solid #77bad343;border-radius:50%;transform:rotate(-24deg);box-shadow:inset 0 2px 2px #c1edff55,0 2px 5px #0008,0 0 35px #3aa4cc16}.case-art-sphere{position:absolute;right:5%;top:0;width:85px;height:85px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#e8fbff,#77bdd6 18%,#226284 45%,#06131d 75%);box-shadow:15px 22px 30px #0008,inset -3px -4px 9px #050e16;animation:case-bob 7s ease-in-out infinite}.case-artstage .case-photo{position:absolute;margin:0;padding:7px;border-radius:29px;overflow:visible;background:linear-gradient(135deg,#aecdd4,#284d60 12%,#0c2331 60%,#456577);border:1px solid #a7deee77;box-shadow:5px 7px 0 #122b3a,6px 8px 0 #668a9b88,0 35px 60px #0009;transition:transform .45s ease;transform-style:preserve-3d}.case-artstage .case-photo-wide{left:0;top:40px;width:68%;transform:rotateY(10deg) rotateZ(-6deg) rotateX(3deg);z-index:1}.case-artstage .case-photo-tall{right:0;top:185px;width:48%;transform:rotateY(-12deg) rotateZ(8deg);z-index:2}.case-artstage .case-photo img{height:300px;border-radius:22px 22px 12px 12px;object-fit:cover}.case-artstage .case-photo-tall img{height:235px}.case-artstage .case-photo figcaption{background:linear-gradient(120deg,#254351e8,#0b202deb);border-radius:0 0 22px 22px;padding:18px 20px;color:#96b7c8}.case-artstage .case-photo figcaption span{font-size:16px}.case-artstage .case-photo:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#e3f9ff24,transparent 35%,transparent 65%,#9de7ff10)}.case-artstage:hover .case-photo-wide{transform:rotateY(calc(8deg + var(--case-x,0deg))) rotateX(var(--case-y,0deg)) rotateZ(-4deg) translateY(-5px)}.case-artstage:hover .case-photo-tall{transform:rotateY(calc(-8deg + var(--case-x,0deg))) rotateX(var(--case-y,0deg)) rotateZ(5deg) translateY(-9px)}.case-art-seal{position:absolute;left:4%;bottom:15px;z-index:3;display:flex;align-items:center;gap:13px;color:#c6e3ed;font-size:12px;line-height:1.5;padding:17px 23px;border:1px solid #abdbea55;border-radius:22px;background:linear-gradient(120deg,#345466d9,#122937ee);backdrop-filter:blur(15px);box-shadow:0 15px 30px #0006;transform:rotate(-4deg)}.case-art-seal>span{font-size:32px;color:#ade9ff;text-shadow:0 0 18px #7de1ff}.case-tags span{background:linear-gradient(135deg,#274c5d55,#081925);box-shadow:inset 0 1px 0 #b2d9e315,0 5px 10px #0002}.case-finale{position:relative;max-width:1450px;margin:55px auto 0;padding:35px 45px;border-radius:35px;background:radial-gradient(ellipse at 0 0,#39748b66,transparent 60%),linear-gradient(115deg,#102d3c,#081923);box-shadow:inset 0 1px 0 #c5e8f42e,0 9px 0 -5px #162f3e,0 22px 45px #0005;border-color:#6f9cb255;gap:25px}.case-finale>div{flex:1}.case-cta-orb{width:78px;height:78px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:39px;color:#e9fbff;background:radial-gradient(circle at 28% 20%,#dcfaff,#4a9fc2 25%,#16415c 60%,#050d17 85%);box-shadow:8px 12px 18px #0007,inset 1px 1px 2px #fff9;transform:rotate(-12deg)}.case-finale .button{box-shadow:0 5px 0 #a0c3d0,0 12px 25px #0006;transition:transform .25s}.case-finale .button:hover{transform:translateY(-3px)}
@keyframes case-bob{50%{transform:translateY(-14px)}}
@media(max-width:1100px){.case-artstage{height:490px}.case-artstage .case-photo img{height:240px}.case-artstage .case-photo-tall img{height:195px}.case-finale{padding:28px;flex-wrap:wrap}.case-cta-orb{width:60px;height:60px}}
@media(max-width:900px){.case-story{grid-template-columns:1fr;gap:20px;margin-top:55px}.case-story-copy{grid-column:auto;max-width:620px}.case-artstage{max-width:680px;width:100%;margin:auto}.case-finale{flex-direction:row}.case-finale .button{margin-left:85px}}
@media(max-width:600px){.case-artstage{height:400px;margin-top:15px}.case-artstage .case-photo{padding:4px;border-radius:20px}.case-artstage .case-photo-wide{top:35px;width:75%}.case-artstage .case-photo-tall{top:160px;width:51%}.case-artstage .case-photo img{height:195px;border-radius:16px 16px 8px 8px}.case-artstage .case-photo-tall img{height:145px}.case-artstage .case-photo figcaption{padding:12px 10px;border-radius:0 0 16px 16px;font-size:8px}.case-artstage .case-photo figcaption span{font-size:11px}.case-art-sphere{width:50px;height:50px;right:3%}.case-art-seal{left:0;bottom:12px;padding:11px 13px;font-size:9px;border-radius:16px;gap:8px}.case-art-seal>span{font-size:22px}.case-finale{margin-top:25px;padding:25px 22px;border-radius:27px;gap:16px}.case-cta-orb{width:48px;height:48px;font-size:28px}.case-finale>div{min-width:180px}.case-finale p{font-size:12px}.case-finale strong{font-size:19px}.case-finale .button{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){.case-art-sphere{animation:none}.case-artstage .case-photo{transition:none}}body.motion-off .case-art-sphere{animation:none}