@layer reset{*,*:before,*:after{box-sizing:border-box}html{text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;-webkit-font-smoothing:antialiased}img,picture,video{display:block;max-width:100%;height:auto}img[width][height]{height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}ul,ol{margin:0;padding:0;list-style:none}}@layer base{html{color-scheme:light}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--type-body);line-height:var(--leading-relaxed)}h1,.h1,h2,.h2,h3,.h3,.display-xl,.lead{font-family:var(--font-serif);font-weight:400;margin:0;text-wrap:balance}h1,.h1{font-size:clamp(2.25rem,1.5rem + 3.5vw,var(--type-heading-xl));line-height:var(--leading-tight)}h2,.h2{font-size:clamp(1.75rem,1.3rem + 2vw,var(--type-heading-lg));line-height:var(--leading-snug)}h3,.h3{font-size:clamp(1.25rem,1.1rem + .6vw,var(--type-heading-md));line-height:var(--leading-snug)}.display-xl{font-size:clamp(3rem,2rem + 5vw,var(--type-display-xl));line-height:var(--leading-tight)}.lead{font-family:var(--font-serif);font-size:clamp(1.15rem,1.05rem + .4vw,var(--type-lead));line-height:var(--leading-normal);font-weight:400}p,.body{margin:0;font-size:var(--type-body);line-height:var(--leading-relaxed);text-wrap:pretty}.body-lg{font-size:clamp(1.0625rem,1rem + .3vw,var(--type-body-lg));line-height:var(--leading-normal)}.small{font-size:var(--type-small);line-height:var(--leading-normal)}.caption{font-size:var(--type-caption);letter-spacing:var(--tracking-caption);color:var(--color-text-muted)}.tiny{font-size:var(--type-tiny);color:var(--color-text-muted)}.button-label{font-family:var(--font-sans);font-size:var(--type-button);font-weight:500}.price,.numeral{font-variant-numeric:tabular-nums}.container{width:100%;max-width:var(--width-container);margin-inline:auto;padding-inline:var(--container-margin-mobile)}@media(min-width:768px){.container{padding-inline:var(--container-margin-tablet)}}@media(min-width:1024px){.container{padding-inline:var(--container-margin-laptop)}}@media(min-width:1440px){.container{padding-inline:var(--container-margin-desktop)}}.container--narrow{max-width:var(--width-reading)}.container--full-bleed{width:100%;max-width:none;padding-inline:0}.container--hero{max-width:var(--width-hero-max);margin-inline:auto}.grid{display:grid;gap:var(--grid-gutter-mobile);grid-template-columns:repeat(var(--grid-columns-mobile),1fr)}@media(min-width:768px){.grid{gap:var(--grid-gutter-tablet);grid-template-columns:repeat(var(--grid-columns-tablet),1fr)}}@media(min-width:1024px){.grid{gap:var(--grid-gutter-desktop);grid-template-columns:repeat(var(--grid-columns-desktop),1fr)}}.grid--tiles{display:grid;gap:8px;grid-template-columns:1fr}@media(min-width:768px){.grid--tiles{grid-template-columns:repeat(2,1fr)}}.grid--auto-cards{display:grid;gap:var(--grid-gutter-mobile);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}*{scrollbar-width:thin;scrollbar-color:var(--color-stone) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--color-stone);border-radius:var(--radius-lg);border:2px solid var(--color-bone)}*::-webkit-scrollbar-thumb:hover{background-color:var(--color-charcoal)}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--touch-target-min);height:52px;padding-inline:var(--space-md);border-radius:var(--radius-sm);font:inherit;font-size:var(--type-button);font-weight:500;transition:background-color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard);white-space:nowrap}@media(max-width:767px){.btn{height:48px}}.btn--primary{background:var(--color-charcoal);color:var(--color-bone);border:1px solid var(--color-charcoal)}@media(hover:hover)and (pointer:fine){.btn--primary:hover{background:color-mix(in srgb,var(--color-charcoal) 92%,white)}}.btn--primary:active{background:color-mix(in srgb,var(--color-charcoal) 88%,white)}.btn--secondary{background:transparent;color:var(--color-charcoal);border:1px solid var(--color-charcoal)}@media(hover:hover)and (pointer:fine){.btn--secondary:hover{background:color-mix(in srgb,var(--color-charcoal) 5%,transparent)}}.btn--secondary:active{background:color-mix(in srgb,var(--color-charcoal) 8%,transparent)}.btn--accent-outline{background:transparent;color:var(--color-clay);border:1px solid var(--color-clay)}@media(hover:hover)and (pointer:fine){.btn--accent-outline:hover{background:color-mix(in srgb,var(--color-clay) 5%,transparent)}}.btn--accent-outline:active{background:color-mix(in srgb,var(--color-clay) 8%,transparent)}.btn--text{height:auto;min-height:0;padding:0;background:none;border:none;color:var(--color-charcoal);position:relative}.btn--text:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:var(--color-clay);transition:right var(--duration-fast) var(--easing-standard)}@media(hover:hover)and (pointer:fine){.btn--text:hover:after{right:0}}.btn:disabled,.btn[aria-disabled=true]{background:var(--color-stone);border-color:var(--color-stone);color:color-mix(in srgb,var(--color-charcoal) 60%,var(--color-stone));cursor:not-allowed}.btn--accent-outline:disabled{background:transparent;color:var(--color-stone);border-color:var(--color-stone)}.btn[aria-busy=true]{position:relative;color:transparent}.btn[aria-busy=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;color:var(--color-bone);animation:spin .7s linear infinite}.btn--secondary[aria-busy=true]:after,.btn--accent-outline[aria-busy=true]:after{color:var(--color-charcoal)}@media(prefers-reduced-motion:reduce){.btn[aria-busy=true]:after{animation:none}}.card{border-radius:var(--radius-md)}.card--bordered{border:1px solid var(--color-border)}.card__body{padding:var(--space-sm) 0}.product-card{display:block;container-type:inline-size}.product-card__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-md);background:var(--color-fog)}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:opacity var(--duration-normal) var(--easing-standard)}.product-card__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}@media(hover:hover)and (pointer:fine){.product-card:hover .product-card__image--secondary{opacity:1}}.product-card__title{margin-block-start:var(--space-sm);font-family:var(--font-serif);font-size:var(--type-body-lg)}.product-card__price{margin-block-start:var(--space-xs);color:var(--color-text-muted)}@container (max-width: 220px){.product-card__title{font-size:var(--type-body)}}.category-tile{position:relative;aspect-ratio:4 / 3;overflow:hidden}.category-tile img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--easing-standard)}@media(hover:hover)and (pointer:fine){.category-tile:hover img{transform:scale(1.03)}}.category-tile__label{position:absolute;inset-block-end:var(--space-md);inset-inline-start:var(--space-md);color:var(--color-bone);opacity:0;transition:opacity var(--duration-fast) var(--easing-standard)}@media(hover:hover)and (pointer:fine){.category-tile:hover .category-tile__label{opacity:1}}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field__label{font-size:var(--type-caption);color:var(--color-text)}.input,.textarea,.select{min-height:var(--touch-target-min);padding:0 var(--space-sm);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--type-body);transition:border-color var(--duration-fast) var(--easing-standard)}.textarea{padding-block:var(--space-sm);min-height:120px;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--color-stone)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-charcoal);border-width:2px}.input:disabled,.textarea:disabled,.select:disabled{background:var(--color-fog);color:color-mix(in srgb,var(--color-charcoal) 50%,transparent);cursor:not-allowed}.field--error .input,.field--error .textarea{border-color:var(--color-error)}.field__error{font-size:var(--type-caption);color:var(--color-error)}.toggle{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;border-radius:999px;background:var(--color-stone);transition:background-color var(--duration-fast) var(--easing-standard)}.toggle:after{content:"";position:absolute;inset-inline-start:2px;width:20px;height:20px;border-radius:50%;background:var(--color-white);transition:inset-inline-start var(--duration-fast) var(--easing-standard)}.toggle[aria-checked=true]{background:var(--color-charcoal)}.toggle[aria-checked=true]:after{inset-inline-start:22px}.toggle[aria-disabled=true]{opacity:.4;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-xs);border-radius:var(--radius-sm);font-size:var(--type-caption);letter-spacing:var(--tracking-caption);border:1px solid var(--color-border);color:var(--color-text);background:transparent}.badge--verified{border-color:var(--color-stone);color:var(--color-text-muted)}.icon{display:inline-block;width:20px;height:20px;flex-shrink:0;color:var(--color-text)}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon--sm{width:16px;height:16px}.icon--lg{width:24px;height:24px}.accordion{border-block-end:1px solid var(--color-border)}.accordion__summary{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-sm);cursor:pointer;list-style:none;min-height:var(--touch-target-min)}.accordion__summary::-webkit-details-marker{display:none}.accordion__icon{transition:transform var(--duration-fast) var(--easing-standard)}.accordion[open] .accordion__icon{transform:rotate(45deg)}.accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-normal) var(--easing-standard)}.accordion[open] .accordion__panel{grid-template-rows:1fr}.accordion__panel-inner{overflow:hidden}.accordion__content{padding-block-end:var(--space-md)}@media(hover:hover)and (pointer:fine){.accordion__summary:hover{color:var(--color-clay)}}.tabs{display:flex;flex-direction:column;gap:var(--space-xs)}@media(min-width:1024px){.tabs{flex-direction:row;align-items:flex-start;gap:var(--space-xl)}.tabs__list{flex-direction:column;flex-shrink:0;width:220px}}.tabs__list{display:flex;flex-direction:row;overflow-x:auto;gap:var(--space-md);border-block-end:1px solid var(--color-border)}@media(min-width:1024px){.tabs__list{border-block-end:none;border-inline-start:1px solid var(--color-border)}}.tabs__tab{padding-block:var(--space-sm);color:var(--color-text-muted);white-space:nowrap;border-block-end:2px solid transparent}@media(min-width:1024px){.tabs__tab{padding-inline-start:var(--space-md);border-block-end:none;border-inline-start:2px solid transparent;margin-inline-start:-1px}}.tabs__tab[aria-selected=true]{color:var(--color-charcoal);border-color:var(--color-charcoal)}.tabs__panel{flex:1}.tabs__panel[hidden]{display:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes ken-burns{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}.hero__image{animation:ken-burns var(--duration-cinematic) linear forwards}@media(prefers-reduced-motion:reduce){.hero__image{animation:none;transform:none}}@media print{.announcement-bar,.site-header,.site-footer,.cart-drawer,.mega-menu,.btn,[data-no-print]{display:none!important}body{background:#fff;color:#000;font-size:12pt;line-height:1.4}.container,.container--narrow{max-width:none;padding-inline:0}a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#333}img{max-width:100%!important;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}}:focus-visible{outline:2px solid var(--color-clay);outline-offset:2px}button,a,.btn,.toggle,input[type=checkbox],input[type=radio]{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}p a,.body a,li a{min-height:0;min-width:0}@media(forced-colors:active){.btn,.input,.textarea,.select,.toggle{border:1px solid CanvasText}:focus-visible{outline:2px solid Highlight}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/norwood-design-system.css.map */