/* Beelight adaptations of the shared Beyond Bounds Clear Glass design. */
.beelight-page [hidden] {display:none!important}
html:has(body.doex-beelight) {scroll-padding-top:0}
.beelight-page .hero {height:clamp(650px,51vw,800px)}
.beelight-page .hero-art {inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;mask-image:none}
.beelight-page .hero-shade {background:linear-gradient(90deg,#0a0a0aeb 0%,#0a0a0aa6 30%,#0a0a0a12 67%),linear-gradient(0deg,#0a0a0a 0%,#0a0a0a05 35%,#0a0a0a26 75%,#0a0a0a5c)}
.beelight-page .hero-inner {padding-top:calc(var(--header) + 112px);padding-bottom:48px;justify-content:center}
.beelight-page .hero h1 {font-size:clamp(86px,9.3vw,142px);letter-spacing:-.054em;margin-bottom:24px}
.beelight-page .hero-tagline {max-width:440px;white-space:normal;font-size:clamp(20px,2.1vw,29px);line-height:1.42}
.beelight-page .hero-bottom {display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px}
.beelight-page .motion-toggle {width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff33;border-radius:50%;background:#111111a8;color:#ddd;backdrop-filter:blur(10px)}
.beelight-page .motion-toggle .icon {width:17px;height:17px}
.beelight-page .motion-toggle:hover {border-color:#ffffff88}
.beelight-page .overview-facts {grid-template-columns:1.1fr 1fr 1fr .65fr}
.beelight-page .trailer-player>video {width:100%;height:100%;display:block;object-fit:contain}
.beelight-page .trailer-play[hidden] {display:none}
.beelight-page .video-source-link {display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-top:10px}
.beelight-page .video-source-link .icon {width:15px;height:15px}
.beelight-page .video-source-link:hover {color:var(--text)}
.beelight-page .gallery-stage {aspect-ratio:2.25}
.beelight-page .gallery-stage>img {object-position:50% 50%}
.beelight-page .gallery-heading-note {font-size:13px;max-width:220px;text-align:right;line-height:1.7}
.beelight-page .process-card>.image-surface {aspect-ratio:16/10}
.beelight-page .process-card>.image-surface img {object-fit:cover}
.beelight-page .process-card:nth-child(1)>.image-surface img {object-fit:contain;background:#aaa}
.beelight-page .iteration-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
.beelight-page .iteration-grid .image-surface {aspect-ratio:16/10;border:1px solid var(--line);border-radius:8px}
.beelight-page .iteration-grid .image-surface img {object-fit:contain}
.beelight-page .detail-feature {display:grid;grid-template-columns:.65fr 1.35fr;gap:48px;align-items:center;margin:30px 0}
.beelight-page .detail-feature .prose {font-size:15px}
.beelight-page .detail-feature .image-surface {border:1px solid var(--line);aspect-ratio:1.8}
.beelight-page .detail-feature .image-surface img {object-fit:contain}
.beelight-page .feature-caption {font-size:12px;margin-top:12px;line-height:1.6;color:var(--muted)}
.beelight-page .tree-lineup .image-surface {aspect-ratio:3.3;border:1px solid var(--line);background:#101113}
.beelight-page .tree-lineup .image-surface img {object-fit:contain}
.beelight-page .study-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.beelight-page .study-grid .image-surface {aspect-ratio:1.6;border:1px solid var(--line);border-radius:10px}
.beelight-page .study-grid .image-surface img {object-fit:contain}
.beelight-page .study-grid figcaption {font-size:12px;color:var(--muted);line-height:1.65;margin-top:10px}
.beelight-page .detail-subheading {font-size:22px;margin-top:38px;letter-spacing:-.025em}
.beelight-page .diagram-row {display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start;margin-top:28px}
.beelight-page .diagram-row .technical-diagram img {width:100%;display:block}
.beelight-page .diagram-note .icon {width:27px;height:27px;color:var(--muted);margin-bottom:16px}
.beelight-page .diagram-note h4 {font-size:19px;font-weight:550;letter-spacing:-.025em;line-height:1.3;margin-bottom:10px}
.beelight-page .diagram-note p {font-size:13px;line-height:1.8}
.beelight-page .grass-feature {grid-template-columns:1.25fr .75fr}
.beelight-page .grass-feature .image-surface {aspect-ratio:1.6}
.beelight-page .asset-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}
.beelight-page .asset-grid .image-surface {aspect-ratio:1.3;border:1px solid var(--line)}
.beelight-page .asset-grid .image-surface img {object-fit:contain}
.beelight-page .asset-grid figcaption {font-size:12px;color:var(--muted);margin-top:10px;line-height:1.65}
.beelight-page .closing-grid {display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center;padding:46px 0}
.beelight-page .closing-grid .image-surface {aspect-ratio:2.1;border:1px solid var(--line)}
.beelight-page .closing-copy h3 {font-size:28px;line-height:1.18;margin-bottom:20px}
.beelight-page .credit-list {display:grid;gap:14px;font-size:14px}
.beelight-page .credit-list dt {font-size:12px;color:var(--faint)}
.beelight-page .credit-list dd {font-size:15px;color:var(--text)}
.beelight-page .closing-links {display:flex;flex-wrap:wrap;gap:24px;margin-top:25px}
.beelight-page .closing-links a {font-size:13px}
.beelight-page .menu-art-inner img {object-position:58% 50%}
.beelight-page .image-dialog::backdrop {background:#000000dc}
.beelight-page .sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.beelight-page .image-surface .image-transition-old {position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;object-fit:inherit}
.beelight-page .gallery-stage .image-transition-old {object-fit:cover}
.beelight-page .viewer-image-wrap .image-transition-old {object-fit:contain}
@media(min-width:1600px) {
.beelight-page .hero-inner {padding-top:205px}
.beelight-page .hero h1 {font-size:142px}}
@media(max-width:1100px) {
.beelight-page .hero h1 {font-size:108px}
.beelight-page .detail-feature {gap:30px}
.beelight-page .diagram-row {grid-template-columns:1fr;gap:22px}
.beelight-page .diagram-note {display:grid;grid-template-columns:35px 180px 1fr;gap:15px;align-items:start}
.beelight-page .diagram-note .icon, .beelight-page .diagram-note h4 {margin:0}
.beelight-page .diagram-note p {font-size:14px}
.beelight-page .asset-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.beelight-page .closing-grid {gap:30px}}
@media(max-width:850px) {
.beelight-page .hero {height:650px}
.beelight-page .hero h1 {font-size:92px}
.beelight-page .hero-inner {padding-top:180px}
.beelight-page .hero-tagline {max-width:320px}
.beelight-page .gallery-heading-note {display:none}
.beelight-page .detail-feature {grid-template-columns:1fr;gap:24px}
.beelight-page .detail-feature .prose {max-width:75ch}
.beelight-page .study-grid {gap:16px}
.beelight-page .iteration-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.beelight-page .closing-grid {grid-template-columns:1fr;gap:32px}
.beelight-page .closing-copy h3 {font-size:27px}
.beelight-page .credit-list {grid-template-columns:1fr 1fr}
.beelight-page .tree-lineup .image-surface {aspect-ratio:2.8}}
@media(max-width:650px) {
.beelight-page .hero {height:700px}
.beelight-page .hero-inner {padding-top:163px;padding-bottom:29px;justify-content:flex-start}
.beelight-page .hero h1 {font-size:clamp(67px,18vw,94px);margin-bottom:19px}
.beelight-page .hero-art {inset:0;height:100%;width:100%;object-position:62% center;mask-image:none}
.beelight-page .hero-shade {background:linear-gradient(180deg,#0a0a0ad9 0%,#0a0a0a99 28%,#0a0a0a05 57%,#0a0a0a80 85%,#0a0a0a),linear-gradient(90deg,#0a0a0a22,#0a0a0a05)}
.beelight-page .hero-tagline {font-size:20px;max-width:285px}
.beelight-page .hero-bottom {padding-top:75px;gap:20px}
.beelight-page .motion-toggle {width:38px;height:38px;flex:none}
.beelight-page .overview-facts {grid-template-columns:1.15fr 1fr 1.1fr .5fr}
.beelight-page .gallery-stage {aspect-ratio:1.5}
.beelight-page .gallery-caption {font-size:12px}
.beelight-page .gallery-controls>.round-button {width:42px;height:42px}
.beelight-page .gallery-thumbnails button {flex-basis:73px}
.beelight-page .process-card {grid-template-columns:95px 1fr;gap:12px}
.beelight-page .process-card>.image-surface {aspect-ratio:1.35}
.beelight-page .iteration-grid>figure:last-child {grid-column:auto}
.beelight-page .study-grid {grid-template-columns:1fr 1fr;gap:23px 13px}
.beelight-page .study-grid .image-surface {aspect-ratio:1.3}
.beelight-page .study-grid figcaption, .beelight-page .iteration-grid figcaption {font-size:12px}
.beelight-page .study-grid>figure:last-child:nth-child(odd) {grid-column:1/-1}
.beelight-page .study-grid>figure:last-child:nth-child(odd) .image-surface {aspect-ratio:1.85}
.beelight-page .tree-lineup .image-surface {aspect-ratio:1.8}
.beelight-page .detail-article {padding:36px 0}
.beelight-page .diagram-note {display:block}
.beelight-page .diagram-note .icon {margin-bottom:14px}
.beelight-page .diagram-note h4 {margin-bottom:10px}
.beelight-page .technical-diagram {border-radius:9px}
.beelight-page .diagram-row .technical-diagram {overflow:hidden}
.beelight-page .diagram-row .technical-diagram img {min-width:0}
.beelight-page .asset-grid {gap:23px 13px}
.beelight-page .asset-grid .image-surface {aspect-ratio:1.1}
.beelight-page .asset-grid figcaption {font-size:12px}
.beelight-page .detail-feature {margin:25px 0}
.beelight-page .closing-grid {padding:35px 0}
.beelight-page .closing-grid .image-surface {aspect-ratio:1.6}
.beelight-page .credit-list {gap:20px}
.beelight-page .site-footer {gap:16px}
.beelight-page .site-footer .wordmark {font-size:17px}
.beelight-page .expand-affordance {opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce) {
html:has(body.doex-beelight) {scroll-behavior:auto}
.beelight-page, .beelight-page *, .beelight-page *::before, .beelight-page *::after {animation-duration:.01ms!important;transition-duration:.01ms!important}
.beelight-page .hero-art video {display:none}}

/* Current Beyond Bounds header and context accents. */
.beelight-page .chapter-navigation {margin-right:90px}
.beelight-page .project-context h3 {color:#dd3333}
.beelight-page .diagram-row .technical-diagram picture>img {position:static;display:block;width:100%;height:auto;max-width:100%}
.beelight-page .diagram-note {display:grid;grid-template-columns:30px minmax(150px,220px) minmax(0,1fr);gap:18px;align-items:start}
.beelight-page .diagram-note .icon, .beelight-page .diagram-note h4 {margin:0}
.beelight-page .diagram-note p {font-size:14px;max-width:78ch}
.beelight-page .terrain-explainer {margin-top:52px;padding-top:32px;border-top:1px solid var(--line)}
.beelight-page .terrain-explainer .detail-subheading {margin:0 0 18px}
@media(max-width:650px) {
.beelight-page .header-inner {grid-template-columns:1fr auto}
.beelight-page .chapter-navigation {margin-right:0}
.beelight-page .diagram-note {display:block}
.beelight-page .diagram-note .icon {margin-bottom:14px}
.beelight-page .diagram-note h4 {margin-bottom:10px}
.beelight-page .terrain-explainer {margin-top:36px;padding-top:28px}
}

@media (max-width:650px) {
 .beelight-page { --header: 140px; }
 .beelight-page .site-header { height: 140px; margin-bottom: -140px; }
 .beelight-page .header-inner { grid-template-rows: 90px 49px; }
 .beelight-page .chapter-navigation { grid-row: 2; }
 .beelight-page .hero-inner { padding-top: 180px; }
}

/* Videos play inline; the separate action moves that native player into a dialog. */
.beelight-page .video-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:18px; margin-top:10px; }
.beelight-page .video-expand, .beelight-page .video-actions .video-source-link { display:inline-flex; align-items:center; gap:7px; min-height:36px; margin:0; padding:0; border:0; background:none; color:var(--muted); font-size:12px; line-height:1.5; }
.beelight-page .video-expand .icon { width:15px; height:15px; }
.beelight-page .video-expand:hover, .beelight-page .video-actions .video-source-link:hover { color:var(--text); }
.beelight-page .video-placeholder { display:block; width:100%; background:#101010; border-radius:12px; }
.beelight-page .video-dialog { position:fixed; inset:0; margin:auto; width:min(1260px,94vw); max-width:94vw; max-height:94svh; overflow:auto; padding:64px 24px 24px; border:1px solid #ffffff33; border-radius:12px; background:#111; color:var(--text); }
.beelight-page .video-dialog::backdrop { background:#050505dc; backdrop-filter:blur(12px); }
.beelight-page .video-dialog h2 { margin:0 0 18px; font-size:22px; line-height:1.3; }
.beelight-page .video-dialog .dialog-close { top:12px; right:12px; width:44px; height:44px; }
.beelight-page .video-viewer-stage > video { display:block; width:100%; height:auto; max-height:68svh; object-fit:contain; background:#080808; border:0; border-radius:8px; }
.beelight-page .video-dialog .video-source-link { display:inline-block; color:var(--muted); font-size:12px; margin-top:14px; }
@media (max-width:650px) {
 .beelight-page .video-dialog { padding:64px 14px 20px; }
 .beelight-page .video-dialog h2 { font-size:19px; }
 .beelight-page .video-expand, .beelight-page .video-actions .video-source-link { min-height:44px; }
}