:root{--ink:#151613;--paper:#f2f0e9;--green:#c9ff36;--line:#c9c7be;--muted:#6d6e68;--orange:#ff7044}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Noto Sans SC',sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.06;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.shell{width:min(1360px,calc(100% - 72px));margin:auto}.nav{height:92px;display:flex;align-items:center;border-bottom:1px solid var(--line);justify-content:space-between}.brand{display:flex;align-items:center;color:inherit;text-decoration:none;font-weight:800;font-size:24px;letter-spacing:-1.5px}.brand-mark{background:var(--ink);color:var(--green);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;margin-right:7px;font-size:17px;letter-spacing:-1px}.nav-links{display:flex;gap:38px}.nav-links a,footer a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600}.nav-links a:hover{color:var(--ink)}button{font:inherit;cursor:pointer}.nav-cta{background:transparent;border:1px solid var(--ink);padding:11px 15px;font-size:12px;font-weight:700;border-radius:4px}.nav-cta span{display:inline-block;background:var(--ink);color:white;padding:2px 5px;margin-left:9px}.hero{min-height:720px;display:grid;grid-template-columns:48% 52%;align-items:center;overflow:hidden}.eyebrow{text-transform:uppercase;font:500 11px DM Mono,monospace;letter-spacing:1.7px;display:flex;align-items:center;gap:10px}.eyebrow span{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(201,255,54,.25)}h1,h2{margin:22px 0;letter-spacing:-5px;line-height:.98}h1{font-size:clamp(64px,7vw,108px);font-weight:800}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}h1 em{color:var(--orange)}.hero-copy>p{max-width:570px;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.primary{background:var(--ink);color:white;border:0;padding:17px 21px;font-size:13px;font-weight:700}.primary span{color:var(--green);margin-left:42px}.social-proof{display:flex;align-items:center;gap:12px}.faces{display:flex}.faces i{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#9d7464;color:white;border:2px solid var(--paper);font-size:10px;font-style:normal;margin-left:-8px}.faces i:first-child{margin:0;background:#465e50}.faces i:last-child{background:#d4a83d}.social-proof b,.social-proof small{display:block}.social-proof b{font-size:12px}.social-proof small{color:var(--muted);font-size:10px}.hero-stage{height:650px;position:relative;display:grid;place-items:center}.stage-orbit{position:absolute;border:1px solid #d3d1c8;border-radius:50%;width:620px;height:620px}.orbit-b{width:450px;height:450px}.browser-card{position:relative;z-index:3;width:500px;height:540px;background:#e6c7a7;border:7px solid var(--ink);box-shadow:20px 22px 0 rgba(21,22,19,.12);transform:rotate(2deg);animation:rise .9s cubic-bezier(.2,.8,.2,1) both}.browser-top{height:38px;background:#f8f7f2;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:2px solid var(--ink)}.browser-top div span{display:inline-block;width:8px;height:8px;background:var(--ink);border-radius:50%;margin-right:4px}.browser-top small{font:9px DM Mono}.browser-body{padding:20px 24px;position:relative;height:calc(100% - 38px);overflow:hidden}.mini-nav{display:flex;justify-content:space-between;font-size:9px}.mini-nav b{font-family:Georgia;font-size:14px}.mini-label{margin-top:60px;font:8px DM Mono;letter-spacing:2px}.mini-title{font:500 52px/1 Georgia;margin-top:8px;position:relative;z-index:2}.mini-title i{color:#6c2920}.mini-art{position:absolute;width:260px;height:245px;right:-20px;bottom:30px;background:#a03d2f;border-radius:52% 48% 16% 16%;transform:rotate(-8deg)}.mini-art span{position:absolute;background:#e8d4b7;width:80px;height:150px;border-radius:50%;left:83px;top:38px}.mini-art i{position:absolute;width:120px;height:22px;background:#754532;left:66px;top:87px;border-radius:50%}.mini-art b{position:absolute;width:70px;height:70px;background:#d98e66;left:88px;top:78px;border-radius:50%}.browser-body button{position:absolute;bottom:40px;left:24px;border:0;border-bottom:1px solid;background:transparent;font:9px DM Mono;padding:0 0 4px}.prompt-chip{position:absolute;z-index:5;bottom:18px;left:-10px;background:var(--ink);color:white;width:390px;display:flex;align-items:center;gap:10px;padding:13px 14px;box-shadow:10px 12px 30px #0004;transform:rotate(-2deg)}.prompt-chip span{color:var(--green);font-size:20px}.prompt-chip p{font-size:9px;line-height:1.5;margin:0;flex:1}.prompt-chip b{font:8px DM Mono;border:1px solid #777;padding:5px;white-space:nowrap}.floating-tag{position:absolute;z-index:7;background:var(--green);border:2px solid var(--ink);padding:8px 12px;font:700 9px DM Mono;box-shadow:4px 4px 0 var(--ink)}.tag-one{top:65px;right:2px;transform:rotate(6deg)}.tag-two{left:12px;top:170px;background:#fff;transform:rotate(-8deg)}@keyframes rise{from{opacity:0;transform:translateY(40px) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}.ticker{background:var(--ink);color:white;overflow:hidden;white-space:nowrap;border-top:1px solid #000;border-bottom:1px solid #000;transform:rotate(-1deg);width:101%;margin-left:-.5%}.ticker div{font:500 12px DM Mono;letter-spacing:1.5px;padding:16px 0;animation:ticker 22s linear infinite}.ticker i{color:var(--green);font-style:normal;margin:0 28px}@keyframes ticker{to{transform:translateX(-50%)}}.library{padding:130px 0}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2,.how h2{font-size:clamp(50px,6vw,82px)}.section-head>p{width:350px;color:var(--muted);line-height:1.7;font-size:14px;margin-bottom:30px}.toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;margin-top:50px}.filters{display:flex;gap:8px}.filters button{border:0;background:transparent;padding:10px 14px;color:var(--muted);font-size:12px;font-weight:700}.filters button.active{background:var(--ink);color:white}.filters sup{color:#a6a7a1;margin-left:3px}.search{border:1px solid var(--line);background:#e9e7df;padding:10px 11px;display:flex;align-items:center;gap:8px}.search input{border:0;outline:0;background:transparent;width:180px;font:12px Manrope}.search kbd{font:8px DM Mono;border:1px solid #b9b7ae;padding:4px;color:#888}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 18px;margin-top:30px}.card{position:relative;animation:cardIn .5s both}.card-preview{height:320px;background:var(--card-bg);padding:18px;overflow:hidden;position:relative;border:1px solid #bcbab0;transition:transform .3s,box-shadow .3s}.card:hover .card-preview{transform:translateY(-6px);box-shadow:0 15px 30px #0002}.preview-window{height:100%;background:var(--preview);box-shadow:0 12px 40px #0003;position:relative;overflow:hidden;padding:20px;color:var(--previewInk)}.pw-nav{display:flex;justify-content:space-between;align-items:center;font:700 8px DM Mono}.pw-pill{border:1px solid;padding:5px 8px;border-radius:20px}.pw-copy{position:absolute;left:20px;top:80px;z-index:2}.pw-copy small{font:8px DM Mono;letter-spacing:1px}.pw-copy h3{font:700 34px/1.02 Manrope;margin:10px 0;letter-spacing:-2px;max-width:230px}.pw-copy p{font-size:8px;opacity:.65;max-width:160px;line-height:1.6}.shape{position:absolute;right:-10px;bottom:-25px;width:190px;height:190px;background:var(--accent);border-radius:50% 50% 10% 50%;transform:rotate(18deg)}.shape:after{content:"";position:absolute;inset:35px;border:2px solid var(--preview);border-radius:50%}.ppt .preview-window:after{content:"06 / 12";position:absolute;right:18px;bottom:14px;font:8px DM Mono}.ppt .pw-copy h3{font-family:Georgia;font-weight:400}.copy-overlay{position:absolute;inset:0;background:#151613e8;display:flex;align-items:center;justify-content:center;opacity:0;transition:.25s}.card:hover .copy-overlay{opacity:1}.copy-btn{border:1px solid #777;background:var(--green);color:var(--ink);padding:12px 15px;font-size:11px;font-weight:800;box-shadow:5px 5px 0 #fff}.card-info{padding:14px 2px;display:flex;justify-content:space-between;align-items:start}.card-info h3{font-size:15px;margin:0 0 7px}.card-info span{font:9px DM Mono;color:var(--muted);text-transform:uppercase}.card-info button{border:0;background:transparent;font-size:20px;color:#8d8d87}.empty{text-align:center;padding:80px;display:none}.empty p{color:var(--muted)}.load-more{display:block;margin:50px auto 0;border:1px solid;background:transparent;padding:14px 18px;font-size:12px;font-weight:700}.load-more span{margin-left:35px}@keyframes cardIn{from{opacity:0;transform:translateY(15px)}}.how{padding:100px 0 140px;border-top:1px solid var(--line)}.how-title{display:flex;justify-content:space-between;align-items:start}.how-title>span{font:9px DM Mono;letter-spacing:1px;margin-top:30px}.how-title h2{margin-top:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--ink)}.steps article{padding:22px 30px 45px 0;border-right:1px solid var(--line);position:relative}.steps article+article{padding-left:30px}.steps article>b{font:10px DM Mono}.step-icon{width:75px;height:75px;margin:45px 0 34px;border:1px solid;border-radius:50%;display:grid;place-items:center;font:25px DM Mono;transition:.3s}.steps article:hover .step-icon{background:var(--green);transform:rotate(-10deg)}.steps h3{font-size:18px;margin:0 0 10px}.steps p{font-size:13px;color:var(--muted);max-width:270px;line-height:1.6}.cta{min-height:350px;background:var(--green);position:relative;padding:65px 70px;display:flex;align-items:end;justify-content:space-between;overflow:hidden}.cta span{font:9px DM Mono;letter-spacing:1px}.cta h2{font-size:clamp(50px,6vw,86px);margin:25px 0 0}.cta p{font-family:Georgia;font-size:25px;margin:10px 0}.cta button{background:var(--ink);color:white;border:0;padding:18px 22px;font-size:12px;z-index:2}.cta button b{color:var(--green);margin-left:50px}.cta-spark{position:absolute;font-size:300px;color:#b2e827;right:18%;top:-70px;transform:rotate(12deg)}footer{min-height:170px;display:flex;align-items:center;justify-content:space-between}footer>p{font-size:11px;color:var(--muted)}footer>div{display:flex;gap:25px;align-items:center}footer span{font-size:10px;color:#999}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,100px);background:var(--ink);color:white;padding:13px 18px;font-size:12px;z-index:50;transition:.35s;box-shadow:0 8px 30px #0004}.toast span{color:var(--green);margin-right:8px}.toast.show{transform:translate(-50%,0)}
@media(max-width:900px){.shell{width:calc(100% - 36px)}.nav{height:75px}.nav-links{display:none}.hero{display:block;padding-top:70px}.hero-copy>p{font-size:15px}.hero-stage{height:600px}.browser-card{width:min(460px,88vw)}.section-head{display:block}.section-head>p{width:auto}.grid{grid-template-columns:repeat(2,1fr)}.how-title{display:block}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}.cta{padding:45px 30px}.cta button{position:absolute;right:30px;bottom:35px}.cta-spark{right:0}footer{flex-wrap:wrap;gap:20px;padding:45px 0}}
@media(max-width:600px){h1{font-size:57px;letter-spacing:-3px}.hero{min-height:auto}.hero-actions{justify-content:space-between}.social-proof{display:none}.hero-stage{height:500px;margin-top:20px}.stage-orbit{width:460px;height:460px}.browser-card{height:420px}.mini-title{font-size:40px}.prompt-chip{width:310px;left:0}.ticker{margin-top:30px}.library{padding:90px 0}.section-head h2,.how h2{font-size:48px;letter-spacing:-3px}.toolbar{align-items:stretch;gap:15px;flex-direction:column}.filters{overflow:auto}.filters button{white-space:nowrap}.search input{flex:1}.grid{grid-template-columns:1fr}.card-preview{height:340px}.how{padding:80px 0}.how-title>span{display:block;margin:0 0 25px}.cta{min-height:400px;align-items:start}.cta h2{font-size:49px;letter-spacing:-3px}.cta button{left:30px;right:auto}footer{display:block}footer>p{margin:25px 0}footer>div{flex-wrap:wrap}.tag-one{right:-10px}}

