:root{--paper: #eef0ec;--paper-deep: #e4e7e1;--ink: #16141f;--ink-soft: #3f3c4d;--muted: #6f6b7a;--line: rgba(22, 20, 31, .12);--brand: #655dbb;--brand-soft: #8b84e8;--brand-pale: #bdb8ff;--wash: #e4e1f2;--font-display: "Instrument Serif", Georgia, serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--space: clamp(1.25rem, 3vw, 2rem);--measure: 68rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);font-size:1.05rem;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--brand)}img{max-width:100%;display:block}.page{position:relative;isolation:isolate;min-height:100vh}.atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.atmosphere__wash{position:absolute;inset:-20% -10% auto;height:70vh;background:radial-gradient(ellipse 55% 50% at 18% 20%,rgba(101,93,187,.16),transparent 70%),radial-gradient(ellipse 45% 40% at 88% 8%,rgba(189,184,255,.35),transparent 65%),linear-gradient(180deg,var(--paper) 0%,var(--paper-deep) 100%)}.atmosphere__grain{position:absolute;inset:0;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--measure);margin:0 auto;padding:1.35rem var(--space)}.site-nav__brand{display:inline-flex;align-items:center;text-decoration:none}.site-nav__brand:hover{color:var(--ink)}.site-nav__logo{height:2.35rem;width:auto;filter:brightness(0) saturate(100%)}.site-nav__links{display:flex;gap:clamp(1rem,3vw,1.75rem);font-size:.92rem;font-weight:500}.site-nav__links a{text-decoration:none;color:var(--ink-soft)}.site-nav__links a:hover{color:var(--ink)}.hero{max-width:var(--measure);margin:0 auto;padding:clamp(3.5rem,12vh,7rem) var(--space) clamp(4rem,10vh,6rem)}.hero__kicker{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:1.25rem}.hero__brand{font-family:var(--font-display);font-weight:400;font-size:clamp(3.8rem,14vw,8.5rem);line-height:.92;letter-spacing:-.03em;max-width:12ch}.hero__brand-line{display:block;font-style:italic;color:var(--brand)}.hero__lead{margin-top:2rem;max-width:36rem;font-size:clamp(1.05rem,2.2vw,1.25rem);color:var(--ink-soft)}.hero__actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.25rem}.reveal{animation:rise .85s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d, 0ms)}@keyframes rise{0%{transform:translateY(14px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.35rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;border-radius:999px;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,background .2s ease,color .2s ease}.btn:hover{transform:translateY(-1px)}.btn--ink{background:var(--brand);color:#fff}.btn--ink:hover{background:#5149a8;color:#fff}.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn--ghost:hover{border-color:var(--brand);color:var(--brand)}.text-link{font-weight:500;color:var(--ink-soft);text-decoration:none;align-self:center}.text-link:hover{color:var(--brand)}.section{max-width:var(--measure);margin:0 auto;padding:clamp(3.5rem,8vh,5.5rem) var(--space)}.section__label{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.85rem}.section__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,5vw,3.1rem);line-height:1.15;letter-spacing:-.02em;max-width:18ch}.section__dek{margin-top:1rem;max-width:34rem;color:var(--ink-soft)}.section__intro{margin-bottom:2.75rem;padding-top:.5rem;border-top:1px solid var(--line)}.focus__list{list-style:none;display:grid;gap:0}.focus__item{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;padding:1.75rem 0;border-top:1px solid var(--line)}.focus__item:last-child{border-bottom:1px solid var(--line)}.focus__index{font-family:var(--font-display);font-size:1.35rem;color:var(--muted);padding-top:.15rem}.focus__title{font-family:var(--font-display);font-size:1.55rem;font-weight:400;letter-spacing:-.015em;margin-bottom:.45rem}.focus__body{max-width:38rem;color:var(--ink-soft)}.product{padding-top:1rem}.product__frame{padding:clamp(2.5rem,6vw,4rem);background:linear-gradient(145deg,rgba(101,93,187,.12),transparent 55%),var(--wash);border:1px solid var(--line)}.product__name{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);font-style:italic;letter-spacing:-.03em;line-height:1;margin:.35rem 0 1rem}.product__dek{max-width:32rem;color:var(--ink-soft);margin-bottom:1.75rem}.product__links{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center}.contact{border-top:1px solid var(--line)}.contact__email{display:inline-block;margin-top:1.75rem;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.6rem);letter-spacing:-.02em;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.15rem}.contact__email:hover{border-color:var(--brand)}.site-footer{max-width:var(--measure);margin:0 auto;padding:3rem var(--space) 2.5rem;border-top:1px solid var(--line)}.site-footer__top{display:grid;gap:2.5rem}@media(min-width:800px){.site-footer__top{grid-template-columns:1.2fr 1.5fr}}.site-footer__brand{font-family:var(--font-display);font-size:1.35rem;margin-bottom:.5rem}.site-footer__note{color:var(--ink-soft);max-width:28rem;font-size:.95rem}.site-footer__meta{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.75rem 1.35rem;font-size:.95rem}.site-footer__meta a{text-decoration:none;color:var(--ink-soft)}.site-footer__meta a:hover{color:var(--ink)}.site-footer__copy{margin-top:2.25rem;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}@media(max-width:640px){.site-nav__links{gap:.85rem;font-size:.85rem}.focus__item{grid-template-columns:2.5rem 1fr}}
