.shop-page{background:#fff;color:#101410;font-family:Arial,sans-serif}
.shop-hero{position:relative;height:72svh;min-height:480px;max-height:850px;overflow:hidden;background:#eeeade}
.shop-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shop-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151b1826,transparent 65%);pointer-events:none}
.shop-hero-copy{position:absolute;z-index:1;left:4.5vw;bottom:20%;max-width:650px;color:#141914}
.shop-eyebrow{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.shop-hero h1{font:italic 400 clamp(50px,6vw,86px)/1.02 Arial,sans-serif;letter-spacing:-.055em;margin:18px 0 22px}
.shop-hero-copy p{font:14px/1.7 Arial,sans-serif;margin:0;max-width:45ch}
.shop-hero-scroll{position:absolute;z-index:2;bottom:25px;left:4.5vw;font:10px/1.5 Arial,sans-serif;letter-spacing:.12em;display:flex;align-items:center;gap:18px;min-height:44px}
.shop-hero-scroll span{font-size:22px}
.shop-collection{padding:55px 0 0;background:#fff;scroll-margin-top:110px}
.shop-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4.5vw 32px}
.shop-collection-heading h2{font:400 clamp(23px,2.7vw,38px)/1.2 Georgia,serif;letter-spacing:-.035em;margin:0}
.shop-collection-controls{display:flex;align-items:center;gap:24px}
.shop-collection-controls select{width:210px;min-height:44px;border:1px solid #000;border-radius:0;background:#fff;color:#101410;padding:10px 14px;font:12px Arial,sans-serif;cursor:pointer}
.shop-product-count{font:10px/1.5 Arial,sans-serif;letter-spacing:.1em;white-space:nowrap;min-width:85px;text-align:right}
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid #000;border-left:1px solid #000}
.shop-card{position:relative;min-width:0;height:514px;display:grid;grid-template-rows:minmax(0,7fr) minmax(0,3fr);background:#fff;border-right:1px solid #000;border-bottom:1px solid #000}
.shop-card[hidden]{display:none}
.shop-card-image{display:block;position:relative;min-height:0;overflow:hidden;background:#fff}
.shop-card-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .45s ease;display:block}
.shop-card-primary{opacity:1}.shop-card-secondary{opacity:0;object-fit:cover!important}
@media(hover:hover){.shop-card:hover .shop-card-primary{opacity:0}.shop-card:hover .shop-card-secondary{opacity:1}}
.shop-card:focus-within .shop-card-primary{opacity:0}.shop-card:focus-within .shop-card-secondary{opacity:1}
.shop-card-details{padding:10px 14px;display:flex;flex-direction:column;min-width:0;min-height:0}
.shop-card-brand{font:8px/1.2 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#444c45}
.shop-card-details h2{font:400 12px/1.35 Arial,sans-serif;margin:4px 0;min-height:0;flex:1;overflow-wrap:break-word}
.shop-card-purchase-row{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;flex:none}
.shop-card-shade{position:absolute;top:calc(70% - 56px);right:14px;z-index:1}
.shop-card-shade select{width:120px;min-height:44px;padding:8px;font:12px Arial,sans-serif;color:#101410;background:#fff;border:1px solid #101410;border-radius:0}
.shop-card>input{display:none}
.shop-card-price{font:16px/1.4 Arial,sans-serif;margin:0;white-space:nowrap}
.shop-card-add{width:60%;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #000;font:9px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#101410;border-radius:0;cursor:pointer}
.shop-card-add:hover:not(:disabled){background:#101410;color:#fff}.shop-card-add:disabled{color:#626762;border-color:#929692;cursor:not-allowed}
.shop-card-status{font:9px/1.2 Arial,sans-serif;margin:4px 0 0;min-height:10.8px;color:#424a42;flex:none}
.shop-preview-note{font:10px/1.6 Arial,sans-serif;color:#4b534b;text-align:center;margin:25px 20px 0}
.shop-ritual{background:#fff;padding:85px 4.5vw 65px}
.shop-ritual-heading{max-width:620px;text-align:center;margin:0 auto 38px}
.shop-ritual-heading h2{font:400 clamp(28px,3.2vw,42px)/1.15 Arial,sans-serif;letter-spacing:-.035em;margin:18px 0}
.shop-ritual-heading p{font:14px/1.7 Arial,sans-serif;max-width:55ch;margin:0 auto}
.shop-ritual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1380px;margin:auto}
.shop-ritual-card{position:relative;isolation:isolate;aspect-ratio:4/5;overflow:hidden;display:grid;place-items:center;background:#777;min-width:0}
.shop-ritual-card>img,.shop-ritual-card>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.shop-ritual-card:after{content:"";position:absolute;inset:0;z-index:-1;background:#0005}.shop-ritual-card.consultant:after{background:#0007}
.shop-ritual-copy{display:grid;grid-template-rows:22px minmax(78px,auto) 52px 62px 38px;align-items:center;justify-items:center;width:100%;padding:40px 25px;max-width:480px;color:#fff;text-align:center}
.shop-ritual-copy h3{font:400 clamp(23px,2.3vw,34px)/1.2 Arial,sans-serif;letter-spacing:-.03em;margin:0}
.shop-ritual-copy p{font:13px/1.6 Arial,sans-serif;margin:0;max-width:35ch}
.shop-ritual-copy small{font:10px/1.6 Arial,sans-serif;letter-spacing:.06em;margin:0}
.shop-ritual-cta{display:flex;align-items:center;justify-content:center;gap:14px;width:min(100%,300px);height:62px;padding:12px 20px;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.05em;background:#fff;color:#111;border:1px solid #fff;border-radius:0}
.shop-ritual-cta.ghost{background:transparent;color:#fff}.shop-ritual-cta.ghost:hover{background:#fff;color:#111}
.shop-helix{width:20px;height:36px;flex:none;overflow:visible}.shop-helix-strand{stroke:#151a16;stroke-width:1.9;stroke-linecap:round}.shop-helix-strand.back{stroke:#7c867d}.shop-helix-rungs path{stroke:#3b493d;stroke-width:1.1;opacity:.55;animation:shop-helix-depth 2.6s ease-in-out infinite;animation-delay:calc(var(--rung) * -100ms)}
@keyframes shop-helix-depth{0%,100%{opacity:.25}50%{opacity:.9}}
.shop-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.shop-page :is(a,button,select):focus-visible{outline:2px solid #101410;outline-offset:5px}.shop-ritual :is(a,button):focus-visible{outline-color:#fff}
body[data-page=shop] .summer-chat{top:auto;bottom:22px;transform:none!important}
@media(max-width:1000px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-ritual-copy{padding:30px 18px}.shop-ritual-copy h3{font-size:25px}.shop-hero{height:65svh}}
@media(max-width:700px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-hero{height:68svh;min-height:500px}.shop-hero-copy{left:6vw;right:6vw;bottom:23%}.shop-hero h1{font-size:55px}.shop-hero-copy p{font-size:12px}.shop-hero-scroll{left:6vw;font-size:8px;gap:12px}.shop-collection{padding-top:34px;scroll-margin-top:135px}.shop-collection-heading{padding:0 6vw 24px;gap:20px;align-items:flex-start;flex-direction:column}.shop-collection-controls{width:100%;justify-content:space-between;gap:15px}.shop-collection-controls select{font-size:16px;width:min(210px,65%)}.shop-collection-heading h2{font-size:24px}.shop-product-count{font-size:8px}.shop-card{height:483px}.shop-card-details{padding:7px 10px}.shop-card-details h2{font-size:10.5px;min-height:0}.shop-card-brand{font-size:7.5px}.shop-card-price{font-size:15px}.shop-card-add{font-size:8px;letter-spacing:.02em;width:60%}.shop-card-shade{right:10px}.shop-card-shade select{font-size:16px;padding:6px;width:104px}.shop-card-purchase-row{gap:6px}.shop-card-status{font-size:8px;min-height:9.6px}.shop-ritual{padding:60px 6vw 45px}.shop-ritual-grid{grid-template-columns:1fr;gap:16px}.shop-ritual-card{min-height:420px}.shop-ritual-heading p{font-size:12px}.shop-ritual-copy h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.shop-card-image img{transition:none}.shop-helix-rungs path{animation:none}}

/* Narrow screens keep the guidance cards inside their grid, despite a minimum height. */
.shop-ritual-card{width:100%;min-width:0}
.shop-ritual-copy{min-width:0}
.shop-ritual-copy>*{max-width:100%;min-width:0}
@media(max-width:700px){.shop-ritual-grid{grid-template-columns:minmax(0,1fr)}}