@font-face{font-family:Thomas Sans;src:url(assets/fonts/thomas-sans.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:Thomas Sans,Arial,sans-serif;color:#1c2420;background:#fafbf9;font-synthesis:none;--ink:#1c2420;--green:#b7d1bc;--line:#dde2dc;--muted:#69736b;--ease:cubic-bezier(.22,.8,.24,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #83a891;outline-offset:6px}img{max-width:100%;display:block}[hidden]{display:none!important}::selection{background:#c2dbc7;color:#17251b}.skip-link{position:fixed;top:8px;left:12px;padding:12px;background:white;color:#151d18;z-index:99;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5.5%;position:absolute;z-index:10;top:0;left:0;width:100%;color:#eef2ec;border-bottom:1px solid #ffffff12}.wordmark{display:flex;align-items:center;gap:10px;font-family:Arial,sans-serif;font-size:23px;font-weight:600;letter-spacing:-1.1px}.wordmark img{border-radius:8px}.wordmark-dot{color:#b7d1bc}.site-header nav{display:flex;gap:34px;font-size:13px;color:#c6cec7}.site-header nav a:hover,.header-github:hover{color:white}.header-github{font:13px Arial,sans-serif;display:flex;gap:18px;align-items:center}.header-github span{font-size:21px}
.hero{height:900px;min-height:760px;max-height:1100px;position:relative;overflow:hidden;background:#101313;color:#f4f5ef}.hero-grain{position:absolute;inset:0;background:radial-gradient(ellipse at 66% 55%,#3751463b,transparent 54%),linear-gradient(125deg,transparent 52%,#26352d42 100%)}.hero-grain:after{content:'';position:absolute;inset:0;background-image:url(assets/grain.svg);opacity:.055;pointer-events:none}.hero-name{position:absolute;top:90px;left:50%;transform:translateX(-50%);font-family:Arial,sans-serif;font-size:clamp(110px,16.6vw,260px);font-weight:600;line-height:1;letter-spacing:-.07em;color:#e8eee7;opacity:.92;white-space:nowrap}.hero-stage{position:absolute;width:740px;height:640px;left:47%;top:180px;perspective:1200px}.monogram{position:absolute;width:340px;left:204px;top:65px;filter:drop-shadow(24px 40px 24px #0008);transform:rotate(-9deg)}.monogram svg{width:100%;display:block}.orbit{position:absolute;border:1px solid #a4bdac40;border-radius:50%;width:700px;height:290px;left:12px;top:183px;transform:rotate(-29deg);box-shadow:0 0 0 33px #b7cbb902,0 0 0 90px #b7cbb902}.orbit-two{width:610px;height:430px;left:50px;top:110px;transform:rotate(48deg);border-color:#a4bdac19}.orbit-axis{position:absolute;height:1px;width:820px;background:linear-gradient(90deg,transparent,#bed7c332,transparent);top:325px;left:-50px;transform:rotate(-29deg)}.orbital-project{position:absolute;display:flex;flex-direction:column;gap:12px;align-items:center;font-family:Arial,Thomas Sans,sans-serif;color:#c2cec4;font-size:11px;letter-spacing:.03em}.orbital-project img{width:75px;height:75px;object-fit:contain;filter:drop-shadow(0 16px 16px #0007);border-radius:17px}.orbital-webos{left:40px;top:125px}.orbital-sync{left:535px;top:72px}.orbital-sync img{width:80px;height:80px}.orbital-launch{left:560px;top:365px}.orbital-launch img{width:66px;height:66px}.orbital-nylon{left:90px;top:420px}.orbital-nylon img{width:59px;height:59px}.coordinate{position:absolute;font:9px monospace;letter-spacing:.15em;color:#758a7c}.coordinate-a{top:105px;left:170px}.coordinate-b{top:540px;left:390px}.hero-copy{position:absolute;left:8%;top:405px;z-index:2;max-width:470px}.hero h1{font-size:clamp(32px,3.25vw,49px);font-weight:450;line-height:1.5;letter-spacing:-.045em;margin:0 0 19px}.hero-copy p{font-size:14px;line-height:2;color:#a9b5ad;margin:0 0 28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:35px;padding:14px 22px;border-radius:4px;font-size:13px;line-height:1.4;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-light{background:#e5efdf;color:#1e3024}.button-light:hover{background:#f5faef}.button-dark{background:#24382b;color:#fff}.button-dark:hover{background:#3c5644}.button span{font-size:19px}.hero-footer{position:absolute;bottom:31px;left:5.5%;right:5.5%;border-top:1px solid #d7e5d51c;display:flex;align-items:center;justify-content:space-between;padding-top:24px;font-size:11px;color:#9ca99f;gap:20px}.scroll-cue{font:9px Arial,sans-serif;letter-spacing:.14em;display:flex;gap:26px;align-items:center}.scroll-cue span{font-size:16px}.film-controls{margin-left:auto;display:flex;gap:25px}.film-controls button{background:none;border:0;color:#c5d2c7;padding:6px 0;font-size:11px}.film-controls button span{margin-left:10px}
.hero.is-playing .hero-name{animation:name-reveal 1.6s .65s var(--ease) both}.hero.is-playing .monogram{animation:monogram-reveal 2.9s var(--ease) both}.hero.is-playing .orbit-one{animation:orbit-reveal 2.7s .6s var(--ease) both}.hero.is-playing .orbit-two{animation:orbit-reveal 3s 1s var(--ease) both}.hero.is-playing .orbital-project{animation:project-reveal 1.8s var(--ease) both}.hero.is-playing .orbital-webos{animation-delay:1.7s}.hero.is-playing .orbital-sync{animation-delay:2.1s}.hero.is-playing .orbital-launch{animation-delay:2.5s}.hero.is-playing .orbital-nylon{animation-delay:2.9s}.hero.is-playing .coordinate{animation:soft-reveal 1s 3.4s both}.hero.is-playing .hero-copy{animation:copy-reveal 1.4s 1.8s var(--ease) both}@keyframes name-reveal{from{opacity:0;letter-spacing:.07em;filter:blur(9px);transform:translate(-50%,28px)}to{opacity:.92;letter-spacing:-.07em;filter:blur(0);transform:translate(-50%,0)}}@keyframes monogram-reveal{0%{opacity:0;transform:translate(30px,45px) rotate(12deg) scale(1.8);filter:drop-shadow(24px 40px 24px #0008) brightness(.3)}45%{opacity:1;filter:drop-shadow(24px 40px 24px #0008) brightness(1.3)}100%{opacity:1;transform:rotate(-9deg);filter:drop-shadow(24px 40px 24px #0008) brightness(1)}}@keyframes orbit-reveal{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes project-reveal{from{opacity:0;translate:0 45px;scale:.72;filter:blur(4px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}@keyframes soft-reveal{from{opacity:0}to{opacity:1}}@keyframes copy-reveal{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
.section-wrap{width:min(1240px,87%);margin:auto}.selected{padding-top:116px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:44px}.section-index{display:block;font:10px Arial,sans-serif;letter-spacing:.14em;color:#748177;margin-bottom:22px}.section-heading h2{font-size:clamp(28px,3.2vw,43px);font-weight:450;line-height:1.4;letter-spacing:-.04em;margin:0}.section-heading>p{font-size:13px;line-height:1.9;color:#778078;margin:0 0 5px}.webos-feature{background:#e8eeeb;position:relative;overflow:hidden;min-height:600px;border-radius:8px;display:flex;align-items:center}.feature-copy{position:relative;z-index:2;width:47%;padding:60px 0 64px 5%}.feature-icon{margin-bottom:23px}.feature-type{font:10px Thomas Sans,Arial,sans-serif;letter-spacing:.12em;display:block;color:#708275;font-weight:500}.feature-copy h3{font-size:clamp(29px,3.1vw,43px);font-weight:450;line-height:1.5;letter-spacing:-.045em;margin:20px 0}.feature-copy p{font-size:12px;color:#68786c;line-height:2;margin-bottom:28px}.feature-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:20px;padding:7px 0;border-bottom:1px solid #8a9c8a68}.text-link:hover{border-bottom-color:currentColor}.desktop-scene{width:650px;height:440px;position:absolute;left:52%;top:98px;border-radius:10px;box-shadow:0 26px 70px #375a6f33,0 0 0 1px #889da426;background:#b9d3ea;overflow:hidden}.desktop-menubar{height:28px;background:#e2eaf1b8;display:flex;align-items:center;gap:15px;font-size:9px;padding:0 14px;color:#36526d}.menubar-right{margin-left:auto;font:8px Arial,sans-serif;letter-spacing:.1em}.desktop-landscape{position:absolute;inset:28px 0 0;overflow:hidden;background:linear-gradient(145deg,#adcce7,#d0e1f3 45%,#e6e6eb)}.desktop-landscape span{position:absolute;width:750px;height:300px;border-radius:50%;background:linear-gradient(150deg,#5298c6,#a1bcd6);transform:rotate(-27deg);left:-130px;top:180px}.desktop-landscape span:nth-child(2){left:120px;top:140px;background:linear-gradient(100deg,#477cc5,#a6c9e6);transform:rotate(-38deg)}.desktop-landscape span:nth-child(3){left:220px;top:250px;background:linear-gradient(90deg,#193e7b,#5989c2);transform:rotate(-30deg)}.desktop-note{position:absolute;top:69px;left:38px;width:304px;height:295px;background:#fafbf9;border-radius:7px;box-shadow:0 15px 40px #23426c30;z-index:2}.window-chrome{height:28px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#ebeeec;border-radius:7px 7px 0 0;color:#7e8982;font-size:8px}.window-chrome i{width:7px;height:7px;border-radius:50%;background:#d3aaa4}.window-chrome i:nth-child(2){background:#ddc89d}.window-chrome i:nth-child(3){background:#aac4ab}.window-chrome>span{margin:auto}.note-inner{padding:23px 25px}.note-kicker{font-size:9px;color:#8b958d}.note-inner h4{font-size:20px;font-weight:450;line-height:1.65;letter-spacing:-.03em;margin:10px 0}.note-inner p{font-size:9px;line-height:1.9;color:#89908a}.note-rule{height:1px;background:#e7eae5;display:block;margin:16px 0 12px}.note-inner>div{display:flex;justify-content:space-between;font-size:8px;margin:9px 0;color:#8c958d}.note-inner strong{font-weight:450;color:#526758}.desktop-files{position:absolute;top:120px;left:358px;width:225px;background:#fbfcfbeb;box-shadow:0 15px 45px #263d7226;border-radius:7px;padding-bottom:10px}.desktop-file{display:flex;align-items:center;gap:12px;padding:12px 20px;font-size:10px;color:#4e6453}.desktop-file img{height:29px;width:29px;object-fit:contain}.desktop-dock{display:flex;gap:12px;position:absolute;bottom:17px;left:150px;background:#f0f7f16e;border:1px solid #fff9;border-radius:13px;padding:9px 12px;box-shadow:0 7px 25px #34527820}.desktop-dock img{width:37px;height:37px;object-fit:contain;border-radius:8px}.scene-caption{position:absolute;bottom:7px;right:12px;font-size:8px;color:#d6e3f0}
.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.sync-feature,.launch-feature{border-radius:8px;overflow:hidden;background:#11171a;color:#eff2ef;position:relative;min-width:0}.sync-scene,.launch-scene{height:340px;position:relative;overflow:hidden}.sync-scene{background:radial-gradient(ellipse at 50% 50%,#37565e66,transparent 70%)}.sync-orbit{position:absolute;width:530px;height:250px;left:50%;top:60px;border:1px solid #829e9c30;border-radius:50%;transform:translateX(-50%) rotate(-22deg)}.sync-browser{width:68%;height:216px;position:absolute;left:16%;top:65px;background:#1b292e;border:1px solid #77909766;border-radius:8px;box-shadow:0 30px 70px #0008;overflow:hidden}.mini-browser-bar{display:flex;gap:4px;padding:9px 10px;align-items:center;background:#273438}.mini-browser-bar>span{width:5px;height:5px;border-radius:50%;background:#7a8b8b}.mini-browser-bar small{font-size:8px;color:#a5b5b0;margin:auto}.sync-land{height:149px;position:relative;overflow:hidden;background:linear-gradient(#8a9d9e,#cfbba3)}.sun{position:absolute;top:23px;left:55%;width:31px;height:31px;border-radius:50%;background:#f5dfbb;box-shadow:0 0 25px #f0d5b245}.mountain{position:absolute;bottom:-70px;left:-50px;width:300px;height:160px;transform:rotate(-23deg);background:#425f64;border-radius:30px 60px 0 0}.mountain-front{left:120px;bottom:-93px;background:#253f47;transform:rotate(27deg)}.sync-join{position:absolute;background:#ddd4aa;color:#243c37;border-radius:3px;font-size:8px;padding:4px 7px}.sync-join:before{content:'';position:absolute;width:8px;height:12px;background:inherit;top:-10px;left:-5px;clip-path:polygon(0 0,100% 70%,40% 80%,20% 100%)}.join-a{top:74px;left:20%}.join-b{top:102px;left:69%;background:#bbd5c3}.sync-timeline{padding:10px 12px;font-size:7px;color:#a6bdb5;display:flex;gap:9px;align-items:center}.sync-timeline i{height:2px;background:linear-gradient(90deg,#a5beb2 65%,#455753 65%);flex:1}.sync-emblem{position:absolute;width:68px;height:68px;bottom:17px;left:70%;filter:drop-shadow(0 8px 12px #0005)}.pair-copy{padding:9px 38px 40px}.pair-copy .feature-type{color:#97ada1}.pair-copy h3{font-size:28px;font-weight:450;letter-spacing:-.03em;margin:16px 0 12px}.pair-copy p{font-size:12px;line-height:1.9;color:#a4b2a9;margin:0 0 20px}.pair-copy .text-link{color:#d0dfd2;border-bottom-color:#56675c}.launch-feature{background:#e9edf1;color:#243441}.launch-scene{background:radial-gradient(ellipse at 50% 65%,#c7d5e5,transparent 65%)}.launch-ring{position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid #b9cad960;left:50%;top:10px;transform:translateX(-50%)}.launch-grid{position:absolute;display:grid;grid-template-columns:repeat(3,64px);gap:21px;left:50%;top:50px;transform:translateX(-50%) rotate(-7deg)}.launch-tile{width:64px;height:64px;background:#fafcfbd9;box-shadow:0 10px 20px #6e8bab22;border-radius:17px;display:flex;align-items:center;justify-content:center;font:26px Arial,sans-serif;color:#7f9db1}.launch-tile img{width:100%;height:100%;object-fit:contain;border-radius:17px}.tile-1{background:#d8e2ec;color:#6284ad}.tile-5{transform:scale(1.16);box-shadow:0 15px 25px #6384a83b}.tile-7{font-size:19px;color:#74a093}.tile-8{background:#233d36;color:#dfebdf}.launch-feature .feature-type{color:#7c8b96}.launch-feature .pair-copy p{color:#778796}.launch-feature .text-link{color:#3e5c6e;border-color:#adc2cd}.nylon-strip{display:flex;align-items:center;gap:28px;padding:34px 40px;margin-top:24px;border:1px solid #e0e7df;border-radius:8px;background:#f3f6f0}.nylon-strip h3{font-size:21px;font-weight:450;letter-spacing:-.02em;margin:9px 0}.nylon-strip p{color:#80907f;font-size:12px;margin:0}.strip-arrow{margin-left:auto;font-size:29px;color:#6f866c}.nylon-strip:hover{border-color:#a5b8a0}
.catalog{padding:10px 0 110px}.catalog .section-heading{margin-bottom:40px}.catalog-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{background:transparent;border:0;padding:8px 12px;border-radius:4px;font-size:12px;color:#859087}.filters button[aria-pressed=true]{color:#233b2c;background:#e8eee6}.filters button span{margin-left:5px;font-size:10px;color:#8b9a8c}.search{display:flex;align-items:center;gap:9px;color:#8a978d;border:1px solid #e0e6df;border-radius:4px;padding:8px 12px;min-width:190px}.search>span{font:23px Arial,sans-serif;line-height:15px}.search input{background:none;border:0;outline:none;font-size:12px;color:#3c4e40;width:145px;min-width:0}.search input::placeholder{color:#99a298}.search:focus-within{border-color:#829b85}.catalog-status{font-size:11px;color:#96a092;margin:16px 0 4px;min-height:18px}.project-list{display:grid;grid-template-columns:1fr 1fr;column-gap:42px}.project-item{display:flex;align-items:center;gap:15px;padding:24px 0;min-width:0;border-bottom:1px solid #e2e6de;transition:background .2s}.project-item:hover .project-info strong{color:#4c795b}.project-glyph{width:39px;height:39px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#e9eee7;color:#637c62;font:12px Arial,sans-serif;font-weight:500;letter-spacing:-.03em}.project-item[data-category=tools] .project-glyph{background:#e8edf0;color:#69828c}.project-item[data-category=learning] .project-glyph{background:#f0eadf;color:#98846b}.project-item[data-category=experiments] .project-glyph{background:#eae7ed;color:#8f8298}.project-item[data-category=fork] .project-glyph{background:#eef0eb;color:#99a492}.project-info{min-width:0;flex:1}.project-info strong{font:13px Arial,Thomas Sans,sans-serif;font-weight:500;display:block;line-height:1.5;overflow-wrap:anywhere}.project-info>span{font-size:10px;color:#8a9488;display:block;margin-top:6px;line-height:1.8}.project-kind{font:9px Arial,Thomas Sans,sans-serif;color:#9aa398;flex-shrink:0;max-width:56px;overflow-wrap:anywhere}.project-arrow{font-size:16px;color:#98a28e}.catalog-footnote{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#99a190;padding-top:26px;line-height:1.7}.catalog-footnote a{color:#5f7660}.empty-state{padding:60px 0;text-align:center;color:#7d8e7d;font-size:13px}
.about{background:#141b17;color:#edf2e8;position:relative;overflow:hidden}.about-inner{position:relative;z-index:1;padding-top:85px;padding-bottom:85px}.about .section-index{color:#829784}.about h2{font-size:clamp(56px,8.5vw,112px);font-weight:400;letter-spacing:-.055em;line-height:1.35;margin:34px 0 48px}.about h2>span{color:#a6c0a7}.about-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.about-bottom p{font-size:13px;line-height:2;color:#a1b29f;margin:0 0 13px}.about-bottom .button{margin-top:16px}.about-mark{display:flex;flex-direction:column;align-items:center;gap:18px;font:9px Arial,sans-serif;letter-spacing:.14em;color:#bdcdb8}.about-mark img{border-radius:25px;box-shadow:0 20px 40px #0003}.about-mark span:last-child{font-size:8px;color:#73886f;margin-top:3px}.about-orbit{width:950px;height:950px;border-radius:50%;position:absolute;right:-230px;top:30px;border:1px solid #92af8c26;box-shadow:0 0 0 80px #9ebd8b04,0 0 0 160px #9ebd8b04;background:radial-gradient(ellipse at 40% 50%,#80a47e0c,transparent 70%)}.site-footer{display:flex;justify-content:space-between;gap:24px;padding:26px 6.5%;font-size:10px;background:#101612;color:#7d917b;line-height:1.6}.site-footer span:nth-child(2){color:#5f745d}.motion-ready .feature-reveal{opacity:0;translate:0 34px;transition:opacity .9s var(--ease),translate .9s var(--ease)}.motion-ready .feature-reveal.is-visible{opacity:1;translate:0 0}.motion-ready .feature-reveal .desktop-note{transition:transform 1.2s var(--ease);transform:translateY(35px)}.motion-ready .feature-reveal.is-visible .desktop-note{transform:translateY(0)}.motion-ready .feature-reveal .desktop-files{transition:transform 1.2s .16s var(--ease);transform:translateX(55px)}.motion-ready .feature-reveal.is-visible .desktop-files{transform:translateX(0)}.motion-ready .feature-reveal .launch-grid{transition:top 1s .1s var(--ease);top:90px}.motion-ready .feature-reveal.is-visible .launch-grid{top:50px}
@media(min-width:1600px){.hero-stage{left:calc(50% - 45px)}.hero-copy{left:calc(50% - 620px)}}
@media(max-width:1150px){.hero{height:820px;min-height:740px}.hero-stage{left:42%;top:167px;transform:scale(.87);transform-origin:top left}.hero-copy{left:7%;top:370px;max-width:370px}.hero h1{font-size:36px}.hero-name{top:115px;font-size:17vw}.feature-copy{width:50%}.desktop-scene{left:56%;top:105px;transform:scale(.87);transform-origin:top left}.webos-feature{min-height:560px}.feature-copy h3{font-size:31px}.feature-copy p{font-size:11px}.feature-links{gap:12px}.feature-links .text-link{font-size:10px}.sync-scene,.launch-scene{height:300px}.sync-browser{height:196px;width:76%;left:12%}.sync-land{height:129px}.pair-copy{padding:10px 28px 34px}.pair-copy h3{font-size:25px}.project-list{column-gap:26px}.project-item{gap:10px}.project-kind{display:none}}
@media(max-width:800px){.site-header{height:67px;padding:0 6%}.wordmark{font-size:21px}.wordmark img{width:26px;height:26px}.site-header nav{gap:22px;font-size:11px}.header-github{font-size:11px;gap:8px}.hero{height:1020px;min-height:0;max-height:none}.hero-name{top:102px;font-size:17vw}.hero-stage{left:50%;top:180px;transform:translateX(-50%) scale(.76);transform-origin:top center}.hero-copy{top:auto;bottom:125px;left:8%;max-width:85%}.hero h1{font-size:39px;line-height:1.4;margin-bottom:17px}.hero h1 br{display:none}.hero-copy p{font-size:13px;margin-bottom:23px}.hero-footer{bottom:24px;padding-top:18px}.hero-footer>span{display:none}.film-controls{margin-left:0}.section-wrap{width:86%}.selected{padding-top:80px;padding-bottom:70px}.section-heading>p{font-size:11px}.section-index{font-size:9px;margin-bottom:16px}.section-heading h2{font-size:31px}.webos-feature{min-height:850px;align-items:start}.feature-copy{width:100%;padding:38px 7%}.feature-copy h3{font-size:34px}.feature-copy p{font-size:12px}.feature-copy h3 br{display:none}.feature-icon{width:38px;height:38px;margin-bottom:17px}.desktop-scene{left:7%;top:410px;transform:scale(.88)}.feature-pair{gap:18px}.pair-copy{padding:10px 23px 30px}.pair-copy h3{font-size:23px}.pair-copy p{font-size:11px}.sync-browser{width:82%;left:9%}.sync-scene,.launch-scene{height:280px}.launch-grid{grid-template-columns:repeat(3,49px);gap:16px;top:55px}.launch-tile{width:49px;height:49px;border-radius:13px;font-size:23px}.motion-ready .feature-reveal.is-visible .launch-grid{top:55px}.sync-emblem{width:50px;height:50px;bottom:12px}.nylon-strip{padding:27px;gap:22px}.nylon-strip h3{font-size:19px}.nylon-strip img{width:44px}.catalog{padding-bottom:70px}.catalog-tools{flex-wrap:wrap;gap:20px}.search{flex:1;min-width:160px;max-width:230px}.search input{width:100%}.filters button{padding:7px 9px;font-size:11px}.project-list{grid-template-columns:1fr}.project-item{padding:21px 0;gap:15px}.project-kind{display:block}.project-info strong{font-size:14px}.project-info>span{font-size:11px}.catalog-footnote{flex-direction:column;gap:12px}.about-inner{padding:65px 0}.about h2{font-size:75px;margin:30px 0}.about-bottom p{font-size:12px}.about-mark img{width:80px;height:80px;border-radius:18px}.about-mark{font-size:7px}.about-orbit{right:-590px}.site-footer{padding:23px 7%;font-size:9px}.site-footer span:nth-child(2){display:none}}
@media(max-width:520px){.site-header{gap:10px}.site-header nav{gap:17px}.site-header nav a:first-child{display:none}.header-github span{display:none}.header-github{font-size:10px}.hero{height:880px}.hero-name{top:106px;font-size:17.1vw;letter-spacing:-.065em}.hero-stage{top:190px;transform:translateX(-50%) scale(.54)}.monogram{top:40px}.orbital-webos{left:58px;top:95px}.orbital-sync{left:552px;top:73px}.orbital-launch{left:560px;top:357px}.orbital-nylon{left:70px;top:374px}.orbital-project img{width:70px;height:70px}.coordinate{display:none}.hero-copy{left:7%;bottom:125px;max-width:90%}.hero h1{font-size:32px;line-height:1.5;letter-spacing:-.04em}.hero h1 br{display:block}.hero-copy p{font-size:12px;line-height:1.9}.button{font-size:12px;padding:13px 18px;gap:30px}.hero-footer{left:7%;right:7%;font-size:10px}.scroll-cue{font-size:7px;letter-spacing:.1em;gap:13px}.film-controls{gap:18px}.film-controls button{font-size:10px}.section-wrap{width:86%}.selected{padding-top:65px;padding-bottom:60px}.section-heading{align-items:start;flex-direction:column;gap:17px;margin-bottom:29px}.section-heading h2{font-size:29px}.section-heading>p{font-size:12px}.section-heading>p br{display:none}.section-index{margin-bottom:16px}.webos-feature{min-height:740px;border-radius:6px}.feature-copy{padding:30px 8%}.feature-copy h3{font-size:27px;line-height:1.5;margin:17px 0}.feature-copy h3 br{display:block}.feature-copy p{font-size:11px;margin-bottom:21px}.feature-copy p br{display:none}.feature-type{font-size:9px}.feature-links{gap:17px}.desktop-scene{left:8%;top:405px;transform:scale(.66)}.feature-pair{grid-template-columns:1fr;gap:18px;margin-top:18px}.sync-scene,.launch-scene{height:285px}.sync-browser{width:74%;left:13%;top:52px;height:196px}.sync-orbit{width:430px;top:60px}.sync-land{height:130px}.sync-emblem{bottom:8px;left:74%}.pair-copy{padding:15px 28px 32px}.pair-copy h3{font-size:27px}.pair-copy p{font-size:12px}.launch-grid{grid-template-columns:repeat(3,57px);gap:20px;top:34px}.launch-tile{width:57px;height:57px}.motion-ready .feature-reveal.is-visible .launch-grid{top:34px}.nylon-strip{margin-top:18px;padding:25px 24px;gap:18px}.nylon-strip img{width:36px;height:36px}.nylon-strip h3{font-size:17px;line-height:1.6;margin:7px 0}.nylon-strip p{font-size:10px}.strip-arrow{font-size:23px}.catalog .section-heading{margin-bottom:26px}.catalog-tools{gap:18px}.filters{gap:1px;width:100%;justify-content:space-between}.filters button{padding:7px 8px;font-size:10px}.filters button span{font-size:8px;margin-left:3px}.search{max-width:none;width:100%;flex-basis:100%;padding:10px 12px}.project-glyph{width:34px;height:34px;border-radius:8px;font-size:11px}.project-item{gap:12px;padding:20px 0}.project-info strong{font-size:12px}.project-info>span{font-size:10px}.project-kind{display:none}.project-arrow{font-size:14px}.catalog-status{font-size:10px;margin-top:15px}.catalog-footnote{font-size:9px}.catalog{padding-top:0;padding-bottom:60px}.about-inner{padding-top:58px;padding-bottom:54px}.about h2{font-size:57px;margin:32px 0 38px}.about-bottom{align-items:start;flex-direction:column;gap:44px}.about-bottom p{font-size:12px}.about-bottom p br{display:none}.about-mark{flex-direction:row;align-items:center;gap:14px;width:100%;font-size:8px}.about-mark img{width:40px;height:40px;border-radius:10px}.about-mark span:last-child{margin-left:auto;font-size:7px}.about-orbit{width:750px;height:750px;right:-560px;top:20px}.site-footer{font-size:9px;gap:10px}}
@media(max-width:350px){.site-header nav{gap:11px}.wordmark{font-size:19px;gap:7px}.wordmark img{width:23px;height:23px}.hero-stage{transform:translateX(-50%) scale(.46);top:181px}.hero{height:830px}.hero h1{font-size:28px}.hero-copy{bottom:120px}.desktop-scene{transform:scale(.59);top:410px}.webos-feature{min-height:725px}.feature-copy h3{font-size:25px}.feature-links{gap:12px}.feature-links .button{font-size:11px;padding:12px 15px;gap:18px}.feature-links .text-link{font-size:9px}.filters button{padding:7px 6px}.about h2{font-size:51px}.section-heading h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .feature-reveal{opacity:1;translate:none;transition:none}.motion-ready .feature-reveal .desktop-note,.motion-ready .feature-reveal .desktop-files{transform:none;transition:none}.motion-ready .feature-reveal .launch-grid{transition:none}.button{transition:none}.hero:not(.user-playing) *{animation:none!important}}
.project-info>span{font-size:12px;color:#626e61}.project-kind,.catalog-status,.catalog-footnote{color:#697366}.project-info strong{font-size:14px}.project-arrow{color:#6c7966}.section-index,.section-heading>p,.nylon-strip p,.feature-copy p{color:#647160}.feature-copy p{font-size:13px}.feature-type{color:#65745f}.launch-feature .pair-copy p,.launch-feature .feature-type{color:#627382}.filters button{color:#667463}.search input::placeholder{color:#6b7867}.search>span{color:#667361}.search{border-color:#bdc8b9}.filters button span{color:#687860}.coordinate-a{top:87px;left:171px}
@media(max-width:800px){.project-info>span{font-size:12px}.feature-copy p{font-size:12px}}
@media(max-width:520px){.project-info>span{font-size:11px}.project-info strong{font-size:13px}.feature-copy p{font-size:12px}.nylon-strip p{font-size:11px}}
@media(min-width:801px) and (max-height:650px){.hero{height:max(470px,100svh);min-height:0;max-height:650px}.site-header{height:62px}.hero-name{top:78px;font-size:clamp(115px,15vw,180px)}.hero-stage{top:100px;left:47%;transform:scale(.58);transform-origin:top left}.hero-copy{top:225px;left:7%;max-width:43%}.hero h1{font-size:29px;line-height:1.35;margin-bottom:12px}.hero-copy p{font-size:11px;line-height:1.8;margin-bottom:17px}.hero-copy .button{font-size:11px;padding:11px 17px;gap:25px}.hero-footer{bottom:14px;border:0;padding:0}.hero-footer>span,.scroll-cue{display:none}.film-controls{margin-left:auto}.coordinate{display:none}}