.queen-community{--queen-cream: #faf7f2;--queen-oatmeal: #e8e4de;--queen-paper: #fffdf9;--queen-ink: #232323;--queen-navy: #1b3a4b;--queen-olive: #4a5d43;--queen-burgundy: #811b29;--queen-caramel: #c4863a;--queen-gold: #b8860b;--queen-rule: rgba(27, 58, 75, .14);position:relative;display:block;overflow:hidden;color:var(--queen-ink);background:var(--queen-section-bg, var(--queen-cream));padding-block:var(--queen-section-pad-top, 72px) var(--queen-section-pad-bottom, 72px);isolation:isolate}.queen-community:before{position:absolute;z-index:-1;top:-340px;right:-140px;width:min(58vw,760px);aspect-ratio:1;border:1px solid rgba(184,134,11,.16);border-radius:50%;content:"";pointer-events:none}.queen-community__inner{width:min(100% - 32px,1440px);margin-inline:auto;container-type:inline-size}.queen-community__header{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:clamp(32px,5vw,72px);align-items:end;margin:0 0 clamp(30px,4vw,48px)}.queen-community__eyebrow,.queen-card__kicker{margin:0 0 10px;color:var(--queen-burgundy);font-family:var(--base-font-family, inherit);font-size:.7rem;font-weight:600;letter-spacing:.18em;line-height:1.35;text-transform:uppercase}.queen-community__heading{max-width:820px;margin:0;color:var(--queen-navy);font-family:var(--heading-font-family, serif);font-size:clamp(1.2rem,1.5vw,1.5rem);font-weight:400;letter-spacing:-.045em;line-height:.93;text-wrap:balance}.queen-community__summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;min-width:0;padding-bottom:8px;border-bottom:1px solid var(--queen-rule)}.queen-community__intro{color:#232323b3;font-size:clamp(.82rem,1.1vw,.96rem);line-height:1.65;text-wrap:pretty}.queen-community__count{color:var(--queen-navy);font-family:var(--heading-font-family, serif);font-size:clamp(2rem,3vw,2.65rem);line-height:.9}.queen-community__intro p,.queen-card__description p{margin:0}.queen-community__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,26px);min-width:0}.queen-card{--queen-accent: var(--queen-burgundy);position:relative;display:grid;grid-template-columns:minmax(158px,39%) minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--queen-rule);border-radius:12px;background:var(--queen-card-bg, var(--queen-paper));box-shadow:0 8px 30px #1b3a4b0e;transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease}.queen-card:after{position:absolute;z-index:2;top:0;right:0;left:39%;height:2px;background:linear-gradient(90deg,var(--queen-accent),transparent 72%);content:"";pointer-events:none}@media(hover:hover){.queen-card:hover{transform:translateY(-3px);box-shadow:0 17px 44px #1b3a4b1a}}.queen-card__media{position:relative;align-self:start;width:100%;min-width:0;min-height:0;aspect-ratio:9 / 16;overflow:hidden;background:var(--queen-oatmeal)}.queen-card__media-link{display:block;min-width:0;align-self:start;color:inherit;text-decoration:none}.queen-card__media-link:focus-visible{position:relative;z-index:4;outline:2px solid var(--queen-accent);outline-offset:3px}.queen-card__media:after{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(250,247,242,.48);border-radius:6px;content:"";pointer-events:none}.queen-card__image,.queen-card__placeholder,.queen-card__placeholder-svg{width:100%;height:100%}.queen-card__image{display:block;object-fit:cover;object-position:var(--queen-image-position, center center);transform:scale(1.001);transition:transform .5s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.queen-card:hover .queen-card__image{transform:scale(1.04)}}.queen-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#1b3a4b9e}.queen-card__placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.42}.queen-card__placeholder span{position:relative;z-index:1;padding:7px 10px;border-radius:999px;background:#faf7f2db;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.queen-card__orbit{position:absolute;z-index:3;top:42px;left:calc(39% - 46px);width:92px;height:92px;border:1px solid var(--queen-accent);border-radius:50%;opacity:.7;pointer-events:none;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.queen-card__orbit:before{position:absolute;top:8px;right:8px;width:8px;height:8px;border:3px solid var(--queen-card-bg, var(--queen-paper));border-radius:50%;background:var(--queen-gold);content:""}@media(hover:hover){.queen-card:hover .queen-card__orbit{transform:rotate(15deg)}}.queen-card__content{display:flex;min-width:0;flex-direction:column;padding:clamp(22px,2.4vw,32px) clamp(20px,2.2vw,30px) 0}.queen-card__copy{min-width:0}.queen-card__kicker{max-width:calc(100% - 42px);color:var(--queen-accent)}.queen-card__title{margin:0;color:var(--queen-navy);font-family:var(--heading-font-family, serif);font-size:clamp(2.35rem,3.5vw,3.65rem);font-weight:400;letter-spacing:-.045em;line-height:.94;text-wrap:balance}.queen-card__title a{color:inherit;text-decoration:none}.queen-card__title a:hover{color:var(--queen-accent)}.queen-card__description{display:-webkit-box;max-width:36ch;overflow:hidden;margin-top:17px;color:#232323b8;font-size:clamp(.82rem,1vw,.94rem);line-height:1.68;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:4}.queen-card__skill{max-width:36ch;margin:15px 0 0;color:var(--queen-navy);font-family:var(--base-font-family, inherit);font-size:clamp(.72rem,.86vw,.82rem);line-height:1.45}.queen-card__skill span{display:block;margin-bottom:4px;color:var(--queen-accent);font-family:var(--base-font-family, inherit);font-size:.64rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.queen-card__tags{display:flex;flex-wrap:wrap;gap:10px 14px;margin:23px 0 0;padding:0;list-style:none}.queen-card__tags li{position:relative;padding-left:12px;color:var(--queen-navy);font-size:.62rem;font-weight:600;letter-spacing:.12em;line-height:1.2}.queen-card__tags li:before{position:absolute;top:50%;left:0;width:5px;height:5px;border:1px solid var(--queen-accent);border-radius:50%;content:"";transform:translateY(-50%)}.queen-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:auto clamp(-30px,-2.2vw,-20px) 0;padding-top:24px}.queen-reaction{display:inline-flex;min-width:0;min-height:54px;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:0;border-top:1px solid var(--queen-rule);border-radius:0;color:var(--queen-navy);background:transparent;font:inherit;font-size:.75rem;line-height:1;text-decoration:none;cursor:pointer;transition:color .2s ease,background-color .2s ease}.queen-reaction+.queen-reaction{border-left:1px solid var(--queen-rule)}.queen-reaction svg{flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}.queen-reaction:hover{color:var(--queen-accent);background:#1b3a4b09}.queen-reaction.is-active{color:var(--queen-accent);background:#1b3a4b0e}.queen-reaction.is-active svg{fill:currentColor}.queen-reaction:disabled,.queen-reaction.is-loading{opacity:.58;cursor:wait}.queen-reaction:focus-visible,.queen-card__title a:focus-visible{position:relative;z-index:4;outline:2px solid var(--queen-gold);outline-offset:-4px}.queen-card__title a:focus-visible{outline-offset:4px}.queen-reaction__count{min-width:1ch;color:currentColor;font-variant-numeric:tabular-nums}.queen-community__empty{grid-column:1 / -1;margin:0;padding:40px;border:1px dashed rgba(27,58,75,.25);color:#232323b3;text-align:center}@container (max-width: 1080px){.queen-community__header{grid-template-columns:1fr;gap:24px}.queen-community__summary{max-width:620px}.queen-community__grid{grid-template-columns:1fr}.queen-card{grid-template-columns:minmax(190px,34%) minmax(0,1fr)}.queen-card:after{left:34%}.queen-card__orbit{left:calc(34% - 46px)}}@media(max-width:1099px){.queen-community__header,.queen-community__grid{grid-template-columns:1fr}.queen-community__header{gap:24px}.queen-community__summary{max-width:620px}.queen-card{grid-template-columns:minmax(190px,34%) minmax(0,1fr)}.queen-card:after{left:34%}.queen-card__orbit{left:calc(34% - 46px)}}@media(max-width:599px){.queen-community{padding-block:max(40px,calc(var(--queen-section-pad-top, 72px) * .65)) max(44px,calc(var(--queen-section-pad-bottom, 72px) * .65))}.queen-community:before{top:-180px;right:-160px;width:360px}.queen-community__inner{width:min(100% - 20px,1440px)}.queen-community__header{margin-bottom:26px}.queen-community__heading{font-size:clamp(1rem,1.2vw,2rem)}.queen-community__summary{gap:14px}.queen-community__intro{font-size:.78rem}.queen-community__count{font-size:2.1rem}.queen-community__grid{grid-template-columns:minmax(0,1fr);gap:14px}.queen-card{grid-template-columns:minmax(118px,38%) minmax(0,1fr);align-items:start}.queen-card:after{left:38%}.queen-card__media{align-self:start;min-height:0;aspect-ratio:9 / 16}.queen-card__image{object-fit:contain;transform:none}.queen-card__orbit{top:27px;left:calc(38% - 33px);width:66px;height:66px}.queen-card__orbit:before{top:5px;right:5px;width:7px;height:7px}.queen-card__content{min-height:100%;padding:17px 13px 0}.queen-card__kicker{max-width:calc(100% - 26px);margin-bottom:7px;font-size:.54rem;letter-spacing:.13em}.queen-card__title{font-size:clamp(1.9rem,9vw,2.55rem)}.queen-card__description{margin-top:11px;font-size:.7rem;line-height:1.52;-webkit-line-clamp:3}.queen-card__tags{gap:7px 10px;margin-top:14px}.queen-card__tags li{padding-left:9px;font-size:.5rem;letter-spacing:.09em}.queen-card__tags li:before{width:4px;height:4px}.queen-card__actions{margin-right:-13px;margin-left:-13px;padding-top:14px}.queen-reaction{min-height:48px;gap:5px;padding-inline:6px;font-size:.64rem}.queen-reaction svg{width:17px;height:17px}}@media(max-width:359px){.queen-card{grid-template-columns:minmax(108px,39%) minmax(0,1fr)}.queen-card:after{left:39%}.queen-card__orbit{left:calc(39% - 29px);width:58px;height:58px}.queen-card__content{padding-right:10px;padding-left:10px}.queen-card__description{-webkit-line-clamp:2}.queen-card__actions{margin-right:-10px;margin-left:-10px}.queen-reaction__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.queen-card,.queen-card__image,.queen-card__orbit,.queen-reaction{transition:none}.queen-card:hover,.queen-card:hover .queen-card__image,.queen-card:hover .queen-card__orbit{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/queen-community-cards.css.map */