@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Playfair+Display:wght@400;700&family=Instrument+Sans:wght@400;500;600&display=swap";:root{--cream:#faf7f2;--warm-white:#f5f0e8;--linen:#ede8df;--sand:#d9d0c3;--warm-gray:#9c9589;--charcoal:#2c2c2c;--soft-black:#1a1a1a;--hero-dark:#1f1812;--font-display:"DM Serif Display", serif;--font-headline:"Playfair Display", serif;--font-body:"Instrument Sans", sans-serif;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:48px;--space-xl:80px;--space-2xl:120px;--max-width:960px;--page-padding:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px}body{font-family:var(--font-body);color:var(--soft-black);background-color:var(--cream);line-height:1.65}#root{min-height:100svh}img{max-width:100%;display:block}a{color:var(--charcoal);-webkit-text-decoration-color:var(--sand);text-decoration-color:var(--sand);text-underline-offset:3px;transition:text-decoration-color .2s}a:hover{-webkit-text-decoration-color:var(--charcoal);text-decoration-color:var(--charcoal)}@media (width<=768px){:root{--page-padding:20px;--space-xl:56px;--space-2xl:80px}html{font-size:16px}}.nav{width:100%;padding:var(--space-sm) var(--page-padding);background:var(--warm-white);z-index:10;position:relative;box-shadow:0 2px 12px #0000002e}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-brand{font-family:var(--font-display);color:var(--soft-black);letter-spacing:-.01em;font-size:1.125rem;font-weight:400;text-decoration:none;transition:color .2s}.nav-brand:hover{color:var(--charcoal)}.nav-contact{font-family:var(--font-body);color:var(--warm-gray);font-size:.9375rem;text-decoration:none;transition:color .2s}.nav-contact:hover{color:var(--charcoal)}@media (width<=768px){.nav{padding:var(--space-xs) var(--page-padding)}.nav-brand{font-size:1rem}.nav-contact{font-size:.875rem}}.hero{min-height:85vh;padding:var(--space-xl) var(--page-padding);background:var(--hero-dark);border-bottom:1px solid #0006;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000026,0 12px 40px #0000001a}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 70%,#d9d0c338 0%,#d9d0c314 45%,#d9d0c300 75%);animation:14s ease-in-out infinite hero-breath;position:absolute;inset:0}@keyframes hero-breath{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.hero:before{opacity:.7;animation:none}}.hero-inner{z-index:1}.hero-lines{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-line{stroke:url(#line-fade);stroke-width:1px;stroke-linecap:round;fill:none;vector-effect:non-scaling-stroke;animation:22s ease-in-out infinite line-breathe}.hero-line--1{animation-delay:0s}.hero-line--2{animation-delay:-4s}.hero-line--3{animation-delay:-9s}.hero-line--4{animation-delay:-14s}.hero-line--5{animation-delay:-7s}.hero-line--6{animation-delay:-18s}.hero-line--7{animation-delay:-11s}.hero-line--8{animation-delay:-2s}.hero-line--9{animation-delay:-15s}.hero-line--10{animation-delay:-6s}@keyframes line-breathe{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-line{opacity:.65;animation:none}}.hero-inner{width:100%;max-width:var(--max-width);background:var(--linen);min-height:280px;padding:var(--space-xl) var(--space-lg) var(--space-xl) 60px;border:1px solid #d9d0c333;border-radius:16px;align-items:center;display:flex;position:relative;box-shadow:0 4px 16px #00000059,0 16px 48px #00000040}.hero-state{padding:inherit;flex-direction:column;justify-content:center;transition-property:opacity;transition-timing-function:ease-in-out;display:flex;position:absolute;inset:0}.hero-state--visible{opacity:1}.hero-state--hidden{opacity:0}.hero-word{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:var(--space-md);color:var(--soft-black);font-size:6rem;font-weight:400;line-height:1}.hero-phonetic{font-family:var(--font-body);color:var(--warm-gray);margin-bottom:4px;font-size:1.125rem;font-weight:400}.hero-origin{font-family:var(--font-body);color:var(--warm-gray);margin-bottom:var(--space-sm);font-size:1rem;font-style:italic;font-weight:400}.hero-def{font-family:var(--font-body);color:var(--charcoal);font-size:1.375rem;font-weight:500}.hero-tagline{font-family:var(--font-headline);letter-spacing:-.01em;color:var(--soft-black);font-size:4rem;font-weight:400;line-height:1.1}@media (width<=768px){.hero{min-height:70vh;padding:var(--space-lg) var(--page-padding)}.hero-inner{min-height:220px;padding:var(--space-lg) var(--space-md)}.hero-word{font-size:3.5rem}.hero-tagline{font-size:2.5rem}}.products{padding:var(--space-xl) var(--page-padding)}.products-inner{max-width:var(--max-width);margin:0 auto}.products-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.product-card{padding:var(--space-lg) var(--space-md);background:var(--warm-white);border:1px solid var(--linen);border-radius:12px;flex-direction:column;transition:border-color .2s;display:flex}.product-card:hover{border-color:var(--sand)}.product-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:baseline;gap:var(--space-xs);display:flex}.product-name{font-family:var(--font-display);color:var(--soft-black);font-size:1.5rem;font-weight:400}.product-status{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:100px;padding:2px 10px;font-size:.75rem;font-weight:500}.status--live{color:#3d6b4f;background:#e6f0eb}.status--dev{color:var(--warm-gray);background:var(--linen)}.product-desc{color:var(--charcoal);margin-bottom:var(--space-md);flex:1;font-size:.9375rem;line-height:1.65}.product-link{color:var(--warm-gray);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.product-link:hover{color:var(--charcoal)}@media (width<=768px){.products-grid{gap:var(--space-sm);grid-template-columns:1fr}}.gld{padding:var(--space-xl) var(--page-padding);border-top:1px solid var(--linen)}.gld-inner{max-width:var(--max-width);margin:0 auto}.gld-lead{color:var(--charcoal);max-width:640px;margin-bottom:var(--space-lg);font-size:1.125rem;line-height:1.6}.gld-showcase{gap:var(--space-lg);align-items:flex-start;display:flex}.gld-content{flex:0 0 55%;min-width:0}.gld-preview{flex:1;min-width:0}.gld-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr;display:grid}.gld-method{font-family:var(--font-headline);color:var(--warm-gray);font-size:.9375rem;font-style:italic}.browser-frame{border:1px solid var(--linen);background:var(--warm-white);border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.browser-chrome{background:var(--linen);border-bottom:1px solid var(--sand);align-items:center;gap:6px;padding:10px 14px;display:flex}.browser-dot{background:var(--sand);border-radius:50%;width:8px;height:8px}.browser-viewport{aspect-ratio:5/4;overflow:hidden}.browser-viewport img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.screenshot-placeholder{background:var(--warm-white);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.screenshot-placeholder-text{font-family:var(--font-body);color:var(--warm-gray);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem}@media (width<=768px){.gld-showcase{flex-direction:column}.gld-content{flex:none;width:100%}.gld-preview{width:100%;max-width:400px}}.about-company{padding:var(--space-2xl) var(--page-padding);border-top:1px solid var(--linen)}.about-company-inner{max-width:var(--max-width);margin:0 auto}.section-heading{font-family:var(--font-display);color:var(--soft-black);margin-bottom:var(--space-lg);font-size:1.75rem;font-weight:400}.company-copy{max-width:640px;margin-bottom:var(--space-xl)}.company-lead{color:var(--soft-black);margin-bottom:var(--space-md);font-size:1.25rem;font-weight:500;line-height:1.5}.company-copy p{color:var(--charcoal);margin-bottom:var(--space-md);line-height:1.7}.company-copy p:last-child{margin-bottom:0}.company-highlight{color:var(--soft-black);font-weight:600}@media (width<=768px){.section-heading{font-size:1.5rem}}.about-warren{padding:var(--space-2xl) var(--page-padding);background:var(--warm-white);border-top:1px solid var(--linen)}.about-warren-inner{max-width:var(--max-width);gap:var(--space-xl);grid-template-columns:1fr 300px;align-items:start;margin:0 auto;display:grid}.warren-content .section-heading{font-family:var(--font-display);color:var(--soft-black);margin-bottom:var(--space-lg);font-size:1.75rem;font-weight:400}.warren-copy p{color:var(--charcoal);margin-bottom:var(--space-md);max-width:580px;line-height:1.75}.warren-copy p:last-child{margin-bottom:0}.warren-highlight{color:var(--soft-black);font-weight:600}.warren-photo{top:var(--space-lg);position:sticky}.photo-placeholder{aspect-ratio:3/4;background:var(--linen);border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex}.photo-placeholder-text{color:var(--warm-gray);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:500}@media (width<=768px){.about-warren-inner{gap:var(--space-lg);grid-template-columns:1fr}.warren-photo{order:-1;max-width:240px;position:static}}.footer{padding:var(--space-lg) var(--page-padding);border-top:1px solid var(--linen)}.footer-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-copy{color:var(--warm-gray);font-size:.8125rem}.footer-email{color:var(--warm-gray);font-size:.8125rem;text-decoration:none;transition:color .2s}.footer-email:hover{color:var(--charcoal)}@media (width<=768px){.footer-inner{gap:var(--space-xs);text-align:center;flex-direction:column}}
