@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#141821;--panel:#1b202c;--ink:#f4f6fa;--muted:#a6acb9;--cyan:#7ce9eb;--lavender:#afa2ff;--line:#353a46}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}header{height:100px;padding:0 5%;display:flex;align-items:center;gap:50px;border-bottom:1px solid var(--line);position:relative;z-index:20}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;white-space:nowrap}.mark{color:var(--cyan);font-size:30px}.logo-period{font-size:11px;align-self:flex-start;margin-top:3px}nav{display:flex;gap:35px;margin-left:auto}nav a{position:relative;font-size:15px;color:#c6c9d1;padding:12px 0}nav a:after{content:'';height:2px;background:var(--cyan);position:absolute;bottom:3px;left:0;width:0;transition:width .3s}nav a:hover:after,nav a[aria-current=page]:after{width:100%}.nav-cta{padding:13px 21px;border:1px solid var(--line);border-radius:30px;font-size:14px;transition:background .25s}.nav-cta:hover{background:var(--panel)}.nav-cta span{margin-left:15px}.menu{display:none}.hero{min-height:740px;height:calc(100svh - 100px);max-height:1000px;position:relative;padding:90px 5% 80px;display:flex;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2;pointer-events:none;width:65%}.hero-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:14px;color:#c7cbd4;font-size:14px;margin-bottom:30px}.tiny-mark{color:var(--cyan);font-weight:700;font-size:20px}h1,h2,h3,.closing p{font-family:'Space Grotesk',sans-serif}h1{font-weight:500;font-size:clamp(65px,7.65vw,124px);line-height:1.02;letter-spacing:-.065em;margin:0 0 30px}.moves{color:var(--cyan)}.end{color:var(--ink)}.hero-copy p{color:var(--muted);line-height:1.7;max-width:410px;margin:0 0 32px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;padding:17px 25px;border-radius:30px;font-size:15px;font-weight:600;align-items:center;justify-content:center;transition:transform .3s,background .3s,box-shadow .3s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 25px #0003}.primary{background:var(--cyan);color:var(--bg)}.primary:hover{background:#aaf5f5}.text-link{font-size:15px;padding:15px 0;border-bottom:1px solid var(--line)}.text-link span{margin-left:12px;display:inline-block;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.field{position:absolute;inset:25px 2% 65px 44%;z-index:1}canvas{width:100%;height:100%;display:block;cursor:crosshair}.field-top,.field-bottom{display:flex;justify-content:space-between;position:absolute;left:15%;right:6%;font-size:12px;color:var(--muted);align-items:center}.field-top{top:25px}.field-bottom{bottom:45px}.field button{background:transparent;border:0;font-size:12px;padding:10px;border-bottom:1px solid var(--line)}.hero-foot{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.hero-foot a{color:var(--ink)}.hero-foot a span{margin-left:20px}.tools{padding:110px 5%;background:#f0f2f5;color:#20232d}.section-intro{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:40px;align-items:start;margin-bottom:55px}.kicker{font-size:14px}.section-intro h2{margin:0;font-size:53px;font-weight:500;line-height:1.1;letter-spacing:-.05em}.section-intro p{font-size:16px;line-height:1.7;margin:0;color:#666b77}.package-preview{display:grid;grid-template-columns:1fr 1fr;gap:28px}.feature-package{background:#e1e5ec;border-radius:10px;overflow:hidden;transition:transform .35s}.feature-package:hover{transform:translateY(-6px)}.demo-button,.media-demo{height:290px;display:flex;align-items:center;justify-content:center;background:#c7bcf7;position:relative;overflow:hidden}.demo-button span{padding:18px 30px;background:#252131;color:#fff;border-radius:40px;transition:transform .5s,box-shadow .5s;z-index:1}.demo-button i{position:absolute;font-size:240px;right:6%;color:#ac98ec;font-style:normal;transition:transform 1s}.feature-package:hover i{transform:rotate(90deg)}.feature-package:hover .demo-button span{transform:rotate(-5deg);box-shadow:8px 8px 0 #9780df}.media-demo{background:#b2dfe2;flex-direction:column;gap:14px}.media-demo b{font-family:'Space Grotesk';font-size:28px;font-weight:500;z-index:1}.cache-line{position:absolute;width:70%;height:65px;border:1px solid #58a3a9;border-radius:40px;transform:rotate(-30deg);opacity:.45;transition:transform .7s}.cache-line:nth-child(1){top:15%}.cache-line:nth-child(2){top:40%}.cache-line:nth-child(3){top:65%}.feature-package:hover .cache-line{transform:rotate(0deg)}.demo-label{font-size:13px}.package-caption{padding:30px 35px}.package-caption>span:first-child{font-size:13px;color:#656b78}.package-caption h3{font-size:27px;font-weight:500;letter-spacing:-.04em;margin:12px 0}.package-caption p{line-height:1.6;color:#606571;margin:0 0 30px}.inline-link{font-size:14px}.outline{border:1px solid #b6bcc7;margin-top:35px}.manifesto{padding:110px 5%;display:grid;grid-template-columns:1fr 1fr;gap:35px 70px}.manifesto>.kicker{grid-column:1/-1;color:var(--muted)}.manifesto h2{font-size:clamp(45px,5vw,75px);line-height:1.06;letter-spacing:-.05em;font-weight:500;margin:0}.manifesto h2 span{color:var(--lavender)}.manifesto>div{align-self:end;max-width:400px}.manifesto p{color:var(--muted);line-height:1.8;margin-bottom:30px}.closing{padding:80px 5%;background:var(--cyan);color:var(--bg);display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px}.closing p{font-size:65px;line-height:1.06;letter-spacing:-.05em;margin:0}.light{background:var(--bg);color:white}.closing>span{font-size:14px;grid-column:1/-1}footer{display:flex;align-items:center;gap:30px;padding:45px 5%;font-size:14px}footer p{color:var(--muted);margin-right:auto}footer button{background:none;border:0;font-size:14px}.skip{position:fixed;top:-100px;background:var(--cyan);color:#000;padding:15px;z-index:50}.skip:focus{top:0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:var(--cyan);color:var(--bg);padding:14px 24px;border-radius:30px;opacity:0;pointer-events:none;transition:.3s;z-index:50}#toast.show{opacity:1;transform:translate(-50%,0)}.page-head{padding:85px 5% 65px;position:relative}.page-head .kicker{color:var(--cyan)}.page-head h1{font-size:clamp(50px,7vw,96px);margin:25px 0}.page-head p{max-width:620px;color:var(--muted);line-height:1.8}.catalog{padding:0 5% 100px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.filters button{background:transparent;border:1px solid var(--line);border-radius:24px;padding:11px 20px;font-size:14px;transition:.25s}.filters button[aria-pressed=true]{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.package-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding:45px 0;scroll-margin-top:20px}.package-card h2{font-size:34px;font-weight:500;letter-spacing:-.035em;margin:12px 0}.package-card p{color:var(--muted);line-height:1.8;max-width:510px}.tag{font-size:13px;color:var(--lavender)}.install{display:flex;background:#222836;border:1px solid var(--line);padding:16px;border-radius:9px;gap:15px;justify-content:space-between;align-items:center}.install code{font-size:13px;overflow-wrap:anywhere;color:#d6e3ed}.install button{background:none;border:0;color:var(--cyan);font-size:13px;padding:8px}.external{display:flex;gap:25px;margin-top:20px;font-size:14px}.external a{border-bottom:1px solid var(--line);padding-bottom:5px}.demo-panel{background:var(--panel);border-radius:12px;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:20px}.demo-panel>p{font-size:13px;margin:0;color:var(--muted)}.example-button{align-self:center;background:var(--lavender);color:var(--bg);padding:18px 32px;border:0;border-radius:30px;transition:transform .2s,background .2s}.example-button:active{transform:scale(.93)}.demo-options{display:flex;gap:10px;justify-content:center}.demo-options button{background:none;border:1px solid var(--line);border-radius:20px;padding:8px 14px;font-size:13px}.demo-options button[aria-pressed=true]{border-color:var(--lavender);color:var(--lavender)}.cache-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cache-tile{height:65px;background:#323b4d;border-radius:5px;transition:background .5s,transform .5s;display:flex;align-items:center;justify-content:center;color:transparent}.cached .cache-tile{background:#7ce9eb;color:#141821;transform:scale(.94)}.list-demo{height:180px;overflow:auto;display:grid;gap:8px}.list-demo div{background:#2b3242;border-radius:5px;padding:13px;font-size:14px}.audio-wave{height:85px;display:flex;gap:5px;justify-content:center;align-items:center}.audio-wave i{display:block;width:6px;background:var(--lavender);border-radius:4px;height:var(--h);transition:height .5s}.audio-wave.muted i{height:3px}.learn-layout{padding:0 5% 100px;display:grid;grid-template-columns:280px 1fr;gap:55px}.lesson-tabs{display:flex;flex-direction:column;gap:10px}.lesson-tabs button{text-align:left;border:1px solid var(--line);background:none;border-radius:8px;padding:18px}.lesson-tabs button[aria-selected=true]{color:var(--cyan);border-color:var(--cyan)}.lesson h2{font-size:36px;font-weight:500;margin:0 0 20px}.lesson p{line-height:1.8;color:var(--muted);max-width:680px}.lesson pre{white-space:pre-wrap;background:#202633;padding:25px;border:1px solid var(--line);border-radius:12px;color:#b9ecec;font-size:14px;line-height:1.8;overflow:auto}.lesson details{padding:22px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer}.about-content{padding:0 5% 110px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.about-content h2{font-size:40px;letter-spacing:-.04em;font-weight:500}.about-content p{color:var(--muted);line-height:1.8}.principle{padding:25px 0;border-top:1px solid var(--line)}.principle h3{font-size:24px;font-weight:500}.contact-strip{padding:55px 5%;background:var(--lavender);color:var(--bg);display:flex;justify-content:space-between;align-items:center}.contact-strip h2{font-size:35px;font-weight:500}.contact-strip p{max-width:550px;line-height:1.6}.reveal{animation:appear .65s both}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(min-width:1600px){header,.hero,.tools,.manifesto,.closing,footer,.page-head,.catalog,.learn-layout,.about-content{padding-left:max(5%,calc((100% - 1500px)/2));padding-right:max(5%,calc((100% - 1500px)/2))}}@media(max-width:1000px){header{gap:25px}nav{gap:22px}.hero-copy{width:78%}.field{left:35%;opacity:.75}.section-intro{grid-template-columns:1fr 1fr}.section-intro .kicker{grid-column:1/-1}.section-intro h2{font-size:45px}footer{flex-wrap:wrap}footer p{flex-basis:50%}.learn-layout{grid-template-columns:220px 1fr;gap:30px}}@media(max-width:700px){header{height:80px;padding:0 6%}.logo{font-size:18px}.nav-cta{display:none}.menu{display:block;margin-left:auto;border:1px solid var(--line);background:none;padding:9px 15px;border-radius:20px;font-size:14px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--panel);padding:20px 6%;margin:0}nav.open{display:flex}.hero{min-height:790px;height:calc(100svh - 80px);padding:60px 6% 320px;align-items:flex-start}.hero-copy{width:100%}h1{font-size:clamp(49px,10vw,70px);margin-bottom:24px}.eyebrow{margin-bottom:24px}.hero-copy p{font-size:15px;max-width:340px}.actions{gap:18px}.button{padding:15px 20px;font-size:14px}.text-link{font-size:14px}.field{inset:370px 0 50px 15%;opacity:1}.field-top{display:none}.field-bottom{left:0;right:6%;bottom:10px;font-size:11px}.hero-foot{left:6%;right:6%;font-size:11px}.hero-foot>span:last-child{display:none}.tools{padding:65px 6%}.section-intro{display:block}.section-intro h2{font-size:42px;margin:20px 0}.package-preview{grid-template-columns:1fr}.demo-button,.media-demo{height:230px}.manifesto{padding:65px 6%;grid-template-columns:1fr;gap:30px}.manifesto h2{font-size:48px}.closing{padding:60px 6%;grid-template-columns:1fr}.closing p{font-size:48px}.closing .button{justify-self:start}footer{padding:35px 6%;gap:24px}footer .logo{width:100%}footer p{flex-basis:100%;margin:0;font-size:13px}.page-head{padding:55px 6% 35px}.page-head h1{font-size:52px}.catalog{padding:0 6% 60px}.package-card{grid-template-columns:1fr;gap:20px}.package-card h2{font-size:30px;overflow-wrap:anywhere}.learn-layout{padding:0 6% 60px;grid-template-columns:1fr}.lesson-tabs{flex-direction:row;overflow:auto}.lesson-tabs button{min-width:150px;font-size:14px}.lesson h2{font-size:30px}.about-content{padding:0 6% 65px;grid-template-columns:1fr;gap:25px}.contact-strip{padding:35px 6%;display:block}.contact-strip h2{font-size:30px}.contact-strip .button{margin-top:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}.logo .icon{width:29px;height:29px;color:var(--cyan)}.tiny-mark .icon{width:22px;height:22px}.inline-link .icon,.text-link .icon,.external .icon,footer .icon{width:16px;height:16px;margin-left:5px}.demo-button i .icon{width:220px;height:220px}.demo-button i{line-height:1}.icon-refresh{margin-left:5px}.feature-package .artwork{width:100%;height:290px;object-fit:cover;display:block;transition:transform .7s}.feature-package:hover .artwork{transform:scale(1.035)}.artwork-wrap{overflow:hidden}.image-story{margin-top:55px;border-radius:12px;overflow:hidden;height:280px;position:relative}.image-story img{width:100%;height:100%;object-fit:cover}.image-story span{position:absolute;bottom:25px;left:30px;color:white;font-size:18px}.cache-tile svg{width:22px;height:22px;opacity:0}.cached .cache-tile svg{opacity:1}@media(max-width:700px){.feature-package .artwork{height:230px}.image-story{height:220px}}
@media(max-width:700px){.field-top{display:flex;top:35px;left:0;right:6%;font-size:11px}.field-top button{font-size:11px}.hero-copy{pointer-events:auto}.hero-copy h1{pointer-events:none}}
.home-showcase{padding:95px 5%;background:#191e29}.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.showcase-heading h2,.more-packages h2{font-size:48px;font-weight:500;letter-spacing:-.045em;margin:16px 0 0}.showcase-heading .outline{border-color:var(--line);margin:0}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.featured-project{display:block}.featured-art{height:180px;background:#252c3b;border-radius:9px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.featured-project:nth-child(2) .featured-art{background:#293344;color:var(--cyan)}.featured-project:nth-child(3) .featured-art{background:#302b44;color:var(--lavender)}.featured-project:nth-child(4) .featured-art{background:#24363c;color:var(--cyan)}.project-icon{width:64px;height:64px;color:var(--lavender);transition:transform .45s}.featured-project:hover .project-icon{transform:rotate(-8deg) scale(1.15)}.featured-art>span{position:absolute;bottom:15px;left:18px;color:var(--muted);font-size:12px}.featured-project h3{font-size:23px;letter-spacing:-.03em;margin:22px 0 12px;font-weight:500}.featured-project p{font-size:14px;line-height:1.7;color:var(--muted);min-height:95px}.featured-project .inline-link{color:var(--cyan);font-size:13px}.work-collection{padding:0 5% 95px}.archive-controls{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:35px}.archive-controls>label{display:flex;flex-direction:column;gap:10px;font-size:14px;width:50%}input[type=search]{background:var(--panel);border:1px solid var(--line);padding:17px 20px;border-radius:8px;color:var(--ink);font:inherit;width:100%}input::placeholder{color:var(--muted)}.archive-stats{display:grid;grid-template-columns:auto 1fr;gap:7px 18px;align-items:center}.archive-stats strong{font-family:'Space Grotesk';font-size:27px;color:var(--cyan)}.archive-stats span{color:var(--muted);font-size:14px}.project-filters{display:flex;flex-wrap:wrap;gap:10px}.project-filters button{background:none;border:1px solid var(--line);border-radius:25px;padding:11px 18px;font-size:14px;transition:background .25s,border .25s}.project-filters button[aria-pressed=true]{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.archive-bar{display:flex;justify-content:space-between;align-items:center;margin:28px 0;color:var(--muted);font-size:14px}.sort-label{display:flex;align-items:center;gap:12px}select{background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:10px;border-radius:6px;font:inherit;font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.repo-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:26px;display:flex;flex-direction:column;gap:17px;transition:border-color .25s,transform .25s}.repo-card:hover{border-color:#687386;transform:translateY(-4px)}.repo-meta{display:flex;justify-content:space-between;color:var(--lavender);font-size:12px;gap:8px}.repo-card h2{font-size:22px;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere;font-weight:500;margin:0}.repo-card p{font-size:14px;color:var(--muted);line-height:1.7;flex:1;margin:0;overflow-wrap:anywhere}.repo-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.repo-bottom>a{color:var(--cyan);font-size:14px}.repo-card .project-icon{width:27px;height:27px}.repo-source{display:flex;gap:12px;align-items:center;margin-top:7px}.repo-source a{font-size:13px;padding-bottom:4px;border-bottom:1px solid var(--line)}.load-row{text-align:center;margin:40px 0 25px}.load-row button{border:none}.archive-note{text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.empty-projects{padding:50px 0;grid-column:1/-1;color:var(--muted)}.maker{padding:0 5% 90px;display:grid;grid-template-columns:350px 1fr;gap:70px;align-items:center}.maker-photo{border-radius:12px;overflow:hidden;background:var(--panel)}.maker-photo img{display:block;width:100%;height:auto;filter:saturate(.75);transition:filter .6s}.maker-photo:hover img{filter:saturate(1)}.maker h2{font-size:50px;font-weight:500;letter-spacing:-.04em;margin:20px 0}.maker p{line-height:1.8;color:var(--muted);max-width:620px}.maker .kicker{color:var(--lavender)}.more-packages{padding:30px 5% 90px}.more-package-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.extra-package{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:30px}.extra-package h3{font-size:24px;overflow-wrap:anywhere;font-weight:500;letter-spacing:-.03em}.extra-package p{color:var(--muted);line-height:1.7;font-size:15px;min-height:65px}.extra-package .text-link{display:inline-block;margin-top:10px}footer{gap:24px}header{gap:30px}nav{gap:27px}@media(max-width:1050px){.featured-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.maker{grid-template-columns:280px 1fr;gap:35px}.featured-project p{min-height:65px}.showcase-heading h2{font-size:40px}}@media(max-width:700px){.home-showcase,.work-collection{padding:60px 6%}.showcase-heading{display:block}.showcase-heading .button{margin-top:25px}.showcase-heading h2{font-size:38px}.featured-grid{gap:25px 18px}.featured-art{height:145px}.featured-project h3{font-size:21px}.featured-project p{min-height:125px;font-size:13px}.archive-controls{display:block}.archive-controls>label{width:100%}.archive-stats{margin-top:25px;grid-template-columns:auto 1fr auto 1fr}.archive-bar{gap:20px;align-items:start}.sort-label{flex-direction:column;align-items:start;font-size:12px}.project-grid{grid-template-columns:1fr}.maker{padding:0 6% 60px;grid-template-columns:1fr;gap:25px}.maker-photo{max-width:300px}.maker h2{font-size:40px}.more-packages{padding:20px 6% 60px}.more-package-grid{grid-template-columns:1fr}.extra-package{padding:25px}.extra-package p{min-height:0}nav{gap:20px}nav a{font-size:14px}footer{gap:20px}}@media(max-width:380px){.featured-grid{grid-template-columns:1fr}.featured-project p{min-height:0}.archive-stats{grid-template-columns:auto 1fr}}
.featured-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.featured-project:hover .featured-art img{transform:scale(1.06)}
.featured-art img{position:absolute;top:0;left:0;width:210%;height:auto;max-width:none;object-fit:initial;transform-origin:top left}
.team-intro{padding:80px 5% 40px}.team-intro .kicker{color:var(--lavender)}.team-intro h2{font-size:54px;font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:20px 0}.team-intro p{max-width:580px;color:var(--muted);line-height:1.8}.team-grid{padding:0 5% 90px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.developer-card{background:var(--panel);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:180px 1fr}.developer-card>a{height:100%;background:#2c3243}.developer-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8);transition:filter .5s,transform .5s}.developer-card:hover img{filter:saturate(1);transform:scale(1.03)}.developer-card>div{padding:30px}.developer-card h2{font-size:30px;font-weight:500;letter-spacing:-.03em;margin:15px 0}.developer-card p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:25px}.developer-card .button{padding:14px 18px;font-size:13px}.developer-card .external{font-size:13px;gap:20px;flex-wrap:wrap}.portfolio-hero{padding:80px 5% 90px;display:grid;grid-template-columns:350px 1fr;align-items:center;gap:70px}.portfolio-hero>img{width:100%;height:420px;object-fit:cover;border-radius:12px}.portfolio-hero h1{font-size:70px;margin:20px 0}.portfolio-role{font-size:20px;color:var(--lavender)}.portfolio-hero p{color:var(--muted);line-height:1.8;max-width:650px}.skill-tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.skill-tags span{border:1px solid var(--line);font-size:13px;padding:8px 13px;border-radius:20px}.profile-place{font-size:13px;margin-top:25px}.social-showcase{padding:60px 5% 80px;background:#1a202c}.social-showcase h2,.portfolio-title h2{font-family:'Space Grotesk';font-size:44px;font-weight:500;letter-spacing:-.04em;margin:0 0 20px}.social-showcase>p{color:var(--muted);line-height:1.8;margin-bottom:35px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.social-card{background:var(--bg);border:1px solid var(--line);border-radius:10px;overflow:hidden}.social-card img{width:100%;height:210px;object-fit:cover;display:block;transition:filter .4s}.social-card:hover img{filter:brightness(1.12)}.social-card h3{font-size:23px;font-weight:500;letter-spacing:-.025em;margin:15px 24px}.social-card p{color:var(--muted);line-height:1.7;font-size:14px;padding:0 24px}.social-type{display:block;color:var(--lavender);font-size:12px;margin:24px 24px 0}.social-card .inline-link{display:block;color:var(--cyan);margin:25px 24px}.portfolio-title{padding:70px 5% 0}.owner-label{width:200px!important;flex-shrink:0}.archive-controls .archive-stats{flex-shrink:0}.archive-controls{gap:25px}.archive-controls>label:first-child{flex:1}.repo-cover{height:180px;display:block;margin:-26px -26px 5px;overflow:hidden;border-radius:9px 9px 0 0;background:#293142}.repo-cover img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .45s}.repo-card:hover .repo-cover img{transform:scale(1.045)}.repo-cover.unavailable{height:30px}.repo-author{font-size:12px;color:var(--lavender)}.project-gallery-wrap{padding:0 5% 90px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.media-item{margin:0;border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden}.media-open{display:block;border:0;background:#252d3a;width:100%;height:245px;padding:15px;position:relative;cursor:zoom-in}.media-open img{width:100%;height:100%;object-fit:contain}.media-error-text{display:none;color:var(--muted);font-size:14px}.media-error .media-error-text{display:block}.media-item video,.media-item iframe{width:100%;height:245px;display:block;background:#000;border:0}.media-item figcaption{padding:20px;font-size:13px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.media-item figcaption>span{overflow-wrap:anywhere;flex:1;min-width:100px;color:var(--muted)}.media-item figcaption a{color:var(--cyan)}.media-item figcaption small{width:100%;color:var(--muted)}.media-link-preview{height:160px;padding:30px;display:flex;align-items:center;color:var(--muted)}.lightbox{background:#141821f5;color:var(--ink);border:1px solid var(--line);border-radius:10px;width:95vw;max-width:1400px;height:92svh;padding:20px}.lightbox::backdrop{background:#000c;backdrop-filter:blur(8px)}.viewer-toolbar,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;height:45px;font-size:14px}.viewer-toolbar>span{overflow-wrap:anywhere}.lightbox button{border:1px solid var(--line);border-radius:22px;padding:9px 18px;background:var(--panel);font-size:13px}#viewer-content{height:calc(100% - 100px);display:flex;align-items:center;justify-content:center}#viewer-content img,#viewer-content video{max-height:100%;max-width:100%;object-fit:contain}.viewer-bottom{margin-top:10px}.portfolio-hero .external{flex-wrap:wrap}.repo-source{flex-wrap:wrap}@media(max-width:1100px){.developer-card{grid-template-columns:1fr}.developer-card>a{height:280px}.developer-card img{object-position:50% 30%}.archive-controls{flex-wrap:wrap}.archive-controls>label:first-child{min-width:50%}.archive-stats{width:100%;grid-template-columns:auto 1fr auto 1fr}.portfolio-hero{grid-template-columns:280px 1fr;gap:40px}.portfolio-hero h1{font-size:56px}.social-grid,.media-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.team-intro{padding:55px 6% 25px}.team-intro h2{font-size:43px}.team-grid{padding:0 6% 60px;grid-template-columns:1fr}.developer-card{grid-template-columns:140px 1fr}.developer-card>a{height:100%}.developer-card>div{padding:25px 18px}.developer-card h2{font-size:27px}.developer-card p{font-size:13px}.developer-card .button{font-size:12px;padding:12px}.portfolio-hero{padding:50px 6% 60px;grid-template-columns:1fr;gap:30px}.portfolio-hero>img{width:220px;height:250px}.portfolio-hero h1{font-size:53px}.portfolio-role{font-size:18px}.social-showcase{padding:50px 6%}.social-grid,.media-grid{grid-template-columns:1fr}.social-showcase h2,.portfolio-title h2{font-size:35px}.portfolio-title{padding:55px 6% 0}.archive-controls>label:first-child{width:100%}.owner-label{width:100%!important;margin-top:20px}.archive-stats{width:100%}.project-gallery-wrap{padding:0 6% 60px}.page-head #project-title{overflow-wrap:anywhere;font-size:43px}.lightbox{padding:12px}.viewer-toolbar{height:65px}.viewer-toolbar>span{font-size:12px}.lightbox button{padding:8px 13px}#viewer-content{height:calc(100% - 125px)}}@media(max-width:420px){.developer-card{grid-template-columns:1fr}.developer-card>a{height:280px}.archive-stats{grid-template-columns:auto 1fr auto 1fr}}
.featured-art.source-art img{position:static;width:100%;height:100%;object-fit:cover;transform-origin:center}.repo-cover img{background:#242c3a}.social-card:has(img){align-self:start}
.media-scope{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.media-scope button{border:1px solid var(--line);background:none;border-radius:25px;padding:12px 20px;font-size:14px}.media-scope button[aria-pressed=true]{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}

.social-controls{margin:30px 0}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-buttons button{border:1px solid var(--line);border-radius:30px;padding:12px 20px;background:transparent}.filter-buttons button[aria-pressed=true]{background:var(--cyan);color:var(--bg)}.social-count{font-size:13px;color:var(--muted);margin-top:16px}.social-preview{position:relative;display:block;width:100%;padding:0;border:0;background:var(--panel);cursor:zoom-in}.social-preview:disabled{cursor:default;opacity:1}.social-preview img{width:100%;height:245px;object-fit:contain;display:block}.social-copy{padding:24px}.social-copy .inline-link{display:inline-block;margin:12px 14px 0 0;background:none;border:0;padding:0;color:var(--cyan);font-size:13px}.play-badge{position:absolute;bottom:15px;right:15px;border-radius:50%;background:var(--cyan);color:var(--bg);padding:12px;display:grid;place-items:center}.video-launch{height:245px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:linear-gradient(135deg,#242c3a,#191f2b);border:0;color:var(--cyan);cursor:pointer;transition:background .3s,transform .3s}.video-launch:hover{background:#30394b}.social-grid+.button{margin-top:30px}#viewer-content iframe{width:100%;height:100%;max-width:1100px;border:0;background:#000}.social-card .social-copy h3{margin-top:12px}.social-card .social-copy p{color:var(--muted)}