/* Picvium CI: graphite, azure, indigo violet, silver. Brand exports remain unmodified. */
.photo-composition{position:relative;padding-bottom:84px}.photo-main{transform:rotate(-3deg);position:relative}.photo-main img{aspect-ratio:3/2;object-fit:cover}.photo-secondary{width:58%;position:absolute;bottom:0;right:-16px;border:8px solid #fff;border-radius:10px;transform:rotate(5deg);box-shadow:0 20px 40px #263b5725;background:white}.photo-secondary img{border-radius:3px;aspect-ratio:3/2;object-fit:cover}.photo-secondary figcaption{display:flex;justify-content:space-between;gap:8px;font-size:9px;padding:8px 3px 1px;color:#768195}.gallery-image .gallery-photo{object-fit:cover;filter:none;border-radius:5px}.gallery-viewport{position:relative}.photo-credit{margin-top:14px;font-size:10px;color:#65758d}.photo-credit a{color:#93a3bb}.motion-off .photo-main,.motion-off .photo-secondary{transform:none}.motion-button:disabled{opacity:.5}
@media(max-width:900px){.photo-composition{padding-bottom:62px}.photo-secondary{right:-8px;border-width:6px}.photo-secondary figcaption{font-size:8px}}
@media(max-width:720px){.photo-composition{max-width:510px;width:100%;margin:auto;padding:0 10px 80px}.photo-secondary{right:0;width:59%}.photo-main .mat-caption{font-size:10px}}

:root{color-scheme:dark;--ink:#0b0f14;--navy:#111625;--cyan:#00c8ff;--violet:#7b61ff;--silver:#e6eaf0;--slate:#8b93a7;--paper:#f6f8fb;--line:rgba(230,234,240,.14);--header:76px;--progress:0;font-family:Inter,Pretendard,"Segoe UI",Arial,"Noto Sans",system-ui,sans-serif;font-synthesis:none;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 28px)}body{margin:0;background:var(--ink);color:var(--silver);line-height:1.65;overflow-wrap:break-word}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.16;letter-spacing:-.045em;text-wrap:balance}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}::selection{background:#00c8ff44;color:inherit}.container{width:min(1180px,calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:10px;left:20px;background:var(--cyan);color:var(--ink);padding:10px 20px;z-index:200;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(11,15,20,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.nav-shell{width:min(1392px,calc(100% - 64px));height:var(--header);margin:auto;display:flex;align-items:center;gap:30px}.brand{flex-shrink:0;display:flex;align-items:center;min-height:44px}.brand img{width:130px;height:auto}.desktop-nav{display:flex;gap:28px;margin-inline:auto;white-space:nowrap;font-size:13px;font-weight:600}.desktop-nav a{padding:12px 0;position:relative;color:#b9c0cd;transition:color .2s}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:white}.desktop-nav a:after{content:"";position:absolute;bottom:3px;inset-inline:0;height:2px;background:var(--cyan);transform:scaleX(0);transition:transform .2s}.desktop-nav a[aria-current]:after{transform:scaleX(1)}.nav-tools{display:flex;align-items:center;gap:12px}.language-select{display:flex;align-items:center;gap:4px}.language-select svg{width:18px;height:18px;color:var(--slate)}.language-select select{color:var(--silver);background:transparent;border:0;padding:10px 3px;width:104px;cursor:pointer;font-size:12px;min-height:44px}.language-select option{background:var(--navy);color:var(--silver)}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:inherit;background:transparent;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;transition:background .2s,border-color .2s}.icon-button:hover{background:#8b93a718;border-color:#8b93a780}.header-project{font-size:12px;font-weight:650;display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid var(--line);border-radius:100px;min-height:44px}.header-project img,.footer-github img{filter:invert(1)}.play-icon{display:none}.motion-button[aria-pressed=true] .pause-icon{display:none}.motion-button[aria-pressed=true] .play-icon{display:block}.menu-toggle{display:none}.mobile-nav{padding:16px 24px 24px;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px}.mobile-nav a{padding:12px;border-radius:8px;background:#ffffff05;font-size:14px}.scroll-progress{height:2px;position:absolute;bottom:-1px;left:0;width:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));transform:scaleX(var(--progress));transform-origin:left}
.hero{position:relative;isolation:isolate;overflow:clip;padding:calc(var(--header) + 92px) 0 34px;background:radial-gradient(ellipse at 45% 48%,#182435 0,transparent 57%),var(--ink)}.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.24;pointer-events:none}.glow-one{width:580px;height:520px;background:#017abd;top:220px;left:-260px}.glow-two{width:470px;height:570px;background:#5943b6;right:-250px;top:550px}.hero-copy{text-align:center;max-width:870px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:650;display:flex;align-items:center;gap:12px}.hero .eyebrow{justify-content:center;color:#adb8ca;margin-bottom:24px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px #00c8ff88}.hero h1{font-size:clamp(46px,5.4vw,78px);font-weight:650;line-height:1.13}.gradient-text{color:#87ddff;background:linear-gradient(110deg,#e6faff 0%,#68d9ff 45%,#aa91ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{max-width:650px;margin:26px auto 0;font-size:16px;color:#abb5c5;line-height:1.9;text-wrap:pretty}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px}.hero .actions{justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 24px;min-height:50px;border-radius:100px;font-size:14px;font-weight:650;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{color:#061523;background:#80dfff;box-shadow:0 0 30px #00c8ff0d}.primary:hover{background:#b5eeff;box-shadow:0 4px 30px #00c8ff20}.ghost{border:1px solid #65708180;background:#ffffff03}.ghost:hover{background:#ffffff09}.release-status{font-size:11px;color:#8792a4;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:22px}.divider{width:1px;height:12px;background:#546074}.hero-stage{position:relative;padding:74px 44px 0;perspective:1800px}.hero-frame{position:relative;z-index:1;transform:rotateX(7deg);transform-origin:center bottom;border-radius:12px;box-shadow:0 35px 80px #0008,0 0 0 1px #a4c8ff25;background:#141d2c;overflow:hidden;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.hero-stage:hover .hero-frame{transform:rotateX(0)}.hero-screen{width:100%;height:auto}.frame-caption{display:flex;align-items:center;gap:8px;padding:12px 18px;color:#b1bccd;background:#121b2b;font-size:10px;letter-spacing:.02em}.frame-caption>:last-child{margin-left:auto;color:#71809a}.caption-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan)}.stage-orbit{position:absolute;inset:85px -120px 0;border-radius:50%;border:1px solid #7691ce12;transform:rotate(-12deg);z-index:-1}.floating-card{position:absolute;z-index:2;padding:22px 24px;border-radius:14px;border:1px solid #b3d5ff2e;background:linear-gradient(135deg,#26364cf0,#151e2af0);box-shadow:0 20px 50px #0004;backdrop-filter:blur(18px);display:flex;flex-direction:column;font-size:12px;color:#bdc9db;animation:float 7s ease-in-out infinite}.float-detail{left:-12px;top:160px;min-width:192px}.float-detail svg{margin-bottom:16px;color:#69dcff}.floating-card strong{font-size:30px;font-weight:550;color:#f0f6ff;letter-spacing:-.03em;margin:6px 0}.floating-card strong small{font-size:13px;color:#95a5bf;font-weight:400}.card-meta{font-size:10px;color:#a1afc5}.float-info{right:-4px;bottom:108px;min-width:244px;animation-delay:-3s}.float-info strong{font-size:25px;display:flex;gap:24px}.float-info strong span{color:#afbdd3}.mini-bars{height:22px;display:flex;gap:4px;align-items:flex-end;margin-top:15px}.mini-bars i{height:38%;flex:1;background:linear-gradient(var(--cyan),#7b61ff55);border-radius:2px 2px 0 0}.mini-bars i:nth-child(3n){height:80%}.mini-bars i:nth-child(3n+1){height:60%}.mini-bars i:nth-child(4n){height:100%}.stage-note{font-size:10px;text-align:center;color:#6f7e95;margin-top:20px}.hero-bottom{margin-top:48px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8190a6}.hero-bottom>p{letter-spacing:.12em}.cyan-dot{color:var(--cyan)}.scroll-cue{display:flex;align-items:center;gap:18px}.scroll-cue>span:last-child{font-size:22px;animation:float 3s ease-in-out infinite}
.light-section{color-scheme:light;color:var(--ink);background:var(--paper);--line:rgba(11,15,20,.13)}section[id]{scroll-margin-top:22px}.view-section{padding:128px 0 110px;background:linear-gradient(180deg,#e5ebf3 0%,#f6f8fb 18%,#fff 66%,#f6f8fb 100%)}.section-heading{max-width:760px}.section-kicker{margin-bottom:24px;color:#646f80}.section-kicker>span:first-child{color:#8994a4;font-weight:400}.section-heading h2,h2{font-size:clamp(34px,4vw,58px);font-weight:620;line-height:1.18}.muted{color:#778394}.section-heading>p:last-child,.gallery-heading>div>p:last-child,.language-layout>div>p,.project-layout>div>p{font-size:16px;color:#657184;max-width:650px;line-height:1.85;margin-top:24px;text-wrap:pretty}.view-composition{display:grid;grid-template-columns:1.1fr 1fr;gap:84px;align-items:center;margin-top:70px}.image-mat{border-radius:16px;background:linear-gradient(130deg,#ece9e3,#e2e8e6);padding:32px;box-shadow:0 20px 70px #263b5720}.image-mat img{width:100%;border-radius:7px;box-shadow:0 8px 28px #21374422}.mat-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#6c746d;margin-top:24px}.mat-caption>span:first-child{color:#3c4b47;font-weight:600}.feature-stack{display:flex;flex-direction:column;gap:32px}.feature-stack article{display:flex;gap:20px}.feature-number{font-size:12px;color:#8591a1;padding-top:4px;min-width:25px}.feature-stack h3{font-size:20px;font-weight:620;letter-spacing:-.03em;margin-bottom:12px}.feature-stack p{color:#687486;font-size:14px;line-height:1.85}.format-panel{margin-top:88px;padding-top:42px;border-top:1px solid #11162520;display:grid;grid-template-columns:1fr 1fr;gap:50px}.format-panel .eyebrow{color:#7e8999;letter-spacing:.06em;font-size:11px}.format-panel h3{font-size:25px;margin-top:12px}.format-list{font-size:17px;line-height:2;letter-spacing:.05em;font-weight:550;color:#435168}.format-list b{color:#a1acba;font-weight:400;padding:0 3px}details{margin-top:12px;font-size:12px}summary{cursor:pointer;min-height:34px;display:list-item;list-style-position:inside;color:#526078}details p{line-height:1.9;color:#727e8f;margin-top:10px;font-size:12px}
.edit-section{padding:122px 0;background:radial-gradient(ellipse at 90% 30%,#272044 0%,transparent 55%),#101521;overflow:clip}.edit-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.edit-copy .section-kicker{color:#8996ab}.section-description{font-size:15px;line-height:1.9;color:#9daac0;margin-top:26px}.edit-features{display:flex;flex-direction:column;gap:28px;margin-top:40px}.edit-features article{display:flex;gap:20px}.edit-symbol{font-size:23px;color:#6fd7ff;flex-shrink:0;line-height:1.25;width:26px}.edit-features h3{font-size:18px;letter-spacing:-.03em;margin-bottom:9px}.edit-features p{font-size:13px;color:#8997ae;line-height:1.8}.edit-visual{position:relative;padding:30px 12px 60px;min-width:0}.edit-grid{position:absolute;inset:-20px -25px;background-image:linear-gradient(#729ac010 1px,transparent 1px),linear-gradient(90deg,#729ac010 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.dialog-card{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 40px 80px #0006;transform:rotate(-3deg);border:1px solid #98b6dc38;background:#192134}.dialog-card img{width:100%}.dialog-card figcaption{padding:15px 20px;font-size:11px;color:#b6c4db}.edit-float{position:absolute;bottom:14px;right:-20px;background:#e6eaf0;box-shadow:0 20px 45px #0004;color:#192437;display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:12px;animation:float 6s ease-in-out infinite}.undo-icon{font-size:32px;color:#5141ab}.edit-float strong,.edit-float div>span{display:block}.edit-float strong{font-size:13px}.edit-float div>span{font-size:10px;color:#778394;margin-top:3px}
.screens-section{padding:120px 0 62px;background:#eef1f7;overflow:hidden}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.gallery-heading>div:first-child{max-width:650px}.gallery-controls{display:flex;align-items:center;gap:9px;flex-shrink:0}.gallery-pause{background:white;border:1px solid #17233622;border-radius:100px;color:#526078;padding:9px 15px;font-size:11px;min-height:44px}.gallery-viewport{margin-top:56px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#a8b4c8 transparent;padding:12px 0 34px;cursor:grab}.gallery-viewport:active{cursor:grabbing}.gallery-viewport:focus-visible{outline-offset:-3px}.gallery-track{display:flex;gap:24px;width:max-content;padding-inline:max(48px,calc((100vw - 1180px)/2));align-items:stretch}.gallery-card{width:clamp(300px,35vw,470px);border-radius:14px;overflow:hidden;background:#fff;border:1px solid #15243b0b;box-shadow:0 8px 24px #263d5b0a;flex-shrink:0;transition:transform .3s,box-shadow .3s}.gallery-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #263d5b18}.gallery-card>a{display:block;height:100%}.gallery-image{height:300px;padding:22px;background:linear-gradient(135deg,#e3e9ee,#d6dfe7);display:flex;align-items:center;justify-content:center}.gallery-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px #263d5b15);border-radius:3px}.gallery-card:nth-child(4n+2) .gallery-image{background:#e8e5de}.gallery-card:nth-child(4n+3) .gallery-image{background:#e4e0f0}.gallery-card:nth-child(4n) .gallery-image{background:#dceaea}.gallery-card figcaption{display:flex;align-items:center;gap:16px;padding:24px;min-height:106px}.gallery-index{font-size:11px;color:#929cad;align-self:flex-start;padding-top:2px}.gallery-card h3{font-size:16px;font-weight:620;letter-spacing:-.025em;line-height:1.35}.gallery-card p{font-size:11px;color:#7c8798;margin-top:7px}.expand-mark{margin-left:auto;font-size:21px;color:#8d99ac}.gallery-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:20px;color:#8390a4;font-size:11px}.gallery-position{flex-shrink:0;font-variant-numeric:tabular-nums}
.language-section{padding:118px 0;background:radial-gradient(ellipse at 82% 100%,#25315b40,transparent 60%),var(--ink)}.language-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:88px;align-items:center}.language-layout>div>p{color:#96a3b9;font-size:15px}.language-layout .section-kicker{margin-top:0;font-size:12px}.language-layout>div>.language-hint{color:#68778f;font-size:11px;margin-top:20px}.language-cloud{position:relative}.language-count{font-size:108px;font-weight:300;line-height:1;color:#212a3c;display:flex;align-items:flex-end;gap:16px;margin-bottom:28px;font-variant-numeric:tabular-nums}.language-count>span{font-size:12px;letter-spacing:.2em;color:#64738c;margin-bottom:10px}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.language-grid button{min-width:0;text-align:left;padding:17px 16px;color:#c6cfde;background:#151b28;border:1px solid #b4c6e312;border-radius:9px;font-size:17px;transition:background .2s,border-color .2s,transform .2s;line-height:1.4}.language-grid button span{display:block;color:#64738a;font-size:9px;margin-top:7px;letter-spacing:.025em}.language-grid button:hover{background:#202a3b;border-color:#7485a070;transform:translateY(-2px)}.language-grid button[aria-pressed=true]{background:#072632;border-color:#00c8ff70;color:#8de5ff}.language-grid button[aria-pressed=true] span{color:#508c9e}.project-section{padding:92px 0;background:#e9eef5}.project-layout{display:flex;align-items:center;gap:72px;max-width:1000px}.project-icon{width:154px;height:154px;border-radius:34px;flex-shrink:0;box-shadow:0 25px 50px #15223830}.project-layout>div>.eyebrow{margin-top:0;font-size:11px;color:#7c8797}.project-layout h2{font-size:42px;margin-top:15px}.project-layout>div>p{font-size:14px;max-width:590px;margin-top:20px}.ink{background:#142035;color:#f4f7fb;gap:12px}.ink img{filter:invert(1)}.ink:hover{background:#253552}.text-link{font-size:13px;display:inline-flex;gap:15px;padding:12px 0;min-height:44px;color:#53627a}.site-footer{padding:52px 0 30px;background:#080d14;color:#7a8aa2;font-size:11px}.footer-top{display:flex;align-items:center;gap:32px;padding-bottom:36px;border-bottom:1px solid var(--line)}.footer-top>a:first-child img{width:130px}.footer-top>p{letter-spacing:.08em;font-size:10px}.footer-github{margin-left:auto;display:flex;align-items:center;gap:12px;color:#b0bdcf;min-height:44px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:26px}.footer-bottom>div{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom a:hover{color:#d1dfef}.legal-note{max-width:850px;font-size:10px;color:#55647b;margin-top:20px;line-height:1.9}.screen-link{display:block;cursor:zoom-in}.screen-link:focus-visible{outline-offset:-4px}dialog{max-width:min(1200px,calc(100% - 48px));max-height:calc(100dvh - 48px);width:max-content;padding:18px 24px;background:#111925;color:var(--silver);border:1px solid #8097b14d;border-radius:14px;box-shadow:0 24px 100px #000a}dialog::backdrop{background:#030811dd;backdrop-filter:blur(14px)}.lightbox-toolbar{display:flex;align-items:center;gap:32px;margin-bottom:16px}.lightbox-toolbar h2{font-size:15px;font-weight:500;letter-spacing:0;margin-right:auto}.lightbox-toolbar .icon-button{border:0}.lightbox-bottom{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px;font-size:12px;color:#8c9bb3}#lightbox-image{max-width:100%;max-height:calc(100dvh - 220px);width:auto;height:auto;object-fit:contain;margin-inline:auto;border-radius:5px}.dialog-open{overflow:hidden}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}.has-reveals [data-reveal]{transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1)}.has-reveals [data-reveal].reveal-wait{opacity:0;translate:0 24px}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off [data-reveal]{opacity:1!important;translate:none!important}.motion-off .hero-frame,.motion-off .dialog-card{transform:none!important}.motion-off .hero-stage:hover .hero-frame{transform:none}.motion-off{scroll-behavior:auto}
@supports(animation-timeline:scroll()){.scroll-progress{transform:scaleX(1);animation:reading-progress linear;animation-timeline:scroll(root)}@keyframes reading-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}}
@media(min-width:1800px){.hero-stage{max-width:1340px}}@media(max-width:1190px){.nav-shell{gap:20px}.desktop-nav{gap:20px}.header-project{display:none}.container{width:calc(100% - 72px)}.hero-stage{padding-inline:36px}.float-detail{left:-4px;top:150px;padding:18px;min-width:168px}.float-info{right:0;min-width:212px;padding:18px;bottom:92px}.floating-card strong{font-size:25px}.float-info strong{font-size:22px}.view-composition{gap:48px}.edit-layout{gap:46px}.edit-float{right:-4px}.language-layout{gap:50px}.language-grid button{padding:15px 12px;font-size:15px}.gallery-heading{gap:20px}}
@media(max-width:900px){:root{--header:68px}.container{width:calc(100% - 48px)}.nav-shell{width:calc(100% - 40px);gap:16px}.brand img{width:115px}.desktop-nav{gap:15px;font-size:11px}.nav-tools{gap:8px}.language-select select{width:95px}.language-select svg{display:none}.motion-button{width:38px;height:38px;border:0}.hero{padding-top:calc(var(--header) + 68px)}.hero-stage{padding:54px 20px 0}.float-detail{min-width:140px;top:130px;padding:15px}.float-detail svg{width:19px;height:19px;margin-bottom:10px}.float-detail strong{font-size:22px}.float-info{min-width:190px;bottom:80px;padding:15px}.float-info strong{font-size:20px}.floating-card{font-size:10px}.hero-bottom{margin-top:36px}.view-section,.screens-section{padding-top:90px}.view-composition{grid-template-columns:1fr 1fr;gap:34px}.image-mat{padding:20px}.mat-caption{flex-direction:column;gap:3px;margin-top:18px}.feature-stack{gap:23px}.feature-stack article{gap:12px}.feature-stack h3{font-size:17px}.feature-stack p{font-size:12px}.format-panel{gap:32px}.format-list{font-size:14px}.edit-section,.language-section{padding:88px 0}.edit-layout{gap:32px}.edit-features h3{font-size:16px}.edit-features p{font-size:12px}.edit-float{padding:17px;gap:10px}.edit-float strong{font-size:11px}.gallery-heading{flex-wrap:wrap}.gallery-controls{margin-left:auto}.gallery-image{height:248px}.gallery-card{width:360px}.language-layout{gap:32px}.language-grid{gap:8px}.language-grid button{padding:13px 10px;font-size:13px}.language-grid button span{font-size:8px}.project-layout{gap:40px}.project-icon{width:120px;height:120px;border-radius:26px}.project-layout h2{font-size:36px}}
@media(max-width:720px){:root{--header:64px}.nav-shell{width:calc(100% - 32px);gap:8px;justify-content:space-between}.desktop-nav{display:none}.menu-toggle{display:inline-flex;width:38px;height:38px;border:0}.mobile-nav:not([hidden]){display:grid}.nav-tools{gap:2px}.brand img{width:104px}.language-select select{width:94px;font-size:11px}.motion-button{width:36px}.hero{padding-top:calc(var(--header) + 56px)}.hero h1{font-size:clamp(37px,7.4vw,54px)}.hero-description{font-size:14px;margin-top:24px}.eyebrow{font-size:10px}.hero .eyebrow{margin-bottom:22px}.button{font-size:12px;padding:12px 20px;gap:16px}.actions{gap:12px}.release-status{font-size:10px;gap:10px;line-height:1.8}.hero-stage{padding:48px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-frame{grid-column:1/-1;transform:none;border-radius:7px}.floating-card{position:relative;inset:auto;min-width:0;padding:16px;border-radius:9px;animation:none}.float-detail{flex-direction:row;flex-wrap:wrap;column-gap:10px;align-items:center}.float-detail svg{margin:0;width:18px}.float-detail>span:not(.card-meta){flex:1}.float-detail strong{flex-basis:100%;margin:2px 0;font-size:27px}.float-detail .card-meta{font-size:8px}.float-info strong{font-size:22px;gap:12px}.mini-bars{height:14px;margin-top:9px;gap:3px}.stage-note{grid-column:1/-1;margin-top:4px;font-size:9px}.frame-caption{font-size:9px;padding:9px 12px}.frame-caption>:last-child{display:none}.hero-bottom{margin-top:32px;font-size:9px}.hero-bottom>p{letter-spacing:.04em}.scroll-cue{gap:10px}.scroll-cue>span:last-child{font-size:18px}.hero-glow{opacity:.18}.view-section{padding:76px 0}.section-kicker{margin-bottom:20px;font-size:10px}.section-heading h2,h2{font-size:clamp(31px,6vw,43px)}.section-heading>p:last-child,.gallery-heading>div>p:last-child{font-size:14px;margin-top:22px}.view-composition{grid-template-columns:1fr;gap:38px;margin-top:38px}.image-mat{padding:24px;max-width:520px;width:100%;margin:auto}.mat-caption{flex-direction:row;margin-top:20px}.feature-stack{gap:25px}.feature-stack article{gap:20px}.feature-stack h3{font-size:18px}.feature-stack p{font-size:13px}.format-panel{grid-template-columns:1fr;gap:22px;margin-top:44px;padding-top:34px}.format-panel h3{font-size:23px}.format-list{font-size:16px}.edit-section{padding:76px 0 62px}.edit-layout{grid-template-columns:1fr;gap:28px}.section-description{font-size:14px}.edit-features{margin-top:28px}.edit-features h3{font-size:17px}.edit-features p{font-size:13px}.edit-visual{max-width:510px;width:100%;margin:auto;padding:22px 14px 58px}.edit-float{right:0;bottom:15px;padding:20px}.edit-float strong{font-size:12px}.screens-section{padding:76px 0 44px}.gallery-heading{gap:24px}.gallery-controls{margin-left:0}.gallery-viewport{margin-top:30px;padding-bottom:24px}.gallery-track{padding-inline:24px;gap:16px}.gallery-card{width:min(360px,calc(100vw - 64px));border-radius:10px}.gallery-image{height:240px;padding:16px}.gallery-card figcaption{padding:20px 18px;gap:13px;min-height:106px}.gallery-card h3{font-size:15px}.gallery-card p{font-size:10px}.gallery-footnote{margin-top:18px;font-size:10px}.language-section{padding:76px 0}.language-layout{grid-template-columns:1fr;gap:42px}.language-layout>div>p{font-size:14px}.language-count{font-size:80px;margin-bottom:22px}.language-grid{gap:10px}.language-grid button{font-size:16px;padding:16px}.language-grid button span{font-size:9px}.project-section{padding:66px 0}.project-layout{flex-direction:column;align-items:flex-start;gap:30px}.project-icon{width:86px;height:86px;border-radius:20px}.project-layout h2{font-size:34px}.project-layout>div>p{font-size:13px}.project-layout .actions{margin-top:25px}.site-footer{padding:36px 0 24px}.footer-top{flex-wrap:wrap;gap:10px 24px;padding-bottom:25px}.footer-top>a:first-child img{width:105px}.footer-top>p{font-size:9px}.footer-github{margin-left:0;flex-basis:100%;margin-top:8px}.footer-github img{width:19px;height:19px}.footer-bottom{flex-direction:column;gap:16px;font-size:10px}.footer-bottom>div{gap:20px}.legal-note{font-size:9px}dialog{max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:12px;width:calc(100% - 24px);border-radius:10px}.lightbox-toolbar{gap:10px;margin-bottom:12px}.lightbox-toolbar h2{font-size:12px}#lightbox-image{max-height:calc(100dvh - 180px)}.lightbox-bottom{margin-top:12px}.lightbox-toolbar .icon-button{width:36px;height:36px}}
@media(max-width:374px){.container{width:calc(100% - 32px)}.brand img{width:90px}.nav-shell{width:calc(100% - 24px)}.nav-tools{gap:0}.language-select select{width:85px}.motion-button{width:31px}.menu-toggle{width:31px}.hero h1{font-size:35px}.hero-description{font-size:13px}.button{padding:12px 17px;font-size:11px}.float-info strong{font-size:19px;gap:9px}.floating-card{padding:13px}.float-detail strong{font-size:24px}.card-meta{font-size:8px}.hero-bottom{gap:12px}.scroll-cue{font-size:8px}.section-heading h2,h2{font-size:30px}.gallery-track{padding-inline:16px}.gallery-card{width:calc(100vw - 48px)}.gallery-image{height:210px}.language-grid button{padding:13px 11px;font-size:14px}.language-grid button span{font-size:8px}.project-layout h2{font-size:30px}}

@media(forced-colors:active){.gradient-text{-webkit-text-fill-color:currentColor;background:none}.floating-card,.dialog-card,.gallery-card{border:1px solid CanvasText}.primary,.ink{border:1px solid ButtonText}.scroll-progress{background:Highlight}.hero-glow{display:none}}
@media print{.site-header,.scroll-progress,.gallery-controls,.hero-glow,.floating-card,.scroll-cue,dialog{display:none!important}.hero{padding-top:30px}section{break-inside:avoid}body,.hero,.edit-section,.language-section,.site-footer{background:white;color:black}.gradient-text{-webkit-text-fill-color:currentColor;background:none}.gallery-viewport{overflow:visible}.gallery-track{width:auto;flex-wrap:wrap;padding:0}.gallery-card{width:45%}.container{width:90%}.hero-frame,.dialog-card{transform:none;box-shadow:none}[data-reveal]{opacity:1!important;translate:none!important}a{color:inherit}}

/* Navigation remains usable without scripts; the enhanced mobile menu opens in place. */
@media(max-width:900px){
 .js-ready .desktop-nav{display:none}
 .menu-toggle{display:inline-flex;width:38px;height:38px;border:0}
 .mobile-nav:not([hidden]){display:grid}
 .nav-tools{margin-left:auto}
 html:not(.js-ready){--header:118px}
 html:not(.js-ready) .nav-shell{height:auto;min-height:64px;flex-wrap:wrap}
 html:not(.js-ready) .desktop-nav{display:flex;order:3;flex-basis:100%;justify-content:space-between;gap:12px;white-space:normal;padding-bottom:10px}
}
.gallery-card h3{overflow-wrap:anywhere}
.gallery-image{cursor:zoom-in}
.site-footer .legal-note{color:#8795aa}
.stage-note{color:#8b9bb3}
.language-grid button span{color:#94a2b7;line-height:1.5}
.language-grid button[aria-pressed=true] span{color:#7ab0c1}
.gallery-footnote{color:#65748b}
.light-section details p{color:#59677c}
.photo-secondary figcaption{color:#526078}
@supports(animation-timeline:scroll()){
 @keyframes orbital-shift{from{rotate:-8deg}to{rotate:8deg}}
 .stage-orbit{animation:orbital-shift linear;animation-timeline:scroll(root)}
}

.motion-off .gallery-viewport{scroll-snap-type:x proximity}
.motion-off .gallery-card{scroll-snap-align:center}

.motion-off .scroll-progress{transform:scaleX(var(--progress))}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:22px;background:linear-gradient(transparent,#e5ebf32b);pointer-events:none}
@supports(animation-timeline:scroll()){
 .scroll-progress,.stage-orbit{animation-duration:auto;animation-fill-mode:both}
}

::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease-out}

.site-footer{font-size:12px}.legal-note,.photo-credit{font-size:11px}.stage-note{font-size:11px}.gallery-footnote{font-size:12px}
@media(max-width:720px){.footer-bottom,.legal-note,.photo-credit{font-size:11px}.stage-note,.frame-caption{font-size:10px}.gallery-footnote{font-size:11px}.card-meta,.float-detail .card-meta{font-size:10px}.language-grid button span{font-size:10px}}