.scene-namely{background:#e3dcd1;perspective:1000px;color:#232620}
.scene-namely .nm-orbit{position:absolute;width:550px;aspect-ratio:1;border:1px solid #ab928531;border-radius:50%;top:8%;left:5%;transform:scale(calc(.9 + var(--detail)*.25))}
.scene-namely .nm-orbit:after{content:'';position:absolute;inset:55px;border:1px solid #ab928525;border-radius:50%}
.scene-namely .nm-studio-mark{position:absolute;top:28px;left:32px;right:28px;display:flex;align-items:center;gap:8px;font-size:24px;letter-spacing:-.05em;font-weight:750}
.scene-namely .nm-dot{color:#ff5a2b}
.scene-namely .nm-studio-mark small{margin-left:auto;font-size:8px;letter-spacing:.14em;font-weight:550}
.scene-namely .nm-brief{position:absolute;top:17%;left:10%;width:67%;padding:22px 24px;background:#f9f8f3;border:1px solid #fff;border-radius:12px;box-shadow:0 12px 30px #5f473012;transform:translate3d(calc(var(--pointer-x)*4px),calc(var(--detail)*-18px),0) rotate(calc(-3deg + var(--detail)*3deg));opacity:calc(1 - var(--detail)*.25)}
.scene-namely .nm-label{font-size:8px;font-weight:650;letter-spacing:.13em;color:#8a7a69}
.scene-namely .nm-brief p{font-size:22px;line-height:1.25;letter-spacing:-.04em;font-weight:400;margin:13px 0 15px}
.scene-namely .nm-brief p strong{font-weight:600}
.scene-namely .nm-brief>div{display:flex;gap:6px}
.scene-namely .nm-brief>div>span{padding:4px 8px;border:1px solid #d9d2c7;border-radius:20px;font-size:8px}
.scene-namely .nm-connection{position:absolute;inset:0;width:100%;height:100%;stroke:#ff5a2b;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--reveal));opacity:.6}
.scene-namely .nm-name{position:absolute;border-radius:12px;box-shadow:0 22px 40px #49351b1a;padding:22px 24px;width:54%;font-size:10px;line-height:1.6;transform-origin:center}
.scene-namely .nm-name>strong{display:block;font-size:45px;letter-spacing:-.06em;font-weight:550;line-height:1.2;margin:9px 0}
.scene-namely .nm-name-back{left:5%;top:54%;background:#dadccf;transform:translate3d(calc((1 - var(--reveal))*-35px - var(--detail)*22px),calc((1 - var(--reveal))*20px + var(--detail)*8px),0) rotate(-11deg);opacity:calc(.5 + var(--reveal)*.5)}
.scene-namely .nm-name-orange{right:4%;top:59%;background:#ff5a2b;color:#251c17;transform:translate3d(calc((1 - var(--reveal))*45px + var(--detail)*22px),calc(var(--detail)*10px),0) rotate(9deg);opacity:calc(.5 + var(--reveal)*.5)}
.scene-namely .nm-name-orange .nm-label{color:#612a1b}
.scene-namely .nm-name-main{z-index:3;left:19%;top:37%;width:64%;background:#fffef9;border:1px solid #fff;transform:translate3d(calc((1 - var(--reveal))*15px + var(--pointer-x)*7px),calc((1 - var(--reveal))*52px - var(--detail)*6px + var(--pointer-y)*5px),30px) rotate(calc(-6deg + var(--detail)*6deg)) scale(calc(.9 + var(--reveal)*.1));box-shadow:0 25px 50px #57452b29}
.scene-namely .nm-name-main>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
.scene-namely .nm-name-main>strong{font-family:var(--serif);font-size:clamp(45px,5vw,72px);font-weight:400;letter-spacing:-.05em;margin:8px 0 7px}
.scene-namely .nm-name-main p{font-size:11px;margin:0 0 16px;color:#72776b}
.scene-namely .nm-star{font-size:25px;color:#ff5a2b;transform:rotate(calc(var(--detail)*90deg))}
.scene-namely .nm-card-bottom{display:flex;justify-content:space-between;border-top:1px solid #e9e4d9;padding-top:10px;font-size:8px}
.scene-namely .nm-favorite{position:absolute;z-index:4;right:7%;bottom:11%;font-size:10px;background:#232620;color:#fff;padding:10px 14px;border-radius:40px;box-shadow:0 8px 22px #493c1921;opacity:var(--detail);transform:translateY(calc((1 - var(--detail))*20px))}
.scene-namely .nm-favorite>span{color:#ff825e;margin-right:5px}
.scene-namely .nm-caption{position:absolute;bottom:16px;left:28px;font-size:8px;color:#7d786e;margin:0}
.scene-herzzentrum{background:#d5e6e1;color:#183c3d;perspective:1000px}
.scene-herzzentrum .hz-aura{position:absolute;inset:0;background:radial-gradient(ellipse at 90% 15%,#bde8e2,transparent 65%),linear-gradient(150deg,#dce6de,#cbdbd6)}
.scene-herzzentrum .hz-picture{position:absolute;inset:12% 7% 18%;border-radius:18px;overflow:hidden;transform:translate3d(calc(var(--pointer-x)*4px),calc(20px - var(--reveal)*20px),0) scale(calc(.89 + var(--reveal)*.11));box-shadow:0 18px 50px #24444024}
.scene-herzzentrum .hz-picture img{height:100%;width:100%;object-fit:cover;object-position:55% 50%;transform:scale(calc(1.2 - var(--detail)*.15)) translateX(calc(var(--detail)*-2%))}
.scene-herzzentrum .hz-identity{position:absolute;top:7%;left:12%;padding:18px 22px;width:50%;max-width:255px;border-radius:12px;background:#fffffff2;box-shadow:0 10px 35px #22443917;transform:translateY(calc((1 - var(--reveal))*-18px));z-index:2}
.scene-herzzentrum .hz-identity img{width:100%;height:auto;margin:0 0 9px}
.scene-herzzentrum .hz-identity>span{font-size:6px;letter-spacing:.1em;color:#627d7b;display:block;text-align:center}
.scene-herzzentrum .hz-pulse{position:absolute;z-index:2;top:31%;left:0;width:100%;height:29%;overflow:visible}
.scene-herzzentrum .hz-pulse-shadow{stroke:#fff9;stroke-width:7}
.scene-herzzentrum .hz-pulse-line{stroke:#bb358c;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--reveal));opacity:calc(.2 + var(--reveal)*.8)}
.scene-herzzentrum .hz-services{position:absolute;z-index:3;left:6%;bottom:17%;width:65%;padding:22px 24px;background:#fbfffcf5;border:1px solid #fff;border-radius:14px;box-shadow:0 17px 36px #23453e24;transform:translate3d(0,calc((1 - var(--detail))*20px),0)}
.scene-herzzentrum .hz-services>span{font-size:7px;letter-spacing:.13em;color:#548581;font-weight:650}
.scene-herzzentrum .hz-services>strong{display:block;font-size:clamp(22px,2.5vw,30px);font-weight:550;letter-spacing:-.05em;line-height:1.14;margin:10px 0 16px}
.scene-herzzentrum .hz-services>div{display:flex;gap:6px;flex-wrap:wrap}
.scene-herzzentrum .hz-services>div>span{padding:5px 8px;background:#e1efeb;color:#3b7873;border-radius:5px;font-size:8px;opacity:calc(.5 + var(--detail)*.5);transform:translateY(calc((1 - var(--detail))*6px))}
.scene-herzzentrum .hz-services>div>span:nth-child(2){background:#f2e5ed;color:#9f4685;transform:translateY(calc((1 - var(--detail))*14px))}
.scene-herzzentrum .hz-services>div>span:nth-child(3){transform:translateY(calc((1 - var(--detail))*22px))}
.scene-herzzentrum .hz-contact{position:absolute;z-index:4;right:6%;bottom:7%;padding:14px 18px;background:#205e5a;color:#fff;border-radius:11px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 28px #17443e20;opacity:var(--detail);transform:translateX(calc((1 - var(--detail))*30px))}
.scene-herzzentrum .hz-contact>span{font-size:9px;line-height:1.6}
.scene-herzzentrum .hz-contact>span:last-child{font-size:21px;margin-left:12px}
.scene-herzzentrum .hz-contact-dot{width:8px;height:8px;flex:none;background:#b9e8b0;border-radius:50%;box-shadow:0 0 0 5px #b9e8b01b}
.scene-terracare{background:#d1ddba;color:#14271b;perspective:1000px}
.scene-terracare .tc-field{position:absolute;inset:0;background:linear-gradient(0deg,#bbcea380,transparent 45%),repeating-linear-gradient(25deg,transparent 0 48px,#77956418 49px 50px),#d8e2c6;transform:scale(calc(1.03 + var(--detail)*.06))}
.scene-terracare .tc-identity{position:absolute;left:28px;right:27px;top:27px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.scene-terracare .tc-identity img{width:130px;height:auto}
.scene-terracare .tc-identity>span{font-size:7px;letter-spacing:.1em;color:#596b42}
.scene-terracare .tc-config{position:absolute;z-index:3;top:16%;left:7%;width:51%;padding:19px 22px;background:#fafff2eb;border:1px solid #fff;border-radius:12px;box-shadow:0 15px 35px #38522614;transform:translateY(calc((1 - var(--reveal))*-22px))}
.scene-terracare .tc-config>span{font-size:9px;color:#6a7c53}
.scene-terracare .tc-config>strong{display:flex;justify-content:space-between;font-size:13px;font-weight:650;margin:7px 0 20px;gap:10px}
.scene-terracare .tc-slider{height:4px;background:#dce4cf;border-radius:4px;position:relative}
.scene-terracare .tc-slider i{display:block;height:100%;width:100%;background:#5d8f39;transform-origin:left;transform:scaleX(calc(.2 + var(--detail)*.5))}
.scene-terracare .tc-slider b{position:absolute;top:50%;left:calc(20% + var(--detail)*50%);width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#487c30;box-shadow:0 1px 5px #14271b44;transform:translate(-50%,-50%)}
.scene-terracare .tc-config-labels{display:flex;justify-content:space-between;margin-top:9px;font-size:7px;color:#6a7c53}
.scene-terracare .tc-vehicle{position:absolute;left:2%;top:33%;width:91%;transform:translate3d(calc((1 - var(--reveal))*58px + var(--pointer-x)*5px),calc(var(--pointer-y)*3px),0) scale(calc(.88 + var(--reveal)*.12));transform-origin:50% 80%;z-index:2}
.scene-terracare .tc-vehicle>img{position:relative;width:100%;height:auto;z-index:2}
.scene-terracare .tc-ground{position:absolute;bottom:4%;left:10%;right:5%;height:8%;border-radius:50%;background:#56734533;filter:blur(9px)}
.scene-terracare .tc-axle{position:absolute;z-index:3;border:1.5px solid #9ff161;border-radius:50%;box-shadow:0 0 0 7px #c6f24c20,0 0 0 17px #c6f24c0b;opacity:var(--detail);transform:translate(-50%,-50%) scale(calc(.8 + var(--detail)*.4))}
.scene-terracare .tc-axle-front{left:32.41%;top:76.39%;width:17.24%;aspect-ratio:1}
.scene-terracare .tc-axle-back{left:79.31%;top:68.85%;width:25.86%;aspect-ratio:1}
.scene-terracare .tc-calculation{position:absolute;z-index:5;right:5%;bottom:7%;width:47%;padding:17px 20px;background:#183a24;color:#eef4e8;border:1px solid #3e603a;border-radius:13px;box-shadow:0 20px 32px #172d1a22;opacity:calc(.3 + var(--detail)*.7);transform:translate3d(calc((1 - var(--detail))*35px),calc((1 - var(--detail))*15px),0)}
.scene-terracare .tc-chart-heading{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;color:#c6d9b7}
.scene-terracare .tc-calculation>strong{display:block;font-size:15px;font-weight:550;letter-spacing:-.02em;margin:9px 0 12px}
.scene-terracare .tc-calculation svg{width:100%;height:85px;overflow:visible}
.scene-terracare .tc-chart-grid{stroke:#fff1;stroke-width:.7}
.scene-terracare .tc-chart-line{stroke:#c6f24c;stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--detail));stroke-linecap:round}
.scene-terracare .tc-chart-area{fill:#c6f24c0d;opacity:var(--detail)}
.scene-terracare .tc-investment-line{stroke:#b7cdb5;stroke-width:1;stroke-dasharray:3 4;opacity:.6}
.scene-terracare .tc-chart-legend{display:flex;gap:12px;font-size:7px;margin-top:5px;color:#d0dec7}
.scene-terracare .tc-chart-legend span{display:flex;align-items:center;gap:4px}
.scene-terracare .tc-chart-legend i{width:5px;height:5px;background:#c6f24c;border-radius:50%}
.scene-terracare .tc-chart-legend span:last-child i{background:#c0ccc1}
.scene-terracare .tc-calculation small{display:block;font-size:6px;color:#9faf94;margin-top:9px}
.scene-terracare .tc-pressure-note{position:absolute;bottom:12%;left:6%;max-width:35%;font-size:10px;line-height:1.5;color:#354d28;opacity:var(--detail)}
.scene-terracare .tc-pressure-note i{display:block;width:7px;height:7px;background:#568541;border-radius:50%;margin-bottom:9px;box-shadow:0 0 0 5px #8eb26522}
@media(max-width:1100px){.scene-namely .nm-name{padding:18px}.scene-namely .nm-name-main p{font-size:9px}.scene-namely .nm-label{font-size:7px}.scene-herzzentrum .hz-services{padding:18px}.scene-terracare .tc-config{padding:15px}.scene-terracare .tc-calculation{padding:15px;width:52%}}
@media(max-width:700px){.scene-namely .nm-studio-mark{top:20px;left:23px;right:22px;font-size:21px}.scene-namely .nm-studio-mark small{font-size:6px}.scene-namely .nm-brief{top:16%;padding:16px 18px;left:8%;width:73%}.scene-namely .nm-brief p{font-size:19px;margin:9px 0 12px}.scene-namely .nm-name{padding:16px}.scene-namely .nm-name-main{top:38%;left:18%;width:71%}.scene-namely .nm-name-main>strong{font-size:49px}.scene-namely .nm-label{font-size:6px}.scene-namely .nm-name-back{top:59%;left:1%;width:60%}.scene-namely .nm-name-orange{top:64%;right:0}.scene-namely .nm-name>strong{font-size:37px}.scene-namely .nm-name-main>strong{font-size:49px}.scene-namely .nm-name-back>span:last-child,.scene-namely .nm-name-orange>span:last-child{font-size:8px}.scene-namely .nm-favorite{bottom:9%;right:5%;font-size:8px}.scene-namely .nm-caption{font-size:6px;left:22px;bottom:11px}.scene-herzzentrum .hz-identity{padding:13px 16px;top:6%;width:53%}.scene-herzzentrum .hz-services{width:76%;left:4%;bottom:17%;padding:17px 18px}.scene-herzzentrum .hz-services>strong{font-size:25px}.scene-herzzentrum .hz-services>div>span{font-size:7px;padding:4px 6px}.scene-herzzentrum .hz-contact{right:4%;bottom:6%;padding:11px 14px}.scene-herzzentrum .hz-contact>span{font-size:8px}.scene-terracare .tc-identity{top:20px;left:22px;right:20px}.scene-terracare .tc-identity img{width:108px}.scene-terracare .tc-identity>span{font-size:5px}.scene-terracare .tc-config{top:17%;left:6%;width:61%;padding:13px 16px}.scene-terracare .tc-config>strong{font-size:11px;margin-bottom:13px}.scene-terracare .tc-vehicle{top:36%;width:100%;left:-3%}.scene-terracare .tc-calculation{right:4%;bottom:5%;width:49%;padding:13px 14px}.scene-terracare .tc-calculation>strong{font-size:12px}.scene-terracare .tc-calculation svg{height:53px}.scene-terracare .tc-chart-heading{font-size:5px}.scene-terracare .tc-chart-legend{font-size:5px;gap:7px}.scene-terracare .tc-calculation small{font-size:5px}.scene-terracare .tc-pressure-note{left:6%;bottom:13%;font-size:8px}}
