:root{--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--section-spacing: calc(var(--section-spacing-max) * .55);--text-display: calc(clamp(3rem, 1.5rem + 6.4vw, 8rem) * var(--heading-scale));--text-h1: calc(clamp(2.5rem, 1.75rem + 3.4vw, 5rem) * var(--heading-scale));--text-h2: calc(clamp(2.125rem, 1.6rem + 2.3vw, 3.75rem) * var(--heading-scale));--text-h3: calc(clamp(1.5rem, 1.3rem + .9vw, 2.125rem) * var(--heading-scale));--text-h4: 1.25rem;--text-h5: 1.0625rem;--text-lg: 1.125rem;--text-base: 1rem;--text-sm: .875rem;--text-xs: .75rem;--text-2xs: .6875rem;--leading-tight: .98;--leading-snug: 1.3;--leading-body: 1.6;--tracking-heading: .01em;--tracking-caps: .06em;--tracking-mono: .08em;--measure: 62ch;--ease-out: cubic-bezier(.2, .9, .3, 1);--ease-in-out: cubic-bezier(.7, 0, .3, 1);--ease-snap: cubic-bezier(.5, 0, .1, 1);--duration-fast: .12s;--duration: .16s;--duration-slow: .26s;--shadow-1: none;--shadow-2: 4px 4px 0 var(--color-shadow);--shadow-3: 6px 6px 0 var(--color-shadow);--shadow-hard: 4px 4px 0 var(--color-shadow);--control-height: 3rem;--control-height-lg: 3.5rem;--tap-target: 2.75rem;--border-width: 1px;--tick: 10px;--grid-size: 48px;--color-success: #4fbf7a}@media(min-width:750px){:root{--section-spacing: calc(var(--section-spacing-max) * .75)}}@media(min-width:1100px){:root{--section-spacing: var(--section-spacing-max)}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--space-xl)}body{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--font-body-size);line-height:var(--leading-body);background-color:var(--color-background);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}main{flex:1 0 auto}ul[role=list],ol[role=list]{list-style:none;padding:0}button{font:inherit;color:inherit}table{border-collapse:collapse;width:100%}hr{border:0;border-top:var(--border-width) solid var(--color-line);margin-block:var(--space-lg)}::selection{background-color:var(--color-accent);color:var(--color-accent-contrast)}h1,h2,h3,.display,.h1,.h2,.h3{font-family:var(--font-heading-family);font-style:normal;font-weight:var(--font-heading-weight);line-height:var(--leading-tight);letter-spacing:var(--tracking-heading);text-transform:uppercase;text-wrap:balance;margin-block:0 var(--space-sm)}h4,h5,h6,.h4,.h5{font-family:var(--font-body-family);font-weight:var(--font-body-weight-semibold);line-height:var(--leading-snug);letter-spacing:0;margin-block:0 var(--space-2xs)}.display{font-size:var(--text-display);line-height:.9;letter-spacing:0}h1,.h1{font-size:var(--text-h1)}h2,.h2{font-size:var(--text-h2)}h3,.h3{font-size:var(--text-h3);line-height:1.02}h4,.h4{font-size:var(--text-h4)}h5,h6,.h5{font-size:var(--text-h5)}p{margin-block:0 var(--space-sm)}em,i{font-style:italic}strong,b{font-weight:var(--font-body-weight-bold)}:is(h1,h2,h3,.display,.h1,.h2,.h3) :is(em,i){font-style:normal;color:var(--color-accent-text)}a{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:var(--color-line-strong);text-underline-offset:.22em;transition:color var(--duration-fast) linear,text-decoration-color var(--duration-fast) linear}a:hover{color:var(--color-accent-text);text-decoration-color:currentcolor}.lede{font-size:var(--text-lg);line-height:1.55;color:var(--color-muted);max-width:var(--measure)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--color-muted)}.text-accent{color:var(--color-accent-text)}.text-center{text-align:center}.measure{max-width:var(--measure)}.text-center.measure,.text-center .measure{margin-inline:auto}.mono{font-family:var(--font-mono-family);font-weight:var(--font-mono-weight);font-variant-numeric:tabular-nums}.eyebrow{display:inline-flex;align-items:center;gap:.6em;margin-block:0 var(--space-sm);font-family:var(--font-mono-family);font-size:var(--text-xs);font-weight:var(--font-mono-weight);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-muted)}.eyebrow:before{content:"//";flex:none;color:var(--color-accent-text);letter-spacing:0}.rte>*+*{margin-block-start:var(--space-sm)}.rte ul,.rte ol{padding-inline-start:1.25em}.rte li+li{margin-block-start:var(--space-3xs)}.rte li::marker{color:var(--color-accent-text)}.rte img{border-radius:var(--radius-card-sm)}.stack>*+*{margin-block-start:var(--stack-gap, var(--space-sm))}.price{font-family:var(--font-mono-family);font-variant-numeric:tabular-nums;font-weight:var(--font-mono-weight-medium);letter-spacing:0;white-space:nowrap}.price--sale{color:var(--color-accent-text)}.price--compare{color:var(--color-muted);font-weight:var(--font-mono-weight);text-decoration:line-through}.page-width{width:min(var(--page-width),100% - var(--page-margin) * 2);margin-inline:auto}.page-width--narrow{width:min(48rem,100% - var(--page-margin) * 2);margin-inline:auto}.section{padding-block:var(--section-spacing)}.section--tight{padding-block:calc(var(--section-spacing) * .5)}.section--flush-top{padding-block-start:0}.section--flush-bottom{padding-block-end:0}.section-header{margin-block-end:var(--space-xl);max-width:44rem}.section-header.text-center{margin-inline:auto}.section-header>:last-child{margin-block-end:0}.grid{display:grid;gap:var(--grid-gap, var(--space-md));grid-template-columns:repeat(var(--grid-cols, 1),minmax(0,1fr))}@media(min-width:750px){.grid{--grid-gap: var(--space-lg);grid-template-columns:repeat(var(--grid-cols-md, var(--grid-cols, 2)),minmax(0,1fr))}}@media(min-width:1100px){.grid{grid-template-columns:repeat(var(--grid-cols-lg, var(--grid-cols-md, 3)),minmax(0,1fr))}}.color-surface{--color-background: var(--color-surface);--color-surface: var(--color-raised);background-color:var(--color-background)}.color-dark{--color-background: var(--color-dark-background);--color-ink: var(--color-dark-text);--color-ink-shade: var(--color-muted);--color-muted: var(--color-dark-muted);--color-line: var(--color-dark-line);--color-line-strong: color-mix(in srgb, var(--color-dark-text) 40%, var(--color-dark-background));--color-surface: var(--color-dark-surface);--color-raised: var(--color-dark-surface);--color-accent-text: var(--color-accent-on-dark);--color-grid: color-mix(in srgb, var(--color-dark-text) 7%, transparent);--color-grid-strong: color-mix(in srgb, var(--color-dark-text) 12%, transparent);--color-stud: var(--color-grid);--color-shadow: color-mix(in srgb, var(--color-dark-text) 85%, transparent);background-color:var(--color-dark-background);color:var(--color-ink);color-scheme:light}.rule{height:0;border:0;border-top:var(--border-width) solid var(--color-line);margin:0}.button,.shopify-payment-button__button--unbranded{--button-bg: var(--color-accent);--button-fg: var(--color-accent-contrast);--button-fill: var(--color-ink);--button-fill-fg: var(--color-background);--button-border: var(--color-accent);--button-edge: var(--color-accent-shade);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:var(--control-height);min-width:var(--tap-target);padding:0 1.75rem;border:var(--border-width) solid var(--button-border);border-radius:var(--radius-button);background-color:var(--button-bg);color:var(--button-fg);font-family:var(--font-heading-family);font-size:1.0625rem;font-weight:var(--font-heading-weight);line-height:1.1;letter-spacing:var(--tracking-caps);text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 var(--button-press-depth) 0 var(--button-edge);transition:color var(--duration) var(--ease-snap),border-color var(--duration) var(--ease-snap)}.button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--button-fill);transform:translate(-101%);transition:transform var(--duration) var(--ease-snap)}.button:hover{color:var(--button-fill-fg);border-color:var(--button-fill)}.button:hover:before{transform:translate(0)}.button:active:before{transition-duration:60ms;transform:translate(0) scaleY(.92)}.button .icon{transition:transform var(--duration) var(--ease-snap)}.button:hover .icon--arrow-right{transform:translate(3px)}.button--secondary{--button-bg: transparent;--button-fg: var(--color-ink);--button-fill: var(--color-ink);--button-fill-fg: var(--color-background);--button-border: var(--color-line-strong);--button-edge: var(--color-line)}.button--dark{--button-bg: var(--color-ink);--button-fg: var(--color-background);--button-fill: var(--color-accent);--button-fill-fg: var(--color-accent-contrast);--button-border: var(--color-ink);--button-edge: var(--color-ink-shade)}.button--dark:hover{border-color:var(--color-accent)}.button--lg{min-height:var(--control-height-lg);padding-inline:2.25rem;font-size:1.1875rem}.button--sm{min-height:var(--tap-target);padding-inline:1.125rem;font-size:.9375rem}.button--full{width:100%}.button[disabled],.button[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}.button[disabled]:before,.button[aria-disabled=true]:before{display:none}.button[disabled]:hover,.button[aria-disabled=true]:hover{color:var(--button-fg);border-color:var(--button-border)}.button .icon{width:1.125em;height:1.125em;flex:none}.link-arrow{display:inline-flex;align-items:center;gap:.6em;min-height:var(--tap-target);font-family:var(--font-mono-family);font-size:var(--text-xs);font-weight:var(--font-mono-weight-medium);letter-spacing:var(--tracking-mono);text-transform:uppercase;text-decoration:none;color:var(--color-ink);border-bottom:var(--border-width) solid transparent}.link-arrow:after{content:"\2192";color:var(--color-accent-text);transition:transform var(--duration) var(--ease-snap)}.link-arrow:hover{color:var(--color-ink)}.link-arrow:hover:after{transform:translate(4px)}.icon-button{display:inline-grid;place-items:center;width:var(--tap-target);height:var(--tap-target);padding:0;border:var(--border-width) solid transparent;border-radius:var(--radius-button);background:transparent;color:inherit;cursor:pointer;transition:background-color var(--duration-fast) linear,border-color var(--duration-fast) linear,color var(--duration-fast) linear}.icon-button:hover{border-color:var(--color-line-strong);background-color:var(--color-surface)}.icon-button svg{width:1.25rem;height:1.25rem}.field{display:grid;gap:var(--space-2xs)}.field__label,label{font-size:var(--text-sm);font-weight:var(--font-body-weight-medium)}.field__label{font-family:var(--font-mono-family);font-size:var(--text-xs);font-weight:var(--font-mono-weight);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-muted)}.field__hint{font-size:var(--text-xs);color:var(--color-muted)}.field__error{font-size:var(--text-sm);color:var(--color-accent-text)}.input,.select,.textarea,input:is([type=text],[type=email],[type=password],[type=search],[type=tel],[type=number],[type=url]),select,textarea{width:100%;min-height:var(--control-height);padding:.75rem 1rem;border:var(--border-width) solid var(--color-line-strong);border-radius:var(--radius-input);background-color:var(--color-surface);color:var(--color-ink);font-size:max(16px,var(--text-base));line-height:1.4;box-shadow:none;transition:border-color var(--duration-fast) linear,box-shadow var(--duration-fast) linear;-webkit-appearance:none;appearance:none}textarea,.textarea{min-height:8rem;resize:vertical}:is(input,select,textarea):hover{border-color:var(--color-muted)}:is(input,select,textarea):focus-visible{outline:none;border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}:is(input,select,textarea)[aria-invalid=true]{border-color:var(--color-accent)}::placeholder{color:var(--color-muted);opacity:1}.select-wrapper{position:relative}.select-wrapper select{padding-inline-end:2.75rem}.select-wrapper:after{content:"";position:absolute;inset-inline-end:1.125rem;top:50%;width:.45rem;height:.45rem;border-right:1.5px solid currentcolor;border-bottom:1.5px solid currentcolor;transform:translateY(-70%) rotate(45deg);pointer-events:none}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--color-accent)}.quantity{display:inline-flex;align-items:center;border:var(--border-width) solid var(--color-line-strong);border-radius:var(--radius-input);background-color:var(--color-surface)}.quantity input{flex:0 0 auto;width:3rem;min-width:var(--tap-target);min-height:var(--tap-target);padding:0;border:0;box-shadow:none;background:transparent;text-align:center;font-family:var(--font-mono-family);-moz-appearance:textfield}.quantity input:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent)}.quantity input::-webkit-inner-spin-button,.quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.card{position:relative;border:var(--border-width) solid var(--color-line);border-radius:var(--radius-card);background-color:var(--color-surface);box-shadow:none;transition:border-color var(--duration) linear,box-shadow var(--duration) var(--ease-snap),transform var(--duration) var(--ease-snap)}.card--interactive:hover{border-color:var(--color-line-strong)}.card--outline{background-color:transparent}.media{--color-grid: var(--color-media-grid);--color-grid-strong: var(--color-media-grid-strong);position:relative;overflow:hidden;border-radius:var(--radius-card-sm);background-color:var(--color-media);color:var(--color-media-ink);aspect-ratio:var(--media-ratio, 4 / 5)}.media>:is(img,video,svg){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--media-fit, cover)}.media>img{mix-blend-mode:var(--media-blend, normal)}.stud-grid,.blueprint{background-image:linear-gradient(var(--color-grid-strong) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-strong) 1px,transparent 1px),linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:calc(var(--grid-size) * 4) calc(var(--grid-size) * 4),calc(var(--grid-size) * 4) calc(var(--grid-size) * 4),var(--grid-size) var(--grid-size),var(--grid-size) var(--grid-size);background-position:-1px -1px}.stud-grid--fade{-webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent);mask-image:linear-gradient(to bottom,#000 40%,transparent)}.stud-grid--large{--grid-size: 48px}.no-stud-grid .stud-grid{background-image:none}.ticks{position:relative}.ticks:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:2;pointer-events:none;--t: var(--tick-color, var(--color-muted));background:linear-gradient(var(--t),var(--t)) top left / var(--tick) 1px,linear-gradient(var(--t),var(--t)) top left / 1px var(--tick),linear-gradient(var(--t),var(--t)) top right / var(--tick) 1px,linear-gradient(var(--t),var(--t)) top right / 1px var(--tick),linear-gradient(var(--t),var(--t)) bottom left / var(--tick) 1px,linear-gradient(var(--t),var(--t)) bottom left / 1px var(--tick),linear-gradient(var(--t),var(--t)) bottom right / var(--tick) 1px,linear-gradient(var(--t),var(--t)) bottom right / 1px var(--tick);background-repeat:no-repeat}.spec-plate{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--border-width);margin:0;overflow:hidden;border:var(--border-width) solid var(--color-line);border-radius:var(--radius-card-sm);background-color:var(--color-line)}.spec-plate__item{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-xs) var(--space-sm);background-color:var(--color-raised)}.spec-plate__label{font-family:var(--font-mono-family);font-size:var(--text-2xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-muted)}.spec-plate__label:before{content:"// ";color:var(--color-accent-text)}.spec-plate__value{margin:0;font-family:var(--font-mono-family);font-size:var(--text-lg);font-weight:var(--font-mono-weight-medium);font-variant-numeric:tabular-nums;line-height:1.25;color:var(--color-ink)}.spec-plate__value small{font-size:var(--text-xs);color:var(--color-muted)}@media(min-width:750px){.spec-plate{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}}.spec-plate--inline{display:flex;flex-wrap:wrap;gap:0;border:0;border-radius:0;background:none}.spec-plate--inline .spec-plate__item{flex-direction:row;align-items:center;gap:.5em;padding:0 var(--space-xs) 0 0;background:none}.spec-plate--inline .spec-plate__label:before{content:none}.spec-plate--inline .spec-plate__item+.spec-plate__item{padding-inline-start:var(--space-xs);border-inline-start:var(--border-width) solid var(--color-line)}.spec-plate--inline .spec-plate__value{font-size:var(--text-sm)}.difficulty{display:inline-flex;gap:2px;vertical-align:middle}.difficulty__stud{width:.75rem;height:.4375rem;border-radius:0;background-color:var(--color-line-strong);opacity:.55}.difficulty__stud--on{background-color:var(--color-accent);opacity:1}.difficulty-meter{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem .625rem}.difficulty-meter__label{font-family:var(--font-mono-family);font-size:var(--text-xs);font-weight:var(--font-mono-weight);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-muted)}.steps{display:grid;gap:var(--space-xl);margin:0;padding:0;list-style:none;counter-reset:step}.step{position:relative;counter-increment:step;padding-block-start:var(--space-md);border-top:var(--border-width) solid var(--color-line)}.step:before{content:counter(step,decimal-leading-zero)}.step--manual:before{content:none}.step:before,.step-number{display:block;margin-block-end:var(--space-sm);font-family:var(--font-mono-family);font-size:var(--text-sm);font-weight:var(--font-mono-weight);letter-spacing:var(--tracking-mono);color:var(--color-accent-text);font-variant-numeric:tabular-nums}.step__title{margin-block-end:var(--space-2xs)}.step__text{color:var(--color-muted);margin:0}@media(min-width:750px){.steps{grid-template-columns:repeat(var(--steps-cols, 3),minmax(0,1fr));gap:var(--space-lg)}}.stars{position:relative;display:inline-flex;vertical-align:middle;color:var(--color-accent)}.stars__row{display:inline-flex;gap:2px}.stars__row:first-child{color:var(--color-line-strong)}.stars__row--fill{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--stars-fill, 100%)) 0 0)}.stars svg{width:var(--star-size, 1rem);height:var(--star-size, 1rem)}.tag{display:inline-flex;align-items:center;gap:.4em;padding:.2rem .45rem;border:var(--border-width) solid var(--color-line-strong);border-radius:0;background-color:var(--color-background);font-family:var(--font-mono-family);font-size:var(--text-2xs);font-weight:var(--font-mono-weight-medium);line-height:1.3;letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink)}.tag--accent{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-accent-contrast)}.section-pad{--pad-scale: .55;padding-block:calc(var(--pad-top, 96) * 1px * var(--pad-scale)) calc(var(--pad-bottom, 96) * 1px * var(--pad-scale))}@media(min-width:750px){.section-pad{--pad-scale: .75}}@media(min-width:1100px){.section-pad{--pad-scale: 1}}.section-intro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-sm) var(--space-xl);margin-block-end:var(--space-lg);padding-block-end:var(--space-md);border-bottom:var(--border-width) solid var(--color-line)}.section-intro__text{max-width:48rem}.section-intro__text>:last-child{margin-block-end:0}.section-intro--center{flex-direction:column;align-items:center;text-align:center}.section-intro--center .section-intro__text{margin-inline:auto}@media(min-width:750px){.section-intro{margin-block-end:var(--space-xl)}}.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:var(--scroller-item, 78%);gap:var(--space-sm);margin-inline:calc(var(--page-margin) * -1);padding:var(--space-2xs) var(--page-margin) var(--space-lg);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-margin);scrollbar-width:none}@media(max-width:749px){ul[role=list].scroller,ol[role=list].scroller{padding:var(--space-2xs) var(--page-margin) var(--space-lg)}}.scroller::-webkit-scrollbar{display:none}.scroller>*{scroll-snap-align:start}.scroller:focus-visible{outline-offset:-2px}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:0}.color-dark :focus-visible{outline-color:var(--color-accent-on-dark)}.button:focus-visible{outline-offset:3px;border-radius:var(--radius-button)}.visually-hidden,.visually-hidden-focusable:not(:focus,:focus-within){position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;top:var(--space-sm);left:var(--space-sm);z-index:1000;transform:translateY(-200%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}.tap-target{min-width:var(--tap-target);min-height:var(--tap-target)}[hidden]{display:none!important}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes wipe-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(-.2em -.2em -.2em -.2em)}}@media(prefers-reduced-motion:no-preference){.reveal--pending{opacity:0;transform:translateY(12px);clip-path:inset(0 0 100% 0)}.reveal--in{clip-path:inset(-2rem);transition:opacity .14s linear,transform .18s var(--ease-snap),clip-path .18s var(--ease-snap);transition-delay:var(--reveal-delay, 0ms)}}@media print{.reveal--pending{opacity:1;transform:none;clip-path:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:transparent;color:var(--color-ink)}.drawer::backdrop{background-color:var(--color-overlay)}.drawer__panel{position:absolute;inset-block:0;right:0;display:flex;flex-direction:column;width:min(100%,28rem);border-inline-start:var(--border-width) solid var(--color-line-strong);background-color:var(--color-surface);box-shadow:none}.drawer--left .drawer__panel{right:auto;left:0;width:min(100% - 3rem,24rem);border-inline-start:0;border-inline-end:var(--border-width) solid var(--color-line-strong)}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:4rem;padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-md);border-bottom:var(--border-width) solid var(--color-line)}.drawer__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-md)}.drawer__footer{flex:none;padding:var(--space-md);border-top:var(--border-width) solid var(--color-line);background-color:var(--color-background)}@keyframes drawer-in-right{0%{transform:translate(100%)}}@keyframes drawer-out-right{to{transform:translate(100%)}}@keyframes drawer-in-left{0%{transform:translate(-100%)}}@keyframes drawer-out-left{to{transform:translate(-100%)}}@keyframes fade-out{to{opacity:0}}.drawer[open]::backdrop{animation:fade-in var(--duration) linear}.drawer.is-closing::backdrop{animation:fade-out var(--duration) linear forwards}.drawer--right[open] .drawer__panel{animation:drawer-in-right .22s var(--ease-snap)}.drawer--right.is-closing .drawer__panel{animation:drawer-out-right var(--duration) var(--ease-in-out) forwards}.drawer--left[open] .drawer__panel{animation:drawer-in-left .22s var(--ease-snap)}.drawer--left.is-closing .drawer__panel{animation:drawer-out-left var(--duration) var(--ease-in-out) forwards}.text{text-align:var(--text-align)}.text--title{font-size:var(--text-h2);font-family:var(--font-heading-family);text-transform:uppercase}.text--subtitle{font-size:var(--text-h4)}.collection-products{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--collection-card-size),100%),1fr));gap:var(--grid-gap)}.collections--compact{--collection-card-size: 160px}.collections--full{--collection-card-size: 280px}.collection-card{display:flex;flex-direction:column;width:100%}.search-results{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}.search-results .prev,.search-results .page,.search-results .next{grid-column:1 / -1}.image{display:block;position:relative;overflow:hidden;width:100%;height:auto}.image>img{width:100%;height:auto}.pagination{margin-block-start:var(--space-2xl)}.pagination__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3xs);margin:0;padding:0}.pagination__item{display:inline-grid;place-items:center;min-width:var(--tap-target);height:var(--tap-target);padding-inline:var(--space-2xs);border:var(--border-width) solid var(--color-line);border-radius:0;font-family:var(--font-mono-family);font-size:var(--text-sm);color:var(--color-ink);text-decoration:none;transition:border-color var(--duration-fast) linear,background-color var(--duration-fast) linear}a.pagination__item:hover{border-color:var(--color-accent);background-color:var(--color-surface);color:var(--color-ink)}.pagination__item--current{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-accent-contrast)}.pagination__item .icon{width:1rem;height:1rem}.pagination__item.is-disabled{opacity:.3}.pagination__item--gap{border-color:transparent;color:var(--color-muted)}.collection-links{display:grid;gap:var(--space-xs);margin:0;text-align:left}.collection-link{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--tap-target);padding:var(--space-xs);color:var(--color-ink);text-decoration:none}.collection-link:hover{color:var(--color-ink)}.collection-link__media{--media-ratio: 1 / 1;flex:none;width:4.5rem;border-radius:var(--radius-card-sm)}.collection-link__placeholder{fill:var(--color-muted);opacity:.35}.collection-link__text{display:grid;gap:.15rem;min-width:0}.collection-link__title{font-family:var(--font-heading-family);font-size:var(--text-h4);font-weight:var(--font-heading-weight);line-height:1.05;text-transform:uppercase;letter-spacing:var(--tracking-heading)}.collection-link__count{font-family:var(--font-mono-family);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-muted)}.collection-link__arrow{flex:none;width:1.125rem;height:1.125rem;margin-inline-start:auto;color:var(--color-muted);transition:transform var(--duration) var(--ease-snap),color var(--duration-fast) linear}.collection-link:hover .collection-link__arrow{color:var(--color-accent-text);transform:translate(3px)}@media(min-width:750px){.collection-links{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-link{flex-direction:column;align-items:flex-start;padding:var(--space-sm)}.collection-link__media{--media-ratio: 4 / 3;width:100%}.collection-link__arrow{display:none}}.page-header{max-width:56rem;margin-block-end:var(--space-xl)}.page-header--center{margin-inline:auto;text-align:center}.page-header__title{margin-block-end:0}.page-header__text{margin-block:var(--space-sm) 0;color:var(--color-muted)}.page-header--center .page-header__text{margin-inline:auto}@media(min-width:750px){.page-header{margin-block-end:var(--space-2xl)}}.notice{display:flex;align-items:flex-start;gap:var(--space-xs);margin-block:0 var(--space-md);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-line);border-left:3px solid var(--color-ink);border-radius:0;background-color:var(--color-surface);font-size:var(--text-sm)}.notice .icon{flex:none;width:1.125rem;height:1.125rem;margin-top:.15rem}.notice ul{margin:var(--space-3xs) 0 0;padding-inline-start:1.1em}.notice--success{border-left-color:var(--color-success)}.notice--success .icon{color:var(--color-success)}.notice--error{border-left-color:var(--color-accent)}.notice--error .icon{color:var(--color-accent-text)}.notice:focus-visible{outline-offset:3px}.form-grid{display:grid;gap:var(--space-md)}.field--full{grid-column:1 / -1}@media(min-width:750px){.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}.checkbox{display:flex;align-items:center;gap:var(--space-xs);min-height:var(--tap-target);font-size:var(--text-sm);font-weight:var(--font-body-weight);cursor:pointer}.checkbox input{flex:none;width:1.25rem;height:1.25rem;margin:0;accent-color:var(--color-accent)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/base.css.map */