:root {
    --raro-bg: #0b0d0c;
    --raro-bg-soft: #111311;
    --raro-ivory: #f3e8d5;
    --raro-gold: #d4a017;
    --raro-line: rgba(212, 160, 23, .28);
    --raro-muted: #9d9588;
    --raro-coral: #d95b58;
    --raro-green: #32a852;
}

html,
body {
    background: var(--raro-bg);
    color: var(--raro-ivory);
}

body {
    font-family: "Inter", sans-serif;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    color: var(--raro-ivory);
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

.raro-container {
    width: min(1440px, 92%);
    margin: 0 auto;
}

.raro-eyebrow {
    display: block;
    color: var(--raro-gold);
    font-size: 10px;
    letter-spacing: .2em;
    margin-bottom: 14px;
}

.raro-button {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    padding: 14px 20px;
    border: 1px solid var(--raro-gold);
    color: var(--raro-ivory);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

*,*::before,*::after{box-sizing:border-box}
body{line-height:1.6}
:focus-visible{outline:2px solid var(--raro-gold);outline-offset:4px}
.raro-header a:hover,.raro-footer a:hover,.raro-home a:hover,.raro-mobile-panel a:hover{color:var(--raro-gold)}
.raro-mobile-toggle:hover,.raro-mobile-toggle:focus,.raro-mobile-close:hover,.raro-mobile-close:focus{background:var(--raro-bg-soft);color:var(--raro-gold)}
.raro-container>*{min-width:0}
.raro-skip-link{position:fixed;left:16px;top:-100px;z-index:100000;padding:12px 20px;background:var(--raro-ivory);color:var(--raro-bg)}
.raro-skip-link:focus{top:12px}
.raro-home h2{font-size:clamp(30px,3.4vw,50px);line-height:1.12;margin:0 0 22px}
.raro-home p{line-height:1.7}
.raro-home-hero-signature{margin:24px 0;font-size:13px;color:var(--raro-muted)}
.raro-section-title-row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:16px;margin-bottom:28px}
.raro-home-benefits{padding:32px 0 48px;border-top:1px solid var(--raro-line)}
.raro-benefits-grid{gap:24px}.raro-benefit strong,.raro-benefit span{display:block;font-size:13px}.raro-benefit span{color:var(--raro-muted)}
.raro-home-editorial-media{display:grid;place-items:center;background:var(--raro-bg-soft);min-height:260px;text-align:center;letter-spacing:.12em;color:var(--raro-gold)}
.raro-home-editorial-media img{display:block;width:100%;height:100%;object-fit:cover}
.raro-banner{position:relative;overflow:hidden;padding:64px 0}.raro-banner>img,.raro-banner-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.raro-banner-overlay{background:rgba(0,0,0,.6)}.raro-banner-content{position:relative}

/* WooCommerce feedback, including the message shown after adding to the cart. */
.woocommerce-notices-wrapper:not(:empty){margin:18px auto 26px;max-width:1200px;width:92%}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.wc-block-components-notice-banner{
    background:var(--raro-bg-soft)!important;
    color:var(--raro-ivory)!important;
    border:1px solid var(--raro-line)!important;
    border-left:4px solid var(--raro-gold)!important;
    border-radius:4px!important;
    box-shadow:0 12px 32px rgba(0,0,0,.22);
    padding:18px 22px!important;
    font:500 14px/1.6 Inter,sans-serif;
}
.woocommerce .woocommerce-error,
.wc-block-components-notice-banner.is-error{border-left-color:var(--raro-coral)!important}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.wc-block-components-notice-banner svg{color:var(--raro-gold)!important;fill:var(--raro-gold)!important}
.woocommerce .woocommerce-error::before,
.wc-block-components-notice-banner.is-error svg{color:var(--raro-coral)!important;fill:var(--raro-coral)!important}
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-error a,
.wc-block-components-notice-banner a{color:var(--raro-gold)!important;text-decoration:underline;text-underline-offset:3px}
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .button,
.wc-block-components-notice-banner .wc-block-components-notice-banner__content .button{
    float:right;
    border:1px solid var(--raro-gold)!important;
    border-radius:2px!important;
    background:var(--raro-gold)!important;
    color:var(--raro-bg)!important;
    padding:10px 16px!important;
    font:600 12px/1.3 Inter,sans-serif!important;
    text-decoration:none!important;
}
@media(max-width:600px){
    .woocommerce .woocommerce-message .button,
    .woocommerce .woocommerce-info .button{float:none;display:table;margin:0 0 12px}
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error{padding-left:52px!important}