body:has(.sd-trio-hero){background:#f9f0e4;color:#3d210f}
body:has(.sd-trio-hero) .header-wrapper{background:#fbf3e8}
main:has(.sd-trio-hero){--sd-ink:#3d210f;--sd-cream:#fbf1e4;background:var(--sd-cream);padding-bottom:130px}
.sd-trio-hero{position:relative;min-height:430px;overflow:hidden;background:#f3e6d4;color:var(--sd-ink)}
.sd-trio-photo{position:absolute;inset:0}
.sd-trio-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.sd-trio-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f6ebdb 0%,#f6ebdb 36%,rgba(246,235,219,.94) 42%,transparent 60%)}
.sd-trio-copy{position:relative;z-index:1;width:49%;padding:65px 0 52px max(5vw,24px)}
.sd-trio-copy h1{font-family:Georgia,serif;font-size:clamp(48px,5.6vw,82px);font-weight:600;line-height:.98;letter-spacing:-3px;color:inherit;max-width:480px;margin:0 0 18px}
.sd-trio-copy>p{font-size:clamp(17px,1.8vw,25px);line-height:1.4;letter-spacing:.03em;margin:0 0 24px}
.sd-trio-steps{display:flex;gap:12px;align-items:center;font-size:12px;white-space:nowrap}
.sd-trio-steps a{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}
.sd-trio-steps span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #6b4c34;border-radius:50%;font-size:15px}
.sd-trio-steps a:first-child span{background:var(--sd-ink);color:#fff7ed}
.sd-trio-steps i{width:35px;height:1px;background:#ac947b}
.sd-trio-intro{max-width:1400px;margin:auto;padding:28px 5vw 22px;display:flex;gap:45px;align-items:center;scroll-margin-top:100px}
.sd-trio-intro h2{font-family:var(--font-body-family),sans-serif;font-weight:700;font-size:36px;line-height:1.1;letter-spacing:-1px;min-width:285px;margin:0;color:var(--sd-ink)}
.sd-trio-intro p{font-size:14px;line-height:1.5;max-width:490px;margin:0}
main:has(.sd-trio-hero) .byob{max-width:1400px;margin:0 auto;padding:0 5vw 25px;background:transparent;color:var(--sd-ink)}
main:has(.sd-trio-hero) .byob__header,main:has(.sd-trio-hero) .byob__tabs{display:none}
main:has(.sd-trio-hero) .byob__grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;padding:0!important}
main:has(.sd-trio-hero) .byob__card{border:1px solid #b9946c!important;border-radius:12px!important;overflow:hidden;background:#fcf3e7!important;box-shadow:none!important;padding:0!important}
main:has(.sd-trio-hero) .byob__card.is-selected{border:2px solid #96521e!important}
main:has(.sd-trio-hero) .byob__image{border-radius:0!important;aspect-ratio: .88!important}
main:has(.sd-trio-hero) .byob__slide img{object-fit:cover!important}
main:has(.sd-trio-hero) .byob__dots,main:has(.sd-trio-hero) .byob__price{display:none!important}
main:has(.sd-trio-hero) .byob__title{font-family:var(--font-body-family),sans-serif;color:var(--sd-ink);font-size:13px!important;line-height:1.4;text-align:center;padding:10px 6px 2px!important;margin:0!important;min-height:47px}
main:has(.sd-trio-hero) .byob__actions{padding:6px 8px 10px!important}
main:has(.sd-trio-hero) .byob__toggle,main:has(.sd-trio-hero) .byob__qtybar{border:1px solid #74573f!important;border-radius:30px!important;background:transparent;color:var(--sd-ink);min-height:34px!important;font-size:12px!important;width:100%}
main:has(.sd-trio-hero) .byob__qtybar{background:#432611!important;color:#fff8ef}
main:has(.sd-trio-hero) .byob__check{background:#432611!important;color:white!important;border:1px solid #fff5e7;border-radius:50%;top:8px;right:8px}
main:has(.sd-trio-hero) .byob__bar{background:linear-gradient(110deg,#482810,#321b0d)!important;color:#fff7ec!important;border:0!important;border-radius:18px 18px 0 0!important;box-shadow:0 -5px 25px #38200d20;scroll-margin-top:100px}
main:has(.sd-trio-hero) .byob__bar-inner{max-width:1280px;margin:auto;padding:15px 24px!important}
main:has(.sd-trio-hero) .byob__status{color:#fff7ec!important;font-size:14px!important}
main:has(.sd-trio-hero) .byob__add{background:#fcf1e0!important;color:#3d210f!important;border:0!important;border-radius:30px!important;min-height:44px;font-weight:600}
main:has(.sd-trio-hero) .byob__slot{border-color:#c4a784!important;border-radius:8px!important;overflow:hidden;background:#f6e6d3!important;color:#432611!important}
main:has(.sd-trio-hero) .byob__slot-remove{background:#432611!important;color:white!important}
main:has(.sd-trio-hero) .byob__nudge{color:#fff7ec!important}
main:has(.sd-trio-hero) .byob__cart-toggle{color:#fff7ec!important}
main:has(.sd-trio-hero) .byob__sheet{color:#3d210f;background:#fcf1e4}
@media(min-width:1500px){.sd-trio-hero{min-height:500px}.sd-trio-copy{padding-top:90px}}
@media(max-width:1000px) and (min-width:701px){main:has(.sd-trio-hero) .byob__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sd-trio-steps{gap:6px;font-size:10px}.sd-trio-steps i{width:15px}}
@media(max-width:700px){.sd-trio-hero{display:flex;flex-direction:column;min-height:0;background:#f7ecdd}.sd-trio-photo{position:relative;height:260px;overflow:hidden}.sd-trio-photo img{width:200%;max-width:none;object-fit:cover;object-position:right center;margin-left:-100%}.sd-trio-photo:after{display:none}.sd-trio-copy{width:100%;padding:20px 22px 15px;display:flex;flex-direction:column}.sd-trio-copy h1{font-family:var(--font-body-family),sans-serif;font-size:30px;letter-spacing:-1px;margin:15px 0 6px;max-width:none}.sd-trio-copy>p{font-size:15px;margin:0}.sd-trio-steps{order:-1;justify-content:space-between;font-size:11px;gap:6px}.sd-trio-steps span{width:30px;height:30px}.sd-trio-steps i{flex:1;max-width:40px}.sd-trio-intro{display:block;padding:22px}.sd-trio-intro h2{font-size:27px;margin-bottom:8px}.sd-trio-intro p{font-size:13px}.sd-trio-intro,main:has(.sd-trio-hero) .byob{padding-left:20px;padding-right:20px}main:has(.sd-trio-hero) .byob__grid{grid-template-columns:1fr!important;gap:16px!important}main:has(.sd-trio-hero) .byob__image{aspect-ratio:2.1!important}main:has(.sd-trio-hero) .byob__title{font-size:14px!important;min-height:0;text-align:left;padding:9px 12px!important}main:has(.sd-trio-hero) .byob__actions{padding:0 12px 12px!important}main:has(.sd-trio-hero) .byob__toggle{min-height:38px!important}main:has(.sd-trio-hero) .byob__bar-inner{padding:12px 18px!important}main:has(.sd-trio-hero) .byob__add{font-size:13px!important}main:has(.sd-trio-hero) .byob__slots{display:flex!important;gap:7px!important}main:has(.sd-trio-hero) .byob__slot{width:42px!important;height:42px!important}main:has(.sd-trio-hero){padding-bottom:155px}}
@media(prefers-reduced-motion:no-preference){html:has(.sd-trio-hero){scroll-behavior:smooth}main:has(.sd-trio-hero) .byob__card{transition:border-color .2s,box-shadow .2s}}