@layer base{:root{color-scheme:light;--matcha:#bac583;--ink:#193422;--muted:#34482e;--line:#19342235;--leaf:#52723d;--soft:#c6cf98;--lilac:#d0afe5;color:var(--ink);background:var(--matcha);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 14% 18%, #d5d99b70, transparent 48%), radial-gradient(ellipse at 93% 64%, #92a46340, transparent 48%), var(--matcha);margin:0}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--ink);outline-offset:6px;border-radius:4px}#main:focus{outline:none}::selection{background:var(--lilac);color:var(--ink)}h1,h2,h3,p{margin:0}h1{letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,6.7vw,6.2rem);font-weight:700;line-height:1.03}h1 em{font-weight:400}p{line-height:1.7}svg{display:block}}@layer layout{.site-shell{flex-direction:column;max-width:1536px;min-height:100svh;margin:0 auto;padding:0 clamp(24px,5.7vw,88px);display:flex}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:134px;display:flex}main{flex:1}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:12px;padding:25px 0 70px;display:grid}.hero-copy{z-index:1;padding:12px 0;position:relative}.hero .eyebrow{margin-bottom:26px}.hero h1{font-size:clamp(3.1rem,6.5vw,6.25rem)}.hero-last-line{white-space:nowrap}.hero-description{max-width:395px;color:var(--muted);margin:25px 0 29px;font-size:1.06rem}.hero-visual{aspect-ratio:1/1.03;min-width:0;position:relative}.hero-world{object-fit:cover;object-position:center;border-radius:42% 42% 30% 30%;width:100%;height:100%;display:block;mask-image:linear-gradient(#0000,#000 4% 96%,#0000),linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-composite:intersect}.projects-section{padding:0 0 85px}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px 30px;min-height:113px;padding:27px 0;font-size:.8rem;display:flex}.site-footer p,.footer-note{color:var(--muted)}.footer-note{margin-left:auto}.about-layout{grid-template-columns:1.2fr 1fr;gap:72px;padding:60px 0 115px;display:grid}.about-layout .eyebrow{margin-bottom:30px}.about-copy{max-width:455px}.about-copy p{color:var(--muted);margin-bottom:22px}.about-copy .intro{color:var(--ink)}.about-copy .text-link{margin-top:10px}.not-found{padding:65px 0 110px}.not-found h1{margin:30px 0}.not-found>p:not(.eyebrow){color:var(--muted);margin-bottom:30px}.project-detail{max-width:1000px;padding:40px 0 100px}.project-detail h1{overflow-wrap:anywhere;margin:15px 0 26px}.project-detail p{margin-top:20px}.project-detail>.intro,.project-detail>p{max-width:630px}.project-heading{margin-top:42px}.project-heading .project-subtitle{letter-spacing:.02em;color:var(--muted);margin-top:-9px;font-size:1rem}.project-detail .release-note{border-left:3px solid var(--leaf);color:var(--muted);margin:24px 0 28px;padding-left:14px;font-size:.85rem}.project-section{border-top:1px solid var(--line);margin-top:70px;padding-top:32px}.project-section>.eyebrow,.tablet-copy>.eyebrow{margin-top:0}.project-section h2{letter-spacing:-.035em;max-width:620px;margin-top:14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.8vw,3rem);font-weight:500;line-height:1.1}.project-section>p:not(.eyebrow){max-width:630px;color:var(--muted)}.mode-grid{grid-template-columns:1fr 1fr;gap:38px;margin-top:32px;display:grid}.mode-copy h3{font-size:1.2rem;font-weight:600}.mode-copy p{color:var(--muted);margin-top:12px;font-size:.98rem}.shop-layout{margin-top:30px}.shop-layout.has-preview{grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;display:grid}.shop-list{gap:0;margin:0;display:grid}.shop-list>div{border-bottom:1px solid var(--line);padding:20px 0}.shop-list>div:first-child{padding-top:0}.shop-list>div:last-child{border-bottom:0}.shop-list dt{align-items:center;gap:12px;font-weight:600;display:flex}.shop-list dd{color:var(--muted);margin:7px 0 0 30px;font-size:.9rem;line-height:1.65}.shop-swatch{border:1px solid #19342240;border-radius:6px;flex-shrink:0;width:18px;height:18px}.shop-preview,.tablet-preview{min-width:0;margin:0}.shop-preview figcaption,.tablet-preview figcaption{color:var(--muted);margin-top:13px;font-size:.75rem;line-height:1.5}.tablet-section{grid-template-columns:.8fr 1.2fr;align-items:center;gap:40px;display:grid}.tablet-copy p:not(.eyebrow){color:var(--muted);font-size:.98rem}.tablet-copy .text-link{margin-top:25px}.information-page{max-width:780px;padding:45px 0 90px}.information-page h1{margin:18px 0 28px}.information-page .intro{margin-bottom:32px}.information-page section{margin-top:32px}.information-page h2{margin-bottom:12px;font-size:1.3rem;line-height:1.4}.information-page p,.information-page li{color:var(--muted)}.information-page p+p{margin-top:14px}.information-page ul{margin:12px 0 0;padding-left:24px;line-height:1.7}.information-page li+li{margin-top:8px}.information-page a{overflow-wrap:anywhere}.policy-date{margin-bottom:24px;font-size:.85rem}.project-gallery{grid-template-columns:1fr 1fr;gap:25px;margin-top:44px;display:grid}.project-gallery figure{min-width:0;margin:0}.project-gallery figcaption{color:var(--muted);margin-top:13px;font-size:.75rem}}@layer components{.skip-link{background:var(--ink);color:var(--matcha);z-index:5;padding:12px 18px;position:absolute;top:12px;left:24px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.wordmark{letter-spacing:-.065em;text-transform:lowercase;align-items:center;gap:13px;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:2.35rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{flex-shrink:0;width:45px;height:55px}nav{gap:33px;font-size:.94rem;display:flex}nav a{padding:12px 0;text-decoration:none;position:relative}nav a[aria-current=page]:after{content:"";background:var(--lilac);border-radius:3px;width:100%;height:3px;position:absolute;bottom:4px;left:0}nav a:hover{text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:9px;font-size:.65rem;font-weight:650;line-height:1.65;display:flex}.status-dot{background:var(--leaf);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:28px;padding:4px 0 9px;font-size:.9rem;font-weight:550;text-decoration:none;display:inline-flex}.text-link span{font-size:1.2rem;transition:transform .15s}.text-link:hover span{transform:translate(3px)}.hero-cta{background:var(--lilac);border:1px solid #6a4e8040;border-radius:100px;gap:40px;padding:15px 25px;font-size:.96rem;box-shadow:0 4px #67764012}.hero-cta:hover{background:#dcc1ed}.section-label{align-items:center;gap:14px;margin-bottom:21px;display:flex}.section-number{color:var(--muted);font:.65rem ui-monospace,SFMono-Regular,Consolas,monospace}.section-label h2{font-size:.9rem;font-weight:550}.project-placeholder{background:var(--soft);border:1px solid var(--line);border-radius:20px;align-items:center;gap:26px;padding:30px 33px;display:flex}.project-placeholder h3,.project-card h3{letter-spacing:-.025em;font-size:1.3rem;font-weight:500}.project-placeholder p,.project-card p{color:var(--muted);margin-top:5px;font-size:.87rem}.project-icon{flex-shrink:0;grid-template-columns:1fr 1fr;gap:4px;width:38px;height:38px;display:grid}.project-icon span{background:var(--leaf);border-radius:50% 4px}.project-icon span:last-child{background:var(--lilac)}.status-label{white-space:nowrap;border:1px solid #50653860;border-radius:30px;align-items:center;gap:7px;margin-left:auto;padding:8px 12px;font-size:.66rem;display:inline-flex}.status-label .status-dot{width:5px;height:5px}.footer-brand{letter-spacing:-.055em;text-transform:lowercase;align-items:center;gap:9px;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.footer-seed{width:24px;height:30px}.about-symbol{width:70px;height:85px;margin-bottom:26px}.intro{letter-spacing:-.025em;font-size:1.4rem;line-height:1.5}.project-list{gap:20px;display:grid}.project-card{border:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:28px;text-decoration:none;display:flex}.project-card:hover{background:#cbd49f}.project-card-featured{background:var(--soft);border-radius:28px;grid-template-columns:1fr 1fr;gap:35px;padding:36px 40px;display:grid}.project-card-copy{padding:10px 0}.project-card-copy .status-label{margin:0 0 22px}.project-card-featured h3{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.2vw,3rem);font-weight:700}.project-card-featured p{max-width:335px;margin-top:15px;font-size:.95rem}.project-card-cta{border-bottom:1px solid var(--ink);align-items:center;gap:28px;margin-top:25px;padding-bottom:7px;font-size:.85rem;display:inline-flex}.project-card-cta>span{font-size:1.1rem}.project-preview{background:#a9b77c;border-radius:80px 28px 65px;justify-content:center;align-items:center;gap:16px;min-width:0;padding:22px 12px;display:flex}.project-preview img{border:1px solid #19342235;border-radius:12px;width:calc(50% - 8px);max-width:145px;height:auto;display:block;box-shadow:0 9px 16px #19342218}.screenshot-frame{background:var(--soft);border:1px solid var(--line);border-radius:28px;justify-content:center;align-items:flex-start;padding:28px;display:flex}.screenshot-frame img{border:1px solid #19342235;border-radius:12px;width:100%;max-width:310px;height:auto;display:block}.tablet-preview .screenshot-frame img{max-width:480px}}@media (width<=1000px){.hero{gap:10px;padding:30px 0 60px}.hero h1{font-size:clamp(3rem,6.5vw,5rem)}.hero-description{max-width:350px;font-size:.95rem}.hero .eyebrow{font-size:.58rem}.about-layout{gap:35px}}@media (width<=700px){.site-header{flex-wrap:wrap;row-gap:18px;min-height:105px;padding:24px 0}.wordmark{gap:8px;font-size:1.9rem}.brand-mark{width:35px;height:43px}nav{gap:22px;font-size:.84rem}.hero{grid-template-columns:1fr;gap:12px;padding:28px 0 35px}.hero-copy{padding:0}h1{font-size:clamp(2.8rem,10.4vw,4.8rem)}.hero h1{font-size:clamp(3.4rem,12.5vw,5.5rem)}.hero .eyebrow{margin-bottom:24px;font-size:.58rem}.hero-description{max-width:360px;margin:22px 0 24px}.hero-cta{padding:14px 24px}.hero-visual{width:100%;max-width:570px;margin:0 auto}.projects-section{padding-bottom:50px}.project-placeholder{flex-wrap:wrap;gap:18px;padding:25px 20px}.project-placeholder h3{font-size:1.13rem}.project-placeholder p{font-size:.8rem}.project-icon{width:30px;height:30px}.project-placeholder .status-label{margin-left:48px}.site-footer{gap:12px 20px;padding:25px 0}.site-footer p{order:3;width:100%;font-size:.75rem}.footer-note{font-size:.7rem}.about-layout{grid-template-columns:1fr;gap:38px;padding:30px 0 65px}.about-symbol{width:58px;height:70px;margin-bottom:20px}.about-copy .intro{font-size:1.3rem}.not-found{padding:35px 0 80px}.project-card-featured{grid-template-columns:1fr;gap:28px;padding:25px}.project-card-copy .status-label{margin-bottom:20px}.project-card-featured h3{font-size:2.35rem}.project-preview{padding:22px 12px}.project-gallery{grid-template-columns:1fr;gap:20px}.mode-grid,.shop-layout.has-preview,.tablet-section{grid-template-columns:1fr;gap:30px}.project-section{margin-top:45px;padding-top:28px}.screenshot-frame{padding:24px}}@media (width<=360px){.site-shell{padding-left:20px;padding-right:20px}.wordmark{gap:6px;font-size:1.6rem}.brand-mark{width:29px;height:36px}nav{gap:16px}.hero h1{font-size:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
