.signal-strip.service-commitments{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:112px} .service-commitments>div{grid-template-columns:26px minmax(0,1fr);column-gap:8px;padding:5px 17px} .service-commitments>div:first-child{padding-left:0} .service-commitments strong{font-size:12px;line-height:1.35} .service-commitments span:last-child{grid-column:2;color:var(--muted);font-size:11px;line-height:1.45;margin-top:5px} .service-commitments .strip-index{grid-row:1 / 3} .insights-meta{display:flex;justify-content:space-between;align-items:center;gap:12px} .insights-author{color:var(--coral);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase} .article-main{padding-top:78px;padding-bottom:100px} .editorial-article{max-width:920px;margin:0 auto;padding:0} .article-header{max-width:790px;margin:0 auto 38px} .article-header h1{max-width:790px;margin:22px 0 19px;font-size:clamp(44px,6vw,76px);line-height:.98} .article-meta{display:flex;align-items:center;gap:17px;margin-bottom:30px;color:var(--muted);font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase} .article-byline{padding-left:17px;border-left:1px solid var(--line)} .article-byline strong{color:var(--ink);font-weight:600} .article-header .content-entry-featured{margin:0;max-height:570px} .article-content{max-width:700px;margin:0 auto} .article-service-card{max-width:700px;margin:60px auto 0;padding:34px 38px;background:var(--ink);color:var(--white);border-top:3px solid var(--coral)} .article-service-card .mono-label{color:var(--coral-light)} .article-service-card h2{margin:18px 0 12px;color:var(--white);font-size:clamp(28px,4vw,42px)} .article-service-card p{margin:0 0 22px;color:#d1d8d9;font-size:14px;line-height:1.65} .krv-commitments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 24px;border:1px solid rgba(21,37,54,.12);background:var(--white)} .krv-commitments>div{min-width:0;padding:15px 13px;border-right:1px solid var(--line)} .krv-commitments>div:last-child{border-right:0} .krv-commitments strong{display:block;color:var(--ink);font-size:12px;line-height:1.3} .krv-commitments span{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4} .krv-clear-note{margin:14px 0;padding:13px 15px;border-left:2px solid var(--coral);background:#f3f0e9;color:var(--ink);font-size:12px;line-height:1.55} @media(max-width:820px){html,body{overflow-x:clip} .hero-visual{overflow:clip} .signal-strip.service-commitments{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:100px} .service-commitments>div,.service-commitments>div:first-child{min-height:76px;padding:13px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)} .service-commitments>div:nth-child(even){border-right:0} .service-commitments>div:nth-last-child(-n+2){border-bottom:0} .article-main{padding-top:55px;padding-bottom:75px} .article-service-card{margin-top:42px;padding:28px 25px} } @media(max-width:520px){.signal-strip.service-commitments{grid-template-columns:1fr} .service-commitments>div,.service-commitments>div:first-child,.service-commitments>div:nth-last-child(-n+2){min-height:0;padding:13px 0;border-right:0;border-bottom:1px solid var(--line)} .service-commitments>div:last-child{border-bottom:0} .article-main{padding-top:36px;padding-bottom:58px} .editorial-article{padding:0} .article-header{margin-bottom:27px} .article-header h1{font-size:clamp(39px,11vw,54px)} .article-meta{font-size:9px;gap:11px;margin-bottom:22px} .article-byline{padding-left:11px} .krv-commitments{grid-template-columns:repeat(2,minmax(0,1fr))} .krv-commitments>div:nth-child(even){border-right:0} .krv-commitments>div:nth-child(-n+2){border-bottom:1px solid var(--line)} } @media(prefers-reduced-motion:reduce){.service-commitments>div,.article-service-card{transition:none}} .product-order-terms{display:grid;gap:4px;margin:16px 0;padding:14px 16px;border-left:2px solid var(--coral);background:var(--paper-warm)} .product-order-terms strong{font-size:12px;line-height:1.4} .product-order-terms span{color:var(--muted);font-size:11px;line-height:1.5} .krv-order-terms{margin:-7px 0 3px;padding:11px 13px;border-left:2px solid #cf6745;background:#f4f1eb;color:#152536;font-size:12px;line-height:1.5} html{scroll-padding-top:98px} .site-header{position:sticky;top:0;z-index:25;background:rgba(245,244,239,.94);-webkit-backdrop-filter:saturate(135%) blur(14px);backdrop-filter:saturate(135%) blur(14px);border-bottom:1px solid rgba(21,37,54,.08)} body.admin-bar .site-header{top:32px} body.admin-bar main [id]{scroll-margin-top:130px} .preview-modal{z-index:1000} .button-coral:hover{background:#873923} .button:active,.menu-toggle:active{transform:scale(.985)} :where(a,button,summary,input,textarea,select):focus-visible{outline:3px solid var(--ink);outline-offset:3px} .reveal{opacity:1;transform:none;transition:none} .reveal-engine .reveal{opacity:0;transform:translateY(18px);transition:opacity .68s var(--ease),transform .68s var(--ease)} .reveal-engine .reveal.is-visible{opacity:1;transform:translateY(0)} .reveal-engine .wear-card:nth-child(3n + 2){transition-delay:.07s} .reveal-engine .wear-card:nth-child(3n){transition-delay:.14s} .hero-orbit{animation:hero-orbit-drift 18s ease-in-out infinite alternate} .orbit-b{animation-delay:-9s} .wear-card-link .wear-visual img{transition:transform .7s var(--ease)} .wear-card-link:focus-visible{outline-color:var(--ink)} .wear-card-link:focus-visible .wear-visual img{transform:scale(1.035)} .hero-visual{overflow:clip} @keyframes hero-orbit-drift{from{translate:0 0}to{translate:0 -8px}} @media(hover:hover){.wear-card-link:hover .wear-visual img{transform:scale(1.035)}} @media(max-width:820px){html{scroll-padding-top:86px} .site-header{top:0} .desktop-nav,.desktop-nav.mobile-open{display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:calc(100vh - 132px);max-height:calc(100svh - 132px);overflow:auto;overscroll-behavior:contain;margin:0;padding:12px 18px;flex-direction:column;gap:4px;background:var(--white);border:1px solid var(--line);box-shadow:0 18px 42px rgba(13,27,42,.14);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .22s ease,transform .22s var(--ease),visibility .22s ease} .desktop-nav.mobile-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)} .desktop-nav.mobile-open>a,.desktop-nav.mobile-open .nav-category-menu>summary{display:flex;align-items:center;min-height:44px;padding:8px 2px} .desktop-nav.mobile-open .nav-category-panel a{min-height:40px} .menu-toggle{width:44px;height:44px;display:grid;align-content:center;justify-items:center;padding:5px} .menu-toggle span{transition:transform .22s var(--ease),opacity .16s ease} .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(6px) rotate(45deg)} .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0} .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6px) rotate(-45deg)} .wear-card-link .wear-visual img{transition-duration:.45s} .signal-strip.service-commitments{margin-bottom:72px} .collection{margin-top:72px} } @media screen and(max-width:782px){body.admin-bar .site-header{top:46px}body.admin-bar main [id]{scroll-margin-top:130px}} @media(max-width:480px){.announcement a{display:none}} @media(max-width:360px){.hero h1{font-size:48px}.announcement{gap:6px;padding-inline:8px;font-size:8px;white-space:nowrap}.announcement a{display:none}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto} .reveal-engine .reveal,.reveal-engine .reveal.is-visible{opacity:1;transform:none;transition:none} .hero-orbit,.wear-card-link .wear-visual img,.button,.menu-toggle,.desktop-nav{animation:none!important;transition:none!important} } .krv-related-products{margin:32px 0;padding:24px;border:1px solid #d9dfdc;background:#f7f7f4}.krv-related-products h2{margin:4px 0 14px;font-size:22px}.krv-related-products ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:0;padding:0;list-style:none}.krv-related-products a{display:block;padding:12px 14px;border:1px solid #d9dfdc;background:#fff;color:#152536;text-decoration:none}.krv-related-products a:hover,.krv-related-products a:focus-visible{border-color:#cf6745;color:#8c3d2c} .article-related-guides{margin:36px 0;padding:24px;border-top:1px solid #d9dfdc;border-bottom:1px solid #d9dfdc}.article-related-guides h2{margin:0 0 12px;font-size:20px}.article-related-guides ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 24px;margin:0;padding-left:20px}.article-related-guides a{color:#152536;text-decoration-color:#cf6745;text-underline-offset:3px}
