:root{--bayu-surface: #ffffff;--bayu-surface-2: #f5f6f4;--bayu-surface-3: #eceeeb;--bayu-surface-inverse: #14181b;--bayu-line: #d7dbd8;--bayu-line-strong: #aeb4b1;--bayu-ink: #14181b;--bayu-ink-2: #3f474c;--bayu-ink-3: #656d72;--bayu-ink-on-inverse: #f5f6f4;--bayu-red: #d8351f;--bayu-red-hover: #b52a16;--bayu-red-soft: #fbeae7;--bayu-error: #8f1d1d;--bayu-error-soft: #f7e9e9;--bayu-success: #1f6b43;--bayu-success-soft: #e6f2ea;--bayu-warning: #7a5200;--bayu-warning-soft: #f8f1dd;--bayu-info: #0b57d0;--bayu-dev: #3d5a80;--bayu-dev-soft: #e9eff6;--bayu-focus: #0b57d0;--bayu-focus-ring: 0 0 0 2px var(--bayu-surface), 0 0 0 4px var(--bayu-focus);--fib-8: 8px;--fib-13: 13px;--fib-21: 21px;--fib-34: 34px;--fib-55: 55px;--fib-89: 89px;--fib-144: 144px;--golden: 61.8fr;--golden-minor: 38.2fr;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--sp-16: 64px;--sp-24: 96px;--sp-32: 128px;--font-body: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-heading: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--fw-body: 400;--fw-ui: 600;--fw-heading: 700;--font-ui: var(--font-heading);--ls-display: -.03em;--ls-heading: -.015em;--ls-caps: .12em;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 18px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 28px;--fs-3xl: 34px;--fs-4xl: 40px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-body: 1.5;--page-max: 1200px;--media-max: 1440px;--gutter: var(--sp-4);--grid-gap: var(--sp-4);--header-h: 56px;--radius: 4px;--radius-lg: 8px;--touch: 44px;--dur-fast: .12s;--dur: .2s;--ease: cubic-bezier(.2, 0, 0, 1);--z-header: 50;--z-dropdown: 60;--z-overlay: 70;--z-drawer: 80;--z-skip: 100}.bayu-surface-warm{--bayu-surface: #fbfaf7;--bayu-surface-2: #f3f1ec;--bayu-surface-3: #e9e6df}@media(min-width:600px){:root{--gutter: var(--sp-6);--grid-gap: var(--sp-6);--header-h: 64px}}@media(min-width:1024px){:root{--gutter: var(--sp-8);--grid-gap: var(--sp-6);--header-h: 72px;--fs-md: 18px;--fs-lg: 21px;--fs-xl: 26px;--fs-2xl: 34px;--fs-3xl: 48px;--fs-4xl: 68px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;background:var(--bayu-surface)}body{margin:0;min-height:100vh;background:var(--bayu-surface);color:var(--bayu-ink);font-family:var(--font-body);font-weight:var(--fw-body);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body.bayu-scroll-lock{overflow:hidden}html{scroll-padding-top:calc(var(--header-h) + var(--sp-4))}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,hr,pre{margin:0}ol,ul,menu{list-style:none;margin:0;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:inherit;text-decoration:none}hr{border:0;border-top:1px solid var(--bayu-line)}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,.bayu-h1,.bayu-h2,.bayu-h3,.bayu-h4{font-family:var(--font-heading);font-weight:var(--fw-heading);line-height:var(--lh-tight);letter-spacing:var(--ls-heading);color:var(--bayu-ink);text-wrap:balance}h1,.bayu-h1{font-size:var(--fs-4xl);letter-spacing:var(--ls-display)}.bayu-display{font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-4xl);line-height:1.05;letter-spacing:var(--ls-display)}h2,.bayu-h2{font-size:var(--fs-3xl);font-weight:600}h3,.bayu-h3{font-family:var(--font-body);font-size:var(--fs-xl);font-weight:600;line-height:var(--lh-snug);letter-spacing:-.005em}h4,.bayu-h4{font-family:var(--font-body);font-size:var(--fs-md);font-weight:600;line-height:var(--lh-snug);letter-spacing:0}.bayu-lead{font-size:var(--fs-md);color:var(--bayu-ink-2);max-width:60ch}.bayu-body{font-size:var(--fs-base)}.bayu-small{font-size:var(--fs-sm)}.bayu-caption{font-size:var(--fs-xs);color:var(--bayu-ink-3)}.bayu-muted{color:var(--bayu-ink-3)}.bayu-eyebrow,.bayu-label{font-size:var(--fs-xs);font-weight:var(--fw-ui);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--bayu-ink-3)}.bayu-prose>*+*{margin-top:var(--sp-4)}.bayu-prose h2{margin-top:var(--sp-8)}.bayu-prose h3{margin-top:var(--sp-6)}.bayu-prose ul{list-style:disc;padding-left:1.25em}.bayu-prose ol{list-style:decimal;padding-left:1.25em}.bayu-prose a{text-decoration:underline;text-underline-offset:.15em}.bayu-container{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--gutter)}.bayu-container--media{max-width:var(--media-max)}.bayu-container--narrow{max-width:760px}.bayu-container--bleed{max-width:none;padding-inline:0}.bayu-section{padding-block:var(--sp-12)}.bayu-section--tight{padding-block:var(--sp-8)}.bayu-section--loose{padding-block:var(--sp-16)}.bayu-section--alt{background:var(--bayu-surface-2)}.bayu-section--inverse{background:var(--bayu-surface-inverse);color:var(--bayu-ink-on-inverse)}.bayu-section--inverse h1,.bayu-section--inverse h2,.bayu-section--inverse h3{color:inherit}@media(min-width:600px){.bayu-section{padding-block:var(--sp-16)}.bayu-section--loose{padding-block:var(--sp-24)}}.bayu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}@media(min-width:600px){.bayu-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(min-width:1024px){.bayu-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.bayu-col-m-2{grid-column:span 2}.bayu-col-m-4{grid-column:span 4}@media(min-width:600px){.bayu-col-t-2{grid-column:span 2}.bayu-col-t-4{grid-column:span 4}.bayu-col-t-8{grid-column:span 8}}@media(min-width:1024px){.bayu-col-d-3{grid-column:span 3}.bayu-col-d-4{grid-column:span 4}.bayu-col-d-6{grid-column:span 6}.bayu-col-d-8{grid-column:span 8}.bayu-col-d-12{grid-column:span 12}}.bayu-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}@media(min-width:600px){.bayu-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6)}}@media(min-width:1024px){.bayu-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.bayu-stack>*+*{margin-top:var(--sp-4)}.bayu-stack--tight>*+*{margin-top:var(--sp-2)}.bayu-stack--loose>*+*{margin-top:var(--sp-8)}.bayu-cluster{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.bayu-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-6);border:1px solid transparent;border-radius:var(--radius);font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:var(--fs-sm);line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.bayu-btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.bayu-btn:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}.bayu-btn[disabled],.bayu-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.bayu-btn--primary{background:var(--bayu-red);border-color:var(--bayu-red);color:#fff}.bayu-btn--primary:hover{background:var(--bayu-red-hover);border-color:var(--bayu-red-hover)}.bayu-btn--secondary{background:transparent;border-color:var(--bayu-ink);color:var(--bayu-ink)}.bayu-btn--secondary:hover{background:var(--bayu-ink);color:var(--bayu-surface)}.bayu-section--inverse .bayu-btn--secondary{border-color:var(--bayu-ink-on-inverse);color:var(--bayu-ink-on-inverse)}.bayu-section--inverse .bayu-btn--secondary:hover{background:var(--bayu-ink-on-inverse);color:var(--bayu-ink)}.bayu-btn--tertiary{min-height:var(--touch);padding:0;border:0;border-radius:0;font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--bayu-ink);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1.5px}.bayu-btn--tertiary:hover{color:var(--bayu-red-hover)}.bayu-btn--block{width:100%}@media(max-width:599px){.bayu-btn--block-m{width:100%}}.bayu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);border-radius:var(--radius);color:var(--bayu-ink);position:relative}.bayu-icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.bayu-icon-btn:hover{background:var(--bayu-surface-2)}.bayu-icon-btn:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}.bayu-field{display:grid;gap:var(--sp-2)}.bayu-field>label{font-size:var(--fs-sm);font-weight:var(--fw-ui)}.bayu-field .bayu-hint{font-size:var(--fs-xs);color:var(--bayu-ink-3)}.bayu-input,.bayu-select,.bayu-textarea{width:100%;min-height:var(--touch);padding:var(--sp-2) var(--sp-3);border:1px solid var(--bayu-line-strong);border-radius:var(--radius);background:var(--bayu-surface);color:var(--bayu-ink);font-size:var(--fs-base);line-height:1.4}.bayu-textarea{min-height:120px;resize:vertical}.bayu-select{-webkit-appearance:none;appearance:none;padding-right:var(--sp-8);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314181b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right var(--sp-3) center;background-size:18px}.bayu-input:focus-visible,.bayu-select:focus-visible,.bayu-textarea:focus-visible{outline:none;border-color:var(--bayu-focus);box-shadow:var(--bayu-focus-ring)}.bayu-input::placeholder,.bayu-textarea::placeholder{color:var(--bayu-ink-3)}.bayu-checkbox{display:inline-flex;align-items:flex-start;gap:var(--sp-3);min-height:var(--touch);font-size:var(--fs-sm)}.bayu-checkbox input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--bayu-ink);flex:none}.bayu-field.is-error .bayu-input,.bayu-field.is-error .bayu-select,.bayu-field.is-error .bayu-textarea{border-color:var(--bayu-error)}.bayu-error-text{display:flex;gap:var(--sp-2);align-items:flex-start;color:var(--bayu-error);font-size:var(--fs-sm);font-weight:var(--fw-ui)}.bayu-error-text svg{width:16px;height:16px;flex:none;margin-top:2px}.bayu-notice{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--bayu-line);border-radius:var(--radius);background:var(--bayu-surface-2);font-size:var(--fs-sm)}.bayu-notice--error{background:var(--bayu-error-soft);border-color:var(--bayu-error);color:var(--bayu-error)}.bayu-notice--success{background:var(--bayu-success-soft);border-color:var(--bayu-success);color:var(--bayu-success)}.bayu-notice--warning{background:var(--bayu-warning-soft);border-color:var(--bayu-warning);color:var(--bayu-warning)}.visually-hidden,.bayu-sr-only{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}.bayu-sr-only-focusable:focus,.bayu-sr-only-focusable:active{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important}.skip-to-content{position:absolute;left:var(--sp-2);top:var(--sp-2);z-index:var(--z-skip);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--bayu-ink);color:var(--bayu-surface);font-size:var(--fs-sm);font-weight:var(--fw-ui);transform:translateY(-200%)}.skip-to-content:focus{transform:none;outline:none;box-shadow:var(--bayu-focus-ring)}:focus-visible{outline:2px solid var(--bayu-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}.bayu-media{position:relative;overflow:hidden;background:var(--bayu-surface-2);border-radius:var(--radius)}.bayu-media>img,.bayu-media>video,.bayu-media>picture>img{width:100%;height:100%;object-fit:cover}.bayu-media--contain>img,.bayu-media--contain>picture>img{object-fit:contain}.bayu-ratio-1x1{aspect-ratio:1 / 1}.bayu-ratio-4x3{aspect-ratio:4 / 3}.bayu-ratio-3x2{aspect-ratio:3 / 2}.bayu-ratio-16x9{aspect-ratio:16 / 9}.bayu-ratio-4x5{aspect-ratio:4 / 5}.bayu-ratio-21x9{aspect-ratio:21 / 9}.bayu-divider{border:0;border-top:1px solid var(--bayu-line)}.bayu-badge{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:24px;padding:0 var(--sp-2);border:1px solid var(--bayu-line-strong);border-radius:var(--radius);font-size:var(--fs-xs);font-weight:var(--fw-ui);line-height:1;color:var(--bayu-ink-2);background:var(--bayu-surface);white-space:nowrap}.bayu-badge svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bayu-badge--solid{background:var(--bayu-ink);border-color:var(--bayu-ink);color:var(--bayu-surface)}.bayu-badge--muted{border-style:dashed;color:var(--bayu-ink-3)}.bayu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#14181b7a;opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease),visibility var(--dur) var(--ease)}.bayu-overlay.is-open{opacity:1;visibility:visible}.bayu-drawer{position:fixed;top:0;bottom:0;left:0;z-index:var(--z-drawer);width:min(100%,400px);display:flex;flex-direction:column;background:var(--bayu-surface);box-shadow:0 0 0 1px var(--bayu-line);transform:translate(-100%);visibility:hidden;transition:transform var(--dur) var(--ease),visibility var(--dur) var(--ease);overscroll-behavior:contain}.bayu-drawer--right{left:auto;right:0;transform:translate(100%)}.bayu-drawer.is-open{transform:none;visibility:visible}.bayu-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:var(--header-h);padding:0 var(--sp-2) 0 var(--sp-4);border-bottom:1px solid var(--bayu-line);flex:none}.bayu-drawer__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.bayu-drawer__foot{flex:none;border-top:1px solid var(--bayu-line);padding:var(--sp-4)}.bayu-card{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.bayu-card__media{display:block}.bayu-card__body{display:flex;flex-direction:column;gap:var(--sp-1)}.bayu-card__meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.bayu-card__title{font-size:var(--fs-base);font-weight:var(--fw-ui);line-height:var(--lh-snug);color:var(--bayu-ink)}.bayu-card__sub{font-size:var(--fs-sm);color:var(--bayu-ink-3)}.bayu-card__price{font-size:var(--fs-sm);font-weight:var(--fw-ui)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.bayu-dev-placeholder{display:grid;place-items:center;background:var(--bayu-surface-2)}.bayu-dev-placeholder__mark{font-weight:var(--fw-heading);letter-spacing:.18em;font-size:var(--fs-sm);color:var(--bayu-ink-3);opacity:.35;-webkit-user-select:none;user-select:none}.bayu-product-grid{gap:var(--sp-4) var(--sp-3)}.bayu-card{gap:var(--sp-2)}.bayu-card__body{gap:2px}.bayu-card__title{font-size:var(--fs-sm);line-height:1.3}.bayu-card__sub{font-size:var(--fs-xs)}.bayu-card__meta{gap:var(--sp-1);margin-top:2px}.bayu-card__price{font-size:var(--fs-sm);margin-top:2px}.bayu-product-card__role{font-size:10px;letter-spacing:.08em}.bayu-product-card .bayu-inclusion-badge{font-size:10px;padding:2px 6px;border-color:var(--bayu-line);color:var(--bayu-ink-3);background:transparent}.bayu-product-card .bayu-inclusion-badge svg{width:11px;height:11px}@media(min-width:600px){.bayu-product-grid{gap:var(--sp-6) var(--sp-4)}.bayu-card__title{font-size:var(--fs-base)}.bayu-card__sub,.bayu-product-card .bayu-inclusion-badge{font-size:var(--fs-xs)}.bayu-product-card__role{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bayu-ifa-foundation.css.map */