/* Project interfaces in restrained, code-built hardware compositions. */
.lov-agency-black .v32-stage{position:relative;display:grid;place-items:center;isolation:isolate;aspect-ratio:1.3;overflow:hidden!important;background:#080a09!important;border:1px solid #ffffff12;border-radius:20px;perspective:1400px;padding:12% 8% 11%;color:#f5f5f3}
.v32-stage::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 65% 30%,#9caaa51c,transparent 66%),linear-gradient(160deg,#ffffff05,transparent 42%,#0008)}
.v32-stage::after{content:'';position:absolute;bottom:8%;left:12%;right:10%;height:4%;border-radius:50%;background:#000;filter:blur(12px);z-index:-1}
.v32-rig{position:relative;width:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1);will-change:auto}
.v32-display{position:relative;background:linear-gradient(145deg,#626664,#111514 45%,#393d3b);padding:1px;border-radius:10px;box-shadow:0 22px 30px #0008,0 0 0 1px #000}
.v32-screen{position:relative;border:8px solid #101211;border-radius:9px;background:#070807;overflow:hidden;aspect-ratio:1.6}
.v32-stage .v32-screen img{position:relative!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:50% 0!important;transform:none!important;border:0!important;border-radius:0!important;max-height:none!important}
.v32-screen::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff09,transparent 35%,transparent 80%,#ffffff03);box-shadow:inset 0 0 0 1px #ffffff0d}
.v32-camera{position:absolute;width:3px;height:3px;border-radius:50%;background:#252c29;z-index:3;top:3px;left:50%}
.v32-base{display:block;height:9px;background:linear-gradient(#777c79,#282c2a 62%,#0a0d0b);margin:0 -6%;border-radius:1px 1px 45% 45%;box-shadow:0 5px 5px #0009;position:relative}
.v32-base::before{content:'';position:absolute;top:0;left:42%;width:16%;height:3px;background:linear-gradient(#101412,#5d625e);border-radius:0 0 6px 6px}
.v32-monitor .v32-display{border-radius:10px 10px 5px 5px;padding-bottom:14px;background:linear-gradient(145deg,#555c58,#222824 50%,#474f48)}
.v32-monitor .v32-screen{border-radius:9px 9px 0 0;border-bottom-width:7px;aspect-ratio:1.6}
.v32-monitor .v32-base{width:28%;height:38px;margin:auto;background:linear-gradient(105deg,#242b27,#727971 50%,#2b322d);border-radius:0;box-shadow:none;clip-path:polygon(28% 0,73% 0,81% 90%,100% 94%,100% 100%,0 100%,0 94%,19% 90%)}
.v32-monitor .v32-base::before{display:none}
.v32-phone{position:absolute;width:23%;aspect-ratio:390/844;right:-2%;bottom:-8%;background:linear-gradient(140deg,#7b807a,#202522 38%,#868c84 90%,#242a25);padding:3px;border-radius:clamp(13px,2vw,28px);box-shadow:12px 16px 26px #0009;transform:translateZ(28px) rotate(4deg)}
.v32-stage .v32-phone img{position:relative!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:top!important;aspect-ratio:390/844!important;border:4px solid #080a09!important;border-radius:inherit!important;transform:none!important;display:block!important;max-height:none!important}
.v32-phone::before{content:'';position:absolute;z-index:3;top:3.5%;left:36%;width:28%;height:2.7%;border-radius:12px;background:#070908}
.v32-phone::after{content:'';position:absolute;z-index:3;inset:5px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff0a,transparent 35%)}
.v32-stage[data-device-pair=phone] .v32-phone{width:30%;right:5%;bottom:-12%;transform:translateZ(30px) rotate(3deg)}
.v32-stage[data-device-pair=phone] .v32-rig{width:82%;margin-right:12%}
.v32-stage[data-device-pair=laptop] .v32-rig{width:90%;margin-right:8%}
.v32-stage[data-device-pair=monitor] .v32-rig{width:83%;margin-right:7%}
.v32-stage .v30-round,.v32-stage .v30work-open{z-index:5;position:absolute;right:20px;bottom:18px}
.v32-stage .v30work-open{background:#101713bb!important;backdrop-filter:blur(16px);border:1px solid #ffffff40;color:#f5f5f3!important;border-radius:40px}
.lov-agency-black .v30-home-work{gap:7vw;align-items:start}
.lov-agency-black .v30-work-item:nth-child(2){margin-top:170px}
.lov-agency-black .v30work-grid{gap:clamp(52px,7vw,110px) clamp(32px,6vw,88px)}
.lov-agency-black .v30work-art.v32-stage{aspect-ratio:1.28;height:auto;min-height:0;padding:14% 8% 12%}
.lov-agency-black .v30work-art.v32-stage>img{display:none}
.lov-agency-black .v30work-art.v32-stage:after{border:0}
.lov-agency-black .v30case-art .v32-stage{aspect-ratio:1.75;max-height:800px;padding:6% 13% 5%}
.lov-agency-black .v30case-art .v32-stage .v32-rig{max-width:920px}
.lov-agency-black .workviewer-canvas:not(.is-expanded){padding:40px 45px 44px;background:radial-gradient(ellipse at 50% 30%,#ffffff08,transparent 70%)}
.v32-viewer-frame{position:relative;width:100%;max-width:1040px;margin:auto;border:9px solid #151a17;border-radius:12px;background:#080a09;box-shadow:0 0 0 1px #757c75,0 18px 35px #000b;overflow:hidden}
.lov-agency-black .workviewer-canvas:not(.is-expanded) .v32-viewer-frame img{display:block;border:0!important;border-radius:0;width:100%;max-height:none}
.workviewer-canvas[data-device=mobile] .v32-viewer-frame{max-width:270px;border-width:7px;border-radius:32px}
.workviewer-canvas[data-device=mobile] .v32-viewer-frame img{border-radius:24px!important}
.workviewer-canvas.is-expanded .v32-viewer-frame{max-width:none;width:auto;box-shadow:none;border:0;border-radius:0;overflow:visible;background:transparent}
.workviewer-canvas.is-expanded[data-device=mobile] .v32-viewer-frame{max-width:500px}
/* Architecture and atmosphere follow the reviewed Pinterest direction. */
.lov-agency-black .v30-consult-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:0;background:#000;gap:7vw;padding:80px var(--gutter);isolation:auto}
.lov-agency-black .v30-consult-scene>img{position:relative;inset:auto;width:100%;height:700px;object-fit:cover;object-position:50% 55%;order:2;border-radius:4px}
.lov-agency-black .v30-consult-scene:after{display:none}
.lov-agency-black .v30-consult-scene>div{padding:40px 0;position:relative;order:1}
.lov-agency-black .v30-consult-scene h2{font-size:clamp(56px,6.5vw,96px)}
.lov-agency-black .v30-consult-scene p:not(.v30-kicker){color:#b3b5b3}
.lov-agency-black .v30-consult-intro+.v30-page-photo img{object-position:50% 63%}
.lov-agency-black .st30-process-photo img{object-position:50% 55%}
@media(hover:hover) and (pointer:fine){.v32-stage:hover .v32-rig,.v32-stage:focus-visible .v32-rig{transform:rotateX(var(--rx,-2deg)) rotateY(var(--ry,3deg)) translateY(-4px)}.v32-stage:hover .v32-phone{transform:translateZ(35px) rotate(2deg) translateY(-3px)}}
@media(max-width:760px){.lov-agency-black .v30-work-item:nth-child(2){margin-top:45px}.lov-agency-black .v32-stage,.lov-agency-black .v30work-art.v32-stage{aspect-ratio:1.25;padding:15% 8% 13%;border-radius:14px}.v32-screen{border-width:5px;border-radius:7px}.v32-base{height:6px}.v32-monitor .v32-display{padding-bottom:9px}.v32-monitor .v32-base{height:24px}.v32-stage .v32-phone{border-radius:14px;padding:2px}.v32-stage .v32-phone img{border-width:3px!important}.v32-stage .v30work-open{font-size:10px;right:12px;bottom:12px;padding:9px 12px}.lov-agency-black .v30case-art .v32-stage{aspect-ratio:1.2;padding:15% 8%}.lov-agency-black .workviewer-canvas:not(.is-expanded){padding:22px 16px 28px}.v32-viewer-frame{border-width:5px;border-radius:7px}.workviewer-canvas[data-device=mobile] .v32-viewer-frame{max-width:230px;border-radius:26px}.lov-agency-black .v30-consult-scene{grid-template-columns:1fr;gap:30px;padding:60px 24px}.lov-agency-black .v30-consult-scene>div{padding:0;order:1}.lov-agency-black .v30-consult-scene>img{height:520px;order:2}.lov-agency-black .v30-consult-scene h2{font-size:57px}}
@media(prefers-reduced-motion:reduce){.v32-rig,.v32-stage .v32-phone{transform:none!important;transition:none!important}.v32-stage:hover .v32-rig{transform:none!important}}
@media(min-width:851px){.lov-agency-black .v30work-card:nth-child(3n+1) .v30work-art.v32-stage{aspect-ratio:1.7;padding:7% 8% 6%}}
.lov-agency-black .st30-process>figure img{object-position:50% 55%}
.lov-agency-black .v30case-mobile-capture img{border:7px solid #111713;border-radius:34px;box-shadow:0 0 0 1px #525952,0 20px 50px #0008}
.lov-agency-black .v30-consult-scene>img{z-index:0}.lov-agency-black .v30-consult-scene>div{z-index:1}
.v32-stage .v30-round,.v32-stage .v30work-open{top:18px;bottom:auto}
@media(max-width:760px){.v32-stage .v30work-open{top:12px;right:12px;bottom:auto;width:40px;min-height:40px;padding:0;gap:0;justify-content:center;font-size:0}.v32-stage .v30work-open svg{width:18px;height:18px}.v32-stage .v30-round{top:12px;right:12px;bottom:auto;width:40px;height:40px}}
.workviewer-canvas.is-expanded .v32-viewer-frame{flex:0 0 100%;width:100%}
.workviewer-canvas.is-expanded[data-device=mobile] .v32-viewer-frame{flex:0 1 390px;width:min(100%,390px);max-width:390px}
.workviewer-canvas.is-expanded .v32-viewer-frame img{width:100%}
@media(max-width:850px){.lov-agency-black .v30work-grid{grid-template-columns:minmax(0,1fr);gap:52px}.lov-agency-black .v30work-card,.lov-agency-black .v30work-card:nth-child(3n+1){grid-column:1}}