@font-face{font-family:Butler;src:url('fonts/butler-sans.woff2?v=34') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#080b0c;--fg:#f1f2f3;--muted:#a5aaae;--accent:#f2a57f;font-family:Butler,Arial,sans-serif;background:var(--bg);color:var(--fg)}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid white;outline-offset:6px}button{font:inherit}h1,h2,p,figure{margin:0}h1,h2{font-weight:650;letter-spacing:-.04em;line-height:1.25}h1{font-size:clamp(36px,5vw,72px)}h2{font-size:clamp(30px,3.2vw,46px)}p{color:var(--muted)}.lead{font-size:16px;line-height:1.95}.small,small{font-size:12px;color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:22px}.eyebrow span{margin-left:20px}main{height:100svh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none}main::-webkit-scrollbar{display:none}section{position:relative;height:100svh;overflow-y:auto;scroll-snap-align:start;scroll-snap-stop:always;padding:100px 7vw 74px;scrollbar-width:thin}section>*{position:relative}.particle-stage{position:fixed;inset:0;pointer-events:none}canvas{display:block;width:100%;height:100%}.site-header{position:fixed;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:23px 32px;font-size:13px;background:linear-gradient(var(--bg),transparent)}.section-marker{position:fixed;right:12px;width:3px;height:20px;border-radius:2px;background:var(--accent);z-index:6;top:20%}.hero{text-align:center;padding-top:16svh}.hero-copy>p:last-child{margin-top:26px}.hero-formation{height:49svh;width:100%;margin:auto}.next-link{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:var(--muted)}.next-link span{margin-left:14px}.mobile-break{display:none}.about-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:center;min-height:calc(100svh - 190px)}.about-copy .lead{margin:26px 0 18px}.about-foot{display:flex;align-items:center;gap:25px;margin-top:24px}.intro-formation{width:145px;height:145px}.status-tag{color:var(--accent);font-size:12px}.hardware{max-width:340px;margin:auto}.hardware img{width:100%;height:auto;max-height:49svh;object-fit:cover;border-radius:3px;display:block}.hardware figcaption{margin-top:20px;font-size:12px}.hardware strong{font-size:17px;font-weight:500}.hardware p{margin:6px 0}.time-nav{position:fixed;z-index:4;left:28px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:16px;font-size:10px;color:#92989c}.time-nav a{display:flex;gap:10px;align-items:center}.time-nav span{min-width:64px}.time-nav b{font-weight:400;opacity:0}.time-nav a[aria-current]{color:white}.time-nav a[aria-current] b{opacity:1}html[data-active-scene="2"] .time-nav,html[data-active-scene="3"] .time-nav,html[data-active-scene="4"] .time-nav,html[data-active-scene="5"] .time-nav,html[data-active-scene="6"] .time-nav,html[data-active-scene="7"] .time-nav{display:flex}.workday{padding-left:13vw;padding-right:4vw}.day-grid{min-height:calc(100svh - 180px);max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.3fr);gap:3vw;align-items:center}.day-copy{max-width:410px}.day-copy h2{margin-bottom:24px}.day-copy dl{margin:26px 0 22px;display:grid;gap:15px}.day-copy dt{font-size:13px;font-weight:550}.day-copy dd{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.scene-formation{width:100%;aspect-ratio:3/2;position:relative}.scene-formation img{width:100%;height:100%;display:block;object-fit:contain}.scene-clouds-ready:not(.static-scenes) .scene-formation picture{visibility:hidden}.day-art figcaption{text-align:right;font-size:10px;color:#8c9398;margin-top:12px}details{font-size:12px;color:var(--muted);border-top:1px solid #24292c;padding-top:13px}summary{cursor:pointer;list-style:none}summary::after{content:'＋';float:right}details[open] summary::after{content:'−'}details p{margin-top:14px}.media-placeholder{margin-top:14px;min-height:145px;background:#22272a;border:1px solid #41484d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#c6cbcf}.media-placeholder b{font-size:24px;font-weight:400}.download{text-align:center;padding-top:13svh}.download-copy{max-width:950px;margin:auto}.download .lead{margin:24px 0 30px}.download-actions{display:flex;justify-content:center;gap:20px;margin-bottom:17px}.download-actions a{padding:14px 22px;border:0;border-radius:3px;font-size:14px;cursor:pointer}.download-actions a:hover{text-decoration:none;filter:brightness(1.08)}.download-secondary{border:1px solid #41484d!important}.download-primary{color:#211812;background:var(--accent)}.download-secondary{color:#c3c7cb;background:transparent}.download-formation{width:min(350px,80vw);height:32svh;min-height:210px;margin:8px auto 0}footer{position:absolute;bottom:20px;left:32px;right:32px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.static-scenes .hero-formation{background:radial-gradient(ellipse at 50% 50%,transparent 19%,#ccd0d2 20%,transparent 22%);opacity:.65}.static-scenes .intro-formation,.static-scenes .download-formation{border:1px dotted #adb2b5;border-radius:50%;background:radial-gradient(circle,#384044,transparent 68%)}
@media(min-width:1600px){.workday{padding-left:10vw}}
@media(max-width:1000px){.time-nav{left:17px}.time-nav b{display:none}.time-nav span{min-width:0}.workday{padding-left:9vw}.day-grid{gap:24px;grid-template-columns:1fr 1.1fr}.day-copy h2{font-size:32px}.about-grid{gap:5vw}.lead{font-size:14px}}
@media(max-width:700px){body{font-size:14px}.site-header{padding:19px 20px;font-size:12px}section{padding:94px 24px 90px}.hero{padding-top:18svh}.mobile-break{display:initial}.hero-copy .eyebrow{font-size:11px;margin-bottom:20px}.hero-copy>p:last-child{font-size:13px;margin-top:22px}.hero-formation{width:calc(100% + 48px);margin-left:-24px;height:43svh}.about-grid{display:flex;flex-direction:column;gap:28px}.about-foot{margin-top:15px}.intro-formation{width:110px;height:110px;flex-shrink:0}.hardware{max-width:280px}.hardware img{max-height:none}.about .next-link,.workday .next-link{position:relative;display:block;left:auto;transform:none;bottom:auto;text-align:center;margin-top:35px}.time-nav{display:none!important}.workday{padding:86px 24px 35px}.day-grid{display:flex;flex-direction:column;gap:18px;min-height:auto}.day-copy{display:contents}.day-copy .eyebrow{order:0;align-self:flex-start;margin:0}.day-copy h2{order:1;align-self:flex-start;font-size:31px;margin:0}.day-art{order:2;width:calc(100% + 24px);margin:0 -12px}.day-art figcaption{font-size:9px;margin-top:0;padding-right:12px}.day-copy .lead{order:3;font-size:14px}.day-copy dl{order:4;align-self:stretch;margin:0;gap:13px}.day-copy details{order:5;align-self:stretch;margin-top:2px}.eyebrow span{margin-left:15px}.download{padding-top:14svh}.download h2{font-size:34px}.download .lead{font-size:13px;margin:20px 0 25px}.download-actions{flex-direction:column;align-items:center;gap:3px;margin-bottom:12px}.download-actions a{font-size:13px}.download .small{max-width:290px;margin:auto;font-size:11px}.download-formation{height:28svh;min-height:185px}footer{left:20px;right:20px;font-size:10px}.section-marker{right:6px;width:2px}}
@media(prefers-reduced-motion:reduce){main{scroll-behavior:auto}}
h1,h2{text-wrap:balance}.hero-formation{margin-top:50px}
@media(max-width:700px){.hero-formation{margin-top:30px}}
@media(min-width:1001px){.day-copy h2{font-size:40px}}
@media(max-width:700px){.hero-formation{width:100%;margin-left:0}}

/* Alternate desktop compositions; keep source art and mobile reading direction intact. */
@media(min-width:701px){
 .workday--reverse .day-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr)}
 .workday--reverse .day-art{grid-column:1;grid-row:1}
 .workday--reverse .day-copy{grid-column:2;grid-row:1;justify-self:end}
 .workday--reverse .day-art figcaption{text-align:left}
}
@media(min-width:701px) and (max-width:1000px){
 .workday--reverse .day-grid{grid-template-columns:1.1fr 1fr}
}

