:root{color-scheme:dark;--background:#07111f;--background-2:#0b1220;--surface:#111827c2;--surface-strong:#0f172af0;--surface-soft:#16203394;--primary:#38bdf8;--primary-strong:#0ea5e9;--violet:#a78bfa;--green:#4ade80;--amber:#f59e0b;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-soft:#94a3b8;--border:#94a3b840;--shadow:0 28px 80px #0208177a;--page-max:1440px;font-family:Inter,Manrope,Sora,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text-main);background:radial-gradient(circle at 15% 20%,#38bdf829,#0000 32rem),radial-gradient(circle at 90% 10%,#a78bfa1f,#0000 28rem),linear-gradient(#0b1220 0%,#07111f 48%,#0b1220 100%);margin:0}body:before{z-index:-2;content:"";background-image:linear-gradient(#94a3b80f 1px,#0000 1px),linear-gradient(90deg,#94a3b80f 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 78%)}a{color:inherit;text-decoration:none}p{color:var(--text-muted);line-height:1.7}.site-shell{min-height:100vh;overflow:hidden}.site-header{z-index:10;border-bottom:1px solid var(--border);backdrop-filter:blur(18px);background:#07111fc7;justify-content:space-between;align-items:center;min-height:76px;padding:0 clamp(1rem,5vw,5.5rem);display:flex;position:sticky;top:0}.brand{align-items:center;gap:.8rem;min-width:0;display:inline-flex}.brand-mark{object-fit:cover;object-position:center;border:1px solid #38bdf8b3;border-radius:14px;width:44px;height:44px;box-shadow:0 0 26px #38bdf83d}.brand strong,.brand small{letter-spacing:0;display:block}.brand strong{font-size:1rem}.brand small{color:var(--text-muted);font-size:1rem;font-weight:700}.desktop-nav{color:var(--text-muted);gap:clamp(1rem,2vw,2rem);font-weight:700;display:flex}.desktop-nav a{border-bottom:2px solid #0000;padding:.6rem 0}.desktop-nav a:hover{color:var(--primary);border-color:var(--primary)}.mobile-nav{display:none}.hero-section{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:calc(100svh - 76px);padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,5.5rem);display:grid;position:relative}.hero-backdrop,.hero-backdrop span{pointer-events:none;position:absolute;inset:0}.grid-plane{opacity:.34;background:linear-gradient(130deg,#0000 22%,#38bdf814,#0000 58%),repeating-linear-gradient(90deg,#0000 0 48px,#38bdf814 49px 50px);transform:skewY(-7deg)translateY(8%)}.orb{filter:blur(34px);border-radius:999px;width:28rem;height:28rem}.orb-one{background:#0ea5e933;top:7%;left:-7%}.orb-two{background:#a78bfa29;bottom:10%;left:auto;right:-8%}.hero-content,.hero-visual{z-index:1;position:relative}.eyebrow{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:900}h1,h2,h3{letter-spacing:0;margin:0;line-height:1.05}h1{overflow-wrap:break-word;max-width:920px;font-size:clamp(3.1rem,9vw,8.5rem)}h2{font-size:clamp(2rem,4vw,4rem)}h3{font-size:clamp(1.35rem,2vw,1.7rem)}.hero-lead{max-width:680px;margin:1.4rem 0 0;font-size:clamp(1.05rem,2vw,1.45rem)}.hero-actions,.tag-row{flex-wrap:wrap;gap:.72rem .86rem;display:flex}.hero-actions{margin-top:2.2rem}.button{border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:.85rem 1.2rem;font-weight:900;display:inline-flex}.button.primary{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#04111f;box-shadow:0 16px 42px #0ea5e93d}.button.secondary{border:1px solid var(--border);color:var(--text-main);background:#0f172a94}.hero-visual{perspective:1100px;min-height:min(58vw,620px)}.holo-panel,.cube-stack{box-shadow:var(--shadow), inset 0 0 32px #38bdf814;backdrop-filter:blur(18px);background:linear-gradient(145deg,#0f172ad1,#1e293b73);border:1px solid #38bdf842;position:absolute}.hero-visual.image-led{min-height:min(54vw,620px);box-shadow:var(--shadow), 0 0 80px #0ea5e929;background:#0f172a94;border:1px solid #38bdf840;border-radius:8px;overflow:hidden;transform:perspective(1200px)rotateY(-5deg)rotateX(2deg)}.hero-visual.image-led:before,.hero-visual.image-led:after{z-index:1;content:"";pointer-events:none;position:absolute;inset:0}.hero-visual.image-led:before{background:linear-gradient(90deg,#07111f47,#0000 42%),radial-gradient(circle at 58% 52%,#38bdf82e,#0000 30rem)}.hero-visual.image-led:after{border:1px solid #f8fafc14;border-radius:8px;box-shadow:inset 0 0 42px #0208175c}.hero-visual.image-led img{object-fit:cover;object-position:center;width:100%;height:min(54vw,620px);display:block}.holo-panel{border-radius:8px;padding:1.2rem}.panel-a{width:44%;top:5%;left:5%;transform:rotateY(18deg)rotateX(5deg)}.panel-a span{color:var(--primary);font-size:4rem;font-weight:900}.panel-a strong{color:var(--text-muted);margin-top:1rem;display:block}.panel-b{width:46%;bottom:10%;right:2%;transform:rotateY(-16deg)rotateX(4deg)}.panel-b span{color:var(--text-muted);margin-bottom:1rem;font-weight:800;display:block}.panel-b i{background:linear-gradient(90deg, var(--primary), transparent);border-radius:999px;height:12px;margin:.65rem 0;display:block}.cube-stack{border-radius:24px;grid-template-columns:repeat(3,1fr);gap:.75rem;width:min(42vw,280px);padding:1rem;display:grid;top:32%;left:30%;transform:rotateX(58deg)rotate(45deg)}.cube-stack span,.project-visual span,.detail-visual span{aspect-ratio:1;background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:8px;box-shadow:0 0 28px #38bdf842}.cube-stack span:nth-child(2n){background:linear-gradient(135deg,#f59e0b,#ef4444)}.cube-stack span:nth-child(3n){background:linear-gradient(135deg,#4ade80,#38bdf8)}.section,.page-hero,.project-detail-hero{width:min(var(--page-max), calc(100% - clamp(2rem, 5vw, 5rem)));margin:0 auto}.section{padding:clamp(4rem,8vw,7rem) 0}.split-intro,.distribution-band,.detail-layout,.two-columns,.contact-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.split-intro p:last-child{margin:0;font-size:1.15rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.section-heading a,.card-link{color:var(--primary);font-weight:900}.project-grid,.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.project-card,.news-card,.side-panel,.notice-box,.contact-panel{border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(16px);border-radius:8px;box-shadow:0 18px 60px #02081738}.project-card{padding:1rem;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden}.project-card:hover{border-color:#38bdf8bf;transform:translateY(-4px);box-shadow:0 24px 80px #0ea5e92e}.project-visual{background:radial-gradient(circle at 50% 20%,#38bdf833,#0000 45%),linear-gradient(135deg,#0f172ae6,#1e293b80);border-radius:8px;grid-template-columns:repeat(4,1fr);align-items:end;gap:.65rem;min-height:168px;margin-bottom:1.2rem;padding:1rem;display:grid;overflow:hidden}.project-visual span{aspect-ratio:auto;width:100%;min-width:0}.project-visual span:first-child{height:54%}.project-visual span:nth-child(2){height:82%}.project-visual span:nth-child(3){height:64%}.project-visual span:nth-child(4){height:92%}.project-icon-visual{place-items:center;min-height:220px}.project-icon-visual img{aspect-ratio:1;object-fit:cover;border:1px solid #38bdf857;border-radius:22%;width:min(100%,190px);display:block;box-shadow:0 22px 60px #0208176b,0 0 36px #4ade802e}.accent-cyan .project-icon-visual img,.accent-cyan .detail-icon-visual img{border-color:#38bdf86b;box-shadow:0 22px 60px #0208176b,0 0 38px #38bdf838}.accent-violet .project-icon-visual img,.accent-violet .detail-icon-visual img{border-color:#a78bfa75;box-shadow:0 22px 60px #0208176b,0 0 42px #a78bfa3d}.accent-rainbow .project-icon-visual img,.accent-rainbow .detail-icon-visual img{border-color:#f59e0b5c;box-shadow:0 22px 60px #0208176b,0 0 42px #ef44442e,0 0 28px #38bdf824}.card-meta{color:var(--text-soft);flex-wrap:wrap;gap:.45rem .8rem;margin-bottom:1rem;font-size:.82rem;line-height:1.45;display:flex}.project-card p{min-height:108px}.tag-row span,.distribution-tags span{color:var(--text-main);background:#0ea5e914;border:1px solid #38bdf847;border-radius:999px;padding:.42rem .68rem;font-size:.82rem;font-weight:800;line-height:1.15}.project-card .tag-row+.tag-row{margin-top:.62rem}.tag-row.muted span{color:var(--text-muted);background:#94a3b814;border-color:#94a3b833}.card-link{margin-top:1.2rem;display:inline-flex}.card-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.2rem;display:flex}.card-actions .card-link{margin-top:0}.card-link.external{color:var(--text-main)}.card-link.external:after{content:"↗";color:var(--primary);margin-left:.32rem}.accent-green .project-visual span,.accent-green .detail-visual span{background:linear-gradient(135deg,#4ade80,#38bdf8)}.accent-violet .project-visual span,.accent-violet .detail-visual span{background:linear-gradient(135deg,#a78bfa,#38bdf8)}.accent-rainbow .project-visual span,.accent-rainbow .detail-visual span{background:linear-gradient(135deg,#f59e0b,#ef4444 45%,#38bdf8)}.distribution-band{width:min(var(--page-max), calc(100% - clamp(2rem, 5vw, 5rem)));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.distribution-tags{flex-wrap:wrap;gap:.8rem;display:flex}.news-card{padding:1.2rem}.news-card span,.news-card time{color:var(--primary);margin-right:.65rem;font-size:.85rem;font-weight:900;display:inline-flex}.news-card time{color:var(--text-soft)}.news-card h3,.news-card h2{margin-top:1rem;font-size:1.35rem;line-height:1.2}.workshop-strip{text-align:center}.workshop-strip h2{max-width:920px;margin:0 auto 2rem}.page-hero,.project-detail-hero{padding:clamp(4rem,8vw,7rem) 0 clamp(2.5rem,5vw,4rem)}.page-hero.compact h1,.project-detail-hero h1{font-size:clamp(2.6rem,5.5vw,5.5rem)}.project-detail-hero h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(2.6rem,4.8vw,4.8rem)}.page-hero.compact p,.project-detail-hero p{max-width:760px;font-size:1.04rem;line-height:1.75}.project-detail-hero{grid-template-columns:minmax(0,1.18fr) minmax(300px,430px);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.detail-visual{aspect-ratio:1;border:1px solid var(--border);width:min(100%,360px);box-shadow:var(--shadow);background:linear-gradient(135deg,#0f172ae6,#1e293b8f);border-radius:8px;grid-template-columns:repeat(2,1fr);justify-self:center;align-items:stretch;gap:clamp(.9rem,2vw,1.15rem);padding:clamp(.9rem,2.2vw,1.15rem);display:grid;overflow:hidden}.detail-visual span{width:100%;min-width:0;height:100%}.detail-visual span:nth-child(2),.detail-visual span:nth-child(3){transform:none}.detail-icon-visual{place-items:center;padding:clamp(1.2rem,3vw,2rem);display:grid}.detail-icon-visual img{aspect-ratio:1;object-fit:cover;border:1px solid #38bdf857;border-radius:22%;width:min(100%,320px);display:block;box-shadow:0 28px 80px #02081780,0 0 56px #4ade8033}.detail-layout article p{max-width:760px;font-size:1rem;line-height:1.85}.detail-layout article h2{max-width:820px;font-size:clamp(1.55rem,2.5vw,2.45rem);line-height:1.18}.side-panel,.notice-box,.contact-panel{padding:clamp(1.2rem,3vw,2rem)}.side-panel h2{margin-top:0;font-size:1.1rem}.side-panel h2+p{margin-top:.85rem}.side-panel p+h2{margin-top:2rem}.side-panel h2+.tag-row{margin-top:1rem}.compact-actions{margin-top:1.4rem}.external-links{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.external-links a{min-height:42px;color:var(--text-main);background:#0ea5e91a;border:1px solid #38bdf85c;border-radius:8px;align-items:center;padding:.65rem .9rem;font-weight:900;display:inline-flex}.external-links a:after{content:"↗";color:var(--primary);margin-left:.38rem}.notice-box{color:var(--text-main);margin-top:2rem;line-height:1.7}.feature-list{gap:.9rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.feature-list li{border-left:3px solid var(--primary);color:var(--text-muted);padding:.4rem 0 .4rem 1rem}.plan-section .section-heading{align-items:start}.plan-section .section-heading p:last-child{max-width:480px;color:var(--text-soft);margin:0;line-height:1.6}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.plan-card{border:1px solid var(--border);background:linear-gradient(145deg,#0f172adb,#16203399);border-radius:8px;padding:clamp(1rem,2.4vw,1.35rem);box-shadow:0 18px 60px #02081738}.plan-card h3{font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.18}.plan-card .tag-row{margin-top:1rem}.plan-card p{color:var(--text-soft);margin-bottom:0;font-size:.95rem}.screenshot-section .section-heading{align-items:start}.screenshot-section .section-heading p:last-child{max-width:420px;color:var(--text-soft);margin:0;line-height:1.6}.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.screenshot-frame{margin:0}.screenshot-media{border:1px solid var(--border);background:radial-gradient(circle at 50% 18%,#38bdf82e,#0000 34rem),linear-gradient(135deg,#0f172ae0,#1e293b85);border-radius:8px;place-items:center;min-height:320px;padding:clamp(.8rem,2vw,1.2rem);display:grid;overflow:hidden;box-shadow:0 18px 60px #02081738}.screenshot-media img{object-fit:contain;border-radius:8px;width:100%;max-height:520px;display:block;box-shadow:0 24px 70px #0208176b}.screenshot-open{width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.screenshot-open:after{content:"";opacity:0;background:radial-gradient(circle,#38bdf829,#02081757);border-radius:8px;transition:opacity .18s;position:absolute;inset:0}.screenshot-open span{z-index:1;color:var(--text-main);opacity:0;background:#07111fc7;border:1px solid #38bdf857;border-radius:999px;padding:.42rem .68rem;font-size:.78rem;font-weight:900;transition:opacity .18s,transform .18s;position:absolute;bottom:.8rem;right:.8rem;transform:translateY(4px)}.screenshot-open:hover:after,.screenshot-open:focus-visible:after,.screenshot-open:hover span,.screenshot-open:focus-visible span{opacity:1;transform:translateY(0)}.screenshot-open:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #38bdf8b3}.screenshot-frame.mobile .screenshot-media img{width:auto;max-width:min(100%,280px)}.screenshot-frame.wide{grid-column:span 2}.screenshot-placeholder{background:linear-gradient(135deg,#38bdf814,#0000),repeating-linear-gradient(90deg,#94a3b814 0 1px,#0000 1px 48px);border:1px dashed #38bdf857;border-radius:8px;place-items:center;width:100%;height:100%;min-height:280px;display:grid}.screenshot-placeholder span{max-width:18ch;color:var(--text-soft);letter-spacing:.12em;text-align:center;text-transform:uppercase;font-size:.9rem;font-weight:900}.screenshot-frame figcaption{color:var(--text-muted);margin-top:.85rem;font-weight:900}.image-lightbox{width:min(96vw,1500px);max-width:none;height:min(94svh,980px);max-height:none;color:var(--text-main);background:radial-gradient(circle at 50% 0,#38bdf829,#0000 36rem),#07111ff5;border:1px solid #94a3b847;border-radius:8px;padding:clamp(.75rem,2vw,1.2rem);box-shadow:0 32px 110px #020817b8}.image-lightbox::backdrop{backdrop-filter:blur(10px);background:#020817d6}.image-lightbox[open]{grid-template-rows:auto minmax(0,1fr);gap:.8rem;display:grid}.image-lightbox form{justify-content:end;margin:0;display:flex}.lightbox-close{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:#0f172ad6;border-radius:8px;padding:.65rem .9rem;font-weight:900}.image-lightbox figure{grid-template-rows:minmax(0,1fr) auto;gap:.8rem;min-height:0;margin:0;display:grid}.image-lightbox img{object-fit:contain;background:#0208176b;border-radius:8px;width:100%;height:100%;min-height:0}.image-lightbox figcaption{color:var(--text-muted);text-align:center;font-weight:900}.legal-copy{max-width:900px}.legal-copy h2{margin-top:2rem;font-size:1.4rem}.legal-updated{color:var(--text-muted);font-weight:800}.legal-details{border-top:1px solid var(--border);margin:1rem 0 2rem}.legal-details div{border-bottom:1px solid var(--border);grid-template-columns:minmax(150px,.35fr) 1fr;gap:1rem;padding:.85rem 0;display:grid}.legal-details dt{color:var(--text-muted);font-weight:800}.legal-details dd{margin:0}.legal-links{flex-wrap:wrap;gap:.75rem;display:flex}.legal-links a{color:var(--text-main);background:#0ea5e914;border:1px solid #38bdf852;border-radius:8px;padding:.65rem .9rem;font-weight:900}.legal-links a:after{content:"↗";color:var(--primary);margin-left:.35rem}.site-footer{border-top:1px solid var(--border);background:#07111fb8;justify-content:space-between;gap:2rem;padding:2rem clamp(1rem,5vw,5.5rem);display:flex}.site-footer p{margin:.5rem 0 0}.site-footer-summary{max-width:520px}.site-footer-summary small{color:var(--text-muted);margin-top:.8rem;display:block}.site-footer-links{gap:.75rem;display:grid}.site-footer nav{color:var(--text-muted);flex-wrap:wrap;place-content:start end;gap:1rem;font-weight:800;display:flex}@media (width<=980px){.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;border:1px solid var(--border);color:var(--text-main);border-radius:8px;padding:.55rem .85rem;font-weight:900;list-style:none}.mobile-nav nav{border:1px solid var(--border);background:var(--surface-strong);min-width:190px;box-shadow:var(--shadow);border-radius:8px;padding:.6rem;display:grid;position:absolute;top:calc(100% + .6rem);right:0}.mobile-nav a{color:var(--text-muted);padding:.75rem;font-weight:800}.hero-section,.split-intro,.distribution-band,.detail-layout,.two-columns,.contact-panel,.project-detail-hero{grid-template-columns:1fr}.hero-section{min-height:auto}.hero-visual{min-height:420px}.hero-visual.image-led{min-height:420px;transform:none}.hero-visual.image-led img{height:420px}.project-grid,.news-grid,.screenshot-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-frame.wide{grid-column:span 2}}@media (width<=680px){.site-header{min-height:68px;padding:0 1rem}.brand{gap:.6rem}.brand-mark{width:42px;height:42px}.brand strong{font-size:.98rem;line-height:1.08}.brand small{color:var(--text-muted);font-size:.92rem;font-weight:700;line-height:1.08;display:block}.hero-section{padding:3rem 1rem}h1{font-size:clamp(2.8rem,16vw,4.8rem)}.page-hero.compact h1,.project-detail-hero h1{font-size:clamp(2.45rem,10.5vw,4.6rem)}.page-hero.compact p,.project-detail-hero p,.detail-layout article p{font-size:1rem;line-height:1.9}.detail-layout article h2{font-size:clamp(1.7rem,7vw,2.35rem);line-height:1.2}.hero-actions .button,.contact-panel .button{width:100%}.hero-visual{min-height:330px}.hero-visual.image-led{min-height:320px}.hero-visual.image-led img{height:320px}.panel-a,.panel-b{width:62%}.cube-stack{width:210px}.section-heading,.site-footer{flex-direction:column;align-items:start}.project-grid,.news-grid,.screenshot-grid,.plan-grid{grid-template-columns:1fr}.screenshot-frame.wide{grid-column:auto}.screenshot-media{min-height:260px}.screenshot-open span{opacity:1;transform:none}.image-lightbox{border:0;border-radius:0;width:100vw;height:100svh}.project-card p{min-height:auto}.site-footer nav{justify-content:start}.legal-details div{grid-template-columns:1fr;gap:.3rem}}