.copy-overlay{flex-direction:column;gap:16px}.source-btn{color:#fff;font:9px DM Mono;text-decoration:none;border-bottom:1px solid #888;padding-bottom:4px}.card-source{display:block;color:#7a7b75;text-decoration:none;font:8px DM Mono;margin-top:7px}.card-source:hover{color:var(--ink)}

.card{cursor:pointer}.card:focus-visible{outline:3px solid var(--green);outline-offset:4px}.preview-btn{border:1px solid #777;background:var(--green);color:var(--ink);padding:12px 15px;font-size:11px;font-weight:800;box-shadow:5px 5px 0 #fff}.copy-quick{border:0;background:transparent;color:#fff;font:9px DM Mono;border-bottom:1px solid #777;padding:4px}.modal-open{overflow:hidden}.project-modal{position:fixed;inset:0;z-index:100;display:none}.project-modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:#0c0d0bcc;backdrop-filter:blur(12px);animation:fadeIn .25s}.modal-panel{position:absolute;inset:28px;background:var(--paper);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(400px,.8fr);box-shadow:0 30px 100px #0008;overflow:hidden;animation:modalIn .4s cubic-bezier(.2,.8,.2,1)}.modal-close{position:absolute;right:18px;top:16px;z-index:3;width:42px;height:42px;border:1px solid var(--line);background:var(--paper);font-size:27px;line-height:1}.modal-visual{padding:50px;display:grid;place-items:center;min-width:0}.detail-window{position:relative;width:min(820px,100%);aspect-ratio:1.35;background:var(--detail-bg);color:var(--detail-ink);box-shadow:0 25px 80px #0004;overflow:hidden;padding:32px}.detail-nav,.detail-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font:9px DM Mono}.detail-nav i{border:1px solid;border-radius:20px;padding:7px 10px;font-style:normal}.detail-copy{position:absolute;z-index:2;left:7%;top:26%;max-width:55%}.detail-copy small{font:9px DM Mono;letter-spacing:2px}.detail-copy h3{font-size:clamp(40px,5vw,78px);line-height:.9;letter-spacing:-5px;margin:18px 0}.detail-copy p{font-size:12px;opacity:.7}.detail-copy button{margin-top:22px;padding:11px 0;border:0;border-bottom:1px solid;background:transparent;color:inherit;font:9px DM Mono}.detail-orb{position:absolute;width:52%;aspect-ratio:1;right:-7%;bottom:-18%;background:var(--detail-accent);border-radius:50% 50% 16% 50%;transform:rotate(18deg)}.detail-orb i{position:absolute;inset:20%;border:2px solid var(--detail-bg);border-radius:50%}.detail-orb b{position:absolute;inset:35%;background:var(--detail-bg);border-radius:50%}.detail-footer{position:absolute;left:32px;right:32px;bottom:25px}.modal-content{padding:70px 60px 45px;overflow:auto;border-left:1px solid var(--line)}.modal-meta{display:flex;justify-content:space-between;color:var(--muted);font:9px DM Mono;letter-spacing:1px}.modal-content h2{font-size:clamp(45px,5vw,74px);letter-spacing:-4px;margin:45px 0 15px}.modal-tag{font:10px DM Mono;color:var(--muted)}.modal-prompt{margin-top:45px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:18px 0 25px}.modal-prompt>div{display:flex;align-items:center;justify-content:space-between}.modal-prompt span{font:9px DM Mono}.modal-prompt button{border:0;background:var(--green);padding:8px 10px;font-size:9px;font-weight:800}.modal-prompt p{font-size:14px;line-height:1.9;color:#4e504a;margin:25px 0 0}.modal-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.modal-primary{background:var(--ink);color:#fff;border:0;padding:16px 18px;font-size:12px;font-weight:700}.modal-primary span{color:var(--green);margin-left:35px}.modal-actions a{color:var(--ink);font:10px DM Mono;text-decoration:none;border-bottom:1px solid;padding-bottom:4px}@keyframes fadeIn{from{opacity:0}}@keyframes modalIn{from{opacity:0;transform:translateY(25px) scale(.985)}}
@media(max-width:850px){.modal-panel{inset:10px;grid-template-columns:1fr;overflow:auto}.modal-visual{padding:55px 18px 20px;min-height:430px}.modal-content{border-left:0;padding:35px 24px 60px;overflow:visible}.modal-content h2{margin-top:28px}.detail-window{aspect-ratio:1.05}.detail-copy{max-width:70%}.detail-copy h3{font-size:42px;letter-spacing:-3px}.modal-close{position:fixed;right:25px;top:25px}.copy-overlay{opacity:1;background:transparent;align-items:flex-end;justify-content:flex-start;padding:10px;pointer-events:none}.copy-overlay .preview-btn{pointer-events:auto;box-shadow:3px 3px 0 var(--ink);padding:8px;font-size:9px}.copy-overlay .copy-quick{display:none}}

/* Each prompt renders as its own miniature design, rather than a recolored shared template. */
.scene{position:relative;height:100%;overflow:hidden;background:var(--preview);color:var(--previewInk);padding:19px;box-shadow:0 12px 40px #0003}.scene *{box-sizing:border-box}.scene-top{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;font:700 7px DM Mono}.scene h3{margin:0;letter-spacing:-2px;line-height:.94}.detail-window{padding:0;background:transparent}.detail-scene{width:100%;height:100%;padding:32px}.detail-scene .scene-top{font-size:10px}.scene-editorial .scene-kicker{margin-top:45px;font:7px DM Mono;letter-spacing:1px}.scene-editorial h3{font:500 34px Georgia;margin-top:8px;width:60%}.scene-editorial>p{font:8px/1.5 Manrope;width:38%}.product-vase{position:absolute;right:4%;bottom:-7%;width:42%;height:70%;background:var(--accent);border-radius:50% 50% 12% 12%;transform:rotate(8deg)}.product-vase i{position:absolute;width:30%;height:50%;background:var(--preview);left:35%;top:18%;border-radius:50%}.product-vase b{position:absolute;width:52%;height:8%;background:#0007;left:24%;top:42%;border-radius:50%}.scene-line{position:absolute;left:19px;bottom:20px;font:7px DM Mono;border-bottom:1px solid;padding-bottom:4px}.scene-dashboard{background:#15181d}.dash-side{position:absolute;left:0;top:0;bottom:0;width:42px;border-right:1px solid #ffffff1a;padding-top:60px}.dash-side i{display:block;width:7px;height:7px;border:1px solid;margin:15px auto;opacity:.5}.dash-main{margin:45px 4px 0 42px}.dash-main>small{font:7px DM Mono;color:#9ba29e}.dash-main>strong{display:block;font:700 38px Manrope;margin-top:12px}.dash-main sup{font-size:13px;color:var(--accent)}.chart{height:70px;display:flex;align-items:end;gap:7px;border-bottom:1px solid #ffffff30;margin-top:5px}.chart i{flex:1;background:var(--accent);height:30%}.chart i:nth-child(2){height:55%}.chart i:nth-child(3){height:42%}.chart i:nth-child(4){height:75%}.chart i:nth-child(5){height:66%}.chart i:nth-child(6){height:92%}.dash-stats{display:flex;gap:12px;margin-top:15px}.dash-stats span{font:700 11px DM Mono}.dash-stats small{display:block;font-size:5px;opacity:.5;margin-top:3px}.scene-deck{background:var(--preview)}.deck-number{position:absolute;right:-8px;top:25px;font:800 150px Manrope;color:var(--accent);opacity:.75}.deck-copy{position:absolute;left:8%;bottom:18%;z-index:2;width:70%}.deck-copy small{font:7px DM Mono}.deck-copy h3{font:500 34px Georgia;margin:8px 0}.deck-copy p{font-size:8px}.deck-bars{position:absolute;right:18px;bottom:18px;display:flex;gap:3px;align-items:end}.deck-bars i{width:7px;height:22px;background:var(--accent)}.deck-bars i:nth-child(2){height:38px}.deck-bars i:nth-child(3){height:52px}.scene-portfolio{background:var(--preview)}.portfolio-word{position:absolute;left:6%;top:24%;font:800 32px/.83 Manrope;letter-spacing:-3px;z-index:2}.portfolio-pic{position:absolute;background:var(--accent);box-shadow:6px 7px 0 #0002}.p-one{width:35%;height:52%;right:8%;top:19%;transform:rotate(5deg);border-radius:50% 50% 8px 8px}.p-two{width:25%;height:30%;left:36%;bottom:5%;transform:rotate(-8deg);background:#f4c759}.portfolio-label{position:absolute;right:10px;bottom:10px;font:6px DM Mono}.scene-data{background:var(--preview)}.data-title{position:absolute;left:7%;top:22%;z-index:2}.data-title>*{display:block}.data-title small{font:7px DM Mono}.data-title strong{font:800 48px Manrope;letter-spacing:-4px}.data-title span{font:7px DM Mono}.data-ring{position:absolute;width:48%;aspect-ratio:1;border:18px solid var(--accent);border-right-color:#00000015;border-radius:50%;right:4%;bottom:4%;transform:rotate(25deg)}.data-grid{position:absolute;inset:0;background-image:linear-gradient(#0001 1px,transparent 1px),linear-gradient(90deg,#0001 1px,transparent 1px);background-size:40px 40px}.scene-event{background:#0c0811}.event-glow{position:absolute;width:80%;aspect-ratio:1;left:10%;top:12%;background:radial-gradient(circle,var(--accent),transparent 66%);filter:blur(12px);opacity:.75}.event-date{position:absolute;right:18px;top:58px;font:700 11px DM Mono;text-align:right}.scene-event h3{position:absolute;left:5%;top:38%;font:800 40px/.8 Manrope;text-transform:uppercase;max-width:88%}.event-artists{position:absolute;left:19px;right:19px;bottom:42px;font:6px DM Mono;border-top:1px solid;padding-top:7px}.event-ticket{position:absolute;right:19px;bottom:15px;font:7px DM Mono;color:var(--accent)}.scene-commerce{background:var(--preview)}.commerce-copy{position:absolute;left:6%;top:25%;width:50%;z-index:2}.commerce-copy small{font:6px DM Mono}.commerce-copy h3{font:500 28px Georgia;margin:9px 0}.commerce-copy p{font:8px Georgia;font-style:italic}.commerce-copy button{border:0;border-bottom:1px solid;background:none;padding:0 0 3px;font:6px DM Mono}.bottle{position:absolute;right:12%;bottom:8%;width:22%;height:55%;background:var(--accent);border-radius:8px 8px 16px 16px;box-shadow:7px 9px 20px #0003}.bottle i{position:absolute;left:25%;width:50%;height:13%;top:-12%;background:#343833}.bottle b{position:absolute;top:48%;left:0;right:0;text-align:center;font:10px DM Mono}.leaf{position:absolute;width:28%;height:40%;background:#879c7e;border-radius:100% 0;opacity:.7}.leaf-a{right:-7%;top:20%;transform:rotate(-35deg)}.leaf-b{right:25%;bottom:-20%;transform:rotate(50deg)}.scene-keynote{background:#10110f}.keynote-orbit{position:absolute;width:56%;aspect-ratio:1;right:-3%;top:20%;border:1px solid var(--accent);border-radius:50%}.keynote-orbit i{position:absolute;inset:16%;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 35px var(--accent)}.keynote-orbit b{position:absolute;inset:35%;background:var(--accent);border-radius:50%;filter:blur(3px)}.keynote-copy{position:absolute;left:6%;top:30%;z-index:2;width:65%}.keynote-copy small{font:7px DM Mono;color:var(--accent)}.keynote-copy h3{font:500 32px Georgia;margin:10px 0}.keynote-copy p{font-size:8px}.keynote-page{position:absolute;right:15px;bottom:12px;font:6px DM Mono}.scene-magazine{background:var(--preview)}.mag-photo{position:absolute;left:6%;top:20%;width:48%;height:65%;background:linear-gradient(145deg,#293d32,#8a9b76 48%,#d8b27a);clip-path:polygon(0 7%,100% 0,89% 100%,7% 90%)}.mag-issue{position:absolute;left:12%;top:30%;color:white;font:700 26px/.85 Georgia;z-index:2}.mag-copy{position:absolute;right:6%;top:31%;width:40%}.mag-copy h3{font:500 25px Georgia}.mag-copy p{font:7px/1.6 Manrope}.mag-vertical{position:absolute;right:10px;bottom:10px;font:6px DM Mono;writing-mode:vertical-rl}.scene-saas{background:#101a2b}.saas-copy{position:absolute;left:6%;top:25%;width:46%;z-index:2}.saas-copy span{font:6px DM Mono;color:var(--accent)}.saas-copy h3{font-size:27px;margin:8px 0}.saas-copy p{font:7px/1.5 Manrope;color:#ffffff99}.saas-copy button{font:6px DM Mono;border:1px solid var(--accent);color:var(--accent);background:none;padding:7px}.saas-panel{position:absolute;right:-4%;top:26%;width:48%;height:58%;border:1px solid #ffffff25;background:#ffffff08;padding:12px}.command{font:6px DM Mono;background:#ffffff10;border:1px solid #ffffff20;padding:8px}.saas-panel>i{display:block;width:65%;height:5px;background:#ffffff18;margin-top:12px}.saas-panel>i:nth-of-type(2){width:85%}.pulse{position:absolute;width:60px;height:60px;right:15px;bottom:10px;border:12px solid var(--accent);border-radius:50%;opacity:.7}.scene-gallery{background:var(--preview)}.gallery-title{position:absolute;left:5%;top:30%;font:800 34px/.9 Manrope;letter-spacing:-3px;z-index:3;max-width:65%}.gallery{position:absolute;background:var(--accent);box-shadow:5px 6px 0 #0002}.g1{right:8%;top:19%;width:35%;height:45%;transform:rotate(5deg)}.g2{left:8%;bottom:6%;width:28%;height:30%;background:#e87955;transform:rotate(-4deg)}.g3{right:24%;bottom:4%;width:25%;height:22%;background:#54728c}.gallery-note{position:absolute;right:14px;bottom:10px;font:6px DM Mono}.scene-architecture{background:var(--preview)}.arch-photo{position:absolute;right:0;top:0;width:56%;height:100%;background:linear-gradient(130deg,#97958e,#42433f)}.arch-photo i{position:absolute;width:55%;height:75%;left:15%;bottom:0;background:#d6d3c9;clip-path:polygon(28% 0,100% 12%,100% 100%,0 100%,0 25%)}.arch-photo b{position:absolute;width:20%;height:45%;left:36%;bottom:0;background:#272824}.arch-copy{position:absolute;left:6%;top:32%;width:44%}.arch-copy small{font:6px DM Mono;color:var(--accent)}.arch-copy h3{font:700 27px Manrope;margin:10px 0}.arch-copy p{font:italic 11px Georgia}.arch-index{position:absolute;left:19px;bottom:16px;font:8px DM Mono}.scene-3d{background:#171717}.blob3d{position:absolute;width:50%;height:70%;right:5%;bottom:-3%;background:linear-gradient(145deg,var(--accent),#f1b343);border-radius:48% 52% 30% 70%;transform:rotate(14deg);box-shadow:inset -15px -20px 30px #0003}.blob3d i{position:absolute;width:45%;height:40%;left:20%;top:18%;border-radius:50%;background:#171717}.blob3d b{position:absolute;width:25%;height:25%;left:48%;top:40%;border-radius:50%;background:#ffc85a}.three-copy{position:absolute;left:5%;top:35%;font:800 37px/.86 Manrope;letter-spacing:-3px;z-index:2;max-width:75%}.three-label{position:absolute;left:19px;bottom:15px;font:6px DM Mono}.scene-discovery{background:var(--preview)}.discovery-center{position:absolute;left:20%;right:20%;top:33%;text-align:center;font:700 25px/1 Manrope;z-index:2}.discovery-center span{display:block;font:6px DM Mono;margin-top:13px}.float-card{position:absolute;background:var(--accent);border:1px solid;padding:12px 9px;font:6px DM Mono;font-style:normal;box-shadow:4px 4px 0 #000}.fc1{left:7%;top:27%;transform:rotate(-8deg)}.fc2{right:5%;top:43%;transform:rotate(9deg)}.fc3{left:17%;bottom:9%;transform:rotate(4deg)}.scene-bold{background:#f2d83c;color:#151515}.bold-copy{position:absolute;left:5%;top:24%;font:900 43px/.8 Manrope;letter-spacing:-4px}.bold-copy em{font-family:Georgia;color:var(--accent)}.bold-sticker{position:absolute;right:8%;top:22%;width:68px;height:68px;background:var(--accent);border-radius:50%;display:grid;place-items:center;text-align:center;font:800 9px Manrope;transform:rotate(12deg)}.bold-foot{position:absolute;left:19px;bottom:16px;font:7px DM Mono}.scene-prisma{background:#17102d}.prism{position:absolute;left:28%;top:20%;width:46%;height:62%;background:linear-gradient(145deg,#62efff55,#ff56c888,#ffe98555);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 20px var(--accent))}.prism i{position:absolute;left:23%;top:35%;width:55%;height:55%;background:#17102d;clip-path:polygon(50% 0,100% 100%,0 100%)}.prisma-copy{position:absolute;left:7%;right:7%;bottom:10%;font:700 23px Manrope;display:flex;justify-content:space-between;align-items:end}.prisma-copy span{font:6px DM Mono}.scene-bento{background:#eef0f2;color:#17191c}.bento-grid{position:absolute;inset:45px 14px 14px;display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:7px}.bento-grid>div{background:white;border:1px solid #d6d8dc;border-radius:9px;padding:10px}.bento-main{grid-row:span 2;position:relative}.bento-main small,.bento-main strong{display:block}.bento-main small{font:6px DM Mono;color:#777}.bento-main strong{font:700 17px/1 Manrope;margin-top:20px}.bento-main span{position:absolute;left:10px;bottom:10px;background:var(--accent);padding:5px 8px;border-radius:20px}.bento-stat strong{font:800 22px Manrope}.bento-stat small{display:block;font:5px DM Mono}.bento-wave{display:flex;align-items:end;gap:3px}.bento-wave i{flex:1;height:30%;background:var(--accent);border-radius:5px}.bento-wave i:nth-child(2){height:65%}.bento-wave i:nth-child(3){height:45%}.bento-wave i:nth-child(4){height:85%}.bento-team{display:none}.scene-notion{background:#f7f3ea;color:#25231f}.notion-grid{position:absolute;inset:48px 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.notion-grid div{border:1px solid #bbb6aa;padding:12px;font:18px Georgia;display:flex;flex-direction:column;justify-content:end}.notion-grid b{font:700 8px Manrope;margin-top:9px}.notion-grid small{font:6px Manrope;color:#777;margin-top:3px}.scene-supabase{background:#121715;color:#dce7e2}.code-window{position:absolute;left:7%;right:7%;top:25%;bottom:12%;background:#1c2420;border:1px solid #ffffff1e;border-radius:6px;overflow:hidden}.code-window>span{display:block;background:#ffffff08;padding:7px;font:6px DM Mono}.code-window code{display:block;padding:15px;font:8px/1.9 DM Mono}.code-window code i{color:#c78ef5}.code-window code b{color:var(--accent)}.code-window code em{display:block;color:var(--accent);margin-top:8px;font-style:normal}.code-stat{position:absolute;right:9%;bottom:9%;font:800 16px Manrope}.code-stat small{display:block;font:5px DM Mono}.scene-apple{background:#f5f5f7;color:#171719}.apple-grid{position:absolute;inset:46px 13px 13px;display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:7px}.apple-grid>div{background:white;border-radius:10px;padding:12px;overflow:hidden}.apple-main{grid-row:span 2;font:700 17px Manrope;position:relative}.apple-main span{display:block;font:7px Manrope;color:#777;margin-top:5px}.apple-main i{position:absolute;width:90px;height:110px;border-radius:45px 45px 12px 12px;background:linear-gradient(145deg,#222,#777);left:25%;bottom:-25px;box-shadow:0 8px 25px #0004}.apple-chip,.apple-number{display:flex;flex-direction:column;justify-content:center}.apple-chip b,.apple-number b{font:800 25px Manrope;color:var(--accent)}.apple-grid small{font:5px DM Mono}.detail-scene .scene-top{font-size:9px}.detail-scene h3{font-size:clamp(38px,4vw,68px)}.detail-scene .portfolio-word,.detail-scene .bold-copy,.detail-scene .three-copy{font-size:clamp(48px,5vw,82px)}.detail-scene .bento-grid,.detail-scene .notion-grid,.detail-scene .apple-grid{inset:65px 30px 30px}.detail-scene .bento-main strong{font-size:clamp(25px,3vw,46px)}.detail-scene .notion-grid div{font-size:35px}.detail-scene .code-window code{font-size:clamp(11px,1.3vw,20px)}
@media(max-width:600px){.detail-scene{padding:18px}.detail-scene .scene-top{font-size:7px}.detail-scene h3{font-size:34px}.detail-scene .portfolio-word,.detail-scene .bold-copy,.detail-scene .three-copy{font-size:40px}.detail-scene .bento-grid,.detail-scene .notion-grid,.detail-scene .apple-grid{inset:48px 14px 14px}}

.modal-visual{overflow:auto;align-items:start}.preview-board{width:min(860px,100%);background:#dedcd4;color:var(--ink);padding:16px;border:1px solid #aaa89e;box-shadow:0 24px 70px #0003}.board-head,.board-foot{display:flex;align-items:center;justify-content:space-between;font:7px DM Mono;letter-spacing:.5px}.board-head{padding:2px 1px 13px}.board-head div{display:flex;gap:16px}.board-head span{color:#777}.board-head i{font-style:normal;border:1px solid;padding:4px 7px;border-radius:20px}.board-foot{padding-top:11px;color:#777}.nine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(125px,1fr));gap:7px;aspect-ratio:1.12}.grid-shot{position:relative;overflow:hidden;background:var(--preview);color:var(--previewInk);border:1px solid #0001;padding:13px}.grid-shot small{font:6px DM Mono;letter-spacing:.8px}.grid-shot b,.grid-shot span{display:block}.shot-hero{padding:0}.shot-hero .scene{box-shadow:none}.shot-hero .detail-scene{padding:12px}.shot-hero .scene-top{font-size:5px}.shot-hero .scene h3{font-size:20px}.shot-hero .portfolio-word,.shot-hero .bold-copy,.shot-hero .three-copy{font-size:25px}.shot-hero .bento-grid,.shot-hero .notion-grid,.shot-hero .apple-grid{inset:34px 8px 8px}.shot-hero .notion-grid div{font-size:11px;padding:5px}.shot-hero .notion-grid small,.shot-hero .notion-grid b{font-size:4px}.shot-hero .code-window code{font-size:5px}.shot-type{display:flex;flex-direction:column}.shot-type strong{font:500 63px/.9 Georgia;margin-top:auto}.shot-type b{font:700 10px Manrope;margin-top:5px}.shot-type span{font:5px DM Mono;opacity:.55;margin-top:3px}.shot-mobile{display:flex;align-items:center;justify-content:center;background:var(--board-bg)}.shot-mobile>small{position:absolute;left:10px;top:10px}.phone{width:43%;height:85%;background:var(--preview);color:var(--previewInk);border:3px solid #171717;border-radius:12px;padding:14px 6px 6px;position:relative;box-shadow:5px 7px 14px #0003}.phone:before{content:"";position:absolute;top:4px;left:38%;width:24%;height:3px;background:#111;border-radius:5px}.phone i{display:block;width:70%;aspect-ratio:1;background:var(--accent);border-radius:50%;margin:8px auto}.phone b{font:700 7px Manrope;text-align:center}.phone span{font:4px DM Mono;text-align:center;margin-top:6px;border-top:1px solid;padding-top:3px}.shot-palette{background:#efede6;color:#1c1c1a}.shot-palette>div{display:flex;height:52%;margin:14px 0 9px}.shot-palette i{flex:1;background:var(--preview)}.shot-palette i:nth-child(2){background:var(--previewInk)}.shot-palette i:nth-child(3){background:var(--accent)}.shot-palette i:nth-child(4){background:var(--board-bg)}.shot-palette b{font:700 8px DM Mono}.shot-feature{background:var(--previewInk);color:var(--preview)}.shot-feature strong{position:absolute;right:10px;top:4px;font:800 60px Manrope;color:var(--accent);opacity:.75}.shot-feature b{position:absolute;left:12px;bottom:32px;font:700 15px/1.05 Manrope;letter-spacing:-.8px}.shot-feature span{position:absolute;left:12px;bottom:11px;font:5px DM Mono;color:var(--accent)}.shot-ui{background:#f6f5f0;color:#171717}.ui-nav{display:flex;gap:4px;border-bottom:1px solid #ccc;padding-bottom:8px}.ui-nav i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.ui-lines{margin-top:20px}.ui-lines b{height:5px;background:#d5d4ce;margin:8px 0;width:75%}.ui-lines b:nth-child(2){width:95%}.ui-lines b:nth-child(3){width:55%}.shot-ui button{position:absolute;left:12px;bottom:12px;background:var(--previewInk);color:var(--preview);border:0;padding:6px 8px;font:5px DM Mono}.shot-data{background:var(--preview);color:var(--previewInk)}.shot-data strong{font:800 38px Manrope;letter-spacing:-3px;margin-top:8px}.shot-data sup{color:var(--accent);font-size:13px}.shot-data>div{position:absolute;left:12px;right:12px;bottom:12px;height:42%;display:flex;align-items:end;gap:4px;border-bottom:1px solid #0003}.shot-data i{flex:1;height:35%;background:var(--accent)}.shot-data i:nth-child(2){height:65%}.shot-data i:nth-child(3){height:48%}.shot-data i:nth-child(4){height:82%}.shot-data i:nth-child(5){height:100%}.shot-motion{background:#111;color:white}.motion-rings{position:absolute;width:65%;aspect-ratio:1;left:18%;top:16%;border:1px solid var(--accent);border-radius:50%;animation:ringPulse 2.4s ease-in-out infinite}.motion-rings i,.motion-rings b{position:absolute;border:1px solid var(--accent);border-radius:50%}.motion-rings i{inset:18%}.motion-rings b{inset:38%;background:var(--accent);box-shadow:0 0 25px var(--accent)}.shot-motion span{position:absolute;left:0;right:0;bottom:9px;text-align:center;font:5px DM Mono}.shot-cta{background:var(--accent);color:#151515}.shot-cta strong{font:700 23px/.9 Manrope;letter-spacing:-1.5px;margin-top:20px}.shot-cta em{font-family:Georgia;font-weight:400}.shot-cta button{position:absolute;left:12px;bottom:11px;border:0;background:#151515;color:#fff;padding:6px 8px;font:5px DM Mono}@keyframes ringPulse{50%{transform:scale(.88);opacity:.65}}
@media(max-width:1100px){.modal-panel{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr)}.modal-visual{padding:40px 24px}.nine-grid{grid-template-rows:repeat(3,minmax(105px,1fr))}.shot-type strong{font-size:48px}}
@media(max-width:850px){.preview-board{margin:auto}.nine-grid{grid-template-rows:repeat(3,minmax(105px,1fr));aspect-ratio:auto}.board-head div span{display:none}.modal-visual{min-height:0;padding-top:65px}.shot-hero .detail-scene h3{font-size:17px}}
@media(max-width:520px){.preview-board{padding:8px}.nine-grid{gap:4px;grid-template-rows:repeat(3,96px)}.grid-shot{padding:8px}.shot-type strong{font-size:35px}.shot-feature strong{font-size:38px}.shot-feature b{font-size:11px;left:8px}.phone{width:55%}.board-foot span:nth-child(2){display:none}}

/* Nine real screen compositions. Each project rotates through a distinct set and grid rhythm. */
.shot-screen{padding:0;isolation:isolate}.shot-screen .scene{box-shadow:none}.shot-screen .detail-scene{padding:11px}.shot-screen .scene-top{font-size:4px}.shot-screen .scene h3{font-size:18px}.shot-screen .portfolio-word,.shot-screen .bold-copy,.shot-screen .three-copy{font-size:23px}.shot-screen .bento-grid,.shot-screen .notion-grid,.shot-screen .apple-grid{inset:30px 7px 7px;gap:3px}.shot-screen .notion-grid div{font-size:10px;padding:4px}.shot-screen .notion-grid small,.shot-screen .notion-grid b{font-size:3px}.shot-screen .code-window{top:21%;bottom:8%}.shot-screen .code-window code{font-size:4px;padding:7px}.shot-screen .commerce-copy h3,.shot-screen .keynote-copy h3,.shot-screen .mag-copy h3,.shot-screen .arch-copy h3{font-size:16px}.shot-screen .scene-editorial h3,.shot-screen .scene-deck h3{font-size:19px}.shot-screen .dash-main{margin-top:30px}.shot-screen .dash-main>strong{font-size:25px}.shot-screen .chart{height:45px}.shot-screen .event-artists,.shot-screen .event-ticket,.shot-screen .scene-line,.shot-screen .three-label{font-size:4px}.shot-label{position:absolute!important;z-index:30;left:6px;bottom:5px!important;display:block;background:#111;color:#fff;padding:3px 5px;font:4px DM Mono!important;letter-spacing:.3px;opacity:.82}.shot-screen:nth-child(even) .shot-label{left:auto;right:6px}.board-layout-2 .shot-screen-1{grid-column:span 2}.board-layout-2 .shot-screen-2{grid-row:span 2}.board-layout-2 .shot-screen-5{grid-column:span 2}.board-layout-2 .shot-screen-9{display:none}.board-layout-3{grid-template-columns:1.25fr .75fr 1fr}.board-layout-3 .shot-screen-1{grid-row:span 2}.board-layout-3 .shot-screen-4{grid-column:span 2}.board-layout-3 .shot-screen-8{grid-column:span 2}.board-layout-3 .shot-screen-9{display:none}.board-layout-4{grid-template-columns:.8fr 1.2fr 1fr}.board-layout-4 .shot-screen-2{grid-column:span 2}.board-layout-4 .shot-screen-3{grid-row:span 2}.board-layout-4 .shot-screen-7{grid-column:span 2}.board-layout-4 .shot-screen-9{display:none}.board-layout-5 .shot-screen-1{grid-column:span 2;grid-row:span 2}.board-layout-5 .shot-screen-6{grid-column:span 2}.board-layout-5 .shot-screen-8,.board-layout-5 .shot-screen-9{display:none}.board-layout-6{grid-template-columns:1fr 1.3fr .7fr}.board-layout-6 .shot-screen-2{grid-row:span 2}.board-layout-6 .shot-screen-5{grid-column:span 2}.board-layout-6 .shot-screen-8{grid-column:span 2}.board-layout-6 .shot-screen-9{display:none}.board-layout-2,.board-layout-3,.board-layout-4,.board-layout-5,.board-layout-6{grid-auto-flow:dense}.board-layout-2 .shot-screen[style],.board-layout-3 .shot-screen[style]{min-height:0}
@media(max-width:850px){.nine-grid[class*="board-layout-"]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,105px)}.nine-grid[class*="board-layout-"] .shot-screen{display:block;grid-column:auto;grid-row:auto}.shot-screen .detail-scene{padding:8px}.shot-screen .scene h3{font-size:14px}.shot-screen .portfolio-word,.shot-screen .bold-copy,.shot-screen .three-copy{font-size:18px}}
@media(max-width:520px){.nine-grid[class*="board-layout-"]{grid-template-rows:repeat(3,96px)}.shot-screen .scene h3{font-size:12px}.shot-screen .portfolio-word,.shot-screen .bold-copy,.shot-screen .three-copy{font-size:16px}}
.nine-grid .shot-screen{display:block;grid-column:auto;grid-row:auto}.board-layout-2{grid-template-columns:1.3fr .85fr .85fr}.board-layout-3{grid-template-columns:.82fr 1.36fr .82fr}.board-layout-4{grid-template-columns:.8fr 1fr 1.2fr}.board-layout-5{grid-template-columns:1.15fr .7fr 1.15fr}.board-layout-6{grid-template-columns:.72fr 1.14fr 1.14fr}

.shot-viewport{position:absolute;inset:0;overflow:hidden}.shot-viewport>.scene{position:absolute;inset:0;width:100%;height:100%;transition:none}.shot-screen-2 .shot-viewport>.scene{inset:-12%;width:124%;height:124%;transform-origin:top left}.shot-screen-3 .shot-viewport{left:27%;right:27%;top:5%;bottom:5%;border:3px solid #111;border-radius:9px;box-shadow:4px 5px 12px #0004}.shot-screen-3 .shot-viewport>.scene{width:220%;left:-60%}.shot-screen-4 .shot-viewport>.scene{width:180%;height:180%;left:-5%;top:-8%}.shot-screen-5 .shot-viewport>.scene{width:165%;height:165%;left:-65%;top:-30%}.shot-screen-6 .shot-viewport>.scene{width:155%;height:155%;left:-20%;top:-52%}.shot-screen-7 .shot-viewport>.scene{width:170%;height:170%;left:-70%;top:-5%}.shot-screen-8 .shot-viewport>.scene{width:150%;height:150%;left:-45%;top:-45%}.shot-screen-9 .shot-viewport>.scene{transform:scale(.88);box-shadow:0 10px 25px #0005}.shot-screen-2:after,.shot-screen-4:after,.shot-screen-5:after,.shot-screen-6:after,.shot-screen-7:after,.shot-screen-8:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 55%,#00000013)}

/* Homepage preview motion — scene-specific, viewport-aware and GPU-friendly. */
.card .scene *{animation-play-state:paused!important}.card.in-view .scene *{animation-play-state:running!important}.card .scene{transition:filter .45s ease}.card:hover .scene{filter:saturate(1.08) contrast(1.02)}
.card.in-view .product-vase{animation:productFloat 4.8s ease-in-out infinite}.card.in-view .product-vase i{animation:vaseGlow 3s ease-in-out infinite}.card.in-view .scene-editorial h3,.card.in-view .commerce-copy,.card.in-view .saas-copy{animation:copyDrift 5s ease-in-out infinite}
.card.in-view .chart i,.card.in-view .bento-wave i{transform-origin:bottom;animation:barGrow 2.4s cubic-bezier(.2,.8,.2,1) infinite alternate}.card.in-view .chart i:nth-child(2),.card.in-view .bento-wave i:nth-child(2){animation-delay:.16s}.card.in-view .chart i:nth-child(3),.card.in-view .bento-wave i:nth-child(3){animation-delay:.3s}.card.in-view .chart i:nth-child(4),.card.in-view .bento-wave i:nth-child(4){animation-delay:.46s}.card.in-view .chart i:nth-child(5){animation-delay:.62s}.card.in-view .chart i:nth-child(6){animation-delay:.78s}
.card.in-view .deck-number{animation:numberSlide 5s ease-in-out infinite}.card.in-view .deck-bars i{transform-origin:bottom;animation:barGrow 2s ease-in-out infinite alternate}.card.in-view .deck-bars i:nth-child(2){animation-delay:.2s}.card.in-view .deck-bars i:nth-child(3){animation-delay:.4s}
.card.in-view .p-one{animation:photoOne 5.5s ease-in-out infinite}.card.in-view .p-two{animation:photoTwo 4.8s ease-in-out infinite}.card.in-view .portfolio-word,.card.in-view .gallery-title{animation:copyDrift 5.2s ease-in-out infinite}
.card.in-view .data-ring{animation:ringRotate 9s linear infinite}.card.in-view .data-title strong{animation:dataPulse 2.8s ease-in-out infinite}.card.in-view .event-glow{animation:glowPulse 3.2s ease-in-out infinite}.card.in-view .scene-event h3{animation:eventType 4s ease-in-out infinite}
.card.in-view .bottle{animation:bottleFloat 4s ease-in-out infinite}.card.in-view .leaf-a{animation:leafA 5s ease-in-out infinite}.card.in-view .leaf-b{animation:leafB 6s ease-in-out infinite}.card.in-view .keynote-orbit{animation:ringRotate 12s linear infinite}.card.in-view .keynote-orbit b{animation:glowPulse 2.5s ease-in-out infinite}
.card.in-view .mag-photo{animation:magReveal 6s ease-in-out infinite}.card.in-view .pulse{animation:pulseOrbit 3.8s ease-in-out infinite}.card.in-view .saas-panel>i{animation:lineLoad 3s ease-in-out infinite}.card.in-view .saas-panel>i:nth-of-type(2){animation-delay:.3s}.card.in-view .saas-panel>i:nth-of-type(3){animation-delay:.6s}
.card.in-view .g1{animation:galleryOne 5s ease-in-out infinite}.card.in-view .g2{animation:galleryTwo 4.5s ease-in-out infinite}.card.in-view .g3{animation:galleryThree 5.6s ease-in-out infinite}.card.in-view .arch-photo i{animation:archLight 5s ease-in-out infinite}.card.in-view .blob3d{animation:blobMorph 7s ease-in-out infinite}.card.in-view .blob3d b{animation:orbTravel 4.5s ease-in-out infinite}
.card.in-view .fc1{animation:floatOne 4.3s ease-in-out infinite}.card.in-view .fc2{animation:floatTwo 5.1s ease-in-out infinite}.card.in-view .fc3{animation:floatThree 4.7s ease-in-out infinite}.card.in-view .bold-sticker{animation:stickerSpin 6s ease-in-out infinite}.card.in-view .bold-copy em{animation:colorBlink 2.8s ease-in-out infinite}.card.in-view .prism{animation:prismFloat 5s ease-in-out infinite}.card.in-view .prisma-copy{animation:copyDrift 4s ease-in-out infinite}
.card.in-view .bento-grid>div{animation:bentoIn 4s ease-in-out infinite}.card.in-view .bento-grid>div:nth-child(2){animation-delay:.2s}.card.in-view .bento-grid>div:nth-child(3){animation-delay:.4s}.card.in-view .notion-grid>div{animation:notionTile 5s ease-in-out infinite}.card.in-view .notion-grid>div:nth-child(2){animation-delay:.25s}.card.in-view .notion-grid>div:nth-child(3){animation-delay:.5s}.card.in-view .notion-grid>div:nth-child(4){animation-delay:.75s}
.card.in-view .code-window:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:codeScan 3s linear infinite}.card.in-view .code-window code em{animation:terminalBlink 1.8s steps(2) infinite}.card.in-view .apple-main i{animation:deviceFloat 4.5s ease-in-out infinite}.card.in-view .apple-chip b{animation:dataPulse 3s ease-in-out infinite}
@keyframes productFloat{50%{transform:translateY(-9px) rotate(4deg)}}@keyframes vaseGlow{50%{transform:scale(.92);opacity:.75}}@keyframes copyDrift{50%{transform:translateX(4px)}}@keyframes barGrow{from{transform:scaleY(.35);opacity:.55}to{transform:scaleY(1);opacity:1}}@keyframes numberSlide{50%{transform:translateX(-12px);opacity:.55}}@keyframes photoOne{50%{transform:translate(-5px,-8px) rotate(2deg)}}@keyframes photoTwo{50%{transform:translate(6px,-5px) rotate(-3deg)}}@keyframes ringRotate{to{transform:rotate(385deg)}}@keyframes dataPulse{50%{transform:scale(1.05);filter:brightness(1.2)}}@keyframes glowPulse{50%{opacity:.45;filter:blur(20px);transform:scale(1.12)}}@keyframes eventType{50%{letter-spacing:-1px;transform:translateY(-4px)}}@keyframes bottleFloat{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes leafA{50%{transform:translate(-7px,6px) rotate(-25deg)}}@keyframes leafB{50%{transform:translate(5px,-8px) rotate(58deg)}}@keyframes magReveal{0%,100%{clip-path:polygon(0 7%,100% 0,89% 100%,7% 90%)}50%{clip-path:polygon(7% 0,93% 7%,100% 92%,0 100%)}}@keyframes pulseOrbit{50%{transform:translate(-12px,-9px) scale(.88);border-width:5px}}@keyframes lineLoad{50%{width:95%;background:var(--accent)}}@keyframes galleryOne{50%{transform:translate(-5px,5px) rotate(1deg)}}@keyframes galleryTwo{50%{transform:translate(5px,-5px) rotate(-8deg)}}@keyframes galleryThree{50%{transform:translate(-4px,-7px)}}@keyframes archLight{50%{filter:brightness(1.25);transform:translateX(-5px)}}@keyframes blobMorph{0%,100%{border-radius:48% 52% 30% 70%;transform:rotate(14deg)}50%{border-radius:65% 35% 55% 45%;transform:rotate(5deg) scale(.96)}}@keyframes orbTravel{50%{transform:translate(-18px,14px) scale(.75)}}@keyframes floatOne{50%{transform:translate(7px,-9px) rotate(-3deg)}}@keyframes floatTwo{50%{transform:translate(-8px,7px) rotate(4deg)}}@keyframes floatThree{50%{transform:translate(4px,-10px) rotate(-2deg)}}@keyframes stickerSpin{50%{transform:rotate(-8deg) scale(1.06)}}@keyframes colorBlink{50%{color:#fff;text-shadow:3px 3px 0 var(--accent)}}@keyframes prismFloat{50%{transform:translateY(-9px) rotateY(12deg);filter:drop-shadow(0 0 30px var(--accent))}}@keyframes bentoIn{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px);box-shadow:0 7px 15px #0002}}@keyframes notionTile{50%{transform:scale(.97);background:#fff}}@keyframes codeScan{to{top:100%}}@keyframes terminalBlink{50%{opacity:.35}}@keyframes deviceFloat{50%{transform:translateY(-8px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.card .scene *{animation:none!important;transition:none!important}.card:hover .scene{filter:none}}

.scene-lithos{background:#080907;padding:0;color:#fff}.lithos-base,.lithos-reveal{position:absolute;inset:0;background-position:center;background-size:cover}.lithos-base{background-image:linear-gradient(#0002,#0005),var(--lithos-base)}.lithos-reveal{background-image:var(--lithos-reveal);clip-path:circle(23% at 72% 58%);filter:saturate(1.1)}.lithos-nav{position:absolute;z-index:4;left:12px;right:12px;top:10px;display:flex;align-items:center;justify-content:space-between;font:5px Manrope}.lithos-nav b{font-size:8px}.lithos-nav em{font:italic 9px Georgia}.lithos-nav span{background:#ffffff28;border:1px solid #ffffff3d;border-radius:20px;padding:5px 7px;backdrop-filter:blur(5px)}.lithos-nav i{background:#fff;color:#111;border-radius:20px;padding:5px 8px;font-style:normal}.lithos-title{position:absolute;z-index:3;top:26%;left:0;right:0;text-align:center;line-height:.86}.lithos-title em,.lithos-title strong{display:block}.lithos-title em{font:italic 27px Georgia;letter-spacing:-2px}.lithos-title strong{font:500 25px Manrope;letter-spacing:-2px}.scene-lithos>p{position:absolute;z-index:3;left:12px;bottom:13px;width:36%;font:5px/1.5 Manrope}.scene-lithos>button{position:absolute;z-index:3;right:12px;bottom:13px;border:0;border-radius:20px;background:#e8702a;color:#fff;padding:6px 9px;font:5px Manrope}.scene-lithos>small{position:absolute;z-index:3;right:12px;bottom:38px;font:4px DM Mono}.detail-scene.scene-lithos .lithos-title em{font-size:clamp(35px,4vw,64px)}.detail-scene.scene-lithos .lithos-title strong{font-size:clamp(33px,4vw,60px)}.detail-scene.scene-lithos .lithos-nav{left:25px;right:25px;top:20px;font-size:8px}.detail-scene.scene-lithos .lithos-nav b{font-size:15px}.detail-scene.scene-lithos>p{left:25px;bottom:25px;font-size:8px}.detail-scene.scene-lithos>button{right:25px;bottom:25px;font-size:8px}.card.in-view .scene-lithos .lithos-base{animation:lithosZoom 8s ease-in-out infinite alternate}.card.in-view .scene-lithos .lithos-reveal{animation:lithosSpot 7s cubic-bezier(.45,0,.55,1) infinite}.card.in-view .scene-lithos .lithos-title{animation:lithosTitle 5s ease-in-out infinite}.card:hover .scene-lithos .lithos-reveal{animation-duration:3.8s}@keyframes lithosZoom{to{transform:scale(1.08)}}@keyframes lithosSpot{0%,100%{clip-path:circle(20% at 18% 68%)}25%{clip-path:circle(25% at 42% 35%)}55%{clip-path:circle(22% at 76% 52%)}80%{clip-path:circle(26% at 58% 76%)}}@keyframes lithosTitle{50%{transform:translateY(-4px);text-shadow:0 7px 20px #000}}

.single-preview{position:relative;width:min(900px,100%);aspect-ratio:1.42;background:var(--preview);box-shadow:0 28px 80px #0005;border:1px solid #0005;overflow:hidden}.single-preview>.scene{position:absolute;inset:0;width:100%;height:100%;box-shadow:none}.single-preview-label{position:absolute;z-index:40;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;color:#fff;font:6px DM Mono;mix-blend-mode:difference;pointer-events:none}.modal-description{font-size:13px;line-height:1.8;color:var(--muted);margin:24px 0 0;max-width:570px}.single-preview .detail-scene h3{font-size:clamp(40px,5vw,78px)}
.official-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:850px){.single-preview{aspect-ratio:1.25}.modal-description{font-size:12px}.single-preview-label{left:10px;right:10px;bottom:8px}}

.scene-aetheris{background:radial-gradient(circle at 70% 65%,#1e3a4c 0,#081525 35%,#030811 75%);padding:0;color:#f5f8f3}.aether-stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:37px 31px;opacity:.3}.aether-stars i{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 7px #fff}.aether-stars i:nth-child(1){left:18%;top:30%}.aether-stars i:nth-child(2){left:42%;top:16%}.aether-stars i:nth-child(3){right:12%;top:24%}.aether-stars i:nth-child(4){left:8%;bottom:18%}.aether-stars i:nth-child(5){right:30%;bottom:11%}.aether-stars i:nth-child(6){right:6%;bottom:42%}.aether-nav{position:absolute;z-index:5;left:14px;right:14px;top:12px;display:flex;justify-content:space-between;align-items:center;font:5px DM Mono}.aether-nav b{letter-spacing:1.2px}.aether-nav i{font-style:normal;border:1px solid #ffffff70;border-radius:20px;padding:5px 7px}.aether-copy{position:absolute;z-index:4;left:7%;top:28%;width:58%}.aether-copy small{font:5px DM Mono;color:var(--accent);letter-spacing:1px}.aether-copy em,.aether-copy strong{display:block;line-height:.82;letter-spacing:-2px}.aether-copy em{font:italic 28px Georgia;margin-top:10px}.aether-copy strong{font:500 27px Manrope}.aether-copy p{font:6px/1.5 Manrope;color:#ffffffaa;max-width:42%}.aether-copy button{border:0;border-bottom:1px solid #fff;background:none;color:#fff;padding:0 0 3px;font:5px DM Mono}.aether-planet{position:absolute;right:-10%;bottom:-35%;width:65%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 33% 25%,#b5d0b0,#355c5c 18%,#142d3d 48%,#030711 70%);box-shadow:-20px -15px 70px #91c6bd4d, inset 18px 8px 30px #c7dfb955}.aether-planet:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 30% 30%,transparent 0 8px,#ffffff0a 9px 10px)}.aether-planet i{position:absolute;width:36%;height:12%;background:#0e202eaa;border-radius:50%;left:16%;top:29%;transform:rotate(-18deg)}.aether-orbit{position:absolute;right:-18%;bottom:-25%;width:88%;height:64%;border:1px solid var(--accent);border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 14px #d8ff6344}.aether-coords{position:absolute;z-index:4;right:13px;top:30%;font:5px/1.6 DM Mono;text-align:right}.aether-index{position:absolute;z-index:4;right:14px;bottom:12px;font:5px DM Mono;color:var(--accent)}.detail-scene.scene-aetheris .aether-copy em{font-size:clamp(38px,5vw,72px)}.detail-scene.scene-aetheris .aether-copy strong{font-size:clamp(36px,5vw,68px)}.detail-scene.scene-aetheris .aether-nav{left:26px;right:26px;top:22px;font-size:8px}.detail-scene.scene-aetheris .aether-copy p{font-size:9px}.card.in-view .scene-aetheris .aether-planet{animation:aetherPlanet 8s ease-in-out infinite}.card.in-view .scene-aetheris .aether-orbit{animation:aetherOrbit 12s linear infinite}.card.in-view .scene-aetheris .aether-stars i{animation:aetherTwinkle 2.5s ease-in-out infinite alternate}.card.in-view .scene-aetheris .aether-stars i:nth-child(even){animation-delay:1s}.card.in-view .scene-aetheris .aether-copy{animation:aetherCopy 5s ease-in-out infinite}@keyframes aetherPlanet{50%{transform:translate(-7px,-5px) scale(1.03)}}@keyframes aetherOrbit{to{transform:rotate(342deg)}}@keyframes aetherTwinkle{to{opacity:.18;transform:scale(.3)}}@keyframes aetherCopy{50%{transform:translateY(-4px)}}

.scene-ethical{padding:0;background:#f5f6f1}.reference-shot{position:absolute;inset:0;background-image:var(--reference-image);background-size:cover;background-position:center}.reference-badge{position:absolute;left:10px;bottom:9px;background:#15231a;color:#fff;padding:5px 7px;font:5px DM Mono;box-shadow:3px 3px 0 var(--accent)}.card.in-view .scene-ethical .reference-shot{animation:referencePan 7s ease-in-out infinite alternate}.card:hover .scene-ethical .reference-shot{transform:scale(1.035)}@keyframes referencePan{from{background-position:50% 45%}to{background-position:50% 56%}}
.scene-expand{padding:14px;background:#0d0e0c;color:#fff}.expand-head{display:flex;justify-content:space-between;font:5px DM Mono}.expand-row{position:absolute;left:14px;right:14px;top:39px;bottom:24px;display:flex;gap:4px}.expand-item{position:relative;flex:1;border-radius:5px;overflow:hidden;background-size:cover;background-position:center;transition:flex .7s cubic-bezier(.2,.8,.2,1),filter .5s;filter:saturate(.75)}.expand-item:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000b)}.expand-item b{position:absolute;z-index:2;left:7px;top:7px;font:6px DM Mono}.expand-item span{position:absolute;z-index:2;left:7px;bottom:7px;font:700 8px Manrope;writing-mode:vertical-rl;transform:rotate(180deg)}.ex1{background-image:url('https://images.unsplash.com/photo-1448375240586-882707db888b?q=70&w=500&auto=format&fit=crop')}.ex2{background-image:url('https://images.unsplash.com/photo-1511818966892-d7d671e672a2?q=70&w=500&auto=format&fit=crop')}.ex3{background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?q=70&w=500&auto=format&fit=crop')}.ex4{background-image:url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=70&w=500&auto=format&fit=crop')}.ex5{background-image:url('https://images.unsplash.com/photo-1494438639946-1ebd1d20bf85?q=70&w=500&auto=format&fit=crop')}.scene-expand>small{position:absolute;right:14px;bottom:9px;font:4px DM Mono}.card.in-view .scene-expand .expand-item{animation:expandCycle 10s ease-in-out infinite}.card.in-view .scene-expand .expand-item:nth-child(2){animation-delay:2s}.card.in-view .scene-expand .expand-item:nth-child(3){animation-delay:4s}.card.in-view .scene-expand .expand-item:nth-child(4){animation-delay:6s}.card.in-view .scene-expand .expand-item:nth-child(5){animation-delay:8s}.card:hover .scene-expand .expand-item:hover{flex:4;filter:saturate(1.1)}.card:hover .scene-expand .expand-item:hover span{writing-mode:horizontal-tb;transform:none;font-size:12px}@keyframes expandCycle{0%,16%,100%{flex:1;filter:saturate(.7)}8%{flex:3.4;filter:saturate(1.1)}}.detail-scene.scene-expand .expand-row{left:25px;right:25px;top:65px;bottom:38px}.detail-scene.scene-expand .expand-item span{font-size:12px}.detail-scene.scene-expand .expand-head{font-size:8px}

.scene-display{padding:0;background:#f8f8f7;color:#242424}.display-dots{position:absolute;inset:0;background-image:radial-gradient(#b9b9b6 1px,transparent 1px);background-size:16px 16px;opacity:.65}.display-stack{position:absolute;inset:18% 9% 10%;display:grid;place-items:center}.display-card{grid-area:1/1;width:72%;height:58%;background:#fff;border:1px solid #d5d5d3;border-radius:9px;padding:12px;box-shadow:0 5px 16px #0000000c;transition:.6s cubic-bezier(.2,.8,.2,1)}.display-card>div{display:flex;align-items:center;gap:7px}.display-card i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#333;color:#fff;font:9px Manrope}.display-card b{font:700 10px Manrope}.display-card p{font:11px Manrope;margin:17px 0 12px}.display-card span{font:7px Manrope;color:#999}.dc-back{transform:translate(-18%,-22%) rotate(-7deg);filter:grayscale(1);opacity:.45}.dc-mid{transform:translate(-4%,-4%) rotate(-4deg);filter:grayscale(1);opacity:.65}.dc-front{transform:translate(14%,16%) rotate(-2deg)}.dc-front i{background:var(--accent)}.dc-front b{color:var(--accent)}.card.in-view .dc-back{animation:displayBack 6s ease-in-out infinite}.card.in-view .dc-mid{animation:displayMid 6s .3s ease-in-out infinite}.card.in-view .dc-front{animation:displayFront 6s .6s ease-in-out infinite}.card:hover .display-card{filter:none;opacity:1}.card:hover .dc-back{transform:translate(-25%,-30%) rotate(-9deg)}.card:hover .dc-mid{transform:translate(-6%,-7%) rotate(-4deg)}.card:hover .dc-front{transform:translate(20%,22%) rotate(0)}@keyframes displayBack{50%{transform:translate(-21%,-25%) rotate(-9deg)}}@keyframes displayMid{50%{transform:translate(-6%,-7%) rotate(-2deg)}}@keyframes displayFront{50%{transform:translate(17%,13%) rotate(1deg)}}.detail-scene.scene-display .display-card{padding:20px}.detail-scene.scene-display .display-card i{width:36px;height:36px}.detail-scene.scene-display .display-card b{font-size:16px}.detail-scene.scene-display .display-card p{font-size:18px}

.scene-ink{padding:0;background:#f7f3ec}.ink-landscape{position:absolute;inset:12% 8%;background:linear-gradient(#e1bd76aa,#40566caa),url('assets/ink-reveal-preview.png') center/cover;filter:contrast(1.1)}.ink-mask{position:absolute;inset:0;background:#f7f3ec;filter:url('#none')}.ink-mask i{position:absolute;width:45%;height:30%;border-radius:50%;background:transparent;box-shadow:0 0 0 80px #f7f3ec;mix-blend-mode:destination-out}.ink-mask i:nth-child(1){left:3%;top:25%}.ink-mask i:nth-child(2){left:25%;top:45%}.ink-mask i:nth-child(3){right:3%;top:20%}.ink-mask i:nth-child(4){right:24%;bottom:10%}.ink-mask i:nth-child(5){left:40%;top:15%}.scene-ink>span{position:absolute;right:10px;bottom:8px;font:5px DM Mono;color:#263847}.card.in-view .ink-mask{animation:inkSweep 7s ease-in-out infinite alternate}@keyframes inkSweep{from{clip-path:polygon(0 0,100% 0,100% 38%,65% 28%,45% 50%,0 32%)}to{clip-path:polygon(0 0,100% 0,100% 12%,80% 35%,50% 18%,22% 48%,0 22%)}}
.scene-blocks{background:#f8f8f6;color:#151515;padding:14px}.blocks-logo{font:700 6px DM Mono}.blocks-copy{text-align:center;margin-top:25px}.blocks-copy small{font:5px DM Mono;background:#376cf4;color:#fff;padding:4px 6px;border-radius:10px}.blocks-copy h3{font:500 23px/1 Manrope;margin:11px 0}.blocks-copy em{font-style:normal;color:#ff6047}.blocks-copy b{color:#376cf4}.blocks-grid{position:absolute;left:12px;right:12px;bottom:12px;height:36%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.blocks-grid i{border-radius:4px;background:linear-gradient(135deg,#2e1518,#d7563a)}.blocks-grid i:nth-child(2){background:repeating-radial-gradient(circle,#b66532 0 4px,#49251b 5px 8px)}.blocks-grid i:nth-child(3){background:linear-gradient(150deg,#d9ebe9,#345b5e)}.blocks-grid i:nth-child(4){background:radial-gradient(circle at 30%,#9f442e,#1d1012)}.blocks-grid i:nth-child(5){background:linear-gradient(135deg,#190808,#d11f19)}.blocks-grid i:nth-child(6){background:linear-gradient(135deg,#ff6d55,#220d17)}.card.in-view .blocks-grid i{animation:blockRise 4s ease-in-out infinite}.card.in-view .blocks-grid i:nth-child(2n){animation-delay:.4s}.card.in-view .blocks-copy{animation:copyDrift 5s ease-in-out infinite}@keyframes blockRise{50%{transform:translateY(-4px);filter:brightness(1.15)}}
.scene-stackfx{background:#faf9f6;padding:0}.stackfx-card{position:absolute;left:22%;top:13%;width:58%;height:72%;background:#fff;border:1px solid #e2dfda;border-radius:9px;padding:8px;box-shadow:0 8px 20px #0001}.stackfx-card i{display:block;height:68%;border-radius:7px;background:linear-gradient(145deg,#f3ded5,#b97864)}.stackfx-card b,.stackfx-card span{display:block}.stackfx-card b{font:700 9px Manrope;margin-top:7px}.stackfx-card span{font:6px Manrope;margin-top:3px}.sf3{transform:translate(-15%,-3%) rotate(-7deg);opacity:.45}.sf2{transform:translate(13%,-1%) rotate(6deg);opacity:.65}.sf2 i{background:linear-gradient(145deg,#d6e0db,#647c74)}.sf1 i{background:linear-gradient(145deg,#f3dfd2,#ae6e59)}.card.in-view .sf1{animation:stackCardOne 6s ease-in-out infinite}.card.in-view .sf2{animation:stackCardTwo 6s .3s ease-in-out infinite}.card.in-view .sf3{animation:stackCardThree 6s .6s ease-in-out infinite}@keyframes stackCardOne{50%{transform:translateX(8%) rotate(3deg)}}@keyframes stackCardTwo{50%{transform:translate(-5%,2%) rotate(-2deg)}}@keyframes stackCardThree{50%{transform:translate(-20%,-4%) rotate(-10deg)}}
.scene-morph{background:#f7f7f6;color:#1c2633;padding:0}.morph-ring{position:absolute;left:50%;top:51%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%)}.morph-ring i{--angle:calc(var(--i)*25.714deg);position:absolute;left:43%;top:43%;width:15%;height:22%;border-radius:5px;background:linear-gradient(calc(var(--angle)),#4d7c6e,#d6a36e);box-shadow:0 5px 12px #0002;transform:rotate(var(--angle)) translateY(-150%) rotate(calc(var(--angle)*-1))}.morph-ring i:nth-child(3n){background:linear-gradient(135deg,#263b56,#6ea7b0)}.morph-ring i:nth-child(4n){background:linear-gradient(135deg,#d7bc83,#748d54)}.morph-copy{position:absolute;z-index:3;left:0;right:0;top:44%;text-align:center}.morph-copy b{display:block;font:600 14px Manrope}.morph-copy span{display:block;margin-top:8px;font:5px DM Mono;letter-spacing:2px;color:#9da1a7}.card.in-view .morph-ring{animation:morphSpin 18s linear infinite}.card.in-view .morph-ring i{animation:morphBreathe 4s ease-in-out infinite alternate}.card.in-view .morph-ring i:nth-child(2n){animation-delay:.5s}@keyframes morphSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes morphBreathe{to{margin-top:-7px;filter:saturate(1.2)}}