/* Clear professional introduction, with the interactive object kept unobstructed. */
.hero-title-wrap{top:14%;transform:translateX(-50%);width:90%;max-width:880px}
.hero .hero-copy h1,html[dir=rtl] .hero .hero-copy h1{font:400 clamp(34px,4vw,68px)/1.08 Inter,Arial,sans-serif;letter-spacing:-.055em;max-width:none}
.hero h1 .title-line{display:block;padding:0;white-space:normal}
.hero h1 .title-line.accent{display:block;color:#9bc6c8;margin-top:.07em}
html[dir=rtl] .hero .hero-copy h1{font-family:Tahoma,Arial,sans-serif;line-height:1.35;letter-spacing:-.04em}
.hero .orb-viewport{top:61%;width:min(76svh,86vw);height:min(76svh,86vw)}
.hero .scene-experience .art-top{display:none}
.hero .eyebrow{bottom:150px;font-size:7px}
.hero-intro{max-width:290px;font-size:11px}
.hero .art-bottom{bottom:150px}
/* A vertical faceted axis, with project planes following a 45-degree tilted orbit. */
.orbit-structure{display:none}
.orbit-mode .orbit-structure{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;perspective:1500px}
.orbit-axis{--axis-size:clamp(50px,6vw,90px);position:absolute;left:50%;top:47%;width:var(--axis-size);height:76%;transform:translate(-50%,-50%) rotateY(45deg);transform-style:preserve-3d;opacity:.7}
.orbit-axis i{position:absolute;inset:0;border:1px solid #83adbe24;background:linear-gradient(90deg,#122331,#3b56624f,#162b39),repeating-linear-gradient(0deg,transparent 0 59px,#a9c9d01a 60px 61px);transform:translateZ(calc(var(--axis-size)/2));backface-visibility:hidden}
.orbit-axis i:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--axis-size)/2));background-color:#193342}
.orbit-axis i:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--axis-size)/2))}
.orbit-axis i:nth-child(4){transform:rotateY(270deg) translateZ(calc(var(--axis-size)/2));background-color:#0b1a27}
.orbit-track{position:absolute;left:50%;top:47%;width:82%;height:37%;max-width:1300px;border:1px solid #91c3ce20;border-radius:50%;transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 0 0 35px #79b7cb03}
.orbit-ground{position:absolute;left:50%;bottom:10%;width:26%;height:5%;transform:translateX(-50%);background:radial-gradient(ellipse,#6ca8b321,transparent 70%)}
.orbit-mode .work-list{perspective:1800px}
.orbit-mode .project{width:min(49vw,900px);height:clamp(290px,31vw,520px);backface-visibility:hidden;box-shadow:0 25px 55px #0005}
.orbit-mode .section-heading h2{color:#c6dce20b}
@media(max-width:800px){.hero{min-height:780px}.hero-title-wrap{top:clamp(105px,calc(52svh - 46vw - 100px),170px);transform:translateX(-50%);width:90%}.hero .hero-copy h1,html[dir=rtl] .hero .hero-copy h1{font-size:clamp(29px,8.5vw,39px)}.hero .orb-viewport{top:52%;width:90vw;height:90vw;max-width:460px;max-height:460px}.hero .eyebrow{display:none}.hero .scene-experience .art-bottom{top:calc(52% + min(45vw,230px));bottom:auto;left:50%;right:auto;transform:translateX(-50%)}.hero-intro,html[dir=rtl] .hero-intro{bottom:107px;left:25px;right:25px;max-width:none;text-align:center;font-size:11px}.hero .round-link,html[dir=rtl] .hero .round-link{left:50%;right:auto;bottom:52px;transform:translateX(-50%);font-size:10px}.hero-meta{bottom:23px}.hero-meta>a{display:none}.orbit-mode .project{width:78vw;height:clamp(210px,54vw,350px);min-height:0;top:46%}.orbit-mode .project-horizon .project-visual{padding:20px 4% 0}.orbit-mode .project-store .project-visual{padding:16px 4%}.orbit-mode .project-fan .project-visual{padding:20px 7%}.orbit-mode .project-fan .fan-type{font-size:clamp(22px,5.2vw,38px)}.orbit-mode .project-open{width:28px;height:28px;top:10px;right:10px}.orbit-mode .orbit-caption{left:25px;right:25px;bottom:75px;max-width:none}.orbit-title{font-size:30px}.orbit-category{font-size:6px;max-width:260px}.work.orbit-mode .orbit-count{right:25px;bottom:37px;font-size:8px}.work.orbit-mode .orbit-navigation button{top:46%;width:37px;height:37px;font-size:20px}.work.orbit-mode .orbit-prev{left:10px}.work.orbit-mode .orbit-next{right:10px}.orbit-axis{--axis-size:42px;height:70%;top:46%}.orbit-track{width:96%;height:32%;top:46%}}
@media(max-width:390px){.hero .hero-copy h1,html[dir=rtl] .hero .hero-copy h1{font-size:31px}.hero-intro,html[dir=rtl] .hero-intro{font-size:10px}.orbit-title{font-size:27px}}
.demo-section .section-heading>div{min-width:0}.demo-section .section-heading h2{overflow-wrap:anywhere}main{overflow-x:clip}