.rubby{--rc-ivory:#fbf2e5;--rc-wine:#360917;--rc-ink:#350d1a;background:var(--rc-ivory);color:var(--rc-ink);font:16px/1.6 system-ui,sans-serif;width:100%;text-align:start}
.rubby a{color:inherit;text-decoration:none}.rubby a:hover{text-decoration:underline}.rubby :focus-visible{outline:2px solid currentColor;outline-offset:5px}
.rubby-nav,.rubby-footer{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;padding:18px clamp(20px,6vw,100px)}
.rubby-wordmark{font:italic 29px/1.15 'Baskerville',Georgia,serif}.rubby-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}.rubby-links select{padding:8px;color:inherit;background:transparent;border:1px solid #89666d;font:inherit}
.rubby-hero{display:grid;grid-template-columns:1fr 1fr;color:var(--rc-ivory);background:var(--rc-wine);min-height:clamp(480px,52vw,680px)}
.rubby-copy{padding:clamp(38px,8vw,115px) clamp(22px,7vw,105px);align-self:center}.rubby-kicker{font-size:.72rem;letter-spacing:.2em;font-weight:650;text-transform:uppercase}
.rubby h1,.rubby h2{color:inherit;font:400 clamp(2.6rem,5.8vw,6rem)/.98 'Baskerville',Georgia,serif;letter-spacing:-.045em;margin:22px 0;overflow-wrap:break-word}.rubby h2{font-size:clamp(2rem,3.9vw,4rem);margin:0 0 15px}
.rubby-copy p:not(.rubby-kicker){max-width:34ch}.rubby a.rubby-button{display:inline-block;margin-top:20px;padding:11px 28px;background:var(--rc-ivory);color:var(--rc-ink)}
.rubby-art{display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 42% 27%,#ad4b58 0,#6c1833 38%,#300a18 79%);min-height:280px}
.rubby-frame{display:grid;place-items:center;width:min(80%,390px);aspect-ratio:1;border:1px solid #e4ab9778;border-radius:50%;text-align:center;box-shadow:0 0 0 12px #e4ab971e,inset 0 0 70px #300a18}
.rubby-frame span{font:italic clamp(2.9rem,7.5vw,8rem)/.78 'Baskerville',Georgia,serif;letter-spacing:-.07em;padding-inline-end:.09em}
.rubby-details{display:grid;grid-template-columns:1fr 2fr;gap:25px;padding:clamp(38px,7vw,105px) clamp(22px,7vw,105px)}.rubby-details p{max-width:55ch}.rubby-footer{border-top:1px solid #d9c2ba;font-size:.87rem}
@media(max-width:680px){.rubby-hero,.rubby-details{grid-template-columns:1fr}.rubby-art{padding-block:36px}.rubby-frame{width:min(65%,230px)}.rubby-nav{padding:15px 20px}.rubby-links{font-size:.88rem}}
.rubby-wordmark img{display:block;width:clamp(145px,19vw,230px);height:auto}
.rubby-art img{display:block;width:100%;max-width:760px;height:auto}
.rubby-art{background:#450815}