.qb{--ink:#1C2B2D;--teal:#0F3B3F;--gold:#B8925A;--cream:#FAF6EF;--sand:#EFE6D8;--line:#E2D6C3;background:var(--cream);color:var(--ink);font-family:'Jost',sans-serif;font-weight:300;font-size:16px;line-height:1.65}
.qb *{box-sizing:border-box}
.qb a{color:inherit;text-decoration:none}
.qb img{display:block;max-width:100%}
.qb .w{max-width:1360px;margin:0 auto;padding:0 48px}
.qb .serif{font-family:'Cormorant Garamond',serif;font-weight:400}
.qb .eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:500;color:var(--gold)}
.qb h2.t{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(34px,4.4vw,54px);line-height:1.05;margin:10px 0 0;color:var(--teal)}
.qb .head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:36px}
.qb .head.c{justify-content:center;text-align:center}
.qb .head .r{display:flex;align-items:center;gap:24px}
.qb .more{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:3px}
.qb .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 34px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;border:1px solid transparent;transition:background .3s,color .3s}
.qb .btn-light{background:var(--cream);color:var(--teal)}
.qb .btn-light:hover{background:var(--gold);color:#fff}
.qb .btn-ghost{border-color:rgba(255,255,255,.8);color:#fff}
.qb .btn-ghost:hover{background:#fff;color:var(--teal)}
.qb .ann{background:var(--teal);color:var(--cream);text-align:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:11px 16px;font-weight:400}
.qb .hero{position:relative;height:min(88vh,820px);min-height:520px;overflow:hidden;background:var(--teal)}
.qb .mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.qb .mosaic img,.qb .hero>img{width:100%;height:100%;object-fit:cover;animation:qbzoom 18s ease-in-out infinite alternate}
.qb .hero>img{position:absolute;inset:0}
@keyframes qbzoom{from{transform:scale(1)}to{transform:scale(1.08)}}
.qb .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,32,.15) 0%,rgba(10,30,32,.35) 45%,rgba(10,30,32,.8) 100%)}
.qb .hero-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;text-align:center;color:#fff;padding:0 24px 72px}
.qb .hero-copy .eyebrow{color:#E3C08F}
.qb .hero-copy h1{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(52px,8.5vw,116px);line-height:.95;margin:14px 0 0;letter-spacing:-.01em;color:#fff}
.qb .hero-copy h1 em{font-style:italic;color:#F2DDBB}
.qb .hero-copy p{max-width:520px;margin:20px auto 0;font-size:17px;opacity:.92}
.qb .hero-copy .btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px}
.qb .trust{border-bottom:1px solid var(--line)}
.qb .trust .w{display:grid;grid-template-columns:repeat(4,1fr)}
.qb .trust .i{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 12px;font-size:13px;letter-spacing:.06em}
.qb .trust svg{flex:none;width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:1.4}
.qb .sec{padding:96px 0}
.qb .sec.flush{padding-top:0}
.qb .rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.qb .rail::-webkit-scrollbar{display:none}
.qb .card{scroll-snap-align:start}
.qb .card .ph{aspect-ratio:4/5;overflow:hidden;background:var(--sand);position:relative}
.qb .card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.qb .card:hover .ph img{transform:scale(1.07)}
.qb .card .quick{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(250,246,239,.95);color:var(--teal);text-align:center;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;padding:12px;opacity:0;transform:translateY(8px);transition:.35s}
.qb .card:hover .quick,.qb .card:focus-visible .quick{opacity:1;transform:none}
.qb .card .badge{position:absolute;top:12px;left:12px;background:var(--teal);color:var(--cream);font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:5px 10px}
.qb .card .nm{margin-top:14px;font-family:'Cormorant Garamond',serif;font-size:22px;line-height:1.2;color:var(--teal)}
.qb .card .pr{font-size:14px;margin-top:2px;letter-spacing:.04em}
.qb .arrows{display:flex;gap:8px}
.qb .arrows button{width:46px;height:46px;border:1px solid var(--line);background:transparent;color:var(--teal);cursor:pointer;display:grid;place-items:center;transition:.25s}
.qb .arrows button:hover{background:var(--teal);color:var(--cream);border-color:var(--teal)}
.qb .arrows svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.qb .cols{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px}
.qb .col{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--teal);color:#fff;display:block}
.qb .col img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.qb .col:hover img{transform:scale(1.06)}
.qb .col::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,30,32,.75))}
.qb .col .cap{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}
.qb .col .cap .serif{font-size:clamp(30px,3vw,42px);line-height:1;display:block}
.qb .col .cap small{display:inline-block;margin-top:12px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:3px}
.qb .col.soon{background:var(--sand);color:var(--teal)}
.qb .col.soon::after{display:none}
.qb .col.soon .pat{position:absolute;inset:22px;border:1px solid var(--gold);display:grid;place-items:center}
.qb .col.soon .pat::before{content:"";position:absolute;inset:8px;border:1px solid rgba(184,146,90,.4)}
.qb .col.soon .mid{text-align:center;position:relative;padding:0 20px}
.qb .col.soon .mid .serif{font-size:clamp(34px,3.2vw,46px);display:block;line-height:1}
.qb .col.soon .mid em{display:block;margin-top:12px;font-family:'Cormorant Garamond',serif;font-size:20px;color:#8A6A3A}
.qb .col.soon .mid small{display:block;margin-top:18px;font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.qb .colors{background:var(--sand)}
.qb .sw{display:flex;flex-wrap:wrap;justify-content:center;gap:28px}
.qb .sw a{text-align:center;width:120px}
.qb .sw .dot{aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid var(--line);outline:1px solid transparent;outline-offset:5px;transition:outline-color .3s;background:var(--cream)}
.qb .sw a:hover .dot{outline-color:var(--gold)}
.qb .sw .dot img{width:100%;height:100%;object-fit:cover;transform:scale(1.6)}
.qb .sw span{display:block;margin-top:14px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500}
.qb .story .w{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.qb .story .pic{aspect-ratio:4/5;overflow:hidden;position:relative}
.qb .story .pic img{width:100%;height:100%;object-fit:cover}
.qb .story .pic::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.65);z-index:2;pointer-events:none}
.qb .story blockquote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(30px,3.4vw,44px);line-height:1.15;color:var(--teal);margin:18px 0 26px;padding:0;border:0}
.qb .story .txt p{margin:0 0 16px;max-width:520px}
.qb .story .meaning{display:inline-flex;align-items:baseline;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;letter-spacing:.06em}
.qb .story .meaning .serif{font-size:26px;color:#8A6A3A;font-style:italic}
.qb .join{background:var(--teal);color:var(--cream);text-align:center;padding:100px 0;position:relative;overflow:hidden}
.qb .join::before,.qb .join::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(227,192,143,.18)}
.qb .join::before{left:-200px;top:-260px}
.qb .join::after{right:-200px;bottom:-280px}
.qb .join h2.t{color:var(--cream)}
.qb .join .eyebrow{color:#E3C08F}
.qb .join p{max-width:480px;margin:16px auto 34px;opacity:.9}
.qb .join form{position:relative;z-index:2}
.qb .join .f{display:flex;max-width:520px;margin:0 auto;border:1px solid rgba(250,246,239,.5)}
.qb .join input[type="email"]{flex:1;min-width:0;min-height:52px;border:0;background:transparent;color:var(--cream);padding:0 20px;font:inherit;font-size:15px}
.qb .join input[type="email"]::placeholder{color:rgba(250,246,239,.65)}
.qb .join button{border:0;background:var(--cream);color:var(--teal);padding:0 28px;font:inherit;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:.25s}
.qb .join button:hover{background:#E3C08F}
.qb .join .msg{margin-top:18px;font-size:14px}
.qb .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qb .rv{opacity:0;transform:translateY(26px);transition:opacity 1s ease,transform 1s ease}
.qb .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.qb .rv{opacity:1;transform:none}.qb .mosaic img,.qb .hero>img{animation:none}}
@media (max-width:989px){
.qb .rail{grid-auto-columns:calc((100% - 24px)/2.3)}
.qb .cols{grid-template-columns:1fr 1fr}
.qb .cols .col:first-child{grid-column:1/-1;aspect-ratio:16/11}
.qb .story .w{grid-template-columns:1fr;gap:40px}
.qb .trust .w{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:749px){
.qb .w{padding:0 20px}
.qb .sec{padding:64px 0}
.qb .sec.flush{padding-top:0}
.qb .mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr}
.qb .hero-copy{padding-bottom:48px}
.qb .rail{grid-auto-columns:72%;gap:14px}
.qb .arrows{display:none}
.qb .cols{grid-template-columns:1fr}
.qb .cols .col,.qb .cols .col:first-child{aspect-ratio:4/5}
.qb .sw{gap:18px}
.qb .sw a{width:76px}
.qb .trust .i{justify-content:flex-start;padding:16px 4px;font-size:12px}
.qb .join .f{flex-direction:column;border:0;gap:10px}
.qb .join input[type="email"]{border:1px solid rgba(250,246,239,.5)}
.qb .join button{min-height:52px}
}