.nav{z-index:20;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;gap:2rem;height:68px;display:flex}.nav__actions{align-items:center;gap:.625rem;display:flex}.theme-toggle{border:1px solid var(--line-strong);border-radius:var(--r-control);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:color .16s,border-color .16s;display:inline-flex}.theme-toggle:hover{color:var(--ink);border-color:var(--accent)}.nav__mark{letter-spacing:-.02em;font-weight:600;text-decoration:none}.nav .btn{padding-block:.5rem}.hero{align-items:center;min-height:min(82vh,44rem);padding-block:clamp(3rem,7vw,5rem);display:flex;position:relative;overflow:hidden}.hero:before{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, var(--line-strong) 20%, var(--line-strong) 80%, transparent);height:1px;position:absolute;bottom:0}.hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.hero__title{max-width:18ch}.hero__stack{aspect-ratio:1/1.02;position:relative}.hero__page{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);transform-origin:50% 100%;width:72%;position:absolute;inset-block:0;overflow:hidden}.hero__page img{width:100%}.hero__page--back{box-shadow:0 18px 44px -24px var(--page-shadow);opacity:.72;left:0;transform:rotate(-7.5deg)translateY(2%)scale(.93)}.hero__page--mid{box-shadow:0 22px 54px -26px var(--page-shadow);opacity:.88;left:12%;transform:rotate(-3.5deg)translateY(1%)scale(.965)}.hero__page--front{box-shadow:0 30px 70px -28px var(--page-shadow);left:25%;transform:rotate(1.5deg)}.hero__lede{max-width:44ch;color:var(--muted);font-size:var(--step-1);margin-block-start:1.75rem}.hero__cta{margin-block-start:2.5rem}.section{padding-block:var(--section-y);background:var(--surface)}.section__head h2{padding-block-start:1.5rem;position:relative}.section__head h2:before{content:"";background:var(--accent);width:2.5rem;height:2px;position:absolute;top:0;left:0}.section__head{max-width:46rem;margin-block-end:clamp(2.5rem,5vw,4rem)}.section__head .lede{margin-block-start:1.125rem}.bento{background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.bento__cell{background:var(--surface);flex-direction:column;gap:.625rem;padding:clamp(1.5rem,2.4vw,2.25rem);display:flex}.bento__cell--wide{grid-column:span 2}.bento__cell:first-child{background:linear-gradient(135deg, var(--accent-wash), transparent 62%), var(--surface)}.bento__cell:nth-child(4){background:repeating-linear-gradient(-45deg, var(--accent-wash) 0 1px, transparent 1px 9px), var(--surface)}.bento__cell:last-child{background:linear-gradient(100deg, var(--surface-2), var(--surface) 72%)}.bento__icon{color:var(--accent)}.bento__cell p{color:var(--muted);max-width:38ch;font-size:.9375rem}.material{padding-block:var(--section-y);background:var(--paper);border-block-start:1px solid var(--line)}.material__inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(2.5rem,6vw,5rem);display:grid}.material__second{color:var(--ink-2);margin-block-start:1.25rem}.material__copy h2{max-width:14ch;margin-block-end:1.25rem}.material__figure{border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);margin:0;overflow:hidden;box-shadow:0 1px 2px #14181b0a,0 28px 70px -30px #14181b4d}.material__figure figcaption{border-block-start:1px solid var(--line);background:var(--surface);color:var(--muted);padding:.875rem 1.125rem;font-size:.8125rem}.footer{background:var(--surface);border-block-start:1px solid var(--line)}.footer__inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:2rem;font-size:.875rem;display:flex}.footer__mark{color:var(--ink);font-weight:500}.footer a{text-decoration:none}.footer a:hover{color:var(--ink)}@media (max-width:60rem){.hero__inner{grid-template-columns:minmax(0,1fr);gap:3rem}.hero__stack{aspect-ratio:16/9;max-width:30rem}.hero__page{height:100%;inset-block:0 auto}.material__inner{grid-template-columns:minmax(0,1fr)}.material__figure{max-height:26rem}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento__cell--wide{grid-column:span 2}}@media (max-width:40rem){.hero__page--back,.hero__page--mid{display:none}.hero__page--front{width:100%;left:0;transform:none}.bento{grid-template-columns:minmax(0,1fr)}.bento__cell--wide{grid-column:span 1}}
