.sp-cart-link{align-items:center;gap:.4em;display:inline-flex}.sp-cart-count{background:var(--sp-accent);min-width:1.5em;height:1.5em;color:var(--sp-on-accent);border-radius:999px;place-items:center;padding:0 .35em;font-size:.75em;font-weight:600;line-height:1;display:inline-grid}.sp-add-to-cart{gap:var(--sp-small);justify-items:start;display:grid}.sp-add-status{min-height:1.2em;font-size:var(--sp-caption);margin:0}.sp-cart-widget{gap:var(--sp-regular);grid-template-columns:minmax(0,1fr);display:grid}.sp-cart-aside .sp-cart-widget[data-state]:not([data-state=empty],[data-state=receipt]){align-items:start;gap:var(--sp-generous) var(--sp-grid-gutter);grid-template-columns:minmax(0,1.6fr) minmax(16rem,1fr)}.sp-cart-widget[data-state=empty]{justify-items:start}.sp-cart-lines{gap:0;margin:0;padding:0;list-style:none;display:grid}.sp-cart-lines>li{align-items:center;gap:var(--sp-small) var(--sp-gap);padding-block:var(--sp-regular);border-top:var(--sp-rule) solid var(--sp-line);grid-template-columns:4.5rem minmax(0,1fr) auto auto auto;display:grid}.sp-cart-lines>li:last-child{border-bottom:var(--sp-rule) solid var(--sp-line)}.sp-cart-lines>li:not(:has(>.sp-cart-thumb)){grid-template-columns:minmax(0,1fr) auto auto auto}.sp-cart-thumb{aspect-ratio:1;object-fit:cover;border-radius:var(--sp-radius);width:4.5rem}.sp-cart-line h3{font-family:var(--sp-display);font-weight:var(--sp-display-weight);font-size:var(--sp-lead-size);margin:0}.sp-cart-line h3 a{text-decoration:none}.sp-cart-line p{color:var(--sp-muted);font-size:var(--sp-caption);margin:0}.sp-cart-line .sp-cart-issue{color:var(--sp-ink);font-weight:600}.sp-cart-quantity{border:var(--sp-rule) solid var(--sp-line);border-radius:var(--sp-radius);align-items:center;display:inline-flex}.sp-cart-quantity button,.sp-cart-quantity input{width:2.4rem;height:2.4rem;color:inherit;font:inherit;text-align:center;background:0 0;border:0}.sp-cart-quantity input{appearance:textfield}.sp-cart-quantity input::-webkit-inner-spin-button{appearance:none}.sp-cart-quantity button{cursor:pointer}.sp-cart-total{margin:0;font-weight:600}.sp-cart-remove{color:var(--sp-muted);font:inherit;font-size:var(--sp-caption);cursor:pointer;background:0 0;border:0;text-decoration:underline}.sp-cart-summary{gap:var(--sp-regular);padding:calc(var(--sp-small) * 2);border:var(--sp-rule) solid var(--sp-line);border-radius:var(--sp-radius);display:grid}.sp-cart-delivery{gap:var(--sp-small);border:0;margin:0;padding:0;display:grid}.sp-cart-delivery legend{margin-bottom:var(--sp-small);font-weight:600}.sp-cart-delivery label{align-items:center;gap:var(--sp-small);display:flex}.sp-cart-delivery input{accent-color:var(--sp-accent)}.sp-cart-pickup{color:var(--sp-muted);font-size:var(--sp-caption);margin:0}.sp-cart-amounts{gap:var(--sp-small);margin:0;display:grid}.sp-cart-amounts>div{justify-content:space-between;gap:var(--sp-gap);display:flex}.sp-cart-amounts dd{margin:0}.sp-cart-grand{padding-top:var(--sp-small);border-top:var(--sp-rule) solid var(--sp-line);font-size:var(--sp-lead-size);font-weight:600}.sp-cart-taxes{color:var(--sp-muted);font-size:var(--sp-caption)}.sp-cart-closed{padding:var(--sp-small);border-radius:var(--sp-radius);background:var(--sp-panel);color:var(--sp-on-panel);margin:0}.sp-checkout,.sp-receipt{gap:var(--sp-regular);min-width:0;display:grid}.sp-cart-widget .sp-checkout-title{font-family:var(--sp-display);font-weight:var(--sp-display-weight);font-size:var(--sp-lead-size);margin:0}.sp-cart-widget .sp-checkout-title:focus{outline:none}.sp-checkout-group{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.sp-checkout-legend{margin-bottom:var(--sp-small);font-weight:600}.sp-checkout-row{gap:var(--sp-gap);grid-template-columns:minmax(0,10rem) minmax(0,1fr);display:grid}.sp-checkout-terms{align-items:flex-start;gap:var(--sp-small);display:flex}.sp-checkout-terms input{width:20px;height:20px;accent-color:var(--sp-accent);flex:none}.sp-checkout-actions{align-items:center;gap:var(--sp-small) var(--sp-regular);flex-wrap:wrap;display:flex}.sp-checkout-back{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.sp-checkout-total{margin:0}.sp-test-payment{gap:var(--sp-small);padding:calc(var(--sp-small) * 2);border:var(--sp-rule) dashed var(--sp-line);border-radius:var(--sp-radius);justify-items:start;display:grid}.sp-test-payment p{margin:0}.sp-payment-form{gap:var(--sp-regular);display:grid}.sp-receipt-head{justify-content:space-between;align-items:baseline;gap:var(--sp-small) var(--sp-regular);flex-wrap:wrap;display:flex}.sp-receipt-status{background:var(--sp-panel);color:var(--sp-on-panel);border-radius:999px;margin:0;padding:.25em .75em;font-weight:600}.sp-receipt-status[data-status=paid],.sp-receipt-status[data-status=prepared],.sp-receipt-status[data-status=fulfilled]{background:var(--sp-accent);color:var(--sp-on-accent)}.sp-receipt p{margin:0}.sp-receipt-lines{gap:var(--sp-small);margin:0;padding:0;list-style:none;display:grid}.sp-receipt-lines>li{justify-content:space-between;gap:var(--sp-gap);display:flex}.sp-receipt-details{gap:var(--sp-regular) var(--sp-gap);padding-top:var(--sp-regular);border-top:var(--sp-rule) solid var(--sp-line);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.sp-receipt-details h4{margin:0 0 var(--sp-small);font-size:var(--sp-body-size)}.sp-cart-widget :is(button,input,a):focus-visible{outline-offset:2px;outline:2px solid}@container (max-width:44rem){.sp-cart-aside .sp-cart-widget[data-state]:not([data-state=empty],[data-state=receipt]){grid-template-columns:minmax(0,1fr)}.sp-cart-lines>li{grid-template-columns:4rem minmax(0,1fr) auto}.sp-cart-lines>li:not(:has(>.sp-cart-thumb)){grid-template-columns:minmax(0,1fr) auto}.sp-cart-thumb{grid-row:span 2;width:4rem}.sp-cart-quantity{grid-column:2;justify-self:start}.sp-cart-total{grid-area:1/3}.sp-cart-remove{grid-column:3}}
.sp-nav-menu{--sp-menu-backdrop-top:0px;--sp-menu-index:4;--sp-menu-available-height:calc(100dvh - var(--sp-header-mobile-space));z-index:var(--sp-header-layer);order:4}.sp-nav-menu>summary{z-index:2;justify-content:center;align-items:center;gap:var(--sp-menu-icon-gap);width:var(--sp-control-size);height:var(--sp-control-size);color:inherit;border:var(--sp-rule) solid currentColor;border-radius:var(--sp-menu-radius);cursor:pointer;background:0 0;flex-direction:column;list-style:none;display:flex;position:relative}.sp-nav-menu>summary::-webkit-details-marker{display:none}.sp-nav-menu>summary>span{width:var(--sp-menu-icon-size);height:var(--sp-rule);background:currentColor;display:block}.sp-nav-menu[open]>summary>span:first-child{transform:translateY(calc(var(--sp-menu-icon-gap) + var(--sp-rule))) rotate(45deg)}.sp-nav-menu[open]>summary>span:nth-child(2){opacity:0}.sp-nav-menu[open]>summary>span:nth-child(3){transform:translateY(calc(-1 * (var(--sp-menu-icon-gap) + var(--sp-rule)))) rotate(-45deg)}.sp-menu-backdrop{clip-path:inset(var(--sp-menu-backdrop-top) 0 0);background:var(--sp-menu-backdrop);position:fixed;inset:0}.sp-site .sp-header .sp-nav-menu>nav{z-index:1;inset-inline-end:0;top:calc(100% + var(--sp-menu-offset));width:min(var(--sp-menu-width), 100%);max-height:var(--sp-menu-available-height);overscroll-behavior:contain;padding:var(--sp-menu-padding);border:var(--sp-rule) solid var(--sp-line);border-radius:var(--sp-menu-radius);background:var(--sp-base);color:var(--sp-ink);box-shadow:var(--sp-menu-shadow);flex-flow:column;justify-content:flex-start;align-items:stretch;gap:0;display:flex;position:absolute;overflow-y:auto}.sp-site .sp-header .sp-nav-menu>nav a{justify-content:space-between;align-items:center;gap:var(--sp-small);width:100%;min-width:0;min-height:var(--sp-menu-row-height);padding:var(--sp-menu-row-padding) 0;border:0;border-bottom:var(--sp-rule) solid var(--sp-line);color:var(--sp-ink);font-family:var(--sp-menu-font);font-size:var(--sp-menu-font-size);font-weight:var(--sp-menu-weight);line-height:var(--sp-menu-leading);letter-spacing:var(--sp-menu-tracking);text-transform:var(--sp-menu-transform);overflow-wrap:anywhere;flex:none;margin:0;text-decoration:none;display:flex}.sp-site .sp-header .sp-nav-menu>nav a:last-child{border-bottom:0}.sp-nav-menu>nav a:first-child{--sp-menu-index:0}.sp-nav-menu>nav a:nth-child(2){--sp-menu-index:1}.sp-nav-menu>nav a:nth-child(3){--sp-menu-index:2}.sp-nav-menu>nav a:nth-child(4){--sp-menu-index:3}.sp-menu-label{min-width:0}.sp-menu-arrow:before{content:"↗"}.sp-menu-arrow{font-family:var(--sp-body);font-size:var(--sp-menu-icon-size);opacity:0;flex:none}.sp-site .sp-header .sp-nav-menu>nav a:is([aria-current],:hover,:focus-visible){color:var(--sp-menu-active-ink)}.sp-site .sp-header .sp-nav-menu>nav a:is([aria-current],:hover,:focus-visible) .sp-menu-arrow{opacity:1}.sp-site .sp-header .sp-nav-menu>nav a:is(:hover,:focus-visible) .sp-menu-label{transform:translateX(var(--sp-menu-hover-shift))}.sp-site .sp-header .sp-nav-menu:not([open])>:not(summary){display:none}@keyframes sp-menu-enter{0%{opacity:0;transform:translateY(calc(-1 * var(--sp-menu-rise)))}to{opacity:1;transform:translateY(0)}}@keyframes sp-menu-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(-1 * var(--sp-menu-rise)))}}@keyframes sp-menu-link-enter{0%{opacity:0;transform:translateY(var(--sp-menu-rise))}to{opacity:1;transform:translateY(0)}}@keyframes sp-menu-shade-enter{0%{opacity:0}to{opacity:1}}@keyframes sp-menu-shade-leave{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:no-preference){.sp-site:not([data-still=true]) .sp-nav-menu[data-menu-enhanced=true][open]>nav{animation:sp-menu-enter var(--sp-menu-open-duration) var(--sp-menu-ease) both}.sp-site:not([data-still=true]) .sp-nav-menu[data-menu-enhanced=true][open]>nav a{animation:sp-menu-link-enter var(--sp-menu-open-duration) var(--sp-menu-ease) both;animation-delay:calc(var(--sp-menu-index) * var(--sp-menu-stagger))}.sp-site:not([data-still=true]) .sp-nav-menu[data-menu-enhanced=true][open]>.sp-menu-backdrop{animation:sp-menu-shade-enter var(--sp-menu-open-duration) var(--sp-menu-ease) both}.sp-site:not([data-still=true]) .sp-nav-menu[data-menu-enhanced=true][data-menu-state=closing]>nav{animation:sp-menu-leave var(--sp-menu-close-duration) var(--sp-menu-ease) both}.sp-site:not([data-still=true]) .sp-nav-menu[data-menu-enhanced=true][data-menu-state=closing]>.sp-menu-backdrop{animation:sp-menu-shade-leave var(--sp-menu-close-duration) var(--sp-menu-ease) both}.sp-nav-menu>summary>span,.sp-menu-label{transition:transform var(--sp-menu-close-duration) var(--sp-menu-ease), opacity var(--sp-menu-close-duration) var(--sp-menu-ease)}.sp-header .sp-nav-menu>nav a{transition:color var(--sp-menu-close-duration) var(--sp-menu-ease)}.sp-menu-arrow{transition:opacity var(--sp-menu-close-duration) var(--sp-menu-ease)}}
.sp-site[data-header=profile] .sp-page-shell{grid-template-columns:var(--sp-profile-rail) minmax(0, 1fr);align-items:start;display:grid}.sp-site[data-header=profile][data-portrait=true] .sp-page-shell{grid-template-columns:var(--sp-profile-rail) var(--sp-profile-columns)}.sp-site[data-header=profile] .sp-header{background:var(--sp-base);border-inline-end:var(--sp-rule) solid var(--sp-line);height:100svh;z-index:var(--sp-header-layer);position:sticky;top:0}.sp-site[data-header=profile] .sp-header-inner{width:100%;height:100%;padding:var(--sp-small) 0;flex-flow:column;justify-content:space-between;display:flex;position:relative}.sp-site[data-header=profile] .sp-brand{writing-mode:vertical-rl;max-height:calc(100svh - var(--sp-control-size) - var(--sp-gap) * 3);overflow-wrap:anywhere;font-family:var(--sp-body);font-size:var(--sp-caption);letter-spacing:var(--sp-menu-tracking);order:2;rotate:180deg}.sp-site[data-header=profile] .sp-desktop-nav,.sp-site[data-header=profile] .sp-header-inner>.sp-cta{display:none}.sp-site[data-header=profile] .sp-nav-menu{order:0}.sp-site[data-header=profile] .sp-nav-menu>summary{border:0}.sp-site[data-header=profile] .sp-header .sp-nav-menu>nav{inset-inline:100% auto;width:min(var(--sp-profile-menu-width), calc(100cqw - var(--sp-profile-rail)));height:100svh;max-height:var(--sp-menu-available-height);padding:var(--sp-gap);box-shadow:none;border-radius:0;top:0}.sp-site[data-header=profile] .sp-menu-backdrop{-webkit-backdrop-filter:blur(var(--sp-profile-menu-blur));backdrop-filter:blur(var(--sp-profile-menu-blur))}.sp-site[data-header=profile] .sp-header .sp-nav-menu>nav a{font-family:var(--sp-display);font-size:var(--sp-profile-menu-size);font-weight:var(--sp-display-weight);line-height:var(--sp-heading-leading);letter-spacing:var(--sp-tracking);text-transform:none;padding-block:var(--sp-small);border:0}.sp-site[data-header=profile] .sp-nav-menu>nav a[aria-current=page]{font-style:italic}.sp-site[data-header=profile] .sp-page-main{min-width:0;container-type:inline-size}.sp-profile-portrait{width:100%;height:auto;max-height:100svh;aspect-ratio:var(--sp-profile-photo-ratio);border-inline-end:var(--sp-rule) solid var(--sp-line);background:var(--sp-base);position:sticky;top:0;overflow:hidden}.sp-portrait-media{background:var(--sp-base);width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.sp-profile-portrait>.sp-portrait-media{position:absolute;inset:0}.sp-portrait-cell{min-width:0;min-height:0;display:block;position:relative;overflow:hidden}.sp-site .sp-portrait-media .sp-portrait-image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.sp-portrait-media[data-layout=gradient]{-webkit-mask-image:var(--sp-profile-photo-mask);mask-image:var(--sp-profile-photo-mask)}.sp-site .sp-portrait-media[data-layout=gradient] .sp-portrait-image{object-fit:cover;object-position:var(--sp-profile-photo-position)}.sp-portrait-media[data-layout=centered]{padding:var(--sp-profile-photo-padding)}.sp-site .sp-portrait-media[data-layout=top] .sp-portrait-image{object-position:center top}.sp-portrait-media[data-layout=collage]{padding:var(--sp-profile-photo-gap);gap:var(--sp-profile-photo-gap)}.sp-portrait-media[data-layout=collage]:not([data-count="1"]){grid-template-columns:var(--sp-profile-collage-columns)}.sp-portrait-media[data-layout=collage][data-count="3"]{grid-template-rows:repeat(2,minmax(0,1fr))}.sp-portrait-media[data-layout=collage][data-count="4"]{grid-template-rows:repeat(3,minmax(0,1fr))}.sp-portrait-media[data-layout=collage] .sp-portrait-cell{border-radius:var(--sp-radius);background:var(--sp-panel)}.sp-portrait-media[data-layout=collage][data-count="3"] .sp-portrait-cell:first-child{grid-row:span 2}.sp-portrait-media[data-layout=collage][data-count="4"] .sp-portrait-cell:first-child{grid-row:span 3}.sp-site .sp-portrait-media[data-layout=collage] .sp-portrait-cell:not(:first-child) img{object-fit:cover}.sp-site[data-header=profile] .sp-page-intro{align-items:baseline;gap:var(--sp-small);width:100%;padding:var(--sp-gap) var(--sp-gutter);border-bottom:var(--sp-rule) solid var(--sp-line);display:flex}.sp-site[data-header=profile] .sp-page-intro h1{font:inherit;margin:0}.sp-site[data-header=profile] .sp-page-intro>a:after{content:"/";margin-inline-start:var(--sp-small)}.sp-site[data-header=profile] .sp-section{border-bottom:var(--sp-rule) solid var(--sp-line)}@container (max-width:44rem){.sp-site[data-header=profile] .sp-page-shell,.sp-site[data-header=profile][data-portrait=true] .sp-page-shell{display:block}.sp-site[data-header=profile] .sp-header{border-inline-end:0;border-bottom:var(--sp-rule) solid var(--sp-line);height:auto}.sp-site[data-header=profile] .sp-header-inner{gap:var(--sp-small);padding:var(--sp-small) var(--sp-gap);flex-direction:row}.sp-site[data-header=profile] .sp-brand{writing-mode:horizontal-tb;order:0;max-height:none;rotate:none}.sp-site[data-header=profile] .sp-nav-menu{flex:none}.sp-site[data-header=profile] .sp-header .sp-nav-menu>nav{inset-inline:0 auto;width:calc(100cqw - var(--sp-profile-rail));top:100%}.sp-profile-portrait{height:auto;aspect-ratio:var(--sp-profile-photo-ratio);border-inline-end:0;position:relative}}@keyframes sp-profile-menu-enter{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes sp-profile-menu-leave{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@media (prefers-reduced-motion:no-preference){.sp-site[data-header=profile]:not([data-still=true]) .sp-header .sp-nav-menu[data-menu-enhanced=true][open]>nav{animation-name:sp-profile-menu-enter}.sp-site[data-header=profile]:not([data-still=true]) .sp-header .sp-nav-menu[data-menu-state=closing]>nav{animation-name:sp-profile-menu-leave}}.sp-site[data-header=profile][data-editing=true] .sp-header{position:static}.sp-site[data-header=profile][data-editing=true] .sp-profile-portrait{position:relative}.sp-portrait-sample{z-index:3;max-width:calc(100% - var(--sp-small) * 2);padding:calc(var(--sp-small) / 2) var(--sp-small);color:var(--sp-ink);background:var(--sp-base);border:var(--sp-rule) solid var(--sp-line);border-radius:var(--sp-radius);font-family:var(--sp-body);font-size:var(--sp-caption);line-height:var(--sp-body-leading);position:absolute;inset-block-start:var(--sp-small);inset-inline-start:var(--sp-small)}
.sp-preloader{z-index:1000;background:var(--sp-preloader-fill);color:var(--sp-preloader-ink);pointer-events:none;animation:sp-preloader-out var(--sp-preloader-fade) ease-in var(--sp-preloader-hold) both;place-items:center;display:grid;position:fixed;inset:0}.sp-preloader-mark{font-family:var(--sp-brand-font);font-size:var(--sp-preloader-size);font-weight:var(--sp-brand-weight);letter-spacing:var(--sp-tracking);white-space:nowrap;line-height:1;position:relative}.sp-preloader-logo{width:auto;height:1em;display:block}.sp-preloader-base{opacity:.28;display:block}.sp-preloader-fill{clip-path:inset(100% 0 0);animation:sp-preloader-fill var(--sp-preloader-duration) cubic-bezier(.65, 0, .35, 1) .15s forwards;position:absolute;inset:0}@keyframes sp-preloader-fill{to{clip-path:inset(0)}}@keyframes sp-preloader-out{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.sp-preloader{display:none}}
.sp-site[data-header=sheet]{position:relative}.sp-site[data-header=sheet]>:is(.sp-page-shell,.sp-footer){z-index:2;transform-origin:0 0;transition:transform var(--sp-sheet-menu-duration) var(--sp-motion-ease);position:relative}.sp-site[data-header=sheet] .sp-header-inner{min-height:calc(var(--sp-control-size) + var(--sp-gap) * 2);flex-wrap:nowrap;padding-inline-end:calc(var(--sp-control-size) * 2)}.sp-sheet-navigation{top:var(--sp-gap);z-index:4;height:0;position:sticky}.sp-nav-sheet>summary{top:var(--sp-gap);right:var(--sp-grid-margin);width:calc(var(--sp-control-size) * 1.5);height:calc(var(--sp-control-size) * 1.5);background:var(--sp-accent);color:var(--sp-on-accent);font:italic var(--sp-caption) var(--sp-display);cursor:pointer;z-index:2;border-radius:50%;place-items:center;list-style:none;display:grid;position:absolute}.sp-nav-sheet>summary::-webkit-details-marker{display:none}.sp-nav-sheet>summary>span:last-child,.sp-nav-sheet[open]>summary>span:first-child{display:none}.sp-nav-sheet[open]>summary>span:last-child{font-size:var(--sp-subheading);display:block}.sp-nav-sheet nav{width:min(var(--sp-sheet-menu-width), 100%);max-height:calc(100svh - var(--sp-gap) * 2);gap:var(--sp-small);padding:calc(var(--sp-control-size) * 2.5) var(--sp-regular) var(--sp-regular);background-color:var(--sp-base);background-image:var(--sp-paper-texture);background-size:var(--sp-paper-texture-size);background-blend-mode:multiply;color:var(--sp-ink);box-shadow:var(--sp-paper-shadow);border-block:var(--sp-active-rule) solid var(--sp-accent);flex-direction:column;display:flex;position:absolute;top:0;right:0;overflow-y:auto}.sp-nav-sheet:not([open]) nav{display:none}.sp-nav-sheet nav a{color:inherit;font:var(--sp-display-weight) var(--sp-sheet-menu-size) / 1.2 var(--sp-display);text-transform:var(--sp-heading-transform);text-decoration:none}.sp-nav-sheet nav a:is(:hover,:focus-visible,[aria-current=page]){color:var(--sp-accent)}.sp-site[data-header=sheet]:has(.sp-nav-sheet[open])>:is(.sp-page-shell,.sp-footer){transform:translateX(var(--sp-sheet-menu-shift)) rotate(var(--sp-sheet-menu-angle));pointer-events:none}@container (max-width:44rem){.sp-site[data-header=sheet] .sp-header-inner>.sp-cta{display:none}.sp-site[data-header=sheet] .sp-header-inner{padding-inline-end:calc(var(--sp-control-size) * 1.5)}.sp-nav-sheet nav{width:100%}.sp-site[data-header=sheet]:has(.sp-nav-sheet[open])>:is(.sp-page-shell,.sp-footer){transform:translate(-95%)}}@media (prefers-reduced-motion:reduce){.sp-site[data-header=sheet]>:is(.sp-page-shell,.sp-footer){transition:none}}.sp-site:is([data-still=true],[data-editing=true])[data-header=sheet]>:is(.sp-page-shell,.sp-footer){transition:none}
.sp-site .sp-header .sp-desktop-nav{flex-wrap:nowrap;min-width:0}.sp-site .sp-header .sp-desktop-nav>a{white-space:nowrap;flex-shrink:0}.sp-site:not([data-header=profile]):not([data-header=sheet]):not([data-header=curtain]) .sp-header-inner{flex-wrap:nowrap;position:relative}.sp-site .sp-header[data-navigation=inline] :is(.sp-nav-menu,.sp-nav-curtain){display:none}.sp-site .sp-header[data-navigation=inline] .sp-desktop-nav{display:flex}.sp-site:not([data-header=profile]):not([data-header=sheet]) .sp-header:not([data-navigation=inline]) .sp-header-inner{justify-content:space-between;gap:var(--sp-small);flex-flow:row;display:flex}.sp-site .sp-header:not([data-navigation=inline]) .sp-header-inner>.sp-desktop-nav,.sp-site:not([data-header=sheet]) .sp-header:not([data-navigation=inline]) .sp-header-inner>.sp-cta{display:none}.sp-site .sp-header:not([data-navigation=inline]) :is(.sp-nav-menu,.sp-nav-curtain){flex:none;display:block}.sp-site:not([data-header=profile]):not([data-header=sheet]) .sp-header:not([data-navigation=inline]) .sp-brand{white-space:normal;overflow-wrap:anywhere;min-width:0}.sp-site .sp-header .sp-nav-menu .sp-menu-action{display:flex}.sp-site .sp-header[data-navigation=inline] .sp-header-inner>:is(.sp-brand,.sp-cta){white-space:nowrap;flex-shrink:0}.sp-site .sp-header:has(.sp-nav-menu[open]){z-index:var(--sp-header-layer)}.sp-site .sp-nav-curtain>nav{--sp-navigation-available-height:100svh;max-height:var(--sp-navigation-available-height);overscroll-behavior:contain;padding-top:var(--sp-header-mobile-space);flex-wrap:nowrap;justify-content:flex-start;overflow-y:auto}.sp-site .sp-nav-sheet>nav{--sp-navigation-available-height:calc(100svh - var(--sp-gap) * 2);max-height:var(--sp-navigation-available-height)}.sp-site .sp-nav-curtain>nav a,.sp-site .sp-nav-sheet>nav a{overflow-wrap:anywhere;flex-shrink:0}
.sp-journey{--sp-journey-top:0px;--sp-journey-height:100svh;--sp-journey-panel-height:calc(var(--sp-journey-height) - var(--sp-journey-controls))}.sp-site[data-journey-ready=true] .sp-header{z-index:30;background:linear-gradient(var(--sp-header-fill), var(--sp-header-fill)), var(--sp-base);position:sticky;top:0}.sp-journey[data-journey-ready=true]>.sp-journey-viewport{top:var(--sp-journey-top);height:var(--sp-journey-height);background:var(--sp-base);position:sticky;overflow:clip}.sp-journey[data-journey-ready=true] .sp-journey-track{will-change:transform;align-items:flex-start;width:100%;display:flex}.sp-journey[data-journey-ready=true] .sp-journey-track>div{display:contents}.sp-journey[data-journey-ready=true] .sp-journey-track .sp-section{--sp-journey-y:0px;--sp-screen-height:var(--sp-journey-panel-height);width:100%;max-width:none;min-height:var(--sp-journey-panel-height);transform:translateY(var(--sp-journey-y,0px));border-radius:0;flex:0 0 100%;margin:0;--sp-screen-offset:0px!important}.sp-journey[data-journey-ready=true] .sp-horizontal{min-height:var(--sp-journey-panel-height)}.sp-journey[data-journey-ready=true] .sp-section:not([data-bleed=true])>.sp-section-inner{margin-inline:var(--sp-grid-margin)}.sp-journey-controls{height:var(--sp-journey-controls);align-items:center;gap:var(--sp-gap);padding-inline:var(--sp-grid-margin);background:var(--sp-base);color:var(--sp-ink);border-top:var(--sp-border) solid var(--sp-line);font-size:var(--sp-caption);display:flex;position:absolute;inset:auto 0 0}.sp-journey-controls[hidden]{display:none}.sp-journey-links{gap:var(--sp-gap);scrollbar-width:thin;white-space:nowrap;flex:1;display:flex;overflow:auto}.sp-journey-controls a{text-overflow:ellipsis;max-width:16ch;color:inherit;opacity:.55;flex-shrink:0;text-decoration:none;overflow:hidden}.sp-journey-controls a[aria-current=step]{opacity:1;text-decoration:underline}.sp-journey-controls button{color:inherit;font:inherit;cursor:pointer;min-width:2rem;padding:var(--sp-small);background:0 0;border:0}.sp-journey-controls button:disabled{opacity:.3;cursor:default}

.sp-layers{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:clip}.sp-layer{position:absolute;inset:0}.sp-layer-object{color:var(--sp-detail);filter:drop-shadow(0 0 1px var(--sp-base)) drop-shadow(0 0 4px var(--sp-base))}.sp-layer-visual{width:100%;height:auto;display:block}:where(.sp-section-inner:has(>.sp-layers)) :where(h1,h2,h3,h4,p,blockquote,.sp-buttons,.sp-facts){z-index:5;position:relative}
.sp-section[data-effect-drive]{--sp-drive:1}
.sp-layer[data-layer=cross]{--sp-layer-lane:18%;--sp-layer-size:6rem;--sp-layer-x:0px}.sp-layer[data-layer=cross]>.sp-layer-object{top:var(--sp-layer-lane);left:var(--sp-gutter);width:var(--sp-layer-size);transform:translateX(var(--sp-layer-x));position:absolute}.sp-layer[data-layer=cross][data-from=right]>.sp-layer-object{left:auto;right:var(--sp-gutter);transform:translateX(calc(-1 * var(--sp-layer-x)))}
@keyframes sp-curtain-open{0%{scale:1}to{scale:var(--sp-curtain-scale);border-radius:0}}.sp-section[data-effect=curtain]{--sp-curtain-scale:1.4}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.sp-site:not([data-editing=true],[data-still=true]) .sp-section[data-effect=curtain]{overflow:clip}.sp-site:not([data-editing=true],[data-still=true]) [data-effect=curtain] .sp-hero-frame>.sp-photo{transform-origin:50% 20%;animation:linear both sp-curtain-open;animation-timeline:scroll(root);animation-range:0 60vh}}}@media (prefers-reduced-motion:no-preference){.sp-section[data-effect=curtain][data-effect-drive]{overflow:clip}.sp-section[data-effect=curtain][data-effect-drive] .sp-hero-frame>.sp-photo{transform-origin:50% 20%;animation:1s linear both paused sp-curtain-open;animation-delay:calc(var(--sp-drive) * -1s)}}
@keyframes sp-arch-open{0%{clip-path:inset(30% 20% 0 round 50% 50% 0 0/40% 40% 0 0);scale:1.06}to{clip-path:inset(0);scale:1}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.sp-site:not([data-editing=true],[data-still=true]) [data-effect=arch] .sp-hero-portrait>.sp-photo{animation:linear both sp-arch-open;animation-timeline:scroll(root);animation-range:0 55vh}.sp-site:not([data-editing=true],[data-still=true]) [data-effect=arch] .sp-services-arches>li>.sp-photo{animation:linear both sp-arch-open;animation-timeline:view();animation-range:entry 10% cover 45%}}}@media (prefers-reduced-motion:no-preference){.sp-section[data-effect=arch][data-effect-drive] .sp-hero-portrait>.sp-photo,.sp-section[data-effect=arch][data-effect-drive] .sp-services-arches>li>.sp-photo{animation:1s linear both paused sp-arch-open;animation-delay:calc(var(--sp-drive) * -1s)}}
@media (prefers-reduced-motion:no-preference){.sp-section[data-effect=headline][data-scroll-layout=pinned]{--sp-headline-boost:.55;min-height:calc(var(--sp-scene-height) * 1.7)}.sp-section[data-effect=headline][data-variant=statement]{--sp-headline-boost:.25}[data-effect=headline][data-scroll-layout=pinned]>.sp-section-inner{align-content:center;display:grid}:is([data-variant=editorial],[data-variant=showcase],[data-variant=statement])[data-effect=headline][data-scroll-layout=pinned] .sp-hero>.sp-photo{max-height:calc(var(--sp-scene-height) * .34);object-fit:cover}[data-effect=headline][data-scroll-layout=pinned] .sp-hero h1{z-index:2;transform-origin:0 100%;scale:calc(1 + (1 - var(--sp-scroll,1)) * var(--sp-headline-boost));position:relative}[data-effect=headline][data-scroll-layout=pinned] .sp-hero :is(.sp-eyebrow,.sp-lead,.sp-hero-actions),[data-effect=headline][data-scroll-layout=pinned] .sp-hero>.sp-photo{opacity:clamp(0, calc(var(--sp-scroll,1) * 2.4 - .5), 1);translate:0 calc((1 - min(1, var(--sp-scroll,1) * 1.6)) * var(--sp-regular))}}
@keyframes sp-sequence-in{0%{opacity:0;translate:0 var(--sp-gap)}}.sp-section[data-effect=sequence]{--sp-sequence-steps:3;--sp-sequence-index:0}@media (prefers-reduced-motion:no-preference){.sp-section[data-effect=sequence][data-scroll-layout=pinned]{min-height:calc(var(--sp-scene-height) * (1 + var(--sp-sequence-steps) * .45))}[data-effect=sequence][data-scroll-layout=pinned]>.sp-section-inner{align-content:center;display:grid}[data-effect=sequence][data-scroll-layout=pinned] [data-service-panel]:not([hidden]){animation:.45s both sp-sequence-in}[data-effect=sequence][data-scroll-layout=pinned] [data-service-selectors]{position:relative}[data-effect=sequence][data-scroll-layout=pinned] .sp-services-ledger>li{opacity:clamp(.25, calc(var(--sp-scroll,1) * (var(--sp-sequence-steps) + 1) - var(--sp-sequence-index,0)), 1)}[data-effect=sequence][data-scroll-layout=pinned] [data-service-selectors]:after{content:"";width:calc(var(--sp-scroll,0) * 100%);height:var(--sp-rule,1px);background:var(--sp-accent);position:absolute;inset:auto auto 0 0}}
[data-effect=object] .sp-hero{position:relative}.sp-object-canvas{pointer-events:none;opacity:0;position:absolute}[data-object-ready=true] .sp-object-canvas{opacity:1}[data-object-ready=true] .sp-hero>.sp-photo[data-model]{opacity:0}@media (prefers-reduced-motion:no-preference){[data-effect=object][data-scroll-ready=true] .sp-hero-sculpture>.sp-photo:not([data-model]){transform:translateY(calc(var(--sp-exit) * var(--sp-sculpture-depth))) rotate(calc(var(--sp-exit) * var(--sp-sculpture-turn)))}}
.sp-rise-mask{clip-path:inset(-.2em -.1em);display:inline-block}.sp-rise-word{display:inline-block}.sp-section [data-rise-line]{--sp-rise-line-width:var(--sp-border);--sp-rise-line-color:var(--sp-line);border-top-color:#0000;position:relative}.sp-section:is([data-effect=rise],[data-effect=count]) .sp-photo{--sp-rise-radius:0px}.sp-section [data-rise-line]:before{content:"";inset-inline:0;top:calc(-1 * var(--sp-rise-line-width));height:var(--sp-rise-line-width);background:var(--sp-rise-line-color);transform-origin:0;position:absolute}@keyframes sp-rise-drift{0%{clip-path:inset(1.3% 6.52% 11.74% round var(--sp-rise-radius));transform:translateY(6%)scale(1.15)}to{clip-path:inset(11.74% 6.52% 1.3% round var(--sp-rise-radius));transform:translateY(-6%)scale(1.15)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sp-site:not([data-editing=true],[data-still=true]) .sp-section:is([data-effect=rise],[data-effect=count])[data-effect-ready=true] .sp-photo:not([data-scrub]){animation:linear both sp-rise-drift;animation-timeline:view()}}}@media (prefers-reduced-motion:no-preference){.sp-section:is([data-effect=rise],[data-effect=count])[data-effect-drive][data-effect-ready=true] .sp-photo:not([data-scrub]){animation:1s linear both paused sp-rise-drift;animation-delay:calc(var(--sp-drive) * -1s)}}
.sp-section[data-effect=spotlight]{--sp-spot-row:auto;--sp-spot-offset:0;overflow-x:clip}.sp-section[data-effect=spotlight] .sp-element[data-element=quote]{inline-size:min(100%, var(--sp-spotlight-card));justify-self:center;margin-inline:auto}.sp-section[data-effect=spotlight] .sp-element-quote{justify-content:space-between;gap:var(--sp-regular);min-block-size:var(--sp-spotlight-height);padding:var(--sp-spotlight-padding);border:var(--sp-border) solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-card);text-align:start;flex-direction:column;display:flex}.sp-section[data-effect=spotlight] .sp-element-quote blockquote{margin:0}.sp-section[data-effect=spotlight] .sp-element-quote blockquote p{margin-inline:0}.sp-section[data-effect=spotlight] .sp-element-quote figcaption .sp-caption{color:var(--sp-muted)}.sp-section[data-effect=spotlight][data-effect-ready=true]>.sp-section-inner>.sp-elements>.sp-element[data-element=quote]{grid-row:var(--sp-spot-row);transform:translateX(calc(var(--sp-spot-offset) * (100% + var(--sp-gap))));transition:transform var(--sp-spotlight-duration) var(--sp-motion-ease), opacity var(--sp-spotlight-duration) var(--sp-motion-ease), filter var(--sp-spotlight-duration) var(--sp-motion-ease);grid-column:1/-1}.sp-section[data-effect=spotlight][data-effect-ready=true] [data-spot=side]{opacity:var(--sp-spotlight-side-opacity);filter:blur(var(--sp-spotlight-blur));cursor:pointer;-webkit-user-select:none;user-select:none}.sp-section[data-effect=spotlight][data-effect-ready=true] [data-spot=away]{opacity:0;visibility:hidden;pointer-events:none}.sp-spotlight-controls{justify-content:center;gap:var(--sp-small);margin-top:var(--sp-regular);display:flex}.sp-spotlight-controls button{border:var(--sp-border) solid var(--sp-line);border-radius:var(--sp-button-radius);background:var(--sp-card);block-size:3rem;inline-size:3rem;color:var(--sp-detail);cursor:pointer;place-items:center;font-size:1.125rem;display:grid}.sp-spotlight-controls button:hover{border-color:var(--sp-muted)}
[data-effect=scroll-marquee][data-scroll-ready=true] .sp-display-ticker>.sp-marquee-track{transform:translateX(calc(var(--sp-scroll,0) * var(--sp-ticker-scroll-travel) * -1));animation:none}
@media (prefers-reduced-motion:no-preference){.sp-calltoaction-cameo{--sp-parallax-progress:var(--sp-scroll,0)}:is([data-motion=parallax],[data-effect=parallax])[data-scroll-ready=true]:is([data-variant=cover],[data-variant=signature],[data-variant=cameo]){overflow:clip}:is([data-motion=parallax],[data-effect=parallax])[data-scroll-ready=true] :is(.sp-hero-cover,.sp-brand-signature,.sp-calltoaction-cameo)>.sp-photo{transform:translateY(calc(var(--sp-parallax-progress,var(--sp-exit,0)) * var(--sp-horizon-drift) * .5)) scale(var(--sp-horizon-scale))}}
.sp-site .sp-section[data-horizontal-layout=pinned]{min-height:calc(var(--sp-horizontal-height) + var(--sp-horizontal-travel));padding-block:0;overflow:visible}.sp-section[data-horizontal-layout=pinned]>.sp-section-inner{top:var(--sp-horizontal-top);position:sticky}.sp-section[data-horizontal-layout=pinned] .sp-horizontal-track{scroll-snap-type:none;scrollbar-width:none}.sp-section[data-horizontal-layout=pinned] .sp-horizontal-hint{visibility:hidden}.sp-section[data-effect-drive]{--sp-horizontal-top:0px}
.sp-section[data-effect=aperture]{--sp-aperture-open:1;--sp-aperture-gallery:1;--sp-aperture-reading:1}.sp-section[data-effect-ready=true][data-effect=aperture] .sp-aperture[data-title-layout=open] .sp-aperture-wordmark h1{transform:translateY(calc(var(--sp-aperture-opening) * (1 - var(--sp-aperture-open))))}.sp-section[data-effect-ready=true][data-effect=aperture] .sp-aperture[data-title-layout=open] .sp-title-tail{transform:translateY(calc(-2 * var(--sp-aperture-opening) * (1 - var(--sp-aperture-open))))}.sp-section[data-effect-ready=true][data-effect=aperture] .sp-aperture-window{opacity:var(--sp-aperture-gallery);clip-path:inset(calc((1 - var(--sp-aperture-gallery)) * 50%) 0)}.sp-section[data-effect-ready=true][data-effect=aperture] .sp-aperture-bottom,.sp-section[data-effect-ready=true][data-effect=aperture] .sp-aperture-eyebrow,.sp-section[data-effect-ready=true][data-effect=aperture] .sp-aperture-pause{opacity:var(--sp-aperture-reading)}.sp-section[data-effect=aperture] .sp-aperture-window:focus-within,.sp-section[data-effect=aperture] .sp-aperture-bottom:focus-within,.sp-section[data-effect=aperture] .sp-aperture-pause:focus-visible{opacity:1;clip-path:none}

