@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(DMSerifDisplay-Regular.woff2) format("woff2")}@font-face{font-family:"DM Serif Display";font-style:italic;font-weight:400;font-display:swap;src:url(DMSerifDisplay-Italic.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(HankenGrotesk-Regular.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(HankenGrotesk-Medium.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(HankenGrotesk-SemiBold.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(HankenGrotesk-Bold.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:italic;font-weight:400;font-display:swap;src:url(HankenGrotesk-Italic.woff2) format("woff2")}:root{--skm-honey: #F09800;--skm-honey-strong: #D88800;--skm-honey-soft: #FFCE6C;--skm-brown: #512E0B;--skm-brown-strong: #3A1F06;--skm-cream: #FBF6E9;--skm-cream-sunken: #F1EBDC;--skm-coffee: #934910;--skm-coffee-light: #D6B49B;--skm-green-pine: #2F3F36;--skm-bg-band-2: #33271E;--skm-neutral-500: #6D6354;--skm-neutral-300: #A89E8A;--skm-neutral-0: #FFFFFF;--skm-bg-page: #FBF6E9;--skm-bg-surface: #FFFFFF;--skm-bg-sunken: #F1EBDC;--skm-bg-inverse: #2F3F36;--skm-bg-welfare: #2F3F36;--skm-text-on-pine: #FBF6E9;--skm-accent-welfare: #2F3F36;--skm-text-primary: #512E0B;--skm-text-strong: #3A1F06;--skm-text-muted: #6D6354;--skm-text-subtle: #A89E8A;--skm-text-link: #934910;--skm-text-on-honey: #512E0B;--skm-text-on-brown: #FBF6E9;--skm-brand: #F09800;--skm-brand-hover: #D88800;--skm-brand-pressed: #D88800;--skm-success: #5C7A52;--skm-success-text: #4E6B45;--skm-warning: #C9740A;--skm-warning-text: #A85D07;--skm-danger: #B23A18;--skm-border-subtle: rgba(58,31,6,.12);--skm-border-strong: #9B865C;--skm-border-brand: #F09800;--skm-focus-ring: #2F3F36;--font-display: "DM Serif Display", Georgia, serif;--font-text: "Hanken Grotesk", system-ui, sans-serif;--fs-display: clamp(3.25rem, 8.5vw, 9rem);--fs-h1: clamp(2.6rem, 5.5vw, 4.5rem);--fs-h2: clamp(2rem, 3.6vw, 3rem);--fs-h3: clamp(1.4rem, 2vw, 1.85rem);--fs-lead: clamp(1.25rem, 1.9vw, 1.6rem);--fs-body: 1.125rem;--fs-small: 1rem;--fs-caption: .875rem;--fs-micro: .75rem;--lh-display: 1.02;--lh-head: 1.08;--lh-lead: 1.42;--lh-body: 1.6;--lh-tight: 1.3;--ls-display: -.02em;--ls-head: -.012em;--ls-body: 0;--ls-micro: .14em;--s-1: 4px;--s-2: 8px;--s-3: 16px;--s-4: 24px;--s-5: 32px;--s-6: 48px;--s-7: 64px;--s-8: 96px;--s-9: 128px;--sec-tight: clamp(32px, 4vw, 40px);--sec-std: clamp(48px, 6vw, 64px);--sec-major: clamp(64px, 8vw, 96px);--sec-hero: clamp(88px, 11vw, 144px);--w-wide: 1240px;--w-feature: 880px;--w-read: 64ch;--gutter: clamp(24px, 5vw, 32px);--r-0: 0px;--r-1: 4px;--r-2: 8px;--r-3: 12px;--radius-architectural: var(--r-0);--radius-tag: var(--r-1);--radius-control: var(--r-2);--radius-surface: var(--r-3);--radius-pill: 999px;--depth-rest: 0 1px 2px rgba(58,31,6,.07), 0 3px 8px -2px rgba(58,31,6,.09);--depth-overlay: 0 2px 6px rgba(58,31,6,.1), 0 18px 40px -12px rgba(58,31,6,.24);--depth-rest-dark: inset 0 1px 0 rgba(255,255,255,.07);--border-hairline: 1px solid rgba(58,31,6,.12);--border-hairline-dark: 1px solid rgba(255,255,255,.14);--border-input: 1px solid #9B865C;--t-instant: 80ms;--t-quick: .16s;--t-calm: .24s;--t-slow: .42s;--t-cinematic: 1.2s;--ease-rest: cubic-bezier(.22,.61,.36,1);--ease-press: cubic-bezier(.2,.7,.4,1);--ease-exit: cubic-bezier(.4,0,.7,.3);--motion-hover: transform var(--t-calm) var(--ease-rest);--motion-press: transform var(--t-instant) var(--ease-press);--motion-focus: box-shadow var(--t-instant) var(--ease-rest);--motion-underline: transform var(--t-quick) var(--ease-rest);--motion-reveal: opacity var(--t-slow) var(--ease-rest), transform var(--t-slow) var(--ease-rest);--reveal-hero: opacity .52s var(--ease-rest), transform .52s var(--ease-rest);--stagger-step: 90ms;--lift-hover-control: translateY(-2px);--lift-hover-surface: translateY(-4px);--press-down: translateY(1px) scale(.99)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;background:var(--skm-bg-page);color:var(--skm-text-primary);font-family:var(--font-text);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body)}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:400;color:var(--skm-text-strong);line-height:var(--lh-head);letter-spacing:var(--ls-head)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3,h4{font-size:var(--fs-h3)}p{margin:0 0 var(--s-4)}a{color:var(--skm-text-link)}a:focus-visible{outline:2px solid var(--skm-focus-ring);outline-offset:2px;border-radius:2px}hr{border:none;border-top:var(--border-hairline);margin:var(--s-6) 0}.display{margin:0;font-family:var(--font-display);font-weight:400;color:var(--skm-text-strong);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display)}.hl{color:var(--skm-honey)}.eyebrow{margin:0 0 var(--s-3);font-family:var(--font-text);font-weight:700;font-size:var(--fs-micro);line-height:var(--lh-tight);letter-spacing:var(--ls-micro);text-transform:uppercase;color:var(--skm-coffee)}.eyebrow--pine{color:var(--skm-green-pine)}.lead{font-family:var(--font-text);font-weight:400;font-size:var(--fs-lead);line-height:var(--lh-lead);letter-spacing:var(--ls-body);color:var(--skm-text-primary)}.bleed{width:100%}.wide{max-width:min(var(--w-wide),100% - 2 * var(--gutter));margin-inline:auto}.feature{max-width:min(var(--w-feature),100% - 2 * var(--gutter));margin-inline:auto}.read{max-width:min(var(--w-read),100% - 2 * var(--gutter))}.btn{display:inline-block;font-family:var(--font-text);font-weight:700;font-size:var(--fs-body);line-height:1.2;color:var(--skm-text-primary);text-decoration:none;text-align:center;cursor:pointer;padding:12px 22px;min-height:44px;border:2px solid transparent;border-radius:var(--radius-control);background:transparent;transition:transform var(--t-quick) var(--ease-rest),box-shadow var(--t-instant) var(--ease-rest)}.btn--sm{padding:8px 16px;font-size:var(--fs-small)}.btn--md{padding:12px 22px;font-size:var(--fs-body)}.btn--lg{padding:16px 30px;font-size:1.375rem}.btn--primary{background:var(--skm-brand);color:var(--skm-text-on-honey)}.btn--secondary{background:var(--skm-brown);color:var(--skm-bg-page)}.btn--outline{background:transparent;color:var(--skm-brown);border-color:var(--skm-brown)}.btn--ghost{background:transparent;color:var(--skm-coffee)}@media(hover:hover)and (pointer:fine){.btn:not(:disabled):hover{transform:var(--lift-hover-control)}.btn--primary:not(:disabled):hover{background:var(--skm-brand-hover)}.btn--secondary:not(:disabled):hover{background:var(--skm-brown-strong)}}.btn:active{transform:var(--press-down);transition:var(--motion-press)}.btn--primary:active{background:var(--skm-brand-pressed)}.btn--secondary:active{background:var(--skm-brown-strong)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--skm-focus-ring);outline-offset:2px;box-shadow:0 0 0 3px #2f3f368c}.input{display:block;width:100%;font-family:var(--font-text);font-weight:400;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--skm-text-primary);background:var(--skm-bg-surface);padding:14px 16px;border:var(--border-input);border-radius:var(--radius-control);transition:border-color var(--t-quick) var(--ease-rest)}.input::placeholder{color:var(--skm-text-muted)}.input:hover{border-color:var(--skm-brown)}.input:focus{outline:2px solid var(--skm-focus-ring);outline-offset:2px;border-color:var(--skm-honey);box-shadow:0 0 0 3px #2f3f368c}.input[aria-invalid=true]{border-color:var(--skm-danger)}.input:disabled{opacity:.5;cursor:not-allowed}.field-label{display:block;margin-bottom:var(--s-2);font-family:var(--font-text);font-weight:600;font-size:var(--fs-small);color:var(--skm-text-strong)}.field-help{margin-top:var(--s-2);font-family:var(--font-text);font-weight:400;font-size:var(--fs-caption);line-height:var(--lh-lead);color:var(--skm-text-muted)}.tag{display:inline-flex;align-items:center;font-family:var(--font-text);font-weight:600;font-size:var(--fs-caption);line-height:var(--lh-tight);padding:4px 12px;border-radius:var(--radius-tag);border:1px solid transparent}.tag--default{background:var(--skm-cream);color:var(--skm-brown);border-color:var(--skm-border-subtle)}.tag--brand{background:var(--skm-honey);color:var(--skm-brown);border-color:var(--skm-honey-strong)}.tag--brown{background:var(--skm-brown);color:var(--skm-bg-page);border-color:var(--skm-brown-strong)}.tag--welfare{background:#2f3f361a;color:var(--skm-green-pine);border-color:#2f3f3633}.tag--success{background:#5c7a5224;color:var(--skm-success-text);border-color:#5c7a524d}.tag--vilt{background:#93491014;color:var(--skm-coffee);border-color:#93491040}.card{padding:var(--s-5);background:var(--skm-bg-surface);border-radius:var(--radius-surface);box-shadow:var(--depth-rest)}.card--feature{background:var(--skm-cream);border:1px solid var(--skm-honey-soft)}.card--inverse{background:var(--skm-brown);color:var(--skm-text-on-brown);box-shadow:var(--depth-rest-dark)}.card--inverse h1,.card--inverse h2,.card--inverse h3,.card--inverse h4{color:var(--skm-cream)}.card--interactive{position:relative;transition:var(--motion-hover)}.card--interactive:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:var(--depth-overlay);opacity:0;pointer-events:none;transition:opacity var(--t-calm) var(--ease-rest)}@media(hover:hover)and (pointer:fine){.card--interactive:hover{transform:var(--lift-hover-surface)}.card--interactive:hover:after{opacity:1}}.alert{display:flex;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-radius:var(--radius-surface);border-left:4px solid var(--skm-honey);background:var(--skm-cream);color:var(--skm-text-primary)}.alert__icon{flex:none;width:24px;height:24px}.alert__content{min-width:0}.alert__title{font-family:var(--font-text);font-weight:700;color:var(--skm-text-primary)}.alert__body{margin:var(--s-1) 0 0;font-family:var(--font-text);font-weight:400;font-size:var(--fs-small);line-height:var(--lh-body)}.alert--success{border-left-color:var(--skm-success);background:#5c7a521a}.alert--info{border-left-color:var(--skm-brown);background:#512e0b14}.alert--warning{border-left-color:var(--skm-warning);background:#c9740a1a}.alert--danger{border-left-color:var(--skm-danger);background:#b23a1817}.link{position:relative;font-family:var(--font-text);font-weight:700;font-size:var(--fs-small);line-height:var(--lh-body);color:var(--skm-text-primary);text-decoration:none;padding-bottom:var(--s-1);white-space:nowrap}.link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--skm-honey)}.link:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--skm-honey-strong);transform:scaleX(0);transform-origin:left center;transition:var(--motion-underline)}@media(hover:hover)and (pointer:fine){.link:hover:before{transform:scaleX(1)}}.link:focus-visible{outline:2px solid var(--skm-focus-ring);outline-offset:3px;box-shadow:0 0 0 3px #2f3f368c;border-radius:2px}.link .arw{color:var(--skm-honey)}.on-dark{color:var(--skm-text-on-brown)}.on-dark h1,.on-dark h2,.on-dark h3,.on-dark h4,.on-dark .display{color:var(--skm-cream)}.on-dark .hl,.on-dark .eyebrow{color:var(--skm-honey-soft)}.on-dark .lead{color:var(--skm-cream)}.on-dark hr{border-top:var(--border-hairline-dark)}.on-dark a,.on-dark .link{color:var(--skm-cream)}.on-dark .link:after{background:var(--skm-honey-soft)}.on-dark .link:before{background:var(--skm-cream)}.on-dark .link .arw{color:var(--skm-honey-soft)}.on-dark .btn:focus-visible,.on-dark .link:focus-visible,.on-dark a:focus-visible{outline-color:var(--skm-honey-soft);box-shadow:0 0 0 3px #ffce6c80}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/skm-v2-tokens.css.map */
