.ms-luonto{--ink:#f2eee6;--ink-dim:#b8b2a6;--gold:#9b7418;--gold-hot:#c49a2e;--bg:#0e0e0d;--bg-2:#161614;--line:#2a2926;--card:#1a1917;--cream:#f3f0e8;color:var(--ink);background:var(--bg);overflow-x:clip}.ms-luonto *{box-sizing:border-box}.ms-luonto a{text-decoration:none;color:inherit}.ms-luonto :is(a,button):focus-visible{outline:2px solid var(--gold-hot);outline-offset:3px}.ms-luonto .page-width{width:100%;max-width:1500px;margin:0 auto;padding-left:clamp(18px,3.5vw,56px);padding-right:clamp(18px,3.5vw,56px)}.ms-luonto__eyebrow{margin:0 0 8px;color:var(--gold-hot);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.ms-luonto__eyebrow--tight{margin:0 0 4px;font-size:9px;letter-spacing:.16em}.ms-luonto h1,.ms-luonto h2,.ms-luonto strong{font-family:inherit}.ms-luonto__trust{margin-top:18px;font-size:10px;line-height:1.5}.ms-luonto__related{margin:0!important;padding-top:24px;padding-bottom:26px;color:var(--ink-dim);font-size:12px;text-align:center}.ms-luonto__related a{text-decoration:underline;text-underline-offset:3px}.ms-luonto__related span{padding:0 9px}.ms-luonto__hero{background:var(--bg);border-bottom:1px solid var(--line);padding:clamp(18px,2.6vw,28px) 0}.ms-luonto__hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(16px,3vw,36px);align-items:center}.ms-luonto__hero-media{margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#111;aspect-ratio:16/9;max-height:310px}.ms-luonto__hero-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.ms-luonto__hero-copy{min-width:0}.ms-luonto__hero h1{margin:0;font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.12;letter-spacing:-.035em;color:#fff}.ms-luonto__lede{margin:10px 0 0;max-width:520px;font-size:14px;line-height:1.6;color:var(--ink-dim)}.ms-luonto__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}.ms-luonto__button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 20px;border-radius:999px;background:var(--gold);color:#fff!important;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ms-luonto__button:hover{background:#7f5e12}.ms-luonto__text-link{color:#fff!important;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:4px}.ms-luonto__text-link:hover{color:var(--gold-hot)!important;border-bottom-color:var(--gold-hot)}.ms-luonto__trust{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0 0;padding:0 0 4px;list-style:none;color:var(--ink-dim);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.ms-luonto__trust li+li:before{content:"\b7";margin-right:14px;color:var(--gold)}.ms-luonto .ms-collection-inspiration{border:0;margin:0;padding:0;background:transparent}.ms-luonto .ms-collection-inspiration>summary{list-style:none;cursor:pointer;text-align:center;padding:14px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ms-luonto .ms-collection-inspiration>summary::-webkit-details-marker{display:none}.ms-luonto .ms-collection-inspiration>summary:hover{color:#fff}.ms-luonto__directory{padding:clamp(28px,3.5vw,44px) 0;background:var(--bg);color:#fff;scroll-margin-top:100px}.ms-luonto__directory-head{text-align:center;max-width:640px;margin:0 auto 18px}.ms-luonto__directory-head h2{margin:0;color:#fff;font-size:clamp(20px,1.8vw,28px);font-weight:500;letter-spacing:-.02em}.ms-luonto__family-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ms-luonto-family{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.ms-luonto-family__head{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.ms-luonto-family h3{margin:0;color:#fff;font-size:15px;font-weight:500;letter-spacing:-.01em}.ms-luonto-family__links{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.ms-luonto-dir__link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #262522;color:#e8e4dc!important;font-size:12px}.ms-luonto-dir__link:hover{color:var(--gold-hot)!important}.ms-luonto-dir__link b{color:var(--gold);font-weight:400}.ms-luonto__look{padding:18px 0 10px;background:var(--bg-2);border-bottom:1px solid var(--line);scroll-margin-top:100px}.ms-luonto__look-inner{padding-inline:clamp(18px,3.5vw,56px)}.ms-luonto__look-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.ms-luonto__look h2{margin:0;color:#fff;font-size:clamp(18px,1.6vw,22px);font-weight:500;letter-spacing:-.02em}.ms-luonto__look-controls{display:flex;gap:6px}.ms-luonto__look-controls button{display:flex;align-items:center;justify-content:center;border:1px solid var(--gold);background:transparent;border-radius:50%;width:36px;height:36px;color:var(--gold-hot);cursor:pointer;transition:background .15s,color .15s}.ms-luonto__look-controls button:hover{background:var(--gold);color:#fff}.ms-luonto__look-controls button:disabled{opacity:.28;cursor:default}.ms-luonto__look-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,calc((100% - 42px)/4.2));gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:2px 2px 8px;margin:-2px;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}.ms-luonto__look-track::-webkit-scrollbar{display:none}.ms-luonto__look-track.is-dragging{scroll-snap-type:none;-webkit-user-select:none;user-select:none;cursor:grabbing}.ms-luonto-look-card{position:relative;display:block;margin:0;scroll-snap-align:start;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#111;aspect-ratio:4/3;color:#fff}.ms-luonto-look-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block;transition:transform .45s ease}.ms-luonto-look-card:hover img{transform:scale(1.03)}.ms-luonto-look-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(8,8,7,.88) 100%);pointer-events:none}.ms-luonto-look-card>span{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.ms-luonto-look-card small{color:var(--gold-hot);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ms-luonto-look-card strong{font-size:clamp(14px,1.1vw,17px);font-weight:500;line-height:1.15;color:#fff}.ms-luonto__strip{background:#121210;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ms-luonto__strip-list{display:flex;justify-content:center;gap:clamp(16px,4vw,40px);flex-wrap:wrap;margin:0;padding:12px 0;list-style:none;font-size:12px;line-height:1.4;color:var(--ink-dim)}.ms-luonto__strip-list strong{color:#fff;font-weight:600}.ms-luonto__finishes{text-align:center;padding:clamp(36px,4vw,56px) 0 16px;scroll-margin-top:100px;color:var(--ink)}.ms-luonto__finishes h2,.ms-luonto__faq h2,.ms-luonto__seo h2{margin:0;font-size:clamp(22px,2.2vw,34px);font-weight:400;line-height:1.08;letter-spacing:-.025em;color:#fff}.ms-luonto__finishes-lede{max-width:780px;margin:12px auto 0;font-size:14px;line-height:1.6;color:var(--ink-dim)}.ms-luonto__finish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;text-align:left}.ms-luonto-finish-group{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.ms-luonto-finish-group h3{margin:0 0 6px;font-size:16px;font-weight:500;color:#fff}.ms-luonto-finish-group>p{min-height:36px;margin:0 0 12px;font-size:11px;line-height:1.5;color:var(--ink-dim)}.ms-luonto-swatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ms-luonto-swatch{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left;color:inherit;font:inherit}.ms-luonto-swatch img{display:block;width:100%;aspect-ratio:1.2/1;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#222}.ms-luonto-swatch span{display:block;margin-top:5px;font-size:10px;line-height:1.3;color:var(--ink-dim)}.ms-luonto-swatch:hover img{outline:2px solid var(--gold);outline-offset:2px}.ms-luonto__finish-note{margin:18px 0 0;text-align:center;font-size:12px;line-height:1.6;color:var(--ink-dim)}.ms-luonto__faq{text-align:center;padding:clamp(36px,4vw,52px) 0;scroll-margin-top:100px}.ms-luonto__faq h2{max-width:900px;margin:0 auto}.ms-luonto__faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;text-align:left}.ms-luonto__faq-grid h3{margin:0 0 8px;font-size:16px;font-weight:500;color:#fff}.ms-luonto__faq-grid p{margin:0;font-size:13px;line-height:1.6;color:var(--ink-dim)}.ms-luonto__seo{text-align:center;padding:clamp(28px,3.5vw,44px) 0}.ms-luonto__seo h2{max-width:900px;margin:0 auto;font-size:clamp(22px,2vw,32px)}.ms-luonto__seo>p:last-child{max-width:900px;margin:14px auto 0;color:var(--ink-dim);font-size:14px;line-height:1.65}.ms-luonto__seo a{color:#fff;text-decoration:underline;text-underline-offset:3px}.ms-luonto__shop-anchor{height:1px;scroll-margin-top:100px}.ms-luonto-lightbox{border:0;padding:24px;border-radius:12px;max-width:min(92vw,720px);background:#111;color:#fff}.ms-luonto-lightbox::backdrop{background:#000000b8}.ms-luonto-lightbox img{display:block;width:100%;height:auto;border-radius:8px}.ms-luonto-lightbox p{margin:12px 0 0;text-align:center;font-size:14px}.ms-luonto-lightbox__close{position:absolute;top:8px;right:12px;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}body:has(.ms-luonto) [id$=__collection-header]{display:none!important}@media(prefers-reduced-motion:reduce){.ms-luonto-look-card img{transition:none}}@media(max-width:1080px){.ms-luonto__family-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-luonto__look-track{grid-auto-columns:minmax(220px,calc((100% - 24px)/2.2))}.ms-luonto__finish-grid{grid-template-columns:repeat(2,1fr)}.ms-luonto__faq-grid{grid-template-columns:1fr}}@media(max-width:900px){.ms-luonto__hero-grid{grid-template-columns:1fr}.ms-luonto__hero-media{aspect-ratio:16/9;max-height:220px}}@media(max-width:749px){.ms-luonto__hero{padding:16px 0}.ms-luonto__hero h1{font-size:30px}.ms-luonto__family-groups,.ms-luonto-family__links{grid-template-columns:1fr}.ms-luonto__look-track{grid-auto-columns:minmax(200px,78%)}.ms-luonto__look-controls button{width:34px;height:34px}.ms-luonto__trust{width:100%}.ms-luonto__finish-grid{grid-template-columns:1fr}.ms-luonto__strip-list{flex-direction:column;align-items:center;gap:8px;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/212/assets/ms-luonto-collection.css.map */