.about-orb{text-align:center;width:100%}
.about-orb .intro-formation{width:100%;height:min(410px,48svh)}
.about-orb .small{margin-top:20px}
@media(max-width:700px){.about-orb .intro-formation{height:290px}.about-foot{margin-bottom:5px}}

.scene-formation{height:min(64svh,640px);aspect-ratio:auto}
@media(max-width:700px){.scene-formation{height:360px}}

/* Concrete exchanges remain separate from implementation status. */
.day-example{border-left:2px solid #7f878c;padding:3px 0 3px 17px;margin-top:22px}
.day-example span{display:block;font-size:10px;letter-spacing:.03em;color:#8f989e;margin-bottom:6px}
.day-example p{font-size:14px;line-height:1.8;color:#e1e4e6}
.missing-scene{display:flex;align-items:center;justify-content:center}
.missing-scene .media-placeholder{width:90%;height:70%;min-height:210px;margin:0;color:#aeb5b9;background:#1b2023;border-color:#323a3f;text-align:center;padding:20px}
.features{padding-top:max(78px,9svh);text-align:center}
.features-heading>p:last-child{margin-top:14px;font-size:14px}
.features-heading .eyebrow{margin-bottom:14px}
.feature-grid{width:min(1120px,100%);height:440px;min-height:440px;margin:22px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.feature-item{position:relative;padding:0 14px;text-align:center}
.feature-item h3{position:absolute;top:48%;left:0;right:0;margin:0;font-size:17px;font-weight:550;line-height:1.5}
.feature-item p{position:absolute;top:calc(48% + 31px);left:14px;right:14px;font-size:12px;line-height:1.7;max-width:250px;margin:auto}
.feature-fallback{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;object-fit:contain}
.scene-clouds-ready:not(.static-scenes) .feature-fallback{visibility:hidden}
.feature-note{font-size:11px;margin:18px auto 0}
html[data-active-scene="8"] .time-nav{display:flex}
@media(min-width:701px){
 .workday{padding-bottom:26px}
 .day-grid{min-height:calc(100svh - 190px)}
 .workday .next-link{position:relative;left:auto;bottom:auto;transform:none;display:block;text-align:center;margin:20px auto 0}
}
@media(min-width:701px) and (max-height:800px){
 .workday{padding-top:78px}
 .day-copy .eyebrow{margin-bottom:16px}.day-copy h2{margin-bottom:18px}
 .day-copy dl{gap:10px;margin:18px 0}.day-example{margin-top:16px}
 .day-example p{font-size:13px}.day-copy .lead{line-height:1.85}
}
@media(max-width:700px){
 .day-copy .day-example{order:4;align-self:stretch;margin:0}
 .day-copy dl{order:5}.day-copy details{order:6}
 .features{padding:90px 24px 35px}
 .features-heading h2{font-size:30px}.features-heading>p:last-child{font-size:13px}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));height:1100px;min-height:1100px;margin-top:22px}
 .feature-item{padding:0 8px}.feature-item h3{font-size:16px;top:38%}
 .feature-item p{top:calc(38% + 32px);left:8px;right:8px;font-size:12px}
 .feature-fallback{width:66px;height:66px}
 .features .next-link{position:relative;left:auto;bottom:auto;transform:none;display:block;margin:30px auto 0}
}

.feature-support{max-width:1012px;margin:24px auto 0;padding-top:22px;border-top:1px solid #252b2e;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;text-align:left}
.feature-support h3{margin:0 0 6px;font-size:13px;font-weight:550}
.feature-support p{font-size:12px;line-height:1.8}
.feature-detail{max-width:1012px;margin:25px auto 0;text-align:left}
.feature-detail p{max-width:820px;line-height:1.9}
.features .next-link{position:relative;left:auto;bottom:auto;transform:none;display:block;margin:26px auto 0}
@media(max-width:700px){
 .feature-support{grid-template-columns:1fr;gap:20px;margin-top:12px}
 .feature-item p{line-height:1.85}
}

/* Authored fallback is visible before initialization and whenever rendering fails. */
.static-scenes .particle-stage{visibility:hidden}
.media-placeholder{border:0;background:transparent;color:var(--muted)}
section:focus{outline:none}

/* Collaboration copy: a longer opening line, two template entries, and room to read. */
.hero{padding-top:13svh}.hero-copy{max-width:960px;margin:auto}
.hero h1{font-size:clamp(38px,4.25vw,62px);line-height:1.3;max-width:960px;margin:auto}
.hero-copy>p:last-child{max-width:660px;margin:24px auto 0;font-size:15px}
.hero-formation{height:42svh;margin-top:80px}
.about{padding-top:96px;padding-bottom:30px}.about-grid{gap:5vw;grid-template-columns:1.2fr .8fr;min-height:calc(100svh - 230px)}
.about-copy h2{font-size:clamp(30px,3vw,42px)}.about-copy .lead{margin:22px 0 14px;font-size:15px}
.about-copy>p{font-size:14px;line-height:1.9}
.template-options{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:24px;padding-top:20px;border-top:1px solid #303639}
.template-options h3{font-size:15px;font-weight:550;margin:0 0 7px}.template-options p{font-size:12px;line-height:1.8}
.about-copy .future-note{font-size:11px;margin-top:15px}.about-copy .device-note{font-size:12px;margin-top:17px}
.about-foot{justify-content:space-between;gap:16px;margin-top:18px}.about-foot .small{text-align:right;font-size:11px}
.experience-note{font-size:11px;text-align:center;margin-top:24px;color:#939da2}
.about .next-link{position:relative;display:block;left:auto;bottom:auto;transform:none;text-align:center;margin-top:13px}
.day-copy h2{max-width:430px}.day-copy .lead{font-size:15px;line-height:1.9}
.feature-grid{height:520px;min-height:520px}.feature-item h3{font-size:16px}.feature-item p{font-size:12px;line-height:1.85}
.download .device-note{margin-top:10px}.download h2{max-width:900px;margin:auto}
.media-placeholder{background:#1b2023;border:1px solid #323a3f;padding:20px;text-align:center}
@media(max-width:700px){
 .hero{padding-top:14svh}.hero h1{font-size:34px;line-height:1.4;text-wrap:pretty}
 .hero-copy>p:last-child{font-size:13px;max-width:310px;line-height:1.9}
 .hero-formation{height:38svh;margin-top:18px}
 .about{padding-top:92px}.about-grid{gap:8px}.about-copy .lead{font-size:14px}.about-copy>p{font-size:13px}
 .template-options{gap:18px}.template-options p{font-size:12px}.about-orb .intro-formation{height:255px}
 .experience-note{max-width:280px;margin:8px auto 0;line-height:1.7}
 .day-copy .lead{font-size:14px}.day-copy h2{max-width:100%;text-wrap:pretty}
 .feature-grid{height:1260px;min-height:1260px}.feature-item h3{top:35%;font-size:15px}.feature-item p{top:calc(35% + 32px);font-size:12px;left:7px;right:7px}
 .download{padding-top:11svh}.download-formation{height:25svh;min-height:170px}.download h2{font-size:31px;line-height:1.4}
}

.keep-word{white-space:nowrap}