@font-face{font-family:Halden;src:url('/fonts/halden.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Halden,system-ui,sans-serif;color:#f0eee9;background:#10100f;font-synthesis:none;--line:#2b2b29;--muted:#92928d;--accent:#f38b74;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,pre:focus-visible{outline:2px solid #f59a83;outline-offset:3px}.skip{position:fixed;top:-100px;left:10px;z-index:99;background:#fff;color:#111;padding:12px}.skip:focus{top:10px}.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}.topbar{height:70px;display:flex;align-items:center;gap:26px;padding:0 36px;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-size:23px;line-height:1;font-weight:750;letter-spacing:-1.4px;white-space:nowrap}.brand span{font-weight:430}.brand i{display:inline-block;width:6px;height:6px;background:var(--accent);margin-left:3px}.top-note{color:#777873;font-size:11px;border-left:1px solid #333;padding-left:25px}.bullet{font-size:7px;color:#a3d19b;margin-left:6px}.top-actions{display:flex;align-items:center;gap:22px;margin-left:auto}.text-button,.icon-button,.pause-button,.underlined,.copy-small{border:0;background:transparent;padding:0}.text-button{font-size:12px;color:#d6d5d0}.text-button span{margin-left:5px;color:#92928d}.pill-button{border:1px solid #f2f0e9;background:#f2f0e9;color:#151514;border-radius:999px;padding:12px 18px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.pill-button .spark{font-size:14px}.pill-button .arrow{padding-left:14px;border-left:1px solid #c4c2bc}.pill-button:disabled{opacity:.55;cursor:not-allowed}.intro{min-height:374px;display:grid;grid-template-columns:1.15fr .85fr;border-bottom:1px solid var(--line)}.intro-copy{padding:61px 6.5vw 60px 6.4vw}.eyebrow{font-size:10px;letter-spacing:.11em;font-weight:650;color:#aaa9a2}.eyebrow-index,.muted{color:#62635e}.live-dot{display:inline-block;width:7px;height:7px;background:#f18e78;border-radius:50%;margin-right:8px}.intro h1{font-weight:520;font-size:clamp(47px,5.4vw,78px);line-height:.96;letter-spacing:-.055em;margin:29px 0 19px}.intro h1 span{color:#a2a29c}.intro p{font-size:15px;line-height:1.55;color:#a7a7a1;max-width:465px;margin:0}.inline-link{display:inline-block;font-size:12px;margin-top:28px;padding-bottom:4px;border-bottom:1px solid #777}.inline-link span{margin-left:18px}.intro-art{position:relative;overflow:hidden;min-height:300px;border-left:1px solid var(--line);background:radial-gradient(circle at 54% 48%,#22211f 0,#151514 42%,#10100f 70%)}.orbit{position:absolute;border:1px solid #3e3d38;border-radius:50%;width:260px;height:260px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:345px;height:345px;opacity:.55}.orbit-three{width:440px;height:440px;opacity:.35}.hero-sun{position:absolute;left:50%;top:48%;width:150px;height:150px;border-radius:50%;background:#f18d74;transform:translate(-50%,-50%);display:grid;place-items:center;box-shadow:0 0 90px #f18d7420}.hero-sun span{height:76px;width:76px;border:1px solid #321d19;border-radius:50%;position:relative}.hero-sun span:before,.hero-sun span:after{content:'';position:absolute;left:50%;top:-38px;width:1px;height:150px;background:#6a3730;transform-origin:center}.hero-sun span:after{transform:rotate(90deg)}.hero-cross{position:absolute;color:#ddc7b5;font-size:23px}.cross-a{left:25%;top:31%}.cross-b{right:24%;bottom:28%}.art-label{position:absolute;left:24px;right:24px;bottom:19px;display:flex;justify-content:space-between;color:#777671;font-size:9px;letter-spacing:.1em}.library{scroll-margin-top:12px}.section-heading{display:flex;align-items:end;justify-content:space-between;padding:61px 36px 32px}.section-heading h2{font-size:35px;font-weight:510;letter-spacing:-.045em;margin:11px 0 0}.section-heading p{font-size:12px;line-height:1.5;color:#8b8b85;margin:0}.controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;min-height:67px;padding:0 28px 0 26px;gap:18px}.filters{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{background:transparent;border:0;color:#a3a39d;white-space:nowrap;padding:10px 12px;border-radius:999px;font-size:12px}.filter span{font-size:9px;color:#696a64;margin-left:6px}.filter.active{background:#efeee9;color:#161616}.filter.active span{color:#777}.control-right{display:flex;align-items:center;gap:12px}.search{border:1px solid #343431;border-radius:100px;height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#85857f}.search span:first-child{font-size:21px;line-height:1}.search input{border:0;outline:0;background:transparent;color:#f0eee9;width:145px;font-size:12px}.search input::placeholder{color:#777771}.search kbd{border:1px solid #41413d;border-radius:3px;font-family:inherit;font-size:10px;padding:1px 4px}.pause-button{width:36px;height:36px;border:1px solid #353532;border-radius:50%;font-size:12px}.results-line{padding:17px 36px;color:#777872;font-size:9px;letter-spacing:.08em;display:flex;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.tile{text-align:left;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;padding:14px;min-width:0;display:block}.tile:nth-child(4n){border-right:0}.tile:active:not(:disabled),.pill-button:active:not(:disabled){transform:scale(.96);transition:transform 150ms ease-out}.tile-info{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:17px 2px 6px;min-height:102px}.tile-index{font-size:9px;letter-spacing:.08em;color:#858580}.tile h3{font-size:16px;letter-spacing:-.025em;font-weight:590;margin:7px 0 5px}.tile p{font-size:11px;line-height:1.4;margin:0;color:#92928d;max-width:260px}.tile-arrow{font-size:15px;color:#8a8a84}.empty{text-align:center;padding:100px 20px;color:#aaa}.empty strong{font-size:22px;color:#eee}.underlined{text-decoration:underline;color:#eee}.bottom-note{display:grid;grid-template-columns:1fr 1fr;padding:80px 6.4vw;gap:40px;border-bottom:1px solid var(--line)}.bottom-note h2{font-size:clamp(35px,4vw,56px);line-height:1.02;letter-spacing:-.05em;font-weight:510;margin:17px 0 0}.bottom-note p{max-width:365px;color:#a2a29c;font-size:14px;line-height:1.6;margin:0 0 23px}.light-pill{padding:13px 19px}footer{padding:30px 36px;display:flex;align-items:center;gap:25px;color:#92928c;font-size:11px}footer .brand{color:#f2f0ea;font-size:18px}footer p{margin:0}footer>a:last-child{margin-left:auto}
.scene{width:100%;aspect-ratio:1.36;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate;color:#1a1b19;background:#e7e2d8}.scene *{box-sizing:border-box}.scene svg{width:55%;height:70%;position:relative;overflow:visible}.micro{position:absolute;font:600 7px/1 Halden,system-ui,sans-serif;letter-spacing:.11em;z-index:3}.top-left{top:14px;left:14px}.bottom-left{bottom:14px;left:14px}.bottom-right{bottom:14px;right:14px}
/* Product turntable */
.scene-turntable{background:#e4ddd1}.floor{position:absolute;width:72%;height:13%;background:#0002;border-radius:50%;bottom:15%;filter:blur(9px)}.plinth{position:absolute;bottom:13%;width:58%;height:13%;border-radius:50%;background:linear-gradient(#f0ede7 4%,#c8c0b3 40%,#eee8dd 80%);box-shadow:0 7px 12px #0002}.bottle{position:absolute;bottom:21%;height:51%;width:24%;border-radius:11% 11% 16% 16%;background:linear-gradient(100deg,#b69a7e,#f7eee0 30%,#bfa991 72%,#856e5d);box-shadow:7px 6px 18px #46372930;z-index:2;display:grid;place-items:center;animation:bottle-turn 6s ease-in-out infinite}.bottle:before{content:'';position:absolute;bottom:98%;width:35%;height:11%;background:#b5a18e;border-radius:3px 3px 0 0}.bottle span{font-size:14px;letter-spacing:.16em;text-align:center}.bottle small{font-size:4px;letter-spacing:.08em}
.scene-money{background:#d8e4d4}.money-stack{position:relative;width:55%;height:48%;transform:rotate(-7deg)}.money-stack i{position:absolute;width:100%;height:64%;left:0;top:0;border:2px solid #315747;border-radius:5px;background:#87aa85;box-shadow:inset 0 0 0 5px #bcd3b8;animation:money-in 3s ease-in-out infinite}.money-stack i:nth-child(1){top:26%}.money-stack i:nth-child(2){top:20%;animation-delay:.1s}.money-stack i:nth-child(3){top:14%;animation-delay:.2s}.money-stack i:nth-child(4){top:8%;animation-delay:.3s}.money-stack b{position:absolute;inset:10% 0 0;text-align:center;font-size:40px;color:#315747}.scene-caption{position:absolute;bottom:15px;left:15px;right:15px;font-size:8px;letter-spacing:.08em}.scene-caption b{float:right}
.scene-flip{background:#e9a991;perspective:600px}.flip-card{width:48%;height:56%;position:relative;transform-style:preserve-3d;animation:flip 7s ease-in-out infinite}.flip-card>div{position:absolute;inset:0;border-radius:9px;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;padding:13%;font-weight:750;letter-spacing:-.05em;font-size:clamp(18px,3vw,36px);line-height:.9}.flip-front{background:#f2eadc;color:#d25a40}.flip-front span{font-size:6px;letter-spacing:.1em;margin-top:20px}.flip-back{background:#283746;color:#f4e5d9;transform:rotateY(180deg);font-size:clamp(25px,4vw,48px)!important}.flip-back small{font-size:7px;letter-spacing:.1em;margin-top:8px}
.scene-receipt{background:#272b26}.paper-receipt{width:52%;height:75%;background:#f4ede0;color:#292c26;padding:9%;font-family:ui-monospace,monospace;font-size:6px;display:flex;flex-direction:column;gap:9%;box-shadow:0 10px 18px #0003;clip-path:polygon(0 0,100% 0,100% 95%,94% 100%,88% 95%,82% 100%,76% 95%,70% 100%,64% 95%,58% 100%,52% 95%,46% 100%,40% 95%,34% 100%,28% 95%,22% 100%,16% 95%,10% 100%,4% 95%,0 100%);animation:receipt-in 5s ease-in-out infinite}.paper-receipt b{font-size:9px;margin-bottom:6%}.paper-receipt em{float:right;font-style:normal}.paper-receipt strong{border-top:1px dashed;padding-top:8%}
.scene-iceberg{background:linear-gradient(#c6e4e1 0 38%,#315b72 38%);color:#122d3a}.scene-iceberg svg{width:80%;height:80%}.waterline{stroke:#f6f6e8;stroke-width:2}.ice-top{fill:#f3f6e9}.ice-bottom{fill:#83bfd0}.ice-lines{stroke:#badbe0;fill:none;stroke-width:1}.scene-iceberg .bottom-right{color:#c9e5e5}
.scene-thread{background:#e7dace}.chat{display:flex;flex-direction:column;gap:8px;width:75%}.bubble{padding:10px 12px;background:#fcf7ee;color:#41433a;border-radius:12px 12px 12px 2px;font-size:clamp(8px,1vw,11px);align-self:flex-start;animation:chat-in 4s ease-in-out infinite}.b2{align-self:flex-end;background:#364e45;color:#fff;border-radius:12px 12px 2px 12px;animation-delay:.4s}.b3{animation-delay:.8s}.b3 i{display:inline-block;width:4px;height:4px;background:#77857c;border-radius:50%;margin:0 1px}
.scene-scale{background:#dfd4bf}.scale-line{display:flex;align-items:end;justify-content:center;gap:11%;width:80%;height:55%;border-bottom:1px solid #8f8c7a}.scale-line div{display:flex;flex-direction:column;align-items:center;gap:10px;color:#696959;font-size:6px}.scale-line i{display:block;border-radius:50%;background:#cc705a;animation:scale-grow 4s ease-in-out infinite}.scale-line div:nth-child(1) i{width:23px;height:23px}.scale-line div:nth-child(2) i{width:41px;height:41px;animation-delay:.2s}.scale-line div:nth-child(3) i{width:61px;height:61px;animation-delay:.4s}
.scene-trophy{background:#303c35;color:#efcf82}.trophy-wrap{text-align:center;display:flex;align-items:center;flex-direction:column}.trophy-wrap svg{width:75px;height:75px;animation:trophy-up 4s ease-in-out infinite}.trophy-wrap b{font-size:32px;letter-spacing:-.05em}.trophy-wrap b span{font-size:15px}.trophy-wrap small{font-size:6px;letter-spacing:.11em}
.scene-donut{background:#f1e9df}.donut-svg{width:50%!important;height:70%!important;transform:rotate(-90deg)}.donut-a,.donut-b{animation:donut-draw 4s ease-in-out infinite}.donut-label{position:absolute;text-align:center}.donut-label b,.donut-label small{display:block}.donut-label b{font-size:20px}.donut-label small{font-size:6px;letter-spacing:.1em}
.scene-globe{background:#d8e8e4}.globe-svg{width:68%!important;height:80%!important;fill:none;stroke:#5c8b89;stroke-width:1}.globe-svg .route-path{stroke:#e16e5e;stroke-width:2.5;stroke-dasharray:130;animation:draw 4s ease-in-out infinite}.globe-svg .route-dot{fill:#e16e5e;stroke:none}
.scene-laptop{background:#d7d9d0}.laptop{width:70%;transform:perspective(500px) rotateX(8deg);animation:laptop-in 5s ease-in-out infinite}.laptop-screen{height:105px;background:#202524;border:7px solid #373a37;border-bottom-width:9px;border-radius:7px 7px 0 0;color:#eee;display:flex;align-items:center;justify-content:space-between;padding:12%;font-size:11px;line-height:1.1}.laptop-screen b{font-size:16px}.laptop-screen i{font-size:22px;color:#f0957b}.laptop-base{height:8px;background:#8d908c;border-radius:0 0 50% 50%;margin:0 -8%}
.scene-isometric{background:#dcd8c9}.iso-line{width:65%;height:1px;background:#a9a496;transform:rotate(-15deg)}.iso{position:absolute;width:44px;height:44px;background:#e9a27c;transform:rotateX(55deg) rotateZ(45deg);box-shadow:6px 6px 0 #bf7659;display:grid;place-items:center;font-size:8px;animation:iso-up 5s ease-in-out infinite}.iso-a{left:20%;top:54%}.iso-b{left:43%;top:43%;background:#e9c66c;animation-delay:.2s}.iso-c{left:66%;top:31%;background:#749581;animation-delay:.4s}
.scene-notifications{background:#d8d4c8;flex-direction:column;gap:5px}.notif{background:#f5f1e9;border-radius:7px;width:75%;height:20%;padding:7px;display:flex;align-items:center;gap:7px;box-shadow:0 4px 9px #0001;animation:notif-in 4s ease-in-out infinite}.notif i{width:20px;height:20px;border-radius:50%;background:#e5a17f}.notif span{flex:1}.notif b,.notif small{display:block;white-space:nowrap}.notif b{font-size:7px}.notif small,.notif em{font-size:6px;color:#858780;font-style:normal}.n2{animation-delay:.3s}.n2 i{background:#9bb4a4}.n3{animation-delay:.6s}.n3 i{background:#e2c870}
.scene-before-after{background:#e6a28c}.compare-back,.compare-front{position:absolute;inset:0;padding:15%;display:flex;flex-direction:column;justify-content:center}.compare-back{background:#d87b5f}.compare-front{background:#e8e2d5;clip-path:inset(0 50% 0 0);animation:compare 5s ease-in-out infinite}.compare-front b,.compare-back b{font-size:clamp(20px,3vw,38px);line-height:.9;letter-spacing:-.06em}.compare-back b{color:#fbebde}.compare-front span,.compare-back span{font-size:6px;letter-spacing:.1em;margin-bottom:12px}.compare-back span{text-align:right}.compare-handle{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#fff;display:grid;place-items:center;font-size:18px;color:#fff;animation:handle 5s ease-in-out infinite}
.scene-ranking{background:#252c2a;color:#efeee8}.bars{width:74%;display:flex;flex-direction:column;gap:12px}.bars div{display:flex;gap:8px;align-items:center;font-size:7px}.bars i{height:9px;background:#e19175;width:75%;transform-origin:left;animation:bar-grow 4s ease-in-out infinite}.bars div:nth-child(2) i{width:60%;background:#d9bb80}.bars div:nth-child(3) i{width:45%;background:#9bb4a0}.bars div:nth-child(4) i{width:27%;background:#809c95}
.scene-social{background:#cddbd4}.social-card{width:70%;background:#f7f5ed;padding:10%;border-radius:4px;box-shadow:0 8px 12px #42574e1a}.social-user{display:flex;gap:7px;align-items:center}.social-user i{width:22px;height:22px;border-radius:50%;background:#e98d74;display:grid;place-items:center;font-style:normal}.social-user b,.social-user small{display:block;font-size:6px}.social-user small{color:#92928d}.social-card>strong{display:block;font-size:12px;line-height:1.05;margin:12px 0}.social-stats{font-size:7px;color:#777}.social-stats span{float:right}
.scene-day{background:#e9c1ad}.day-card{width:48%;height:72%;background:#f4eee5;border-radius:5px;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative}.day-card span,.day-card small{font-size:6px;letter-spacing:.1em}.day-card b{font-size:clamp(40px,6vw,70px);line-height:1;letter-spacing:-.08em;animation:day-flip 5s ease-in-out infinite}.day-card i{position:absolute;bottom:10%;width:60%;height:3px;background:linear-gradient(90deg,#df8065 85%,#ddd 85%)}
.scene-versus{background:#c45f52}.versus-a,.versus-b{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:clamp(20px,3vw,34px);letter-spacing:-.04em}.versus-a{background:#eac55c;clip-path:polygon(0 0,62% 0,38% 100%,0 100%);padding-right:45%}.versus-b{color:#fff1df;clip-path:polygon(62% 0,100% 0,100% 100%,38% 100%);padding-left:45%}.versus-vs{z-index:2;background:#171b19;color:#fff;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:12px;animation:pop 4s ease-in-out infinite}
.scene-route{background:#cfdbcb}.map-grid{position:absolute;inset:-10%;background:repeating-linear-gradient(0deg,transparent 0 21px,#a5b7a5 22px 23px),repeating-linear-gradient(90deg,transparent 0 34px,#a5b7a5 35px 36px);transform:rotate(-15deg) scale(1.2)}.map-route{width:80%!important;height:80%!important;fill:#e7745e;stroke:#e7745e;stroke-width:4}.map-route path{fill:none;stroke-dasharray:240;animation:draw 5s ease-in-out infinite}
.scene-teardown{background:#d8dbd7}.layers{position:relative;width:30%;height:65%;transform:rotate(-14deg)}.layers i{position:absolute;width:100%;height:22%;border-radius:8px;box-shadow:0 6px 0 #626d68;animation:layers 5s ease-in-out infinite}.layers i:nth-child(1){top:5%;background:#f3eee1}.layers i:nth-child(2){top:28%;background:#dd9b7e;animation-delay:.15s}.layers i:nth-child(3){top:51%;background:#a2b6a2;animation-delay:.3s}.layers i:nth-child(4){top:74%;background:#374b43;animation-delay:.45s}
.scene-ink{background:#eee9dc}.ink-cloud{position:absolute;width:58%;aspect-ratio:1;background:#252c2b;border-radius:44% 56% 63% 37% / 49% 42% 58% 51%;filter:blur(2px);animation:ink-bloom 6s ease-in-out infinite}.ink-title{z-index:2;text-align:center;color:#f5eee2;font-size:clamp(20px,3vw,34px);font-weight:600;line-height:.9}.ink-title em{font-family:ui-serif,serif;font-weight:400}
.scene-paper-desk{background:#c8bfae}.desk-paper{position:absolute;background:#f1e8d8;box-shadow:1px 4px 12px #0002;padding:12px}.paper-one{width:46%;height:65%;left:18%;top:15%;transform:rotate(-7deg);animation:paper-in 5s ease-in-out infinite}.paper-two{width:32%;height:42%;right:15%;bottom:13%;transform:rotate(8deg);background:#e4aa8d;animation:paper-in 5s .3s ease-in-out infinite}.desk-paper small{font-size:6px}.desk-paper b{display:block;font-size:18px;line-height:.95;margin-top:15px}.desk-paper div{font-size:30px}.desk-paper span{font-size:6px}.tape{position:absolute;width:18%;height:8%;background:#f2ddaa99;top:13%;right:22%;transform:rotate(10deg)}
.scene-headline{background:#ede7d9}.headline-paper{width:76%;color:#222}.headline-paper small,.headline-paper span{display:block;font-size:6px;letter-spacing:.1em}.headline-paper b{display:block;font-family:ui-serif,serif;font-size:clamp(19px,2.5vw,29px);line-height:.98;margin:12px 0}.headline-paper em{font-style:normal;box-shadow:inset 0 -10px #e5b956;animation:highlight 4s ease-in-out infinite}
.scene-chart{background:#f1eadd;align-items:end;justify-content:space-evenly;padding:15%}.chart-number{align-self:center}.chart-number small,.chart-number em{display:block;font-size:6px;letter-spacing:.08em;font-style:normal}.chart-number b{display:block;font-size:clamp(35px,5vw,52px);letter-spacing:-.08em}.chart-number b span{font-size:16px}.chart-bars{height:65%;display:flex;align-items:end;gap:6px}.chart-bars i{display:block;width:11px;background:#db8c70;transform-origin:bottom;animation:bar-vertical 4s ease-in-out infinite}.chart-bars i:nth-child(1){height:20%}.chart-bars i:nth-child(2){height:38%}.chart-bars i:nth-child(3){height:52%}.chart-bars i:nth-child(4){height:73%}.chart-bars i:nth-child(5){height:100%}
.scene-app{background:#cbd9d3}.phone{width:38%;height:80%;border:5px solid #2b3732;border-radius:15px;background:#f1e9dc;padding:12% 7% 8%;position:relative;display:flex;flex-direction:column;animation:phone-up 5s ease-in-out infinite}.phone-top{position:absolute;top:3px;left:35%;width:30%;height:4px;border-radius:4px;background:#2b3732}.phone small{font-size:5px;letter-spacing:.08em}.phone b{font-size:13px;line-height:1;margin-top:7px}.app-blob{flex:1;display:grid;place-items:center;font-size:39px;color:#e88e73}.phone span{background:#304a3c;color:#fff;font-size:5px;text-align:center;padding:5px;border-radius:4px}
.scene-zoom{background:#dedbd1}.desktop{width:76%;height:65%;border-radius:5px;background:#f7f5ed;box-shadow:0 9px 15px #0002;animation:zoom-in 5s ease-in-out infinite}.desktop-top{height:15%;background:#d4d5cb;font-size:5px;color:#8f968d;padding:3px}.desktop-body{padding:8%;position:relative}.desktop-body i{display:block;width:17%;height:3px;background:#c5ccc0;margin-bottom:4px}.desktop-body b{display:block;font-size:10px;line-height:1;margin:7px 0}.desktop-body span{display:inline-block;background:#e2896f;padding:4px;font-size:5px;color:white}.cursor{position:absolute;top:55%;left:62%;font-size:25px;animation:cursor-move 5s ease-in-out infinite}
.scene-timeline{background:#e6dfd1}.timeline-line{position:absolute;left:14%;right:14%;height:1px;background:#959c8b;top:45%;transform-origin:left;animation:line-grow 5s ease-in-out infinite}.timeline-points{display:flex;justify-content:space-between;width:75%;margin-top:35px}.timeline-points div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px}.timeline-points i{width:9px;height:9px;border-radius:50%;background:#d27661;margin-top:-43px;margin-bottom:10px}.timeline-points small{font-size:6px}
.scene-orb{background:#0d060b;color:#f7e9f0}.glow-orb{position:absolute;top:29%;width:20%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 37% 30%,white,#f9a8db 28%,#d75f9b 65%,#692747);box-shadow:0 0 35px 12px #b34e8566;animation:orb-breathe 4s ease-in-out infinite}.orb-ring{position:absolute;border:1px solid #b0769755;border-radius:50%;width:38%;aspect-ratio:1}.r2{width:75%;border-color:#b076972f}.orb-text{position:absolute;bottom:19%;font-size:12px;letter-spacing:-.02em}
.scene-glass{background:#a5bad2}.glass-blob{position:absolute;border-radius:50%;filter:blur(3px);animation:glass-float 6s ease-in-out infinite}.gb1{background:#efaa97;width:38%;aspect-ratio:1;left:15%;top:12%}.gb2{background:#637fb9;width:44%;aspect-ratio:1;right:7%;bottom:5%;animation-delay:-2s}.glass-panel{position:relative;width:60%;height:55%;border-radius:12px;border:1px solid #ffffffa0;background:#ffffff55;backdrop-filter:blur(14px);padding:9%;display:flex;flex-direction:column;justify-content:space-between}.glass-panel span{font-size:16px}.glass-panel b{font-size:13px;line-height:1}.glass-panel i{align-self:end;font-style:normal}
.scene-one-take{background:#e7e6e1}.one-product{position:absolute;width:32%;height:48%;border-radius:50% 50% 15% 15%;background:linear-gradient(100deg,#b8beb8,#fbfcf8 40%,#99a09a);box-shadow:20px 20px 25px #87928a33;transform:rotate(16deg);animation:product-orbit 7s ease-in-out infinite;display:grid;place-items:center}.one-product i{position:absolute;top:15%;width:50%;aspect-ratio:1;border-radius:50%;background:#d9ddd6}.one-product b{position:absolute;bottom:12%;font-size:8px;color:#6e766e}.one-label{position:absolute;bottom:13px;left:14px;font-size:7px;font-weight:700;letter-spacing:.1em}
.scene-crt{background:#1a211a;color:#9ceb8a}.crt-frame{width:70%;height:65%;border-radius:12px;background:repeating-linear-gradient(0deg,#07160b 0 2px,#112618 3px 4px);box-shadow:0 0 22px #71cb6533,inset 0 0 18px #000;display:flex;flex-direction:column;justify-content:center;padding:10%;text-shadow:0 0 7px #91fa77;animation:crt-flicker 4s infinite}.crt-frame small,.crt-frame span{font-size:6px;letter-spacing:.1em}.crt-frame b{font-family:ui-monospace,monospace;font-size:clamp(17px,2.5vw,27px);line-height:.95;margin:10px 0}
.scene-scope{background:#101c18;color:#8acf97}.scope-grid{position:absolute;inset:10%;background:linear-gradient(#44685644 1px,transparent 1px),linear-gradient(90deg,#44685644 1px,transparent 1px);background-size:20% 25%}.scope-svg{width:85%!important;height:40%!important;fill:none;stroke:#8eefa0;stroke-width:2;filter:drop-shadow(0 0 4px #73ec8c);stroke-dasharray:480;animation:scope-draw 5s linear infinite}
.scene-magazine{background:#dcd7cc}.mag-spread{width:72%;height:75%;padding:8%;background:#f4eee3;position:relative;box-shadow:0 5px 12px #0001}.mag-spread small{font-size:5px}.mag-spread b{display:block;font-family:ui-serif,serif;font-size:clamp(16px,2vw,25px);line-height:.95;margin-top:10px}.mag-spread i{position:absolute;width:30%;height:35%;background:#60766b;bottom:9%;left:10%}.mag-spread span{position:absolute;right:-6%;bottom:14%;background:#eacb78;transform:rotate(8deg);padding:8px;font-size:6px;animation:paper-in 5s ease-in-out infinite}
.scene-blue{background:#2047c3;color:#f2eee2}.blue-type{width:74%}.blue-type small,.blue-type span{font-size:6px;letter-spacing:.1em}.blue-type b{display:block;font-size:clamp(24px,4vw,45px);line-height:.85;letter-spacing:-.07em;margin:12px 0;animation:blue-slide 4s ease-in-out infinite}.blue-type em{font-style:normal;color:#b7caef}
.scene-riso{background:#efe8db}.riso-grid,.bauhaus-grid{width:55%;aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.riso-grid i:nth-child(1){background:#f38868;border-radius:50%}.riso-grid i:nth-child(2){background:#3b7190;border-radius:50% 50% 0 0;mix-blend-mode:multiply}.riso-grid i:nth-child(3){background:#3b7190;border-radius:50% 0 50% 0}.riso-grid i:nth-child(4){background:#f38868;clip-path:polygon(50% 0,100% 100%,0 100%)}.riso-grid{animation:riso-shift 5s ease-in-out infinite}
.scene-swiss{background:#eeeae0}.swiss-grid{width:75%;height:75%;position:relative;border-top:1px solid #333;padding-top:6px}.swiss-grid small,.swiss-grid span{font-size:6px;letter-spacing:.08em}.swiss-grid b{display:block;font-size:clamp(17px,2.4vw,28px);line-height:.9;margin-top:12px;letter-spacing:-.05em}.swiss-grid i{position:absolute;right:0;top:23%;width:30%;aspect-ratio:1;border-radius:50%;background:#de644b;animation:swiss-move 5s ease-in-out infinite}.swiss-grid span{position:absolute;bottom:0;left:0}
.scene-blueprint{background:#245b8c;color:#bcd8e8}.blueprint-grid{position:absolute;inset:0;background:linear-gradient(#91bcdb25 1px,transparent 1px),linear-gradient(90deg,#91bcdb25 1px,transparent 1px);background-size:20px 20px}.blueprint-svg{width:70%!important;height:75%!important;fill:none;stroke:#d2e9ef;stroke-width:1;stroke-dasharray:500;animation:draw 5s ease-in-out infinite}
.scene-kinetic{background:#e5a48b}.kinetic-type{position:relative;z-index:2;display:flex;flex-direction:column;font-size:clamp(24px,4vw,46px);font-weight:800;line-height:.78;letter-spacing:-.07em;color:#2b2d29}.kinetic-type span{animation:kinetic 4s ease-in-out infinite}.kinetic-type span:nth-child(2){animation-delay:.12s;color:#f9ede1}.kinetic-type span:nth-child(3){animation-delay:.24s}.kinetic-bar{position:absolute;bottom:13%;left:12%;width:28%;height:5px;background:#303b31}
.scene-scramble{background:#202822;color:#f2cf80}.scramble{width:70%;font-family:ui-monospace,monospace}.scramble small,.scramble span{font-size:6px}.scramble b{display:block;font-size:clamp(20px,3vw,35px);line-height:.95;margin:10px 0;animation:crt-flicker 3s infinite}.scramble div{height:3px;background:#596046;margin-bottom:5px}.scramble i{display:block;width:70%;height:100%;background:#efbf5d;transform-origin:left;animation:line-grow 3s ease-in-out infinite}
.scene-line-draw{background:#e4d7c5}.line-logo{width:45%!important;height:55%!important;fill:none;stroke:#313e35;stroke-width:2;stroke-dasharray:500;animation:draw 5s ease-in-out infinite}.line-word{position:absolute;bottom:15%;font-size:7px;letter-spacing:.15em}
.scene-liquid{background:#ead7cb}.liquid-shape{width:39%;aspect-ratio:1;background:linear-gradient(135deg,#ef9c7c,#dd5d58 70%,#b85578);border-radius:42% 58% 61% 39% / 57% 38% 62% 43%;animation:blob 6s ease-in-out infinite;box-shadow:0 10px 25px #bc5b4e33}
.scene-bauhaus{background:#eae4d6}.bauhaus-grid i:nth-child(1){background:#cf5445;border-radius:50%}.bauhaus-grid i:nth-child(2){background:#edc452}.bauhaus-grid i:nth-child(3){background:#304c57;border-radius:100% 0 0 0}.bauhaus-grid i:nth-child(4){background:#d79775;clip-path:polygon(50% 0,100% 100%,0 100%)}.bauhaus-grid i{animation:geometry 5s ease-in-out infinite}.bauhaus-grid i:nth-child(2){animation-delay:.2s}.bauhaus-grid i:nth-child(3){animation-delay:.4s}.bauhaus-grid i:nth-child(4){animation-delay:.6s}
.scene-splitflap{background:#b8c2b3;flex-direction:column;gap:12px}.flap-label,.flap-footer{font-size:6px;letter-spacing:.15em}.flaps{display:flex;gap:3px}.flaps b{background:linear-gradient(#323b35 49%,#171c19 50%,#323b35 52%);color:#f3ecdf;font:600 clamp(19px,3vw,35px)/1 ui-monospace,monospace;padding:9px 6px;border-radius:3px;animation:flap 4s ease-in-out infinite}.flaps b:nth-child(2){animation-delay:.15s}.flaps b:nth-child(3){animation-delay:.3s}.flaps b:nth-child(4){animation-delay:.45s}
.scene-marquee{background:#dba78e}.marquee-strip{position:absolute;width:150%;overflow:hidden;padding:9px 0;font-size:9px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.marquee-strip span{display:block;animation:marquee 7s linear infinite}.ms1{background:#24352e;color:#fff;transform:rotate(-17deg)}.ms2{background:#f2dcad;color:#26392f;transform:rotate(19deg)}.ms2 span{animation-direction:reverse}.marquee-center{position:relative;font-size:30px;color:#f4eee2;text-shadow:2px 2px #273a30}
.scene-particles{background:#172722;color:#a7d9b5}.particle-mark{font-size:80px;color:#b7e5ba;text-shadow:0 0 25px #b1edbb;animation:particle-pulse 5s ease-in-out infinite}.particle-field{position:absolute;width:85%;text-align:center;line-height:4;font-size:20px;letter-spacing:10px;color:#9bcfa666;animation:particle-drift 5s ease-in-out infinite}
.scene-accordion{background:#d8c8b5}.accordion{display:flex;filter:drop-shadow(0 9px 10px #0002);transform:perspective(500px) rotateX(10deg);animation:accordion 5s ease-in-out infinite}.accordion i{font-style:normal;font-size:clamp(24px,4vw,42px);font-weight:700;color:#3e493f;width:33px;height:90px;display:grid;place-items:center;background:#f2e4d1;transform:skewY(-8deg)}.accordion i:nth-child(even){background:#d6bda2;transform:skewY(8deg)}
.scene-magnifier{background:#e9e5d9}.mag-word{font-size:clamp(35px,5.5vw,65px);font-weight:750;letter-spacing:-.08em}.lens{position:absolute;width:75px;height:75px;border:2px solid #303e35;background:#e9e5d9;border-radius:50%;overflow:hidden;display:grid;place-items:center;animation:lens-move 6s ease-in-out infinite}.lens span{font-size:80px;font-weight:750;letter-spacing:-.08em}
.scene-flow{background:#1d2c29;color:#f2e9da}.flow-lines{position:absolute;inset:-50%;background:repeating-radial-gradient(ellipse at 52% 50%,transparent 0 8px,#92b2a64d 9px 10px);transform:rotate(20deg);animation:flow 8s linear infinite}.flow-type{z-index:2;font-size:clamp(26px,4vw,46px);letter-spacing:-.04em}
.scene-watercolor{background:#f0e9dd}.wash{position:absolute;border-radius:44% 56% 40% 60%;filter:blur(7px);mix-blend-mode:multiply;animation:wash 6s ease-in-out infinite}.w1{width:44%;aspect-ratio:1;background:#edb3a6;left:22%;top:22%}.w2{width:38%;aspect-ratio:1;background:#b8c9a8;right:20%;top:25%;animation-delay:-2s}.w3{width:30%;aspect-ratio:1;background:#e9cb87;bottom:10%;left:36%;animation-delay:-4s}.wash-type{z-index:2;font-family:ui-serif,serif;font-size:clamp(16px,2.2vw,26px);line-height:1;text-align:center;color:#41463d}
@keyframes bottle-turn{0%,100%{transform:rotateY(-12deg)}50%{transform:rotateY(18deg)}}@keyframes money-in{0%,15%{transform:translateY(15px);opacity:.4}40%,85%{transform:translateY(0);opacity:1}100%{transform:translateY(15px);opacity:.4}}@keyframes flip{0%,20%,100%{transform:rotateY(0)}45%,75%{transform:rotateY(180deg)}}@keyframes receipt-in{0%,10%{clip-path:inset(0 0 85% 0)}40%,85%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 85% 0)}}@keyframes chat-in{0%,10%{transform:translateY(10px);opacity:0}30%,85%{transform:translateY(0);opacity:1}100%{opacity:0}}@keyframes scale-grow{0%,10%{transform:scale(.7)}35%,85%{transform:scale(1)}100%{transform:scale(.7)}}@keyframes trophy-up{0%,15%{transform:translateY(15px)}40%,85%{transform:translateY(0)}100%{transform:translateY(15px)}}@keyframes donut-draw{0%,10%{stroke-dasharray:0 270}45%,85%{}100%{stroke-dasharray:0 270}}@keyframes draw{0%,10%{stroke-dashoffset:500}50%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:500}}@keyframes laptop-in{0%,15%{transform:perspective(500px) rotateX(24deg) translateY(15px)}45%,85%{transform:perspective(500px) rotateX(8deg) translateY(0)}100%{transform:perspective(500px) rotateX(24deg) translateY(15px)}}@keyframes iso-up{0%,10%{translate:0 15px;opacity:.4}35%,85%{translate:0 0;opacity:1}100%{translate:0 15px;opacity:.4}}@keyframes notif-in{0%,10%{transform:translateX(20px);opacity:0}35%,85%{transform:translateX(0);opacity:1}100%{opacity:0}}@keyframes compare{0%,100%{clip-path:inset(0 75% 0 0)}50%{clip-path:inset(0 20% 0 0)}}@keyframes handle{0%,100%{left:25%}50%{left:80%}}@keyframes bar-grow{0%,10%{transform:scaleX(.1)}45%,85%{transform:scaleX(1)}100%{transform:scaleX(.1)}}@keyframes day-flip{0%,10%{transform:rotateX(60deg);opacity:.3}35%,85%{transform:rotateX(0);opacity:1}100%{transform:rotateX(60deg);opacity:.3}}@keyframes pop{0%,15%{transform:scale(.6)}35%,85%{transform:scale(1)}100%{transform:scale(.6)}}@keyframes layers{0%,15%{translate:0 15px}45%,80%{translate:0 0}100%{translate:0 15px}}@keyframes ink-bloom{0%,15%{transform:scale(.5);opacity:.5}50%,85%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:.5}}@keyframes paper-in{0%,15%{translate:0 15px}40%,85%{translate:0 0}100%{translate:0 15px}}@keyframes highlight{0%,15%{box-shadow:inset 0 -0px #e5b956}45%,85%{box-shadow:inset 0 -10px #e5b956}100%{box-shadow:inset 0 -0px #e5b956}}@keyframes bar-vertical{0%,10%{transform:scaleY(.1)}50%,85%{transform:scaleY(1)}100%{transform:scaleY(.1)}}@keyframes phone-up{0%,15%{transform:translateY(14px)}40%,85%{transform:translateY(0)}100%{transform:translateY(14px)}}@keyframes zoom-in{0%,20%,100%{transform:scale(1)}50%,75%{transform:scale(1.17)}}@keyframes cursor-move{0%,15%{transform:translate(15px,15px)}45%,75%{transform:translate(0,0)}100%{transform:translate(15px,15px)}}@keyframes line-grow{0%,10%{transform:scaleX(.05)}60%,85%{transform:scaleX(1)}100%{transform:scaleX(.05)}}@keyframes orb-breathe{0%,100%{transform:scale(.94)}50%{transform:scale(1.08)}}@keyframes glass-float{0%,100%{transform:translate(0,0)}50%{transform:translate(15px,-10px)}}@keyframes product-orbit{0%,100%{transform:rotate(16deg) rotateY(-15deg)}50%{transform:rotate(10deg) rotateY(30deg)}}@keyframes crt-flicker{0%,47%,49%,100%{opacity:1}48%{opacity:.5}}@keyframes scope-draw{0%{stroke-dashoffset:480}75%,100%{stroke-dashoffset:0}}@keyframes blue-slide{0%,10%{transform:translateX(-15px);opacity:.5}40%,85%{transform:translateX(0);opacity:1}100%{transform:translateX(-15px);opacity:.5}}@keyframes riso-shift{0%,100%{transform:translate(-2px,0)}50%{transform:translate(2px,1px)}}@keyframes swiss-move{0%,100%{transform:translateY(0)}50%{transform:translateY(30%)}}@keyframes kinetic{0%,10%{transform:translateX(-20px);opacity:.4}35%,85%{transform:translateX(0);opacity:1}100%{transform:translateX(-20px);opacity:.4}}@keyframes blob{0%,100%{border-radius:42% 58% 61% 39% / 57% 38% 62% 43%;transform:rotate(0)}50%{border-radius:62% 38% 37% 63% / 38% 63% 37% 62%;transform:rotate(45deg)}}@keyframes geometry{0%,15%,100%{transform:rotate(0)}45%,80%{transform:rotate(90deg)}}@keyframes flap{0%,15%{transform:rotateX(70deg)}35%,85%{transform:rotateX(0)}100%{transform:rotateX(70deg)}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-35%)}}@keyframes particle-pulse{0%,100%{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:1}}@keyframes particle-drift{0%,100%{transform:scale(1)}50%{transform:scale(.7)}}@keyframes accordion{0%,100%{transform:perspective(500px) rotateX(10deg) scaleX(.8)}50%{transform:perspective(500px) rotateX(10deg) scaleX(1)}}@keyframes lens-move{0%,100%{transform:translateX(-55px)}50%{transform:translateX(55px)}}@keyframes flow{from{transform:rotate(20deg) scale(1)}to{transform:rotate(380deg) scale(1)}}@keyframes wash{0%,100%{transform:scale(.85)}50%{transform:scale(1.1)}}
dialog{padding:0;border:1px solid #40403b;background:#171716;color:#f0eee8;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);border-radius:3px;box-shadow:0 20px 80px #0008;overscroll-behavior:contain}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.detail-dialog{width:1000px}.text-dialog{width:650px}.modal-top{height:56px;border-bottom:1px solid #393935;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:9px;letter-spacing:.12em;color:#9a9a94}.icon-button{font-size:27px;line-height:1;color:#e4e1db;width:32px;height:32px}.detail-body{display:grid;grid-template-columns:1fr 1fr}.detail-preview{padding:24px;display:flex;align-items:flex-start}.detail-preview .scene{aspect-ratio:1.12}.detail-copy{padding:34px 30px 30px;border-left:1px solid #393935;min-width:0}.detail-copy h2,.text-dialog h2{font-weight:520;letter-spacing:-.05em;line-height:1;margin:12px 0 13px;font-size:42px}.detail-copy>p,.text-dialog-body>p{font-size:14px;line-height:1.55;color:#a8a8a1}.detail-meta{display:flex;flex-direction:column;gap:7px;border-top:1px solid #393935;border-bottom:1px solid #393935;padding:15px 0;margin:22px 0}.detail-meta span,.prompt-head,.skill-where{font-size:9px;letter-spacing:.1em;color:#92928d}.detail-meta strong{font-size:12px;font-weight:500;color:#e0dfd9}.prompt-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.copy-small{color:#f1eee8;font-size:10px}.detail-copy pre,.text-dialog pre{white-space:pre-wrap;word-break:break-word;background:#212120;border:1px solid #33332f;padding:15px;color:#c3c3bd;font:11px/1.6 ui-monospace,monospace;max-height:200px;overflow:auto;overscroll-behavior:contain}.source-line{font-size:11px!important;margin-top:16px!important}.source-line a{text-decoration:underline;text-underline-offset:3px;color:#e2e0d9}.copy-status,.form-status{font-size:11px!important;color:#b9d8b0!important;min-height:15px}.text-dialog-body{padding:38px}.text-dialog-body h2{font-size:48px}.text-dialog-body>p{max-width:520px}.agent-actions{display:flex;gap:10px;margin:24px 0}.secondary-button{border:1px solid #44443f;background:transparent;border-radius:999px;color:#eee;padding:11px 16px;font-size:12px}.skill-where{border-top:1px solid #393935;border-bottom:1px solid #393935;padding:15px 0;line-height:1.7}.skill-where code{color:#f3e1cd;letter-spacing:0}.skill-where span{display:block;letter-spacing:0;text-transform:none}.text-dialog pre{max-height:230px}form{display:grid;gap:16px;margin-top:25px}form label{font-size:11px;color:#c3c2bb;display:grid;gap:8px}form input,form textarea{width:100%;background:#242423;border:1px solid #55554d;border-radius:3px;padding:12px;color:#f1efe9;outline:none}form input::placeholder,form textarea::placeholder{color:#85857e}form textarea{resize:vertical}.honeypot{position:absolute;left:-9999px}.form-status{margin:0}.toast{position:fixed;right:20px;bottom:20px;z-index:20;background:#f2f0e9;color:#151514;padding:11px 15px;border-radius:3px;font-size:12px;opacity:0;pointer-events:none;transition:opacity 150ms ease}.toast.show{opacity:1}.paused .scene *{animation-play-state:paused!important}
@media (hover:hover){.tile:hover{background:#1b1b19}.tile:hover .tile-arrow{color:#f1eee8}.filter:not(.active):hover,.text-button:hover{color:#fff}.pill-button:hover{background:#dddcd5}.secondary-button:hover{border-color:#999}}
@media (max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile:nth-child(4n){border-right:1px solid var(--line)}.tile:nth-child(3n){border-right:0}.top-note{display:none}.controls{align-items:flex-start;flex-direction:column;padding:13px 24px;gap:10px}.control-right{width:100%}.search{flex:1}.search input{width:100%}}
@media (max-width:700px){.topbar{height:60px;padding:0 18px}.top-actions{gap:12px}.text-button{font-size:0}.text-button span{font-size:17px}.pill-button{font-size:11px;padding:11px 13px}.pill-button .arrow{padding-left:8px}.intro{grid-template-columns:1fr}.intro-copy{padding:48px 24px}.intro h1{font-size:clamp(43px,10vw,65px)}.intro-art{min-height:250px;border-left:0;border-top:1px solid var(--line)}.orbit{width:190px;height:190px}.orbit-two{width:260px;height:260px}.orbit-three{width:330px;height:330px}.hero-sun{width:115px;height:115px}.hero-sun span{width:60px;height:60px}.hero-sun span:before,.hero-sun span:after{top:-28px;height:115px}.section-heading{padding:48px 20px 25px}.section-heading h2{font-size:29px}.section-heading p{display:none}.controls{padding:12px 16px}.filters{width:100%}.results-line{padding:14px 20px}.results-line span:last-child{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{padding:8px}.tile:nth-child(3n){border-right:1px solid var(--line)}.tile:nth-child(2n){border-right:0}.tile-info{padding:13px 2px 5px;min-height:93px}.tile h3{font-size:14px}.tile p{font-size:10px}.bottom-note{grid-template-columns:1fr;padding:60px 24px;gap:25px}footer{padding:25px 20px;gap:12px;flex-wrap:wrap}footer p{display:none}.detail-body{grid-template-columns:1fr}.detail-preview{padding:16px}.detail-preview .scene{aspect-ratio:1.6}.detail-copy{border-left:0;border-top:1px solid #393935;padding:24px}.detail-copy h2,.text-dialog-body h2{font-size:36px}.text-dialog-body{padding:26px}.agent-actions{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.scene *{animation:none!important}.money-stack i,.notif,.bubble{opacity:1}.scope-svg,.line-logo,.blueprint-svg{stroke-dashoffset:0}.toast{transition:opacity 150ms ease!important}}
/* Keep a glimpse of the collection in the first viewport. */
@media (min-width:701px){.intro{min-height:310px}.intro-copy{padding-top:42px;padding-bottom:39px}.intro h1{margin-top:20px;margin-bottom:14px}.inline-link{margin-top:17px}.section-heading{padding-top:38px;padding-bottom:20px}.controls{min-height:60px}.results-line{padding-top:12px;padding-bottom:12px}}
.hero-sun{animation:hero-breathe 6s ease-in-out infinite}.scene-iceberg svg{animation:ice-rise 5s ease-in-out infinite}.social-card{animation:social-enter 5s ease-in-out infinite}
@property --day-value{syntax:'<integer>';inherits:false;initial-value:28}.day-number{counter-reset:day var(--day-value);--day-value:28;animation:day-flip 5s ease-in-out infinite,day-count 5s steps(27,end) infinite!important}.day-number::after{content:counter(day)}
.decode::before{content:'NEW\A IDEAS_';white-space:pre;animation:decode-text 4s steps(1,end) infinite}
@keyframes hero-breathe{0%,100%{transform:translate(-50%,-50%) scale(.96)}50%{transform:translate(-50%,-50%) scale(1.04)}}@keyframes ice-rise{0%,15%{transform:translateY(10px)}45%,85%{transform:translateY(0)}100%{transform:translateY(10px)}}@keyframes social-enter{0%,15%{transform:translateY(12px);opacity:.6}45%,85%{transform:translateY(0);opacity:1}100%{transform:translateY(12px);opacity:.6}}@keyframes day-count{0%,10%{--day-value:1}50%,100%{--day-value:28}}@keyframes decode-text{0%{content:'#4X\A $D%?S_'}15%{content:'N#W\A I?3@S_'}35%,80%{content:'NEW\A IDEAS_'}100%{content:'#4X\A $D%?S_'}}
@media (prefers-reduced-motion:reduce){.hero-sun,.scene-iceberg svg,.social-card,.day-number,.decode::before{animation:none!important}.day-number{--day-value:28!important}}
.offscreen .scene *{animation-play-state:paused!important}
/* Source credits stay visible on each study and in the full reference index. */
.section-sources a{text-decoration:underline;text-underline-offset:3px;color:#d0cfc8}.tile-info{min-height:118px}.tile-credit{font-size:9px;line-height:1.35;letter-spacing:.035em;color:#a2a19a;margin-top:9px}.credits{border-bottom:1px solid var(--line);scroll-margin-top:16px}.credits-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:62px 36px 34px}.credits-intro h2{font-size:35px;font-weight:510;letter-spacing:-.045em;margin:11px 0 0}.credits-intro p{max-width:410px;margin:0;color:#aaa9a1;font-size:12px;line-height:1.55}.credit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.credit-card{padding:24px 28px 27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.credit-card:nth-child(3n){border-right:0}.credit-top{display:flex;justify-content:space-between;gap:12px;color:#898983;font-size:9px;letter-spacing:.1em}.credit-number{font-size:9px;letter-spacing:.1em;color:#92928d}.credit-card h3,.type-credit h3{font-size:20px;letter-spacing:-.035em;font-weight:570;margin:22px 0 5px}.credit-project{color:#d5d4cc;font-size:12px}.credit-card p,.type-credit p{color:#aaa9a1;font-size:12px;line-height:1.55;margin:11px 0 19px;max-width:390px}.credit-links{display:flex;flex-wrap:wrap;gap:10px 20px}.credit-links a{font-size:11px;color:#e2e0d9;text-decoration:underline;text-underline-offset:4px}.type-credit{padding:28px 36px 34px;display:flex;align-items:end;justify-content:space-between;gap:35px}.type-credit h3{margin-top:13px}.type-credit p{margin-bottom:0;max-width:650px}.type-credit .credit-links{flex-shrink:0}.credits-nav{font-size:12px}
@media (hover:hover){.credit-links a:hover,.section-sources a:hover{color:#fff}}
@media (max-width:700px){.credits-nav{display:none}.section-heading .section-sources{display:block;font-size:11px;white-space:nowrap}.section-sources span{display:none}.tile-info{min-height:110px}.tile-credit{font-size:8px}.credits-intro{display:block;padding:48px 20px 27px}.credits-intro h2{font-size:29px}.credits-intro p{margin-top:14px}.credit-grid{grid-template-columns:1fr}.credit-card{padding:22px 20px;border-right:0}.credit-card h3{margin-top:16px}.type-credit{padding:24px 20px 30px;display:block}.type-credit .credit-links{margin-top:20px}}
/* Polish pass (Nov 2026): the library is the page. Hero removed, sticky bar, gapped grid, compact credits and footer. */
.topbar{position:sticky;top:0;z-index:5;background:rgba(16,16,15,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);height:60px}
.top-note{border-left:0;padding-left:0;color:#6f706a}
.library{padding-top:6px}
.controls{position:sticky;top:60px;z-index:4;background:rgba(16,16,15,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:0;min-height:58px;padding:0 24px}
.results-line{padding:14px 24px 4px;color:#5f605a}
.grid{gap:18px;padding:14px 24px 40px;border-top:0}
.tile,.tile:nth-child(n){border:0;padding:0;border-radius:14px;background:transparent;transition:transform 220ms cubic-bezier(.2,.7,.2,1)}
.tile .scene{border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.tile-info{min-height:0;padding:12px 2px 0}
.tile h3{font-size:15px;margin:0 0 3px}
.tile p{font-size:11.5px;color:#83837d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none}
.tile-index{display:none}
.tile-credit{font-size:9.5px;letter-spacing:.02em;color:#62635d;margin-top:5px}
.tile-arrow{font-size:12px;padding:4px 9px;border-radius:999px;border:1px solid #2e2e2b;color:#9a9a94;white-space:nowrap}
.tile-arrow::before{content:"Copy "}
@media (hover:hover){.tile:hover{background:transparent;transform:translateY(-3px)}.tile:hover .scene{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 18px 40px rgba(0,0,0,.45)}.tile:hover .tile-arrow{background:#f2f0e9;color:#151514;border-color:#f2f0e9}}
.credits{border-top:1px solid var(--line);border-bottom:0;padding:26px 24px 8px}
.credits-head{display:flex;align-items:baseline;gap:18px;margin-bottom:14px}
.credits-head h2{font-size:13px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;margin:0;color:#c9c8c1}
.credits-head p{margin:0;font-size:11.5px;color:#73746e}
.credit-grid,.credit-grid:nth-child(n){display:flex;flex-wrap:wrap;gap:8px;border-top:0}
.credit-card,.credit-card:nth-child(n){display:inline-flex;align-items:baseline;gap:8px;padding:8px 13px;border:1px solid #2b2b28;border-radius:999px;font-size:11.5px;color:#d6d5ce;text-decoration:none}
.credit-card span{color:#7d7e78}.credit-card em{font-style:normal;color:#5f605a;font-size:10.5px}
.credit-card:hover{border-color:#55554f;color:#fff}
.type-credit,.type-credit:nth-child(n){display:block;padding:14px 0 0;margin:0;font-size:10.5px;color:#62635d}
.type-credit a{color:#8e8e88;text-decoration:underline;text-underline-offset:3px}
footer{padding:18px 24px 24px;font-size:11px;gap:18px}
footer p{display:block}
footer .underlined{color:#d6d5ce;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.prompt-actions{display:flex;gap:16px}
@media (max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.topbar{height:56px}.controls{top:56px;padding:10px 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:10px 14px 30px}.results-line{padding:10px 14px 2px}.tile-arrow{display:none}.credits{padding:22px 14px 6px}.credits-head{display:block}.credits-head p{margin-top:6px}footer{padding:16px 14px 22px}footer p{display:block}}
@media (max-width:700px){html,body{overflow-x:hidden}.top-note{display:none}.topbar{gap:12px}.top-actions{gap:10px;min-width:0}.pill-button{padding:9px 12px}.pill-button .arrow{display:none}.controls .search{width:100%}.control-right{width:100%}}
/* Original video studies share the same crop as the illustrated previews. */
.scene-video video,.scene-video img{display:block;width:100%;height:100%;object-fit:cover}
.detail-preview .scene-video{aspect-ratio:1.36}
@media (max-width:700px){.detail-preview .scene-video{aspect-ratio:1.36}}
/* A compact stack of the supplied agent icons opens up on hover or keyboard focus. */
#skill-open{gap:8px}
.agent-icons{position:relative;display:block;flex:0 0 55px;width:55px;height:24px;transition:flex-basis 320ms cubic-bezier(.2,.7,.2,1)}
.agent-icons img{position:absolute;top:0;left:0;width:24px;height:24px;object-fit:cover;border:1.5px solid #f2f0e9;border-radius:7px;background:#fff;box-shadow:0 1px 3px #0002;transition:transform 320ms cubic-bezier(.2,.7,.2,1)}
.agent-icons img:nth-child(1){transform:translateX(0)}
.agent-icons img:nth-child(2){transform:translateX(10px)}
.agent-icons img:nth-child(3){transform:translateX(20px)}
.agent-icons img:nth-child(4){transform:translateX(30px)}
@media (prefers-reduced-motion:no-preference){
  #skill-open:is(:hover,:focus-visible) .agent-icons{flex-basis:96px}
  #skill-open:is(:hover,:focus-visible) .agent-icons img:nth-child(1){transform:translate(-2px,-1px) rotate(-6deg)}
  #skill-open:is(:hover,:focus-visible) .agent-icons img:nth-child(2){transform:translate(22px,-2px) rotate(-2deg)}
  #skill-open:is(:hover,:focus-visible) .agent-icons img:nth-child(3){transform:translate(46px,-2px) rotate(2deg)}
  #skill-open:is(:hover,:focus-visible) .agent-icons img:nth-child(4){transform:translate(70px,-1px) rotate(6deg)}
}
@media (max-width:700px){.agent-icons{flex-basis:55px;width:55px;height:21px}.agent-icons img{width:21px;height:21px;border-radius:6px}#skill-open{gap:6px}}
@media (max-width:400px){.topbar{padding:0 12px}.brand{font-size:20px}#skill-open{padding:8px 9px}}
@media (max-width:500px) and (prefers-reduced-motion:no-preference){
  #skill-open:is(:hover,:focus-visible) .agent-icons{flex-basis:62px}
  #skill-open:is(:hover,:focus-visible) .agent-icons img:nth-child(1){transform:translate(-1px,-1px) rotate(-5deg)}
  #skill-open:is(:hover,:focus-visible) .agent-icons img:nth-child(2){transform:translate(13px,-2px) rotate(-2deg)}
  #skill-open:is(:hover,:focus-visible) .agent-icons img:nth-child(3){transform:translate(27px,-2px) rotate(2deg)}
  #skill-open:is(:hover,:focus-visible) .agent-icons img:nth-child(4){transform:translate(41px,-1px) rotate(5deg)}
}
@media (max-width:350px){
  .topbar{padding:0 10px;gap:8px}.topbar .brand{font-size:18px}.top-actions{gap:7px}
  #submit-open span{font-size:15px;margin-left:0}#skill-open{padding:7px 8px;gap:5px;font-size:10px}
  .agent-icons{flex-basis:44px;width:44px;height:18px}.agent-icons img{width:18px;height:18px;border-radius:5px}
  .agent-icons img:nth-child(2){transform:translateX(8px)}.agent-icons img:nth-child(3){transform:translateX(16px)}.agent-icons img:nth-child(4){transform:translateX(24px)}
}
@media (max-width:350px) and (prefers-reduced-motion:no-preference){
  #skill-open:is(:hover,:focus-visible) .agent-icons{flex-basis:52px}
  #skill-open:is(:hover,:focus-visible) .agent-icons img:nth-child(1){transform:translate(-1px,-1px) rotate(-5deg)}
  #skill-open:is(:hover,:focus-visible) .agent-icons img:nth-child(2){transform:translate(11px,-2px) rotate(-2deg)}
  #skill-open:is(:hover,:focus-visible) .agent-icons img:nth-child(3){transform:translate(22px,-2px) rotate(2deg)}
  #skill-open:is(:hover,:focus-visible) .agent-icons img:nth-child(4){transform:translate(33px,-1px) rotate(5deg)}
}
/* A quiet thinking mark gives the wordmark a little life. */
.brand-animated{white-space:nowrap}
.brand-animated .brand-motion,.brand-animated .brand-index{display:inline-block;transition:transform 350ms cubic-bezier(.2,.7,.2,1),color 350ms ease}
.brand-animated .brand-motion{font-weight:750}
.brand-animated .brand-mark{position:relative;transform-origin:center;transition:transform 350ms cubic-bezier(.2,.7,.2,1),background-color 350ms ease}
.brand-animated .brand-mark::before,.brand-animated .brand-mark::after{content:"";position:absolute;top:2px;width:3px;height:3px;border-radius:1px;background:#f38b74;opacity:0}
.brand-animated .brand-mark::before{left:9px}.brand-animated .brand-mark::after{left:14px}
@keyframes brand-think{0%,47%,100%{transform:translateY(0) scale(1)}52%{transform:translateY(-3px) scale(.92)}57%{transform:translateY(0) scale(1)}62%{transform:translateY(-2px) scale(.94)}67%,85%{transform:translateY(0) scale(1)}}
@keyframes brand-thought{0%,48%,86%,100%{opacity:0;transform:translateY(1px) scale(.5)}57%,74%{opacity:.8;transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:no-preference){
  .brand-animated .brand-mark{animation:brand-think 6s ease-in-out infinite}
  .brand-animated .brand-mark::before,.brand-animated .brand-mark::after{animation:brand-thought 6s ease-in-out infinite}
  .brand-animated .brand-mark::after{animation-delay:.24s}
  .brand-animated:is(:hover,:focus-visible) .brand-motion{transform:translateY(-2px)}
  .brand-animated:is(:hover,:focus-visible) .brand-index{color:#f38b74;transform:translate(1px,2px)}
  .brand-animated:is(:hover,:focus-visible) .brand-mark{animation:none;background:#f6ae98;transform:translateY(-2px) rotate(45deg) scale(1.2)}
  .brand-animated:is(:hover,:focus-visible) .brand-mark::before,.brand-animated:is(:hover,:focus-visible) .brand-mark::after{animation:none;opacity:.7;transform:scale(1)}
  body.paused .brand-animated .brand-mark,body.paused .brand-animated .brand-mark::before,body.paused .brand-animated .brand-mark::after{animation-play-state:paused}
}
/* Keep tile details readable on narrow screens and make the copy cue feel responsive. */
.tile-info>div{min-width:0}
.tile .scene{transition:box-shadow 250ms ease}
.tile-arrow{transition:transform 250ms cubic-bezier(.2,.7,.2,1),background-color 250ms ease,color 250ms ease,border-color 250ms ease}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.tile:hover .tile-arrow{transform:translate(2px,-2px)}}
@media (prefers-reduced-motion:no-preference){.tile:focus-visible .tile-arrow{transform:translate(2px,-2px)}}