/* Quiet, consistent actions: a fine outline, generous space and soft tint. */
:root{--action-border:rgba(109,41,54,.48);--action-tint:rgba(109,41,54,.045)}
body :is(.text-link,.outline-link){display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:58px;min-width:240px;max-width:100%;padding:15px 23px;border:1px solid var(--action-border);border-radius:4px;background:transparent;color:var(--accent);font-family:var(--sans);font-size:13px;font-weight:400;line-height:1.8;letter-spacing:.045em;text-align:left;text-decoration:none;transition:background-color .65s ease,border-color .65s ease,color .65s ease}
body :is(.text-link,.outline-link):hover{background:var(--action-tint);border-color:var(--accent);color:var(--accent)}
body .link-icon{display:flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;font-size:inherit;transform:none!important;transition:none}
.link-icon svg{display:block;width:18px;height:18px}
body .shop-link{border:0;gap:12px;color:var(--accent);font-size:12px;min-height:44px;padding:8px 0}
body .shop-link:hover{background:transparent}
body .shop-link .link-icon{width:15px;flex-basis:15px}
body .shop-link svg{width:15px;height:15px}
body .shop-section .outline-link,body .about-return .outline-link{background:transparent;color:var(--accent);border:1px solid var(--action-border)}
body .shop-section .outline-link:hover,body .about-return .outline-link:hover{background:var(--action-tint);color:var(--accent);border-color:var(--accent)}
body.brand-home .hero-copy .text-link{color:white;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.6);min-width:270px;padding:15px 23px}
body.brand-home .hero-copy .text-link:hover{color:white;background:rgba(255,255,255,.12);border-color:white}
body.brand-home .header:not(.is-scrolled) .shop-link{color:white;border:0}
body.brand-home .header:not(.is-scrolled) .shop-link:hover{opacity:.8}
body .product-copy .text-link,body .adapt-layout .text-link{width:auto;min-width:240px}
body .interlude-copy .text-link{min-width:220px}
body .return-links{gap:24px}
body dialog .outline-link{min-width:0;min-height:50px}
@media(max-width:700px){
 body :is(.text-link,.outline-link){min-width:0;width:100%;min-height:56px;padding:14px 20px;font-size:12px;gap:20px}
 body .product-copy .text-link,body .adapt-layout .text-link,body .interlude-copy .text-link{min-width:0;width:100%}
 body.brand-home .hero-copy .text-link{min-width:0;width:auto;padding:14px 20px;min-height:56px}
 body.brand-home .header:not(.is-scrolled) nav.is-open .shop-link{color:var(--accent)}
 body .shop-link{justify-content:space-between;padding:12px 0}
}
@media(prefers-reduced-motion:reduce){body :is(.text-link,.outline-link){transition:none}}