:root{--loom-shadow:#10152a;--loom-shadow-2:#1a2140;--loom-indigo:#1f2d52;--loom-indigo-2:#33497e;--loom-indigo-3:#4b64a0;--loom-slate:#7c879f;--loom-madder:#8f2a22;--loom-madder-ink:#9c2c24;--loom-madder-2:#c0493a;--loom-walnut:#4e3626;--loom-wool:#efe6d3;--loom-wool-2:#c9bfa8;--loom-oatmeal:#e2d3b4;--loom-ink:#1b2140;--loom-muted:#4a4f66;--loom-ochre:#d9a441}
body.lab:has(.lab-loom){background:var(--loom-shadow)}.lab-loom{--lab-ground:var(--loom-shadow);--lab-text:var(--loom-wool);--lab-menu-line:var(--loom-indigo-2);--fg:var(--loom-wool);--fg-muted:var(--loom-wool-2);--hairline-firm:var(--loom-ochre);--loom-gutter:clamp(16px, 5vw, 80px);--loom-mono:var(--font-lab-mono);--loom-lift:0 1px 0 color-mix(in srgb, var(--loom-shadow) 40%, transparent), 0 22px 34px -20px color-mix(in srgb, var(--loom-shadow) 90%, transparent);color:var(--loom-wool);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.lab-loom :focus-visible{outline:3px solid var(--loom-ochre);outline-offset:4px}.lab-loom .lab-bar__tag{color:var(--loom-wool-2)}@media (hover:hover){.lab-loom .lab-bar__nav a:hover{color:var(--loom-ochre)}}.loom-backdrop{z-index:-2;background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--loom-wool) 20%, transparent) 0 4px, transparent 4px 9px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--loom-indigo-2) 75%, transparent) 0 5px, transparent 5px 9px), var(--loom-indigo);position:fixed;inset:0}.loom-label{--tone-bg:var(--loom-wool);--tone-fg:var(--loom-ink);--tone-muted:var(--loom-muted);--tone-accent:var(--loom-madder-ink);background-color:var(--tone-bg);background-image:repeating-linear-gradient(0deg, color-mix(in srgb, var(--tone-fg) 5%, transparent) 0 1px, transparent 1px 3px);color:var(--tone-fg);box-shadow:var(--loom-lift);border-radius:2px;padding:clamp(24px,3vw,36px) clamp(22px,3vw,40px);position:relative}.loom-label:before{content:"";border:1px dashed color-mix(in srgb, var(--tone-fg) 34%, transparent);pointer-events:none;border-radius:1px;position:absolute;inset:7px}.loom-label:after{content:"";background:color-mix(in srgb, var(--tone-bg) 78%, var(--loom-shadow));pointer-events:none;width:6px;position:absolute;inset:0 auto 0 0}.loom-label[data-tone=indigo]{--tone-bg:var(--loom-indigo);--tone-fg:var(--loom-wool);--tone-muted:var(--loom-wool-2);--tone-accent:var(--loom-ochre)}.loom-label[data-tone=madder]{--tone-bg:var(--loom-madder);--tone-fg:var(--loom-wool);--tone-muted:var(--loom-wool);--tone-accent:var(--loom-wool)}.loom-label[data-tone=oatmeal]{--tone-bg:var(--loom-oatmeal);--tone-fg:var(--loom-ink);--tone-muted:var(--loom-muted);--tone-accent:var(--loom-madder-ink)}.loom{padding-inline:var(--loom-gutter);position:relative}.loom-hero{flex-direction:column;align-items:flex-start;gap:20px;min-height:100svh;padding-block:clamp(96px,14vh,140px) 30vh;display:flex}.loom-section{padding-block:clamp(80px,14vh,160px)}.loom-eyebrow,.loom-tag,.loom-step__when,.loom-swatch__meta,.loom-colophon,.loom-way,.loom-swatch-name,.loom-hint span{font-family:var(--loom-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}.loom-eyebrow,.loom-tag{color:var(--tone-accent)}.loom-display{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin-block:18px 22px;font-size:clamp(2.375rem,4.8vw,4.75rem);font-weight:400;line-height:1.04}.loom-display em,.loom-heading em,.loom-quote em{font-family:var(--font-display-italic);color:var(--tone-accent);font-style:italic}.loom-lead{max-width:36em;color:var(--tone-muted);font-size:clamp(1.0625rem,1.25vw,1.1875rem);line-height:1.6}.loom-heading{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin-block-start:10px;font-size:clamp(2rem,3.6vw,3.25rem);font-weight:400;line-height:1.06}.loom-label--hero{max-width:860px;padding:clamp(28px,4vw,56px) clamp(24px,4.5vw,64px)}.loom-hint{min-height:2em}.loom-hint span{background:var(--loom-shadow);color:var(--loom-wool);letter-spacing:.08em;border-radius:2px;padding:6px 12px;display:inline-block}.loom-hint .loom-when-point,.loom-hint .loom-when-touch{background:0 0;padding:0;display:inline}.loom-hint .loom-when-touch{display:none}@media (hover:none){.loom-hint .loom-when-point{display:none}.loom-hint .loom-when-touch{display:inline}}.loom-actions{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-block-start:30px;display:flex}.loom-button{border:1.5px solid var(--tone-fg);min-height:48px;color:var(--tone-fg);border-radius:2px;align-items:center;padding:12px 22px;font-size:1rem;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.loom-button[data-variant=primary]{background:var(--loom-indigo);border-color:var(--loom-indigo);color:var(--loom-wool)}@media (hover:hover){.loom-button:hover{background:var(--tone-fg);color:var(--tone-bg)}.loom-button[data-variant=primary]:hover{background:var(--loom-madder);border-color:var(--loom-madder);color:var(--loom-wool)}}.loom-link{color:var(--tone-accent);text-underline-offset:.25em}.loom-label--head{max-width:min(100%,760px);margin-block-end:clamp(48px,7vh,80px);display:inline-block}.loom-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px clamp(16px,2vw,28px);display:grid}.loom-swatch-wrap{display:flex;position:relative}.loom-way{z-index:1;background:var(--loom-shadow);color:var(--loom-wool);letter-spacing:.1em;border-radius:2px;padding:4px 10px;font-size:.6875rem;position:absolute;inset:-13px auto auto 18px}.loom-swatch{align-content:start;gap:10px;width:100%;padding-block-start:30px;text-decoration:none;transition:background-color .25s;display:grid}@media (hover:hover){.loom-swatch:hover{--tone-bg:var(--loom-wool);--tone-fg:var(--loom-ink);--tone-muted:var(--loom-muted);--tone-accent:var(--loom-madder-ink)}}.loom-swatch__title{font-family:var(--font-display);font-size:1.375rem;line-height:1.15}.loom-swatch__price{font-family:var(--loom-mono);color:var(--tone-accent);font-size:.875rem}.loom-swatch__promise{color:var(--tone-muted);font-size:.9688rem;line-height:1.55}.loom-swatch__meta{border-block-start:1px solid color-mix(in srgb, var(--tone-fg) 22%, transparent);letter-spacing:.1em;color:var(--tone-muted);margin-block-start:6px;padding-block-start:12px;font-size:.6875rem}.loom-more{margin-block-start:48px}.loom-chip{padding:14px 24px;text-decoration:none;display:inline-block}.loom-bands{display:grid}.loom-band{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:24px;padding-block:clamp(48px,9vh,96px);display:grid;position:relative}.loom-band>.loom-label{grid-area:1/1/auto/span 6}.loom-band:nth-child(2n)>.loom-label{grid-column:7/span 6}.loom-swatch-name{background:var(--loom-shadow);color:var(--loom-wool);border-radius:2px;grid-area:1/9/auto/span 4;justify-self:center;padding:6px 12px}.loom-band:nth-child(2n)>.loom-swatch-name{grid-column:1/span 4}.loom-bands--promises .loom-band>.loom-label{grid-column:2/span 5}.loom-bands--promises .loom-band:nth-child(3n+2)>.loom-label{grid-column:7/span 5}.loom-bands--promises .loom-band:nth-child(3n)>.loom-label{grid-column:4/span 6}.loom-bands--promises .loom-band:nth-child(3n+2)>.loom-swatch-name{grid-column:1/span 4}.loom-bands--promises .loom-band:nth-child(3n)>.loom-swatch-name{grid-column:10/span 3}.loom-step__when{color:var(--tone-accent)}.loom-step__title,.loom-promise__title{font-family:var(--font-display);margin-block:10px 12px;font-size:clamp(1.625rem,2.5vw,2.25rem);font-weight:400;line-height:1.1}.loom-promise__title{margin-block-start:0}.loom-step__text,.loom-promise__text{max-width:34em;color:var(--tone-muted)}.loom-contact{flex-direction:column;align-items:center;padding-block-end:0;display:flex}.loom-label--contact{text-align:center;width:min(100%,900px);padding:clamp(32px,5vw,72px) clamp(24px,5vw,72px)}.loom-quote{max-width:30em;margin-inline:auto}.loom-quote blockquote p{font-family:var(--font-display);text-wrap:balance;font-size:clamp(1.25rem,2.1vw,1.875rem);line-height:1.32}.loom-quote figcaption{font-family:var(--loom-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tone-muted);margin-block-start:16px;font-size:.75rem}.loom-display--contact{margin-block:40px 0;font-size:clamp(2.5rem,6.5vw,5.5rem)}.loom-actions--contact{justify-content:center}.lab-loom .lab-enquiry{--lab-form-line:var(--loom-muted);--lab-form-field:var(--loom-wool);--lab-form-accent:var(--loom-indigo);--lab-form-on-accent:var(--loom-wool);max-width:720px;margin:40px auto 0}.lab-loom .lab-enquiry .c-btn{border-color:var(--loom-indigo);border-radius:2px}@media (hover:hover){.lab-loom .lab-enquiry .c-btn:hover{background:var(--loom-madder);border-color:var(--loom-madder)}}.lab-loom .lab-enquiry :is(.c-input,.c-textarea)::placeholder{color:var(--loom-muted);opacity:1}.lab-loom .lab-enquiry :focus-visible{outline-color:var(--loom-indigo)}.loom-colophon{color:var(--tone-muted);flex-wrap:wrap;justify-content:center;gap:6px 24px;margin-block-start:36px;display:flex}.loom-fringe{width:100%;height:clamp(200px,30vh,280px);margin-block-start:clamp(64px,10vh,120px)}@media not (min-width:1100px){.loom-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not (min-width:760px){.loom-hero{padding-block-end:18vh}.loom-swatches{grid-template-columns:1fr}.loom-band{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.loom-band:nth-child(2n){align-items:flex-end}.loom-swatch-name{order:-1}.loom-band>.loom-label{width:min(100%,520px)}[data-lab-anim] .lab-loom main:not([data-lab-reveal=off]) section li{transition-delay:.12s}}