.collection-note{font:400 12px var(--font-mono);line-height:1.75;color:var(--text-secondary);max-width:760px;margin:-15px 0 30px}
.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:24px 0 14px;flex-wrap:wrap}
.preview-caption{color:var(--text-secondary);font:400 11px var(--font-mono);line-height:1.7}.device-switch{display:flex;padding:4px;background:#161a20;border:1px solid var(--border);border-radius:99px;gap:4px}.device-switch button{padding:10px 16px;border:0;border-radius:99px;background:transparent;color:var(--text-secondary);font:500 10px var(--font-mono)}.device-switch button.active{background:var(--accent);color:#151515}.device-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.case-preview-stage{height:780px;height:min(82vh,900px);min-height:500px;position:relative;background:repeating-linear-gradient(45deg,#101318,#101318 8px,#12161b 8px,#12161b 9px);border-radius:18px;overflow:hidden}
.landing-live{position:absolute;left:50%;top:0;border:0;width:var(--frame-width,1180px);height:calc(100% / var(--frame-scale,1));transform:translateX(-50%) scale(var(--frame-scale,1));transform-origin:top center;background:#eee;display:block}
.case-viewer-inner{width:min(1320px,94vw)}.case-viewer h2{font-size:clamp(44px,7vw,92px)}.case-hero-grid{grid-template-columns:1fr 1fr;gap:50px}.case-lead{font-size:16px}.case-viewer-bar{gap:20px}.case-preview-stage[data-device="mobile"]{background:#11171b}
.case-info-grid{margin-top:24px}.case-info{padding:24px}.case-info p{font-size:13px}
.landing-preview .preview-copy{max-width:70%}.landing-preview .preview-title{font-size:clamp(26px,2.8vw,39px);line-height:.95}.landing-preview .preview-kicker{max-width:100%}.landing-preview .preview-object:before,.landing-preview .preview-object:after{display:none}.landing-preview .preview-object{width:155px;height:175px;top:80px;right:-5px;background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 15px 15px #0002);opacity:1}.landing-preview .preview-phone{width:48px;height:87px;border-width:2px;border-radius:8px;right:12px;bottom:12px}.landing-preview .preview-phone-lines{gap:5px;margin:0 5px}.landing-preview .preview-phone-lines i:first-child{height:19px}.theme-coffee .preview-object{background-image:url('landings/assets/coffee.png');height:260px;top:55px;right:0;width:140px}.theme-coffee .preview-title{font-family:Georgia,serif;letter-spacing:-.07em;font-weight:500}.theme-pizza .preview-object{background-image:url('landings/assets/pizza.png');width:210px;height:210px;right:-70px;top:75px;animation:preview-turn 80s linear infinite}.theme-build{background:linear-gradient(90deg,#162922bb,#16292211),url('landings/assets/house.png') center/cover;color:#fff;--preview-ink:#fff;--preview-bg:#1a2a24}.theme-build:after{display:none}.theme-build .preview-object{display:none}.theme-build .preview-copy{max-width:95%}.theme-build .preview-title{font-weight:500;line-height:1.08}.theme-build .preview-phone{--preview-bg:#c4c3b4;--preview-ink:#1a2a24}.theme-beauty{--preview-bg:#f5ede6;--preview-ink:#563640}.theme-beauty .preview-object{background:url('landings/assets/halo.png') center 30%/cover;width:130px;height:190px;border-radius:70px 70px 0 0;top:80px;right:10px;filter:none}.theme-beauty .preview-title{font-family:Georgia,serif;letter-spacing:-.055em;font-weight:500}.theme-beauty .preview-copy{max-width:62%}.theme-electric{--preview-bg:#0b1138;--preview-ink:#f5f5e9;--preview-accent:#d4f54b}.theme-electric .preview-object{border:1px solid #d4f54b;border-radius:0;width:100px;height:100px;top:110px;right:-10px;transform:rotate(45deg);box-shadow:0 0 30px #d4f54222,inset 0 0 30px #d4f54222}.theme-electric .preview-object:before{display:block;border-radius:0;inset:25px;transform:none;border-color:#d4f54b;animation:preview-pulse 3s ease-in-out infinite}.theme-clima{--preview-bg:#e8f2ee;--preview-ink:#163a35;--preview-accent:#328878}.theme-clima .preview-object{background:linear-gradient(160deg,#fff,#cddfd5);width:145px;height:55px;border-radius:12px;top:133px;right:-18px;transform:rotate(-12deg);box-shadow:0 20px 20px #32887822}.theme-clima .preview-object:after{display:block;inset:auto 8px 6px;height:5px;border:0;background:#638c7b;border-radius:2px;transform:none}.preview-phone{transition:translate .5s}.project-card:hover .preview-phone{translate:0 -6px}@keyframes preview-turn{to{rotate:360deg}}@keyframes preview-pulse{50%{opacity:.25}}
@media(max-width:760px){.case-hero-grid{grid-template-columns:1fr;gap:22px}.case-preview-stage{height:70vh;min-height:460px}.case-viewer-inner{padding-top:36px}.case-viewer-bar{padding:0 16px}.case-back{font-size:10px}.preview-caption{font-size:10px}.device-switch button{padding:10px 12px}.landing-preview .preview-title{font-size:32px}.case-lead{font-size:14px}.case-info p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.landing-preview *{animation:none!important;transition:none!important}}
.theme-nexa{--preview-bg:#050d20;--preview-ink:#edf4ff;--preview-accent:#42dcf5;background:#050d20;isolation:isolate}.theme-nexa:after{background:#165fe5;opacity:.3;filter:blur(30px)}.theme-nexa .nexa-tile-house{position:absolute;right:-12%;bottom:-2%;width:90%;height:80%;object-fit:cover;object-position:60% 50%;mask-image:linear-gradient(90deg,transparent,#000 40%);z-index:-1;opacity:.77}.theme-nexa .preview-title{font-family:var(--font-heading);font-size:clamp(24px,2.5vw,35px);line-height:1.07;font-weight:700;letter-spacing:-.045em;background:linear-gradient(100deg,#fff 20%,#57ddff 70%,#bb8aff);background-clip:text;-webkit-background-clip:text;color:transparent}.theme-nexa .preview-copy{max-width:86%;padding-top:25px}.theme-nexa .preview-phone{background:#06152c;border-color:#58c9f2}.theme-nexa .preview-kicker{font-size:6px}.theme-nexa .preview-nav{position:relative}.theme-nexa .preview-bar{opacity:.7;position:relative}.theme-nexa .preview-logo{font-size:12px;letter-spacing:.07em}.theme-nexa .preview-action{background:linear-gradient(120deg,#8c4af5,#168eea);color:white}.theme-nexa .preview-phone-lines i{background:#65dce7}.theme-nexa .preview-phone-lines i:first-child{background:linear-gradient(120deg,#8c4af5,#168eea)}