body:has(.bo-project){background:#080d09}
.bo-project{--bo-green:#a9d743;--bo-ink:#f5f7ef;background:#080d09;color:var(--bo-ink);overflow:clip}
.bo-project a:focus-visible{outline:2px solid var(--bo-green);outline-offset:5px}
.bo-project .container{max-width:1440px}
.bo-back{display:inline-block;color:#cbd7c5;font-size:13px;margin-bottom:clamp(60px,8vw,120px)}
.bo-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.6;color:var(--bo-green)}
.bo-hero{padding-top:58px;padding-bottom:clamp(90px,12vw,180px)}
.bo-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(40px,6vw,100px)}
.bo-hero h1{font-size:clamp(60px,6.3vw,105px);line-height:.97;letter-spacing:-.07em;font-weight:750;margin:26px 0 25px}.bo-project em{font-family:Instrument,Georgia,serif;color:var(--bo-green);font-weight:400}.bo-hero-copy>p{max-width:420px;font-size:18px;line-height:1.7;color:#b8c3b4}.bo-link{display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid var(--bo-green);font-size:13px;margin-top:45px;padding-bottom:12px}.bo-link span{color:var(--bo-green);font-size:24px}
.bo-hero-visual{position:relative;min-width:0;perspective:1100px}.bo-hero-window{position:relative;border:1px solid #b2d7797d;border-radius:10px;overflow:hidden;background:#f7f7f7;box-shadow:0 40px 100px #0009;transform:rotateY(-8deg) rotateX(4deg);animation:bo-float 8s ease-in-out infinite alternate}.bo-hero-window img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.bo-browser-top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1d281c;color:#e7f5dd;font-size:11px;padding:14px 18px}.bo-browser-top span:first-child{color:var(--bo-green);letter-spacing:.28em}.bo-orbit{position:absolute;inset:-55px;z-index:0;border:1px solid #a9d74333;border-radius:50%;transform:rotate(-12deg);pointer-events:none}.bo-orbit::after{content:'';position:absolute;inset:35px;border:1px solid #a9d74322;border-radius:50%}.bo-orbit span{position:absolute;font-size:9px;letter-spacing:.18em;color:var(--bo-green);background:#080d09;padding:5px}.bo-orbit span:nth-child(1){top:-10px;left:48%}.bo-orbit span:nth-child(2){right:-20px;top:53%}.bo-orbit span:nth-child(3){bottom:-10px;left:27%}
.bo-running-line{overflow:hidden;border-block:1px solid #a9d74344;background:#0e190c;padding:17px 0;white-space:nowrap;font-size:clamp(18px,2.3vw,32px);font-weight:700;letter-spacing:-.04em}.bo-running-line>div{width:max-content;animation:bo-marquee 28s linear infinite}.bo-running-line span{color:var(--bo-green);padding:0 20px}
.bo-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,7vw,120px);padding-block:clamp(100px,13vw,185px)}.bo-story h2,.bo-showcase h2,.bo-visit h2{font-size:clamp(48px,5.2vw,82px);line-height:1.05;letter-spacing:-.06em;margin:20px 0}.bo-story p{font-size:clamp(15px,1.25vw,18px);line-height:1.85;color:#c0cbbd;margin:0 0 24px}.bo-story .bo-note{font-size:12px;line-height:1.7;color:#8b9b8b;margin-top:30px}
.bo-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:clamp(110px,12vw,180px)}.bo-services article{position:relative;border-top:1px solid #a9d74383;padding:25px 20px 25px 0}.bo-services article::before{content:'';position:absolute;top:-2px;left:0;width:0;height:3px;background:var(--bo-green);transition:width .7s}.bo-services article.is-visible::before,.bo-services article:hover::before{width:100%}.bo-services article>span{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--bo-green)}.bo-services h3{font-size:clamp(30px,3vw,48px);letter-spacing:-.055em;margin:35px 0 15px}.bo-services p{max-width:310px;color:#aebca8;font-size:14px;line-height:1.75}
.bo-showcase{padding-bottom:clamp(90px,12vw,170px)}.bo-showcase-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.bo-showcase-head>p{font-size:14px;line-height:1.7;color:#aebca8;max-width:240px}.bo-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.bo-screen{margin:0;min-width:0}.bo-screen:first-child{grid-column:1/-1}.bo-screen>a{display:block;overflow:hidden;border:1px solid #a9d74358;border-radius:10px;background:#fff;transition:transform .3s,border-color .3s}.bo-screen>a:hover{transform:translateY(-6px);border-color:var(--bo-green)}.bo-screen img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.bo-screen:first-child img{aspect-ratio:16/8}.bo-screen figcaption{display:flex;gap:20px;margin-top:19px}.bo-screen figcaption>span{color:var(--bo-green);font-size:12px}.bo-screen figcaption h3{font-size:24px;letter-spacing:-.04em;margin:0 0 7px}.bo-screen figcaption p{max-width:530px;font-size:13px;line-height:1.6;color:#aebca8}
.bo-visit{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #a9d74355;padding-block:65px 120px}.bo-visit h2{margin-bottom:12px}.bo-visit p{font-size:14px;color:#aebca8;line-height:1.6}.bo-visit>a{display:inline-flex;align-items:center;gap:38px;background:var(--bo-green);color:#10180e;padding:18px 25px;border-radius:40px;font-size:13px;font-weight:700;white-space:nowrap}.bo-visit>a:hover{background:#d7f38b}
@keyframes bo-float{to{transform:rotateY(-3deg) rotateX(1deg) translateY(-14px)}}@keyframes bo-marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.bo-hero-grid{grid-template-columns:1fr;gap:70px}.bo-hero-copy{max-width:690px}.bo-hero-visual{width:min(680px,90%);margin:auto}.bo-story{grid-template-columns:1fr;gap:35px}.bo-orbit{inset:-35px}}
@media(max-width:650px){.bo-hero{padding-top:28px;padding-bottom:100px}.bo-back{margin-bottom:50px}.bo-hero h1{font-size:clamp(55px,12.5vw,78px)}.bo-hero-copy>p{font-size:15px}.bo-hero-visual{width:91%}.bo-orbit{inset:-23px}.bo-orbit span{display:none}.bo-browser-top{font-size:9px;padding:11px}.bo-story{padding-block:90px}.bo-story h2,.bo-showcase h2,.bo-visit h2{font-size:clamp(48px,11vw,68px)}.bo-services{grid-template-columns:1fr;gap:12px;padding-bottom:100px}.bo-services h3{margin-top:20px}.bo-showcase-head{display:block}.bo-showcase-head>p{margin-top:20px}.bo-screens{grid-template-columns:1fr;gap:43px}.bo-screen:first-child{grid-column:auto}.bo-screen:first-child img{aspect-ratio:16/10}.bo-screen figcaption h3{font-size:21px}.bo-visit{align-items:flex-start;flex-direction:column;padding-block:65px 95px}.bo-visit>a{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.bo-hero-window,.bo-running-line>div{animation:none}.bo-services article::before,.bo-screen>a{transition:none}}