/* A continuous, scroll-led exhibition. Native scroll; no scroll hijacking. */
html[data-theme="dark"] {
 --paper:#131313; --surface:#202020; --ink:#efefef; --muted:#a9a9a9; --line:#cdcdcd25;
 --carousel-bg:var(--paper); --card-bg:var(--surface); --nav-bg:var(--paper); --text-color:var(--ink); --nav-text:var(--ink); --border-color:var(--line);
 color-scheme:dark;
}
html { scroll-behavior:smooth; }
html[data-theme="dark"] body { background:radial-gradient(ellipse at 80% 5%,#33333340,transparent 42%),#131313; }
header { background:color-mix(in srgb,var(--paper) 85%,transparent); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
.logo h1 { font-weight:700; }.nav-link { font-size:12px; }
.nav-link[data-page="contact"] { background:var(--lime); color:#252525; }
[data-page="discover"] header { border-bottom-color:transparent; }
[data-page="discover"] main { overflow-x:clip !important; }
.lab-dateline { padding-block:24px 0; color:var(--muted); }
.intro-chapter { position:relative; height:150svh; }
.discovery-hero { position:sticky; top:96px; height:calc(100svh - 96px); min-height:680px; padding:54px 0 95px; background:transparent; border-radius:0; overflow:visible; }
.hero-copy { width:68%; padding-top:3vh; }
.hero-copy .eyebrow { font-size:11px; color:#bdbdbd; letter-spacing:2px; }
.hero-copy h2 { font-size:clamp(70px,7.9vw,128px); font-weight:500; letter-spacing:-.065em; line-height:.98; margin:26px 0 30px; }
.hero-intro { font-size:17px; max-width:540px; color:var(--muted); }.hero-intro br { display:none; }
.hero-actions .lab-button { min-height:58px; padding:16px 25px; }
.hero-actions { gap:26px; }.hero-secondary { font-size:13px; }
.data-art { right:-10%; top:0; width:67%; height:87%; opacity:1; background:radial-gradient(ellipse,#e5005620,transparent 65%); }
.orbit-label { font-size:13px; padding:10px 20px; }
.coordinate-top { top:38px; left:38%; }.coordinate-bottom { bottom:65px; }
.hero-copy { transform:translateY(calc(var(--intro-progress,0) * -70px)); opacity:calc(1 - var(--intro-progress,0) * 1.25); }
.data-art { transform:translateX(calc(var(--intro-progress,0) * -12%)) scale(calc(1 + var(--intro-progress,0) * .26)); }
.hero-footnote { left:0; right:0; bottom:20px; padding-block:14px; color:var(--muted); font-size:10px; }
.hero-footnote > span:last-child { color:var(--lime); }
.motion-toggle { bottom:110px; right:0; }.sculpture-unfold { bottom:110px; right:140px; }
.discovery-paths { display:none; }
.story-chapter { position:relative; height:190svh; --chapter-progress:0; --chapter-enter:0; }
.story-sticky { position:sticky; top:96px; height:calc(100svh - 96px); min-height:640px; width:min(1640px,calc(100% - 104px)); margin:auto; isolation:isolate; }
.story-copy { position:absolute; left:0; top:15%; width:49%; z-index:3; }
.story-copy h2, .knowledge-intro h2 { font-size:clamp(56px,5.6vw,88px); font-weight:500; line-height:1.02; letter-spacing:-.055em; margin:24px 0; }
.story-copy h2 em, .knowledge-intro h2 em { font-style:normal; color:var(--lime); }
.story-copy h2 em { font-size:.77em; }
.story-copy > p:not(.eyebrow) { max-width:450px; color:var(--muted); font-size:17px; line-height:1.85; }
.story-copy .lab-button { margin-top:15px; }
.story-hint { display:block; font:9px var(--font-body); letter-spacing:1.3px; color:var(--muted); margin-top:34px; }
.chapter-watermark { position:absolute; left:0; bottom:3%; z-index:-1; font-size:clamp(110px,17vw,310px); font-weight:700; line-height:1; letter-spacing:-.07em; color:transparent; -webkit-text-stroke:1px #afafaf18; white-space:nowrap; pointer-events:none; }
.possibility-stack { position:absolute; right:0; width:50%; height:90%; top:3%; perspective:1400px; transform-style:preserve-3d; }
.possibility-card { position:absolute; width:88%; min-height:260px; right:0; border:1px solid #e5005645; border-radius:14px; padding:0; background:#292929; box-shadow:-20px 25px 70px #0006; overflow:hidden; color:#f2f2f2; text-align:left; transform-style:preserve-3d; transition:border-color .25s; }
.possibility-card:hover { border-color:#e50056; }
.possibility-card:nth-child(1) { top:4%; transform:translate3d(calc((1 - var(--chapter-enter))*180px),calc(var(--chapter-progress)*-50px),-100px) rotateY(-12deg) rotateZ(-7deg); }
.possibility-card:nth-child(2) { top:28%; transform:translate3d(calc((1 - var(--chapter-progress))*60px),calc((1 - var(--chapter-enter))*180px),0) rotateY(-9deg) rotateZ(3deg); }
.possibility-card:nth-child(3) { top:55%; transform:translate3d(calc((1 - var(--chapter-progress))*150px),calc((1 - var(--chapter-enter))*240px),80px) rotateY(-5deg) rotateZ(-3deg); }
.possibility-card .inspiration-art { height:185px; }.possibility-card .inspiration-card-copy { padding:20px 24px; }
.possibility-card h3 { font-size:24px; margin:6px 0 0; line-height:1.15; font-weight:500; letter-spacing:-.7px; }
.possibility-card .micro-label { color:#bdbdbd; margin-bottom:5px; }.possibility-card .card-arrow { position:absolute; right:25px; bottom:22px; font-size:25px; color:var(--lime); }
.knowledge-story { height:215svh; background:radial-gradient(ellipse at 50% 55%,#3d285d2c,transparent 66%); }
.knowledge-intro { position:absolute; left:0; right:0; top:5%; text-align:center; z-index:3; transform:translateY(calc(var(--chapter-progress) * -60px)); opacity:clamp(.25,calc(1.15 - var(--chapter-progress)),1); }
.knowledge-intro h2 { font-size:clamp(52px,5vw,80px); margin:18px 0; }.knowledge-intro h2 em { color:#f3a6bf; }
.knowledge-intro p:not(.eyebrow) { color:var(--muted); font-size:16px; line-height:1.8; }
.knowledge-window { position:absolute; left:10%; right:10%; top:34%; border:1px solid #d7cfed4a; border-radius:12px; overflow:hidden; background:#232323; box-shadow:0 40px 130px #0008; transform:perspective(1400px) translateY(calc(var(--chapter-progress)*-90px)) rotateX(calc((1 - var(--chapter-progress))*24deg)) rotateY(calc((1 - var(--chapter-progress))*-8deg)) scale(calc(.8 + var(--chapter-progress)*.21)); transform-origin:center top; }
.window-bar { height:42px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; background:#2d2d2d; font:9px var(--font-body); letter-spacing:1.2px; color:#c7c7c7; }
.window-bar i { display:inline-block; width:7px; height:7px; border-radius:50%; background:#8f8f8f; margin-right:5px; }.window-bar i:first-child { background:#e77a9c; }
.knowledge-window > img { display:block; width:100%; height:min(43vh,480px); object-fit:cover; object-position:center; }
.knowledge-caption { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 20px; font-size:11px; color:#b8b8b8; }.knowledge-caption .lab-button { min-height:48px; padding:10px 18px; font-size:11px; }
.floating-insight { position:absolute; z-index:4; padding:23px 27px; min-width:230px; border:1px solid #e500563d; border-radius:8px; background:#2d2d2dd9; backdrop-filter:blur(24px); box-shadow:0 20px 60px #0005; transform:translateY(calc((1 - var(--chapter-progress))*100px)); opacity:clamp(0,calc(var(--chapter-progress)*3 - .5),1); pointer-events:none; }
.floating-insight span { display:block; font:10px var(--font-body); color:var(--lime); margin-bottom:16px; }.floating-insight strong { display:block; font-size:15px; font-weight:500; }.floating-insight small { display:block; color:#b7b7b7; margin-top:8px; font-size:11px; }
.insight-one { left:1%; top:44%; transform:translate(calc(var(--chapter-progress)*-14px),calc((1 - var(--chapter-progress))*100px)) rotate(-5deg); }.insight-two { right:0; bottom:14%; transform:translate(calc(var(--chapter-progress)*15px),calc((1 - var(--chapter-progress))*100px)) rotate(4deg); }
.journey-progress { position:fixed; right:18px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:16px; z-index:90; }
.journey-progress button { width:28px; height:28px; border:0; background:transparent; display:grid; place-items:center; padding:0; }
.journey-progress button::after { content:''; width:5px; height:5px; border-radius:50%; background:#a8a8a859; transition:height .3s,background .3s; }.journey-progress button[aria-current="step"]::after { height:24px; border-radius:5px; background:var(--lime); }
html:not([data-page="discover"]) .journey-progress { display:none; }
[data-reveal] { opacity:0; transform:translateY(55px); transition:opacity .85s,transform .85s cubic-bezier(.16,1,.3,1); }
[data-reveal].revealed { opacity:1; transform:none; }
.inspiration-page { padding-top:150px; padding-bottom:80px; }
.inspiration-title { font-size:clamp(62px,7vw,100px); font-weight:500; letter-spacing:-.055em; line-height:1; margin:20px 0 26px; }.inspiration-title em { font-style:normal; color:var(--lime); }
.inspiration-lead { max-width:660px; color:var(--muted); font-size:17px; line-height:1.8; }
.inspiration-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; border-top:1px solid var(--line); padding:28px 0; margin-top:36px; }.inspiration-toolbar > span { font:9px var(--font-body); letter-spacing:1px; color:var(--muted); }
.inspiration-filters { display:flex; gap:9px; flex-wrap:wrap; }.inspiration-filters button { border:1px solid var(--line); min-height:48px; padding:10px 17px; background:transparent; color:var(--ink); border-radius:25px; font-size:12px; }.inspiration-filters [aria-pressed="true"] { background:var(--lime); color:#282828; border-color:var(--lime); }
.inspiration-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.inspiration-card { padding:0; background:var(--surface); color:var(--ink); text-align:left; border:1px solid var(--line); border-radius:12px; overflow:hidden; position:relative; transition:transform .35s,border-color .35s; }
.inspiration-card:hover { transform:translateY(-7px); border-color:#a7a7a7; }.inspiration-card-copy { padding:26px; }.inspiration-card-copy .micro-label { color:var(--muted); font-size:9px; }
.inspiration-card h3 { font-size:25px; font-weight:500; letter-spacing:-.7px; line-height:1.2; margin:12px 0; }.inspiration-card p { font-size:13px; line-height:1.8; color:var(--muted); margin:0 0 20px; }
.inspiration-card-foot { border-top:1px solid var(--line); padding-top:16px; display:flex; justify-content:space-between; font:9px var(--font-body); color:var(--muted); }.inspiration-card-foot span:last-child { color:var(--lime); }
.inspiration-art { height:220px; position:relative; overflow:hidden; isolation:isolate; display:grid; place-items:center; background:#282828; pointer-events:none; }
.inspiration-art::after { content:attr(data-caption); position:absolute; bottom:12px; left:16px; font:8px var(--font-body); letter-spacing:1.2px; color:#e1e1e1b3; z-index:3; }
.art-world { background:radial-gradient(ellipse at 70% 10%,#e50056,#636363 38%,#252525 80%); }
.world-sun { position:absolute; width:65px; height:65px; right:23%; top:25px; background:#e50056; border-radius:50%; box-shadow:0 0 65px #e5005677; }
.world-mountain { position:absolute; width:90%; height:150%; background:#3c3c3c; clip-path:polygon(0 100%,10% 65%,28% 12%,39% 43%,51% 30%,73% 60%,100% 100%); bottom:-67%; left:-7%; transform:translateZ(0); }
.world-mountain.back { left:35%; background:#5a5a5a; bottom:-60%; transform:scaleX(-1); opacity:.8; }.world-grid { position:absolute; bottom:-55%; width:180%; height:115%; background-image:linear-gradient(#e5005620 1px,transparent 1px),linear-gradient(90deg,#e5005620 1px,transparent 1px); background-size:30px 30px; transform:perspective(230px) rotateX(55deg); }
.art-object { background:radial-gradient(ellipse at 50% 40%,#71739d,#32354f 55%,#222638); perspective:800px; }
.demo-cube { position:relative; width:95px; height:95px; transform-style:preserve-3d; transform:rotateX(-24deg) rotateY(36deg); }
.demo-cube i { position:absolute; inset:0; border:1px solid #e9e7fd99; background:linear-gradient(135deg,#dedbf959,#9892dd4d); box-shadow:inset 0 0 30px #fff1; }.demo-cube i:nth-child(1) { transform:translateZ(47px); }.demo-cube i:nth-child(2) { transform:rotateY(90deg) translateZ(47px); }.demo-cube i:nth-child(3) { transform:rotateX(90deg) translateZ(47px); }.demo-cube i:nth-child(4) { transform:rotateY(180deg) translateZ(47px); }.demo-cube i:nth-child(5) { transform:rotateY(-90deg) translateZ(47px); }.demo-cube i:nth-child(6) { transform:rotateX(-90deg) translateZ(47px); }
.object-ring { position:absolute; width:220px; height:70px; border:1px solid #d3d0fd55; border-radius:50%; transform:rotate(-15deg); top:65%; }
.art-depth { background:#263644; }.depth-ridge { position:absolute; width:180px; height:180px; border:2px solid #e50056; border-radius:35% 65% 58% 42%; transform:rotate(-25deg); }.depth-ridge:nth-child(2) { transform:scale(.83) rotate(-5deg); border-color:#e50056; }.depth-ridge:nth-child(3) { transform:scale(.65) rotate(15deg); border-color:#7dcfdf; }.depth-ridge:nth-child(4) { transform:scale(.48) rotate(35deg); border-color:#9f9deb; }.depth-ridge:nth-child(5) { transform:scale(.3) rotate(55deg); border-color:#d894c6; }
.art-edit { background:linear-gradient(120deg,#62555b,#303030); }.edit-orb { width:115px; height:115px; border-radius:50%; background:linear-gradient(135deg,#e8c2c4,#b97583 50%,#6c3c50); box-shadow:25px 30px 50px #0005; }.edit-orb::after { content:''; position:absolute; inset:0; background:linear-gradient(110deg,transparent 50%,#e5005666 50%); }.edit-line { position:absolute; height:100%; width:1px; background:#fff8; transform:rotate(20deg); left:50%; }.edit-chip { position:absolute; bottom:35px; left:23%; background:#f3f2e5; color:#282828; padding:8px 14px; border-radius:5px; font-size:10px; box-shadow:0 8px 24px #0003; }
.art-robot { background:radial-gradient(ellipse,#656565,#292929 65%); }.robot-figure { position:relative; height:150px; width:115px; }.robot-figure i { position:absolute; display:block; background:linear-gradient(110deg,#d2d2d2,#828282); border:1px solid #d2d2d277; border-radius:5px; box-shadow:5px 7px 15px #0003; }.robot-figure i:nth-child(1){width:32px;height:25px;left:42px;top:0;}.robot-figure i:nth-child(2){width:48px;height:57px;left:34px;top:31px;}.robot-figure i:nth-child(3){width:16px;height:67px;left:10px;top:30px;transform:rotate(25deg);}.robot-figure i:nth-child(4){width:16px;height:67px;right:10px;top:30px;transform:rotate(-25deg);}.robot-figure i:nth-child(5){width:18px;height:65px;left:33px;bottom:0;transform:rotate(8deg);}.robot-figure i:nth-child(6){width:18px;height:65px;right:29px;bottom:0;transform:rotate(-8deg);}
.art-sources { background:radial-gradient(ellipse,#5d4c64,#2b2638 70%); }.paper-stack { position:relative; width:100px;height:135px; transform:rotate(-8deg); }.paper-stack i { position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 16px,#62567040 16px 18px),#e6dfea;border:8px solid #e6dfea;border-radius:3px;box-shadow:10px 12px 30px #0004;}.paper-stack i:first-child { transform:translate(-30px,10px) rotate(-12deg); background-color:#aba3bb; }.paper-stack i:last-child { transform:translate(35px,18px) rotate(17deg); background-color:#c0b9ce; }.source-wave { position:absolute; left:54%; top:46%; color:#e50056; font-size:45px; font-weight:600; letter-spacing:3px; text-shadow:0 4px 20px #0008; }
.inspiration-next { display:flex; align-items:center; flex-wrap:wrap; gap:30px; padding-top:40px; color:var(--muted); }
#inspiration-dialog { max-width:920px; width:calc(100% - 48px); max-height:90dvh; padding:0; border:1px solid #c8c8c844; border-radius:14px; background:var(--surface); color:var(--ink); box-shadow:0 40px 150px #0009; }
#inspiration-dialog::backdrop { background:#0a0a0add; backdrop-filter:blur(14px); }
.inspiration-dialog-shell { position:relative; padding:44px; }
.dialog-dismiss { position:absolute; top:18px; right:18px; width:48px; height:48px; border:1px solid var(--line); border-radius:50%; background:var(--paper); color:var(--ink); font-size:28px; z-index:2; }
#inspiration-dialog-title { font-size:46px; letter-spacing:-2px; line-height:1.05; font-weight:500; max-width:720px; margin:20px 35px 24px 0; }
.dialog-pitch { font-size:18px; line-height:1.7; color:var(--muted); }
.dialog-columns { display:grid; grid-template-columns:1fr 1fr; gap:34px; padding:25px 0; border-top:1px solid var(--line); }.dialog-columns h3 { font-size:17px; font-weight:600; }.dialog-columns p { color:var(--muted); font-size:14px; line-height:1.85; }
.prompt-block { border:1px solid var(--line); border-radius:6px; padding:20px; background:var(--paper); }.prompt-block p { font-size:13px; line-height:1.8; color:var(--muted); }.prompt-block button { min-height:48px; border:0; background:none; color:var(--lime); padding:0; }
.dialog-actions { display:flex; gap:20px; align-items:center; flex-wrap:wrap; margin-top:28px; }.dialog-access { color:var(--muted); font-size:11px; line-height:1.8; }.dialog-source { color:var(--muted); font-size:11px; display:inline-flex; min-height:44px; align-items:center; }
.project-showcase { background:#1a1a1a; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.lab-playground { padding-block:100px; }
.radar-preview { border-top:1px solid var(--line); padding-top:70px; }.radar-preview .radar-card { background:var(--surface); }.radar-preview .radar-card:first-child { color:var(--ink); }.radar-preview .radar-card:first-child .radar-description,.radar-preview .radar-card:first-child .radar-source { color:var(--muted); }
.tools-container, .about-container, .contact-container { max-width:1440px; }.page-header { text-align:left; }.page-header h2 { font-size:46px; font-weight:500; color:var(--ink); }.page-header p { color:var(--muted); }.tool-card,.about-card,.contact-panel { background:var(--surface); border:1px solid var(--line); border-radius:10px; }
.glide .project-card { border:1px solid var(--line); border-radius:12px; width:100%; max-width:400px; }.glide .project-content { background:var(--surface); }.glide .project-content::before { background:var(--surface); }.glide .card-image { border-radius:12px 12px 0 0; }.glide__arrow { background:var(--lime); color:#282828; }
html[data-kiosk] header { height:96px; background:color-mix(in srgb,var(--paper) 90%,transparent); }
html[data-kiosk] .theme-switch { display:none; }
html[data-kiosk] .kiosk-site-qr { background:#282828e6; border:1px solid #e5005638; backdrop-filter:blur(20px); padding:8px 14px 8px 8px; border-radius:9px; box-shadow:0 10px 30px #0003; }
html[data-kiosk] .kiosk-site-qr .ksq-code { width:58px; height:58px; padding:3px; border-radius:5px; }html[data-kiosk] .kiosk-site-qr .ksq-code > * { max-width:52px; max-height:52px; }
html[data-kiosk] .ksq-title { color:#ececec; font-size:11px; }.ksq-url { font-size:10px; }
html[data-kiosk] .kiosk-home { min-height:58px; padding:12px 20px; border-radius:8px; font-size:13px; box-shadow:0 10px 30px #0003; }
html[data-kiosk] .journey-progress button { width:44px; height:44px; }
html[data-kiosk] .hero-footnote { padding-bottom:40px; }
html[data-kiosk] .story-sticky { height:calc(100svh - 96px); }
html[data-theme="light"] .discovery-hero { background:#202020; padding-inline:35px; border-radius:12px; }.hero-copy .eyebrow { color:var(--muted); }
html[data-theme="light"] .hero-intro { color:#c5c5c5; }html[data-theme="light"] .hero-copy .eyebrow { color:#c5c5c5; }
html[data-theme="light"] .story-copy h2 em,html[data-theme="light"] .inspiration-title em { color:#e50056; }
html[data-theme="light"] .knowledge-intro h2 em { color:#e50056; }
@media (min-width:1700px) {
 .hero-copy h2 { font-size:142px; }.hero-intro { font-size:20px; max-width:630px; }.hero-copy { width:67%; }
 .discovery-hero { padding-top:55px; }.data-art { right:-6%; width:65%; }
 .possibility-card .inspiration-art { height:230px; }.possibility-card { min-height:320px; }.possibility-card h3 { font-size:30px; }
}
@media (max-width:1100px) {
 .story-sticky { width:calc(100% - 60px); }.hero-copy h2 { font-size:88px; }.hero-copy { width:75%; }.hero-intro { max-width:440px; font-size:15px; }
 .data-art { right:-20%; width:83%; }.story-copy { width:52%; }.story-copy h2 { font-size:59px; }.story-copy > p:not(.eyebrow) { font-size:15px; max-width:350px; }
 .possibility-card .inspiration-art { height:145px; }.possibility-card h3 { font-size:21px; }.possibility-card { min-height:235px; width:96%; }
 .inspiration-grid { gap:16px; }.inspiration-card-copy { padding:20px; }.inspiration-card h3 { font-size:22px; }
 .floating-insight { min-width:190px; padding:18px; }.floating-insight strong { font-size:12px; }.floating-insight small { font-size:10px; }
}
@media (max-width:960px) {
 .discovery-hero,.story-sticky { top:80px; height:calc(100svh - 80px); }.story-copy h2 { font-size:51px; }
 .inspiration-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.inspiration-page { padding-top:125px; }
 .knowledge-intro h2 { font-size:57px; }.knowledge-window { left:6%; right:6%; top:40%; }
 .knowledge-window > img { height:35vh; }.insight-one { top:44%; }.insight-two { bottom:5%; }
}
@media (max-width:650px) {
 .discovery-hero { top:76px; min-height:680px; padding:32px 8px 80px; height:calc(100svh - 76px); }
 .intro-chapter { height:145svh; }.lab-dateline { padding-top:20px; }
 .hero-copy { padding-top:0; width:100%; }.hero-copy h2 { font-size:clamp(48px,12vw,76px); letter-spacing:-.06em; margin-top:22px; }
 .hero-copy .eyebrow { font-size:8px; }.hero-intro { font-size:13px; max-width:310px; }
 .hero-actions { gap:0; }.hero-actions .lab-button { min-height:52px; font-size:12px; }.hero-secondary { font-size:11px; }
 .data-art { top:auto; bottom:24px; right:-28%; width:100%; height:350px; opacity:.7; }.hero-footnote { bottom:0; font-size:8px; }.hero-footnote > span:first-child { display:none; }.hero-footnote > span:last-child { display:block; }
 .motion-toggle { bottom:75px; right:5px; }.sculpture-unfold { bottom:75px; right:55px; }
 .story-sticky { top:76px; width:calc(100% - 40px); height:calc(100svh - 76px); min-height:700px; }
 .story-chapter { height:205svh; }.story-copy { top:4%; width:100%; }.story-copy h2 { font-size:43px; margin:18px 0; }.story-copy h2 em { font-size:.8em; }
 .story-copy > p:not(.eyebrow) { font-size:13px; max-width:330px; }.story-copy .lab-button { min-height:48px; padding:12px 17px; font-size:11px; }.story-hint { display:none; }
 .possibility-stack { top:auto; bottom:8%; width:78%; right:0; height:42%; }.possibility-card { min-height:155px; width:100%; border-radius:8px; }.possibility-card .inspiration-art { height:105px; }.possibility-card .inspiration-card-copy { padding:12px 15px; }.possibility-card h3 { font-size:16px; }.possibility-card .micro-label { font-size:7px; }.possibility-card .card-arrow { bottom:16px; right:12px; font-size:18px; }
 .possibility-card:nth-child(1){top:0;}.possibility-card:nth-child(2){top:26%;}.possibility-card:nth-child(3){top:52%;}.chapter-watermark { font-size:100px; bottom:5%; }
 .knowledge-story { height:190svh; }.knowledge-intro { top:6%; text-align:left; }.knowledge-intro h2 { font-size:43px; }.knowledge-intro p:not(.eyebrow) { font-size:13px; }.knowledge-intro br:not(h2 br) { display:none; }
 .knowledge-window { left:-6%; right:-6%; top:38%; border-radius:8px; }.knowledge-window > img { height:260px; object-fit:cover; }.window-bar { font-size:7px; padding:0 12px; }
 .knowledge-caption { align-items:flex-start; flex-direction:column; font-size:9px; gap:10px; padding:12px 15px; }.knowledge-caption .lab-button { min-height:48px; font-size:11px; }
 .floating-insight { min-width:0; padding:14px; }.floating-insight span { margin-bottom:8px; }.floating-insight strong { font-size:10px; }.floating-insight small { font-size:9px; }.insight-one { top:33%; left:0; }.insight-two { right:0; bottom:9%; }
 .journey-progress { right:2px; gap:6px; }.journey-progress button { width:16px; height:28px; }.journey-progress button::after { width:3px; }
 .inspiration-page { padding-top:112px; }.inspiration-title { font-size:58px; }.inspiration-lead { font-size:14px; }.inspiration-toolbar { margin-top:25px; }.inspiration-filters { gap:8px; }.inspiration-filters button { font-size:10px; padding-inline:12px; }
 .inspiration-grid { grid-template-columns:1fr; }.inspiration-art { height:210px; }.inspiration-card-copy { padding:24px; }.inspiration-card h3 { font-size:25px; }
 .inspiration-next { align-items:flex-start; flex-direction:column; gap:6px; }
 #inspiration-dialog { width:calc(100% - 24px); max-height:92dvh; }.inspiration-dialog-shell { padding:60px 24px 30px; }#inspiration-dialog-title { font-size:36px; letter-spacing:-1.5px; }.dialog-pitch { font-size:15px; }.dialog-columns { grid-template-columns:1fr; gap:6px; }.dialog-columns p { font-size:13px; }
 .lab-playground { padding-block:65px; }.radar-preview { padding-top:45px; }
 html[data-kiosk] header { height:76px; }html[data-kiosk] .story-sticky { height:calc(100svh - 76px); }html[data-kiosk] .hero-footnote { padding-bottom:10px; }
 html[data-kiosk] .journey-progress { display:none; }
}
@media (prefers-reduced-motion:no-preference) {
 .inspiration-card:hover .demo-cube { animation:cube-turn 12s linear infinite; }
 @keyframes cube-turn { to { transform:rotateX(-24deg) rotateY(396deg); } }
 .hero-footnote > span:last-child { animation:scroll-invite 2.5s ease-in-out infinite; }
 @keyframes scroll-invite { 50% { transform:translateY(5px); } }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }.intro-chapter,.story-chapter { height:auto; min-height:0; }
 .discovery-hero,.story-sticky { position:relative; top:auto; }
 .hero-copy,.data-art,.possibility-card,.knowledge-intro,.knowledge-window,.floating-insight { transform:none !important; opacity:1 !important; }
 .story-sticky { min-height:900px; }.possibility-card:nth-child(1) { top:0; }.possibility-card:nth-child(2){top:32%;}.possibility-card:nth-child(3){top:64%;}
 [data-reveal] { opacity:1; transform:none; transition:none; }
}
@media (max-height:720px) and (min-width:1000px) {
 .discovery-hero,.story-sticky { min-height:540px; }.hero-copy { padding-top:0; }.hero-copy h2 { font-size:78px; margin-block:14px; }.hero-intro { font-size:14px; margin-bottom:14px; }.discovery-hero { padding-top:28px; }
 .story-copy { top:8%; }.story-copy h2 { font-size:56px; }.story-copy > p:not(.eyebrow){font-size:14px;}.possibility-card .inspiration-art { height:100px; }.possibility-card { min-height:190px; }.possibility-card h3 { font-size:20px; }.possibility-card .inspiration-card-copy { padding:16px 20px; }
 .knowledge-intro h2 { font-size:46px; }.knowledge-intro p:not(.eyebrow) { font-size:13px; }.knowledge-window { top:38%; }.knowledge-window > img { height:34vh; }.knowledge-caption { padding-block:8px; }
}

.discovery-hero { height:calc(100svh - 150px); min-height:620px; }
.scroll-invitation { min-height:48px; padding:10px 0; color:var(--lime); border:0; background:transparent; font:11px var(--font-body); letter-spacing:1.4px; display:flex; align-items:center; gap:28px; }
.scroll-invitation span { font-size:27px; }
.hero-footnote > span:first-child { font-size:9px; }
@media(max-width:650px) { .discovery-hero { height:calc(100svh - 118px); min-height:650px; }.scroll-invitation { font-size:8px; letter-spacing:.8px; gap:12px; }.scroll-invitation span {font-size:23px;} }

/* Final readability and small-screen refinements. */
html[data-page="discover"] main { overflow-x:clip !important; }
.hero-copy:focus-within { opacity:1; }
.knowledge-intro { opacity:clamp(.7,calc(1.2 - var(--chapter-progress)*.5),1); transform:translateY(calc(var(--chapter-progress)*-30px)); }
.insight-two { bottom:26%; }
.knowledge-caption { font-size:13px; }.knowledge-caption .lab-button { font-size:13px; }
.possibility-card .inspiration-card-copy { position:absolute; left:0; top:0; right:0; z-index:2; padding:22px 25px; background:linear-gradient(#121212c9,transparent); min-height:105px; }
.possibility-card .inspiration-art { height:320px; }
.possibility-card .inspiration-art > :not(.world-mountain):not(.world-grid):not(.world-sun):not(.object-ring) { margin-top:45px; }
.possibility-card .card-arrow { top:25px; bottom:auto; }
.possibility-card:nth-child(2) { transform:translate3d(calc((1 - var(--chapter-progress))*70px),calc((1 - var(--chapter-progress))*75px),0) rotateY(-9deg) rotateZ(3deg); }
.possibility-card:nth-child(3) { transform:translate3d(calc((1 - var(--chapter-progress))*150px),calc((1 - var(--chapter-progress))*120px),80px) rotateY(-5deg) rotateZ(-3deg); }
#page-projects .hero-section { left:max(36px,calc((100vw - 1640px)/2)); }
#page-projects .hero-section h2 { font-size:36px; font-weight:500; letter-spacing:-1.3px; }
#page-projects .hero-section p { font-size:15px; }
.glide__slide { filter:brightness(.7); }.glide__slide--active { filter:brightness(1); }
.glide .tag { border:1px solid #e5005635; background:#e5005613; color:#e50056; border-radius:4px; }
.tool-link { min-height:48px; }
#page-about .about-intro p { font-size:19px; line-height:1.85; max-width:1050px; }
@media(max-width:1100px) { .possibility-card .inspiration-art { height:255px; }.possibility-card .inspiration-card-copy { padding:18px; }.possibility-card h3 { padding-right:20px; } }
@media(max-width:650px) {
 .possibility-card .inspiration-art { height:175px; }.possibility-card .inspiration-card-copy { padding:12px 14px; min-height:80px; }.possibility-card .micro-label {font-size:6px;}.possibility-card h3 {font-size:15px;}
 .possibility-card .card-arrow {top:15px;right:10px;}
 .knowledge-caption {font-size:9px;}.knowledge-caption .lab-button {font-size:11px;}
 .insight-two {bottom:25%; right:-3%;}
 .knowledge-intro {opacity:1;}
}
@media(max-height:720px) and (min-width:1000px) { .possibility-card .inspiration-art {height:215px;} }