.studio{--background:oklch(80% .018 173);--foreground:oklch(24% .006 160);--primary:var(--foreground);--primary-foreground:oklch(95% .008 165);--secondary:oklch(90% .013 161);--secondary-foreground:var(--foreground);--muted:oklch(77% .022 168);--muted-foreground:oklch(41% .015 168);--accent:oklch(67% .11 179);--accent-foreground:var(--foreground);--border:oklch(24% .006 160/.28);--input:var(--border);--ring:var(--foreground);--destructive:oklch(44% .16 27);--hero-foreground:oklch(97% .005 160);--hero-shadow:oklch(15% .012 165/.65);background:var(--background);color:var(--foreground);letter-spacing:0;min-height:100vh;margin:-8px;font-family:Familjen Grotesk,Arial,sans-serif;font-weight:400;line-height:1.55}.studio *,.studio :before,.studio :after{box-sizing:border-box;letter-spacing:0}.studio a{color:inherit;text-decoration:none}.studio button{font-family:inherit}.studio h1,.studio h2,.studio h3{text-wrap:balance;margin:0;font-weight:500;line-height:1.08}.studio p{max-width:58ch;margin:0}.studio :focus-visible{outline:2px solid var(--foreground);outline-offset:5px}.studio svg{flex-shrink:0}.studio-header{border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:32px;max-width:1600px;height:92px;margin:auto;padding:0 4%;display:flex;position:relative}.studio-brand{white-space:nowrap;align-items:center;gap:10px;font-size:24px;font-weight:600;display:flex}.brand-symbol{border:1px solid var(--foreground);justify-content:center;align-items:center;width:36px;height:36px;font-size:32px;line-height:1;display:flex}.brand-caption{border-left:1px solid var(--border);white-space:normal;max-width:50px;margin-left:8px;padding-left:12px;font-family:Fragment Mono,monospace;font-size:9px;font-weight:400;line-height:1.4}.studio-nav{align-items:center;gap:26px;margin-left:auto;font-size:13px;display:flex}.nav-link:hover,.header-contact:hover{text-decoration:underline}.header-contact{border:1px solid var(--foreground);align-items:center;gap:22px;padding:10px 16px;font-size:13px;display:flex}.resource-menu{position:relative}.resource-menu summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.resource-menu summary::-webkit-details-marker{display:none}.resource-menu>div{background:var(--secondary);border:1px solid var(--border);gap:12px;min-width:180px;padding:12px;display:grid;position:absolute;top:32px;left:-16px}.mobile-menu{display:none}.studio-skip{background:var(--secondary);z-index:20;padding:12px;position:absolute;top:-100px;left:20px}.studio-skip:focus{top:12px}.studio-hero{background:var(--foreground);height:calc(100svh - 180px);min-height:610px;max-height:820px;color:var(--hero-foreground);margin:20px 2% 0;position:relative;overflow:hidden}.studio-hero>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.studio-hero:after{content:"";background:linear-gradient(90deg, var(--hero-shadow), transparent 80%);pointer-events:none;position:absolute;inset:0}.hero-content{z-index:1;max-width:800px;padding:42px 3%;position:relative}.section-label{align-items:center;gap:22px;font-family:Fragment Mono,monospace;font-size:10px;line-height:1.5;display:flex}.section-label svg{margin-left:auto}.hero-content>.section-label{border-bottom:1px solid color-mix(in oklch, var(--hero-foreground) 40%, transparent);max-width:360px;padding-bottom:22px}.hero-content h1{margin:38px 0 24px;font-size:88px;line-height:1.02}.hero-content h1 span{display:block}.hero-content p{max-width:43ch;margin-bottom:28px;font-size:17px;line-height:1.65}.studio .studio-button{background:var(--foreground);color:var(--primary-foreground);border:1px solid var(--foreground);box-shadow:none;white-space:normal;text-align:left;border-radius:0;justify-content:space-between;gap:22px;height:auto;min-height:48px;padding:12px 18px;font-size:14px;font-weight:400;line-height:1.5}.studio .studio-button:hover{background:var(--accent);color:var(--foreground)}.hero-content .studio-button{background:var(--hero-foreground);color:var(--foreground);border-color:var(--hero-foreground)}.hero-bottom{z-index:2;justify-content:space-between;align-items:center;font-family:Fragment Mono,monospace;font-size:10px;display:flex;position:absolute;bottom:24px;left:3%;right:3%}.hero-bottom a{border:1px solid;place-items:center;width:36px;height:36px;display:grid}.hero-note{border-bottom:1px solid var(--border);justify-content:space-between;margin:0 2%;padding:16px 3%;font-family:Fragment Mono,monospace;font-size:10px;display:flex}.hero-note>span:last-child{align-items:center;gap:20px;display:flex}.studio-section{border-bottom:1px solid var(--border);max-width:1600px;margin:auto;padding:70px 6%}.studio-section>.section-label{margin-bottom:38px}.section-intro{grid-template-columns:1.1fr 1fr;align-items:start;gap:9%;display:grid}.section-intro h2,.wide-heading{max-width:20ch;font-size:44px}.section-intro p{font-size:18px;line-height:1.7}.principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:52px;display:grid}.principles>div{border-top:1px solid var(--border);padding-top:20px}.tiny-number{margin-bottom:28px;font-family:Fragment Mono,monospace;font-size:10px;display:block}.principles h3,.principles h2{margin:12px 0 14px;font-size:24px}.principles p{color:var(--muted-foreground);font-size:15px;line-height:1.7}.wide-heading{margin-bottom:40px!important}.system-grid{border:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.system-card{border-right:1px solid var(--border);flex-direction:column;min-width:0;padding:24px 20px 18px;transition:background .2s;display:flex}.system-card:last-child{border-right:0}.system-card:hover{background:var(--secondary)}.system-card-top{justify-content:space-between;align-items:start;margin-bottom:48px;display:flex}.system-card-top>span{font-family:Fragment Mono,monospace;font-size:10px}.system-card h3{overflow-wrap:anywhere;margin-bottom:18px;font-size:24px}.system-card p{color:var(--muted-foreground);margin-bottom:32px;font-size:14px}.system-card-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.process-section{background:var(--secondary)}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin:40px 0 30px;padding:0;list-style:none;display:grid}.step-number{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:24px;font-family:Fragment Mono,monospace;font-size:12px;display:flex}.process-grid h3{margin:22px 0 16px;font-size:22px}.process-grid p{color:var(--muted-foreground);font-size:15px;line-height:1.7}.text-link{border-bottom:1px solid;align-items:center;gap:30px;margin-top:24px;padding:8px 0;font-size:14px;display:inline-flex}.open-section{padding-bottom:100px;position:relative;overflow:hidden}.open-stamp{border-top:1px solid var(--border);align-items:center;gap:20px;margin-top:38px;padding-top:20px;font-family:Fragment Mono,monospace;font-size:13px;display:flex}.open-stamp>span:last-child{margin-left:auto;font-size:50px}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 60px;display:grid}.faq-group h3{margin-bottom:14px;font-family:Fragment Mono,monospace;font-size:11px}.faq-group details{border-top:1px solid var(--border)}.faq-group details:last-child{border-bottom:1px solid var(--border)}.faq-group summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:16px;list-style:none;display:flex}.faq-group summary::-webkit-details-marker{display:none}.faq-group details[open] summary svg{transform:rotate(45deg)}.faq-group details p{color:var(--muted-foreground);padding:0 26px 22px 0;font-size:15px;line-height:1.7}.studio-closing{background:var(--accent);max-width:1600px;margin:auto;padding:48px 6% 58px}.studio-closing h2{max-width:20ch;margin:40px 0 28px;font-size:60px}.closing-bottom{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.closing-bottom p{max-width:45ch;font-size:17px}.studio-footer{max-width:1600px;margin:auto;padding:50px 6% 24px}.footer-top{justify-content:space-between;gap:32px;display:flex}.footer-brand{font-size:28px;font-weight:600}.footer-brand span{margin-top:8px;font-family:Fragment Mono,monospace;font-size:10px;font-weight:400;display:block}.footer-links{grid-template-columns:repeat(2,auto);gap:12px 50px;font-size:14px;display:grid}.footer-links a{gap:8px;display:flex}.studio-languages{flex-wrap:wrap;gap:22px;margin:48px 0 24px;font-family:Fragment Mono,monospace;font-size:11px;display:flex}.studio-languages a[aria-current]{text-underline-offset:5px;text-decoration:underline}.footer-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:22px;padding-top:20px;font-family:Fragment Mono,monospace;font-size:10px;display:flex}.footer-bottom>div{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.footer-bottom button{font:inherit;height:auto;color:var(--foreground);padding:0}.footer-bottom a:last-child{align-items:center;gap:5px;display:flex}.page-heading{border-bottom:1px solid var(--border);max-width:1600px;margin:auto;padding:70px 6% 54px}.page-heading h1{overflow-wrap:anywhere;max-width:19ch;margin:40px 0 28px;font-size:68px}.page-heading p{max-width:55ch;font-size:20px;line-height:1.6}.page-heading .studio-button{margin-top:28px}.system-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 8%;max-width:1400px;margin:auto;padding:64px 6%;display:grid}.system-detail>div{border-top:1px solid var(--border);padding-top:20px}.system-detail h2{margin-bottom:24px;font-size:32px}.system-detail p{font-size:17px;line-height:1.75}.studio-about-image{height:360px;margin:30px 6%;overflow:hidden}.studio-about-image img{object-fit:cover;object-position:center 60%;width:100%;height:100%}.founder-line{border-top:1px solid var(--border);padding-top:20px;font-size:14px;margin-top:60px!important}.placeholder{border:1px dashed var(--border);overflow-wrap:anywhere;padding:5px;font-family:Fragment Mono,monospace;font-size:12px}.contact-layout{grid-template-columns:1.5fr 1fr;gap:10%;display:grid}.contact-layout form{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.contact-layout label{gap:10px;min-width:0;font-size:14px;display:grid}.contact-layout input,.contact-layout textarea{border:1px solid var(--border);background:var(--secondary);color:var(--foreground);font:inherit;border-radius:0;width:100%;min-height:48px;padding:12px}.contact-layout textarea{resize:vertical;line-height:1.6}.full-field{grid-column:1/-1}.form-note{color:var(--muted-foreground);font-size:13px}.form-error{color:var(--destructive);font-size:14px}.contact-layout aside h2{margin:30px 0 20px;font-size:30px}.contact-layout aside p{margin-bottom:30px;font-size:16px}.contact-layout aside>a{gap:12px;margin-top:24px;font-size:13px;display:flex}.category-filter{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px;padding-bottom:20px;display:flex}.studio .category-filter button{border:1px solid var(--border);box-shadow:none;border-radius:0}.studio .category-filter button[aria-pressed=true]{background:var(--foreground);color:var(--primary-foreground)}.resources-section{min-height:340px}.empty-state{color:var(--muted-foreground);font-size:20px;margin:50px 0!important}.privacy-body{gap:24px;max-width:900px;font-size:17px;line-height:1.7;display:grid}.privacy-body h2{font-size:28px}.article-body{grid-template-columns:1fr 3fr;gap:60px;max-width:1300px;margin:auto;padding:60px 6%;display:grid}.article-body>aside{flex-direction:column;gap:16px;display:flex}.article-body h2{margin:24px 0;font-size:28px}.article-body p{margin:20px 0}.article-body>article>section{margin:40px 0}.fact-box{background:var(--secondary);border-left:2px solid var(--accent);padding:24px}.article-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.article-list a,.repo-card{border:1px solid var(--border);padding:24px}.article-list h3{margin:16px 0;font-size:24px}.cookie-backdrop{background:var(--hero-shadow);z-index:50;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.cookie-dialog{background:var(--secondary);border:1px solid var(--foreground);width:min(520px,100%);padding:32px}.cookie-dialog h2{margin-bottom:20px;font-size:28px}.cookie-dialog p{font-size:16px;line-height:1.7}.cookie-state{border-block:1px solid var(--border);justify-content:space-between;margin:24px 0;padding:18px 0;font-size:14px;display:flex}@media (width>=1600px){.hero-content{padding-top:65px}.hero-content h1{font-size:104px}}@media (width<=1100px){.brand-caption{display:none}.studio-nav{gap:18px}.studio-header{gap:22px}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-card:nth-child(2){border-right:0}.system-card:nth-child(-n+2){border-bottom:1px solid var(--border)}.hero-content h1{font-size:76px}.hero-content{max-width:700px}.process-grid{gap:20px}.process-grid h3{font-size:20px}.contact-layout{gap:5%}.studio-closing h2{font-size:52px}}@media (width<=760px){.studio-header{gap:14px;height:76px;padding:0 5%}.studio-brand{font-size:21px}.brand-symbol{width:30px;height:30px;font-size:27px}.header-contact{gap:8px;margin-left:auto;padding:8px 10px;font-size:12px}.mobile-menu{display:inline-flex}.studio-nav{display:none}.studio-nav.is-open{background:var(--secondary);border-bottom:1px solid var(--foreground);flex-direction:column;align-items:stretch;gap:22px;padding:24px;display:flex;position:absolute;top:76px;left:0;right:0}.resource-menu>div{border:0;margin-top:12px;padding:0 12px;position:static}.studio-hero{height:calc(100svh - 160px);min-height:630px;max-height:750px;margin:12px 3% 0}.studio-hero>img{object-position:68% center}.studio-hero:after{background:linear-gradient(180deg, var(--hero-shadow), color-mix(in oklch, var(--hero-shadow) 65%, transparent))}.hero-content{padding:28px 6%}.hero-content h1{margin-top:42px;font-size:56px}.hero-content p{max-width:34ch;font-size:16px}.hero-content>.section-label{font-size:9px}.hero-bottom{left:6%;right:6%}.hero-note{gap:10px;font-size:8px}.studio-section{padding:48px 6%}.section-intro{grid-template-columns:1fr;gap:24px}.section-intro h2,.wide-heading{font-size:36px}.section-intro p{font-size:16px}.principles{grid-template-columns:1fr;gap:30px;margin-top:32px}.tiny-number{margin-bottom:18px}.principles h3{font-size:24px}.system-card{padding:20px 15px}.system-card-top{margin-bottom:32px}.system-card h3{font-size:22px}.system-card p{font-size:14px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.faq-grid{grid-template-columns:1fr;gap:32px}.studio-closing{padding:36px 6% 44px}.studio-closing h2{font-size:42px}.closing-bottom{flex-direction:column;align-items:flex-start;gap:24px}.footer-top{flex-direction:column}.footer-links{justify-content:start;gap:14px 50px}.footer-bottom{flex-direction:column;align-items:flex-start}.studio-languages{gap:18px}.page-heading{padding:48px 6%}.page-heading h1{font-size:46px}.page-heading p{font-size:18px}.system-detail{grid-template-columns:1fr;gap:40px;padding:48px 6%}.system-detail h2{font-size:28px}.contact-layout{grid-template-columns:1fr;gap:50px}.contact-layout form{gap:20px}.contact-layout aside{border-top:1px solid var(--border);padding-top:30px}.studio-about-image{height:280px}.article-body{grid-template-columns:1fr;gap:28px}.article-list{grid-template-columns:1fr}}@media (width<=380px){.header-contact{display:none}.mobile-menu{margin-left:auto}.hero-content h1{font-size:48px}.system-grid{grid-template-columns:1fr}.system-card{border-right:0;border-bottom:1px solid var(--border)}.system-card:last-child{border-bottom:0}.contact-layout form,.process-grid{grid-template-columns:1fr}.studio-closing h2{font-size:36px}}@media (prefers-reduced-motion:reduce){.studio *{scroll-behavior:auto!important;transition:none!important}}.studio-cookie-overlay{z-index:50;background:oklch(15% .012 165/.65);position:fixed;inset:0}.studio.cookie-dialog{z-index:51;width:min(520px,100% - 40px);min-height:0;margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.studio.cookie-dialog h2{margin-bottom:20px;font-size:28px}