.samples-page{max-width:1320px;padding:0 var(--gutter) var(--space-8);color:var(--ink);margin:0 auto}.samples-page :focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.samples-hero{column-gap:var(--space-7);row-gap:var(--space-5);padding:var(--space-7) 0 var(--space-7);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"copy photos""cta photos";align-items:end;display:grid}.samples-hero-copy{grid-area:copy}.samples-hero h1{font-size:var(--text-5xl);line-height:var(--leading-tight);margin:0 0 var(--space-3);max-width:13ch}.samples-hero-line{font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--ink-muted);margin:0 0 var(--space-4)}.samples-today{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);font-size:var(--text-md);font-weight:var(--weight-strong);line-height:var(--leading-snug);min-height:48px;margin:0;display:flex}.samples-today>span{border-radius:var(--radius-round);background:currentColor;flex:none;width:10px;height:10px;margin-top:6px}.samples-today.open{background:var(--mint-100);color:var(--mint-800)}.samples-today.closed{background:var(--butter-100);color:var(--butter-800)}.samples-today.checking{background:var(--surface-sunken);color:var(--ink-subtle);font-weight:var(--weight-regular)}.samples-hero-photos{gap:var(--space-3);grid-area:photos;grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;display:grid;position:relative}.samples-hero-photo{border-radius:var(--radius-surface);background:var(--surface-sunken);display:block;overflow:hidden}.samples-hero-photo:first-child{grid-row:1/3}.samples-hero-photo img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-base) var(--ease-out);display:block}.samples-hero-photo:hover img{transform:scale(1.03)}.samples-hero-sticker{left:calc(-1 * var(--space-3));top:calc(-1 * var(--space-3));border:2.5px solid var(--ink);border-radius:var(--radius-round);background:var(--art-sun);width:76px;height:76px;color:var(--ink);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-strong);box-shadow:3px 3px 0 var(--art-berry);pointer-events:none;place-items:center;display:grid;position:absolute;transform:rotate(-10deg)}.samples-hero-cta{grid-area:cta;justify-self:start}.samples-waitlist{gap:var(--space-4) var(--space-5);margin:0 0 var(--space-7);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.samples-waitlist .email-capture{max-width:none;margin:0;padding:0}.samples-waitlist .email-capture-card{border-radius:var(--radius-surface)}.samples-waitlist .email-capture-form>label:first-child{flex:auto;min-width:0}.samples-waitlist .email-capture-form input{width:100%}.samples-heading{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-5);flex-wrap:wrap;scroll-margin-top:96px;display:flex}.samples-heading h2,.samples-faq h2{font-size:var(--text-3xl);line-height:var(--leading-tight);margin:0}.samples-heading p{font-size:var(--text-md);color:var(--ink-muted);margin:0}.samples-collection{scroll-margin-top:96px}.samples-grid{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sample-card{min-width:0;color:inherit;flex-direction:column;text-decoration:none;display:flex}.sample-card-photo{aspect-ratio:1;border-radius:var(--radius-surface);background:var(--surface-sunken);position:relative;overflow:hidden}.sample-card-photo img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-base) var(--ease-out);display:block}.sample-card:hover .sample-card-photo img{transform:scale(1.03)}.sample-card-flag{left:var(--space-2);top:var(--space-2);max-width:calc(100% - var(--space-4));padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--leading-snug);position:absolute}.sample-card-flag.closed{background:var(--butter-100);color:var(--butter-800)}.sample-card h3{font-size:var(--text-lg);line-height:var(--leading-snug);margin:var(--space-3) 0 var(--space-1)}.sample-card p{margin:0 0 var(--space-2);font-size:var(--text-md);line-height:var(--leading-body);color:var(--ink-muted)}.sample-card strong{font-size:var(--text-sm);color:var(--mint-800)}.samples-later{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-surface);background:var(--surface-sunken)}.samples-later h3{font-size:var(--text-md);margin:0 0 var(--space-2)}.samples-later ul{gap:var(--space-3) var(--space-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.samples-later a{align-items:center;gap:var(--space-3);min-height:48px;color:inherit;text-decoration:none;display:flex}.samples-later img{object-fit:cover;border-radius:var(--radius-control);width:56px;height:56px}.samples-later span{font-size:var(--text-md);font-weight:var(--weight-strong);line-height:var(--leading-snug);display:grid}.samples-later small{font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--ink-muted)}.samples-how{margin:var(--space-7) 0;padding:var(--space-5) var(--space-6);border-radius:var(--radius-surface);background:var(--lilac-100)}.samples-how h2{font-size:var(--text-2xl);margin:0 0 var(--space-4)}.samples-how ol{gap:var(--space-3) var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.samples-how li{align-items:flex-start;gap:var(--space-3);font-size:var(--text-md);line-height:var(--leading-snug);display:flex}.samples-how-ink{border:2px solid var(--ink);width:20px;height:20px;box-shadow:2px 2px 0 var(--ink);border-radius:3px;flex:none;margin-top:1px}.samples-how-ink.sun{background:var(--art-sun)}.samples-how-ink.sky{background:var(--art-cobalt)}.samples-how-ink.berry{background:var(--art-berry)}.samples-faq{max-width:900px;margin:var(--space-7) auto}.samples-faq h2{margin-bottom:var(--space-4)}.samples-faq details,.sample-about details{border-top:1px solid var(--line)}.samples-faq details:last-of-type,.sample-about details:last-of-type{border-bottom:1px solid var(--line)}.samples-faq summary,.sample-about summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) 0;cursor:pointer;font-size:var(--text-md);font-weight:var(--weight-strong);line-height:var(--leading-snug);list-style:none;display:flex}.samples-faq summary::-webkit-details-marker{display:none}.sample-about summary::-webkit-details-marker{display:none}.samples-faq details p{max-width:72ch;margin:0 0 var(--space-4);line-height:var(--leading-body);color:var(--ink-muted)}.sample-breadcrumbs{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--ink-muted);flex-wrap:wrap;display:flex}.sample-breadcrumbs a{align-items:center;min-width:40px;min-height:44px;display:inline-flex}.sample-overview{gap:var(--space-7);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;display:grid}.sample-gallery{position:sticky;top:96px}.sample-gallery figure{border-radius:var(--radius-surface);background:var(--surface-sunken);margin:0;overflow:hidden}.sample-gallery figure img{width:100%;height:auto;display:block}.sample-gallery figcaption{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--ink-muted)}.sample-thumbnails{gap:var(--space-2);margin-top:var(--space-3);display:flex}.sample-thumbnails button{border-radius:var(--radius-control);background:var(--surface-sunken);cursor:pointer;border:2px solid #0000;width:72px;padding:0;overflow:hidden}.sample-thumbnails button[aria-pressed=true]{border-color:var(--accent)}.sample-thumbnails img{width:100%;height:auto;display:block}.samples-page .sample-small{margin:var(--space-2) 0 0;font-size:var(--text-sm);line-height:var(--leading-body);color:var(--ink-muted)}.sample-intro h1{font-size:var(--text-4xl);line-height:var(--leading-tight);margin:var(--space-2) 0 var(--space-3)}.sample-lead{margin:0 0 var(--space-4);font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--ink-muted)}.sample-price{align-items:center;gap:var(--space-3);margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--mint-100);color:var(--mint-800);display:flex}.sample-price strong{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--ink);line-height:1}.sample-price span{font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--leading-snug)}.sample-checkout,.sample-receipt{padding:var(--space-6);border-radius:var(--radius-surface);background:var(--surface-band);scroll-margin-top:120px}.sample-checkout h2,.sample-receipt h2{font-size:var(--text-2xl);line-height:var(--leading-tight);margin:0 0 var(--space-2)}.sample-checkout>p,.sample-receipt>p{margin:0 0 var(--space-4);line-height:var(--leading-body)}.sample-receipt>svg{color:var(--success)}.sample-checkout .email-capture{max-width:none;margin:0 0 var(--space-4);padding:0}.sample-checkout fieldset{min-width:0;margin:0 0 var(--space-5);border:0;padding:0}.sample-checkout legend{margin-bottom:var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-strong);padding:0}.sample-upload{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border:2px dashed var(--line-control);border-radius:var(--radius-surface);background:var(--surface-raised);font-size:var(--text-sm);text-align:center;cursor:pointer;flex-direction:column;display:flex}.sample-upload input{width:100%;max-width:360px;font-size:var(--text-sm)}.sample-logo-advice{margin:var(--space-2) 0 0;border-radius:var(--radius-control);font-size:var(--text-sm);line-height:var(--leading-body)}.sample-logo-advice.none{margin:0}.sample-logo-advice.block{padding:var(--space-3);background:var(--danger-soft);color:var(--danger)}.sample-logo-advice.warn{padding:var(--space-3);background:var(--warning-soft);color:var(--warning)}.sample-logo-advice.ok{padding:var(--space-3);background:var(--success-soft);color:var(--success)}.sample-fields{gap:var(--space-4) var(--space-3);grid-template-columns:1fr 1fr;display:grid}.sample-fields label{gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-strong);display:grid}.sample-fields input,.sample-fields select{width:100%;min-width:0;min-height:48px;padding:var(--space-3);border:1px solid var(--line-control);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--ink);font:inherit;font-size:var(--text-md);font-weight:var(--weight-regular)}.sample-full{grid-column:1/-1}.sample-country{font-size:var(--text-sm);color:var(--ink-muted);margin:0}.sample-consent{align-items:flex-start;gap:var(--space-3);min-height:44px;margin:0 0 var(--space-3);font-size:var(--text-sm);line-height:var(--leading-body);display:flex}.sample-consent input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin-top:1px}.sample-consent a{text-underline-offset:3px;text-decoration:underline}.sample-total{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin:var(--space-4) 0;padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--text-sm);display:flex}.sample-total strong{font-size:var(--text-lg)}.sample-checkout button[type=submit]{width:100%}.sample-error{padding:var(--space-3);border-radius:var(--radius-control);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm)}.sample-notice{padding:var(--space-5);border-radius:var(--radius-surface);background:var(--surface-sunken);line-height:var(--leading-body)}.sample-notice h3{margin:0 0 var(--space-2);font-size:var(--text-2xl)}.sample-kind-ask{margin:var(--space-4) 0;padding:var(--space-4);border-radius:var(--radius-surface);background:var(--lime-100)}.sample-kind-ask h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}.sample-kind-ask p{font-size:var(--text-sm);line-height:var(--leading-body)}.sample-related{gap:var(--space-2);margin:0 0 var(--space-4);padding:0;list-style:none;display:grid}.sample-related a{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-3);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-strong);flex-wrap:wrap;text-decoration:none;display:flex}.sample-related a>span{font-weight:var(--weight-regular);color:var(--ink-muted);margin-left:auto}.sample-about{max-width:900px;margin:var(--space-7) auto 0}.sample-about details>p,.sample-about section p{margin:0 0 var(--space-4);line-height:var(--leading-body);color:var(--ink-muted)}.sample-about section h3{margin:var(--space-4) 0 var(--space-1);font-size:var(--text-md)}.sample-promises{gap:var(--space-2);margin:0 0 var(--space-4);font-size:var(--text-sm);padding:0;list-style:none;display:grid}.sample-promises li{align-items:center;gap:var(--space-2);display:flex}.sample-promises svg{color:var(--success);flex:none}.sample-specs{margin:0 0 var(--space-3)}.sample-specs>div{gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line);font-size:var(--text-sm);grid-template-columns:1fr 1.3fr;display:grid}.sample-specs dt{font-weight:var(--weight-strong)}.sample-specs dd{margin:0}.sample-more{gap:0 var(--space-5);max-width:900px;margin:var(--space-6) auto 0;flex-wrap:wrap;display:flex}.sample-more h2{width:100%;margin:0 0 var(--space-2);font-size:var(--text-2xl)}.sample-more a{min-height:44px;font-size:var(--text-md);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}@media (max-width:950px){.samples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-overview{gap:var(--space-5)}.samples-hero{column-gap:var(--space-5)}}@media (max-width:650px){.samples-page{padding-bottom:var(--space-7)}.samples-hero{row-gap:var(--space-4);padding:var(--space-5) 0 var(--space-6);grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""photos""cta"}.samples-hero h1{font-size:var(--text-4xl);max-width:none}.samples-hero-line{font-size:var(--text-md);margin-bottom:var(--space-3)}.samples-hero-photos{gap:var(--space-2)}.samples-hero-sticker{left:calc(-1 * var(--space-1));top:calc(-1 * var(--space-2));width:56px;height:56px;font-size:var(--text-xl)}.samples-hero-cta{justify-self:stretch}.samples-waitlist{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:minmax(0,1fr)}.samples-waitlist .email-capture-card{padding:var(--space-4)}.samples-waitlist .email-capture-card>svg,.sample-checkout .email-capture-card>svg{display:none}.sample-checkout .email-capture-card{padding:var(--space-4)}.samples-waitlist .email-capture-form{margin-top:var(--space-3)}.samples-hero-photos{height:200px}.samples-hero-photo{min-height:0}.samples-heading{margin-bottom:var(--space-4)}.samples-later ul{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.samples-later a{gap:var(--space-2)}.samples-later img{width:44px;height:44px}.samples-later span{font-size:var(--text-sm)}.samples-faq summary{min-height:48px;padding:var(--space-2) 0}.samples-how h2{margin-bottom:var(--space-3)}.samples-grid{gap:var(--space-5) var(--space-3)}.sample-card h3{font-size:var(--text-md)}.sample-card p{display:none}.samples-later{padding:var(--space-4)}.samples-how{margin:var(--space-6) 0;padding:var(--space-4)}.samples-how ol{grid-template-columns:minmax(0,1fr)}.samples-faq{margin:var(--space-6) 0}.samples-landing{padding-bottom:var(--space-5)}.samples-landing .samples-faq{margin-bottom:0}.samples-waitlist{margin-bottom:var(--space-5)}.sample-breadcrumbs{display:none}.sample-overview{gap:var(--space-4);padding-top:var(--space-3);grid-template-columns:minmax(0,1fr)}.sample-gallery{position:static}.sample-gallery figcaption{display:none}.sample-thumbnails button{width:56px}.sample-lead{font-size:var(--text-md)}.sample-checkout,.sample-receipt{padding:var(--space-5) var(--space-4)}.sample-fields{gap:var(--space-3)}.sample-fields>label:nth-child(-n+2){grid-column:1/-1}.sample-checkout fieldset{margin-bottom:var(--space-4)}.sample-more,.sample-about{margin-top:var(--space-5)}.sample-detail .samples-faq{margin:var(--space-5) 0}.sample-specs>div{gap:var(--space-1);grid-template-columns:1fr}}.samples-landing:not([data-today=closed]) .samples-mockups-claimed,.samples-landing[data-today=closed] .samples-mockups-open{display:none}
