.ryanth-home{--cream:#faf7f2;--sand:#f2ece4;--ink:#1c1917;--gold:#b59a6a;background:var(--cream);color:var(--ink);width:100%;font-family:inherit}
.ryanth-home *{box-sizing:border-box}.ryanth-home img{display:block;width:100%;height:100%;object-fit:cover}
.ryanth-home .ryanth-content{width:100%;max-width:1600px;margin-inline:auto;padding-inline:clamp(24px,7vw,120px)}
.ryanth-home h1,.ryanth-home h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1;margin:0}
.ryanth-home h1{font-size:clamp(42px,5.2vw,76px)}.ryanth-home h2{font-size:clamp(28px,3vw,42px)}
.ryanth-eyebrow{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}
.ryanth-hero{height:clamp(500px,52vw,760px);position:relative;background:#080706;color:#fff;overflow:hidden;display:flex;align-items:center}
.ryanth-hero__media{position:absolute;inset:0}.ryanth-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.08))}
.ryanth-hero__media>.ryanth-placeholder{height:100%}.ryanth-hero__shade{position:absolute;inset:0;pointer-events:none}.ryanth-hero__inner{position:relative;z-index:1;width:86%;max-width:1450px;margin:0 auto;padding:30px 0}
.ryanth-hero__inner h1{max-width:660px}.ryanth-hero__body{font-size:14px;line-height:1.8;max-width:430px;color:#e8e1d8;margin:22px 0 28px}
.ryanth-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 28px;background:var(--ink);color:#fff;text-decoration:none;font-size:10px;letter-spacing:.2em;border:1px solid var(--ink);transition:opacity .2s}
.ryanth-button:hover{opacity:.8}.ryanth-button--outline{background:transparent;color:inherit;border-color:currentColor}
.ryanth-shades{text-align:center;padding-top:64px;padding-bottom:40px}
.ryanth-shade-list{display:flex;justify-content:center;gap:clamp(14px,2.1vw,32px);flex-wrap:wrap;margin:32px auto 0}
.ryanth-shade-list a{display:flex;flex-direction:column;align-items:center;gap:11px;text-decoration:none;color:#746c63;font-size:9px;letter-spacing:.13em}
.ryanth-shade-list i{display:block;width:42px;height:42px;border-radius:50%;background:var(--shade);border:1px solid rgba(0,0,0,.06);box-shadow:0 0 0 4px #fff}
.ryanth-categories{text-align:center;padding-top:32px;padding-bottom:78px}
.ryanth-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:38px auto 0;text-align:left}
.ryanth-category-card{position:relative;min-height:360px;aspect-ratio:.69;overflow:hidden;color:#fff;text-decoration:none;background:#d9d2c9;display:flex;flex-direction:column;justify-content:flex-end;padding:22px}
.ryanth-category-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.62))}
.ryanth-category-card__image{position:absolute;inset:0}.ryanth-category-card__title,.ryanth-category-card small{position:relative;z-index:1}.ryanth-category-card__title{font-family:Georgia,serif;font-size:clamp(17px,1.5vw,24px)}.ryanth-category-card small{font-size:9px;letter-spacing:.16em;margin-top:9px}
.ryanth-placeholder{height:100%;min-height:150px;background:linear-gradient(160deg,#f4eee6 0%,#e5ddd3 52%,#aaa49d 100%)}
.ryanth-placeholder--hero{background:linear-gradient(110deg,#171412,#090807 70%)}
.ryanth-trending{background:var(--sand);padding:76px 0 82px;text-align:center}.ryanth-section-sub{font-size:13px;color:#766e66;margin:14px 0 34px}
.ryanth-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;text-align:left;margin:0 auto 30px}
.ryanth-product{display:block;text-decoration:none;color:inherit;min-width:0;font-size:11px}.ryanth-product__image{aspect-ratio:.72;position:relative;margin-bottom:12px;background:#b9a080;overflow:hidden}.ryanth-product__image b{position:absolute;top:12px;left:12px;background:#191715;color:#fff;padding:6px 8px;font-size:8px;letter-spacing:.1em;font-weight:400}
.ryanth-product strong{font-weight:400;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ryanth-product span{display:block;margin-top:6px;font-size:12px}
.swatch--champagne{background:linear-gradient(135deg,#cbb08b,#9e805c)}.swatch--black{background:linear-gradient(135deg,#292929,#080808)}.swatch--burgundy{background:linear-gradient(135deg,#9a1d42,#591027)}.swatch--navy{background:linear-gradient(135deg,#394b5d,#1c2a39)}.swatch--mauve{background:linear-gradient(135deg,#c5a0b0,#966b80)}
.ryanth-editorial{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center;padding-top:76px;padding-bottom:76px}
.ryanth-editorial__image{aspect-ratio:.88;background:#f0ebe4;overflow:hidden}.ryanth-editorial__copy{max-width:520px}.ryanth-editorial__copy h2{margin-bottom:20px}.ryanth-editorial__copy p:not(.ryanth-eyebrow){font-size:13px;line-height:1.9;color:#71685f;margin-bottom:24px}
.ryanth-mother{background:linear-gradient(110deg,#302722,#4a382e);color:#fff;padding:70px 7vw}.ryanth-mother__inner{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.ryanth-mother__copy{max-width:560px}.ryanth-mother__copy h2{margin-bottom:20px}.ryanth-mother__copy p:not(.ryanth-eyebrow){font-size:13px;line-height:1.9;color:#e2d8ce;margin-bottom:24px}.ryanth-mother__image{aspect-ratio:1.2;overflow:hidden;background:#59483d}
.ryanth-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-top:42px;padding-bottom:42px;background:#f2ece4;text-align:center}
.ryanth-benefits div{display:flex;flex-direction:column;gap:12px}.ryanth-benefits strong{font-family:Georgia,serif;font-weight:400;font-size:17px}.ryanth-benefits span{font-size:11px;line-height:1.7;color:#81766b}
.ryanth-loved{text-align:center;padding-top:64px;padding-bottom:70px}.ryanth-loved__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:32px auto 0}.ryanth-loved__grid>div,.ryanth-loved__grid>img{aspect-ratio:.85;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.ryanth-home .ryanth-content{padding-inline:24px}.ryanth-category-card{min-height:290px;padding:15px}.ryanth-product-grid{gap:12px}.ryanth-mother{padding:50px 24px}}
@media(max-width:749px){.ryanth-hero{height:520px}.ryanth-hero__inner{width:88%}.ryanth-home h1{font-size:42px}.ryanth-home h2{font-size:29px}.ryanth-hero__body{font-size:12px;max-width:320px}.ryanth-home .ryanth-content{padding-inline:18px}.ryanth-shades{padding-top:44px;padding-bottom:32px}.ryanth-shade-list{gap:18px 14px}.ryanth-shade-list i{width:32px;height:32px}.ryanth-shade-list a{font-size:8px}.ryanth-categories{padding-top:24px;padding-bottom:45px}.ryanth-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.ryanth-category-card{min-height:250px;padding:12px}.ryanth-category-card__title{font-size:16px}.ryanth-category-card small{font-size:7px}.ryanth-trending{padding:46px 0}.ryanth-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.ryanth-product:nth-child(n+5){display:none}.ryanth-product__image{aspect-ratio:.78}.ryanth-editorial{grid-template-columns:1fr;gap:24px;padding-top:40px;padding-bottom:42px}.ryanth-editorial__image{aspect-ratio:1.05}.ryanth-mother{padding:40px 20px}.ryanth-mother__inner{grid-template-columns:1fr;gap:24px}.ryanth-mother__image{grid-row:1;aspect-ratio:1.1}.ryanth-benefits{grid-template-columns:1fr;gap:24px;padding:34px 20px}.ryanth-loved{padding-top:44px;padding-bottom:46px}.ryanth-loved__grid{grid-template-columns:repeat(3,1fr);gap:4px}.ryanth-loved__grid>div:nth-child(n+4),.ryanth-loved__grid>img:nth-child(n+4){display:none}}

/* Four-category navigation shown on the homepage only */
body:has(.ryanth-home) .ryanth-header-nav-row{display:flex;justify-content:center;width:100%;padding:0 16px 14px}
body:has(.ryanth-home) .ryanth-four-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,48px);width:100%;padding:12px 16px;background:#faf7f2}
body:has(.ryanth-home) .ryanth-four-nav a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#29231f;white-space:nowrap}
body:has(.ryanth-home) .ryanth-four-nav a:hover{color:#a58b62}
@media(max-width:749px){body:has(.ryanth-home) .ryanth-header-nav-row{padding:0 8px 10px}body:has(.ryanth-home) .ryanth-four-nav{gap:10px 16px;flex-wrap:wrap;padding:8px 4px}body:has(.ryanth-home) .ryanth-four-nav a{font-size:9px;letter-spacing:.04em;white-space:normal;text-align:center}}