:root{--color-bg:oklch(0.99 0.002 90);--color-text:oklch(0.2 0.01 90);--color-text-secondary:oklch(0.45 0.01 90);--color-text-muted:oklch(0.5 0.01 90);--color-text-muted-2:oklch(0.55 0.01 90);--color-text-link:oklch(0.35 0.01 90);--color-border:oklch(0.9 0.005 90);--color-accent-orange:oklch(0.68 0.15 55);--color-accent-orange-stripe:oklch(0.72 0.14 55);--color-accent-orange-hover:oklch(0.55 0.16 45);--color-accent-teal:oklch(0.55 0.09 200);--color-placeholder-bg:oklch(0.94 0.004 90);--font-heading:'Fredoka', sans-serif;--font-body:'Space Grotesk', sans-serif;--font-mono:ui-monospace, monospace;--space-4:4px;--space-10:10px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-36:36px;--space-40:40px;--space-48:48px;--space-56:56px;--space-64:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-xxl:14px;--radius-round:50%}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);font-family:var(--font-body);color:var(--color-text)}a{color:var(--color-text-link);text-decoration:none}a:hover{color:var(--color-accent-orange-hover)}img{max-width:100%;display:block}.wrap{max-width:1440px;margin:0 auto;padding:var(--space-36)var(--space-48)0}.site-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-32);padding-bottom:var(--space-40);border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:var(--space-14)}.brand__logo{width:48px;height:48px;flex:none}.brand__name{font-family:var(--font-heading);font-weight:600;font-size:26px;line-height:1;color:var(--color-text)}.nav-item{display:flex;gap:var(--space-14);align-items:center;min-width:150px}.nav-item__swatch{width:24px;height:24px;flex:none}.nav-item__title{font-family:var(--font-heading);font-weight:600;font-size:26px;line-height:2;color:var(--color-text)}.hero{display:flex;gap:var(--space-56);padding:var(--space-56)0 var(--space-64);flex-wrap:wrap}.hero__copy{flex:1;min-width:280px;max-width:480px}.hero__title{font-family:var(--font-heading);font-weight:600;font-size:44px;line-height:1.08;margin:0 0 var(--space-20);color:var(--color-text)}.hero__subtitle{font-size:16px;line-height:1.6;color:var(--color-text-secondary);margin:0 0 var(--space-28);max-width:380px}.button{display:inline-block;background:var(--color-text);color:var(--color-bg);font-size:14px;font-weight:500;padding:13px 24px;border-radius:var(--radius-md)}.button:hover{color:var(--color-bg);background:var(--color-accent-orange-hover)}.hero__image{flex:1;min-width:280px;border-radius:var(--radius-xxl);position:relative;overflow:hidden;min-height:340px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent-orange);background-image:repeating-linear-gradient( 45deg,var(--color-accent-orange-stripe) 0 9px,var(--color-accent-orange) 9px 18px )}.hero__image-label{font-family:var(--font-mono);font-size:13px;color:oklch(.2 .05 55/.6);text-align:center}.section{padding-bottom:var(--space-64)}.section--bordered{border-top:1px solid var(--color-border);padding-top:var(--space-48)}.section__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-24)}.section__title{font-family:var(--font-heading);font-weight:600;font-size:22px;margin:0;color:var(--color-text)}.section__link{font-size:13px}.list-horizontal{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-20)}.list-horizontal__item{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.list-horizontal__image{aspect-ratio:4/3;background:var(--color-placeholder-bg);position:relative;display:flex;align-items:center;justify-content:center}.list-horizontal__image-label{font-family:var(--font-mono);font-size:12px;color:oklch(.2 .05 90/.5)}.list-horizontal__body{padding:var(--space-16)var(--space-18)}.list-horizontal__title{font-family:var(--font-heading);font-weight:600;font-size:17px;color:var(--color-text)}.list-horizontal__meta{font-size:13px;color:var(--color-text-muted);margin-top:var(--space-4)}.list-vertical{display:flex;flex-direction:column}.list-vertical__item{display:flex;gap:var(--space-20);align-items:center;padding:var(--space-18)0;border-bottom:1px solid var(--color-border)}.list-vertical__item:last-child{border-bottom:none}.list-vertical__image{flex:none;width:160px;aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--color-placeholder-bg);display:flex;align-items:center;justify-content:center}.list-vertical__image-label{font-family:var(--font-mono);font-size:12px;color:oklch(.6 .01 90)}.list-vertical__title{font-family:var(--font-heading);font-weight:600;font-size:17px;color:var(--color-text)}.list-vertical__meta{font-size:13px;color:var(--color-text-muted);margin-top:var(--space-4)}@media(max-width:480px){.list-vertical__item{flex-direction:column;align-items:stretch}.list-vertical__image{width:100%}}.post-date{font-size:12px;color:var(--color-text-muted-2);margin-bottom:var(--space-4)}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-28)0 var(--space-40);border-top:1px solid var(--color-border);font-size:13px;color:var(--color-text-muted);flex-wrap:wrap;gap:var(--space-14)}.site-footer__links{display:flex;gap:var(--space-20)}.page{padding:var(--space-48)0 var(--space-64)}.page__title{font-family:var(--font-heading);font-weight:600;font-size:32px;margin:0 0 var(--space-24);color:var(--color-text)}.page__body{font-size:16px;line-height:1.6;color:var(--color-text-secondary);max-width:640px}.page-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-20);margin-top:var(--space-24)}.page-list__item{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-18)}.page-list__item-title{font-family:var(--font-heading);font-weight:600;font-size:17px;color:var(--color-text)}.page-list__item-desc{font-size:13px;color:var(--color-text-muted);margin-top:var(--space-4)}.coming-soon{padding:var(--space-64)0;text-align:center}.coming-soon__title{font-family:var(--font-heading);font-weight:600;font-size:30px;margin:0 0 var(--space-16);color:var(--color-text)}.coming-soon__subtitle{font-size:32px;color:var(--color-text-secondary)}