@font-face{font-family:Selspy Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-latin-400.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Selspy Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-latin-500.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Selspy Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-latin-600.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Selspy Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-latin-700.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Selspy Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-latin-ext-400.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Selspy Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-latin-ext-500.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Selspy Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-latin-ext-600.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Selspy Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-latin-ext-700.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
body{margin:0}.lab-shell,.lab-header,.sandbox-bar{--lab-ink:#1c1410;--lab-muted:#75675c;--lab-line:#eee3d8;--lab-base:#fffbf7;--lab-panel:#f8f1ea;--lab-accent:#f26822;--lab-accent-fill:#c94c0d;--lab-accent-ink:#b93f0c;--lab-on-accent:#fff;color:var(--lab-ink);background:var(--lab-base);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:13px/1.5 Selspy Manrope,system-ui,sans-serif}.lab-shell *,.lab-header,.lab-header *,.sandbox-bar *{box-sizing:border-box}.lab-shell a,.lab-header a,.sandbox-bar a{color:inherit;text-decoration:none}.lab-shell :is(a,button,select,summary):focus-visible,.lab-header a:focus-visible,.sandbox-bar :is(a,button):focus-visible{outline:2px solid var(--lab-accent-ink);outline-offset:3px}.lab-header{border-bottom:1px solid var(--lab-line);flex-wrap:wrap;align-items:center;gap:12px 32px;min-height:70px;padding:14px 28px;display:flex}.lab-brand{letter-spacing:-.04em;align-items:center;gap:9px;font-size:17px;font-weight:750;display:flex}.lab-brand .selspy-logo{width:auto;height:30px;display:block}.lab-brand small{letter-spacing:0;border-left:1px solid var(--lab-line);color:var(--lab-muted);margin-left:5px;padding-left:12px;font-size:11px;font-weight:500}.lab-header nav{color:var(--lab-muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}.lab-header nav>a{border-radius:8px;padding:8px 12px}.lab-header nav>a:hover{background:var(--lab-panel);color:var(--lab-ink)}.lab-header nav>[aria-current]{background:var(--lab-panel);color:var(--lab-ink);font-weight:700}.lab-button,.sandbox-bar :is(button,a){border:1px solid var(--lab-line);min-height:40px;color:var(--lab-ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:16px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-flex}.lab-header .lab-primary{background:var(--lab-accent-fill);color:var(--lab-on-accent);border-color:var(--lab-accent-fill);margin-left:auto}.lab-button:hover,.sandbox-bar :is(button,a):hover{filter:brightness(.96)}.lab-controls{flex-wrap:wrap;align-items:end;gap:24px;padding:18px 28px;display:flex}.lab-field{color:var(--lab-muted);gap:7px;font-size:11px;font-weight:600;display:grid}.lab-controls select,.lab-design select{border:1px solid var(--lab-line);min-width:215px;max-width:100%;color:var(--lab-ink);cursor:pointer;background:#fff;border-radius:8px;height:40px;padding:10px 32px 10px 12px;font:500 12px Selspy Manrope,system-ui}.lab-design{border:1px solid var(--lab-line);background:var(--lab-panel);border-radius:12px;grid-template-columns:minmax(240px,320px) minmax(0,1fr);margin:0 28px 18px;display:grid}.lab-family-picker{align-content:start;min-width:0;padding:18px}.lab-field-heading,.lab-template-heading h2{color:var(--lab-ink);align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.lab-step{border:1px solid var(--lab-line);background:var(--lab-base);width:21px;height:21px;color:var(--lab-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;display:inline-grid}.lab-design select{width:100%;min-width:0}.lab-design p{color:var(--lab-muted);margin:6px 0 0;font-size:11px;font-weight:400}.lab-template-picker{border-left:1px solid var(--lab-line);min-width:0;padding:18px}.lab-template-heading{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:10px;display:flex}.lab-template-heading h2{margin:0}.lab-template-heading>span{color:var(--lab-muted);margin-left:auto;font-size:11px}.lab-template-list{flex-wrap:wrap;gap:8px;display:flex}.lab-template-list a{border:1px solid var(--lab-line);background:var(--lab-base);border-radius:8px;flex:160px;grid-template-columns:auto 1fr;gap:1px 10px;min-width:0;max-width:280px;padding:10px 14px;display:grid}.lab-template-list a:hover{border-color:var(--lab-accent)}.lab-template-list a[aria-current]{border-color:var(--lab-accent);box-shadow:inset 0 0 0 1px var(--lab-accent);background:#fff}.lab-template-list strong{font-size:12px;font-weight:650}.lab-template-list small{color:var(--lab-muted);grid-column:2;font-size:10px}.lab-template-list a[aria-current] small{color:var(--lab-accent-ink)}.lab-template-number{color:var(--lab-muted);grid-row:span 2;align-self:center;font-size:11px}.lab-family-picker .lab-field-heading:not(:first-child){margin-top:10px}.lab-fit{border-top:1px solid var(--lab-line);margin-top:14px;padding-top:12px}.lab-fit>p{color:var(--lab-ink);flex-wrap:wrap;gap:4px 12px;margin:0 0 8px;display:flex}.lab-fit>p>span[data-rank="0"],.lab-fit>p>span[data-rank="1"]{color:var(--lab-accent-ink);font-weight:650}.lab-tags{gap:5px;margin:0;font-size:11px;display:grid}.lab-tags>div{grid-template-columns:150px minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.lab-tags dt{color:#75675c}.lab-tags dd{flex-wrap:wrap;gap:4px;margin:0;display:flex}.lab-tags dd>span{color:#1c1410;white-space:nowrap;background:#fff;border:1px solid #eee3d8;border-radius:20px;padding:1px 8px}.lab-tags dd>span:is([data-tone=primary],[data-tone=essential]){color:#fff;background:#c94c0d;border-color:#c94c0d}.lab-tags dd>span[data-tone=alternative]{border-color:#f26822}.lab-tags dd>span[data-tone=hard]{color:#a3301b;border-color:#a3301b}@media (max-width:760px){.lab-tags>div{grid-template-columns:minmax(0,1fr);gap:2px}.lab-tags dd>span{white-space:normal}.lab-design{grid-template-columns:minmax(0,1fr);margin:0 16px 16px}.lab-family-picker,.lab-template-picker{padding:14px}.lab-template-picker{border-left:0;border-top:1px solid var(--lab-line)}.lab-template-list a{flex-basis:120px;max-width:none;padding:10px}}.lab-appearance{border:0;margin:0;padding:0}.lab-appearance legend{color:var(--lab-muted);margin-bottom:7px;padding:0;font-size:11px;font-weight:600}.lab-segment{background:var(--lab-panel);border:1px solid var(--lab-line);border-radius:8px;gap:3px;padding:3px;display:flex}.lab-segment a{text-align:center;border-radius:5px;min-width:62px;padding:6px 12px;font-size:12px}.lab-segment a[aria-current]{background:#fff;font-weight:700;box-shadow:0 1px 3px #1c141018}.lab-status{border-block:1px solid var(--lab-line);background:var(--lab-panel);color:var(--lab-muted);flex-wrap:wrap;align-items:center;gap:12px 24px;padding:10px 28px;font-size:11px;display:flex}.lab-status>span:first-child{align-items:center;gap:10px;display:flex}.lab-status strong{color:var(--lab-ink);font-weight:650}.lab-demo{border:1px solid var(--lab-line);border-radius:20px;padding:2px 8px;font-size:10px}.lab-status>[role=status]{margin-left:auto}.lab-status a{text-underline-offset:3px;text-decoration:underline}.sandbox-bar{border-bottom:1px solid var(--lab-line);flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:16px 28px;display:flex}.sandbox-bar [role=status]{color:var(--lab-muted);margin-left:auto}.sandbox-bar button:disabled{opacity:.55;cursor:wait}@media (max-width:760px){.lab-header{gap:10px 12px;padding:12px 16px}.lab-header nav{order:3;width:100%}.lab-header nav>a{padding:6px 10px}.lab-brand small{display:none}.lab-controls{gap:16px;padding:16px}.lab-field{flex:100%}.lab-controls select,.lab-design select{width:100%;min-width:0}.lab-status{padding-inline:16px}.lab-status>[role=status]{margin-left:0}}.lab-presentation{color:#2a211b;background:#fbf6f1;font:.75rem/1.4 Selspy Manrope,sans-serif}.lab-presentation-bar{border-bottom:1px solid #eee3d8;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 1rem;display:flex}.lab-presentation-bar a{color:inherit;text-decoration:none}.lab-presentation details>summary{cursor:pointer;padding:.45rem 1rem;font-size:.7rem}.lab-presentation details[open]>summary{border-bottom:1px solid #eee3d8}@media (max-width:600px){.lab-presentation-bar>span{display:none}}.lab-presentation details>summary>span{color:#75675c;margin-left:.5rem}