/* Store-first homepage, with one clear route through each section. */
.home-section{padding-block:clamp(2.5rem,5vw,4.5rem);border-bottom:1px solid var(--border)}
.home-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--surface,var(--panel));border-bottom:1px solid var(--border)}
.home-hero::after{display:none!important}
.hero-art{position:absolute;right:0;bottom:0;width:60%;height:100%;object-fit:cover;object-position:70% center;mask-image:linear-gradient(90deg,transparent,#000 22%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);z-index:-1}
.hero-inner{min-height:480px;display:flex;align-items:center;padding-block:3.5rem}
.hero-copy{width:48%;max-width:35rem;padding:1.5rem 1.5rem 1.5rem 0;background:var(--surface,var(--panel));border-radius:0 1rem 1rem 0}
.home-hero .hero-copy h1{font-size:clamp(2.8rem,5vw,5rem);font-style:italic;line-height:1;letter-spacing:-.045em;color:var(--text);margin:.8rem 0 1.25rem}
.hero-copy h1 span{color:var(--teal)}
.hero-kicker{font-size:.7rem;letter-spacing:.12em;color:var(--teal)}
.hero-description{max-width:41ch;color:var(--text-secondary);font-size:1rem;line-height:1.7}
.hero-copy .actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}
.hero-copy .button{font-size:.8rem;padding-inline:1.2rem}
.hero-support-link{display:inline-block;margin-top:1.25rem;color:var(--text-secondary);font-size:.8rem;text-underline-offset:4px}
.home-shop .department-heading h2,.home-services h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em;line-height:1.15}
.home-shop .department-heading p,.home-services .department-heading p{max-width:48ch}
.home-shop .department-search{max-width:100%;margin:1.5rem 0}
.home-shop .home-department-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.home-shop .department-image{aspect-ratio:1.15;padding:16px}
.home-shop .department-copy h3{font-size:.9rem}
.home-shop .department-copy p{font-size:.75rem;line-height:1.5}
.shop-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;font-size:.8rem}
.shop-bottom a{color:var(--text-secondary);text-underline-offset:4px}
.home-stream{background:var(--surface,var(--panel))}
.stream-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}
.stream-visual{position:relative;overflow:hidden;border-radius:14px;background:#100e1b}
.stream-visual img{display:block;width:100%;height:480px;min-height:420px;object-fit:cover;object-position:62% center}
.stream-remote{position:absolute;bottom:1rem;left:1rem;right:1rem;max-width:max-content;padding:.65rem .85rem;border:1px solid #be9cde;background:#161020;color:#fff;font-size:.7rem;line-height:1.5;border-radius:6px}
.stream-copy .eyebrow{color:var(--stream-accent);font-size:.7rem}
.stream-copy h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.1;letter-spacing:-.04em;margin:.75rem 0 1.1rem}
.stream-copy h2 span{color:var(--stream-accent)}
.stream-copy>p:not(.eyebrow){color:var(--text-secondary);font-size:.95rem;line-height:1.7;max-width:52ch}
.stream-benefits{list-style:none;padding:0;margin:1.3rem 0;display:grid;gap:.85rem}
.stream-benefits li{border-left:2px solid var(--stream-accent);padding-left:.85rem}
.stream-benefits strong,.stream-benefits span{display:block}
.stream-benefits strong{font-size:.9rem;margin-bottom:.2rem}
.stream-benefits span{font-size:.8rem;line-height:1.6;color:var(--text-secondary)}
.stream-support-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.25rem 0}
.stream-support-tags span{white-space:nowrap;padding:.45rem .65rem;border:1px solid var(--border-strong);border-radius:5px;color:var(--stream-accent);font-size:.7rem;line-height:1.3}
.stream-copy .actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.stream-copy .button{background:var(--stream-accent);border-color:var(--stream-accent);color:var(--stream-button-text);font-size:.8rem}
.stream-copy .text-link{font-size:.8rem}
.home-services .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:1.5rem}
.service-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--surface,var(--panel));border:1px solid var(--border-strong);border-radius:10px;text-decoration:none;color:var(--text)}
.service-card:hover{border-color:var(--teal);color:var(--text)}
.service-icon{display:grid;place-items:center;flex:0 0 32px;color:var(--teal);font-size:2rem}
.service-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.service-card h3{font-size:.95rem;margin:0 0 .25rem}
.service-card p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.5}
.service-help{margin:1.5rem 0 0;font-size:.85rem;color:var(--text-secondary)}
.home-hero a:focus-visible,.home-stream a:focus-visible,.home-services a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:1100px){.home-shop .home-department-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{width:55%}.hero-art{width:58%}.stream-visual img{min-height:480px}}
@media(max-width:700px){
 .hero-inner{min-height:0;padding-top:2rem;padding-bottom:200px;align-items:flex-start}
 .hero-copy{width:100%;max-width:100%;padding:0;background:transparent;border-radius:0}
 .home-hero .hero-copy h1{font-size:clamp(2.6rem,11vw,4rem)}
 .hero-kicker{font-size:.6rem;letter-spacing:.08em}
 .hero-description{font-size:.9rem;max-width:39ch;line-height:1.6}
 .hero-art{width:100%;height:190px;object-position:75% center;mask-image:linear-gradient(180deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%)}
 .hero-copy .actions{flex-wrap:nowrap;gap:.5rem;margin-top:1.1rem}
 .hero-copy .button{min-width:0;flex:1;padding:.8rem .6rem;font-size:.75rem;gap:.5rem}
 .hero-support-link{font-size:.75rem;margin-top:1rem}
 .home-section{padding-block:2.2rem}
 .home-shop .department-heading,.home-services .department-heading{gap:.65rem}
 .home-shop .department-search>div{flex-direction:row;gap:.5rem}
 .home-shop .department-search .button{width:auto;padding-inline:.8rem;font-size:.75rem}
 .home-shop .department-search input{min-width:0;font-size:.85rem}
 .home-shop .home-department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .home-shop .department-image{aspect-ratio:1.45;padding:12px}
 .home-shop .department-copy{padding:12px}.home-shop .department-copy h3{font-size:.85rem}
 .shop-bottom{display:grid;gap:.8rem;font-size:.75rem}
 .stream-feature{grid-template-columns:1fr;gap:1.5rem}
 .stream-copy{grid-row:1}.stream-visual{grid-row:2}
 .stream-copy h2{font-size:clamp(1.9rem,8vw,2.5rem)}
 .stream-visual img{min-height:0;height:230px}
 .stream-remote{left:.75rem;bottom:.75rem;right:.75rem;font-size:.65rem;padding:.5rem .65rem}
 .stream-copy .actions{align-items:flex-start;flex-direction:column;gap:1rem}
 .stream-copy .button{width:100%;justify-content:center;font-size:.8rem}
 .home-services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .service-card{flex-direction:column;align-items:flex-start;gap:.6rem;padding:1rem;min-height:135px}
 .service-icon{flex-basis:28px}.service-card h3{font-size:.85rem}.service-card p{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){.home-shop .department-card{transition:none}}

/* Primary actions remain solid and legible over shared glass treatments. */
body .home-hero .actions>.button:not(.button-secondary){background:var(--teal)!important;color:var(--black)!important;border-color:var(--teal)!important}
body .home-stream .stream-copy .actions>.button{background:var(--stream-accent)!important;color:var(--stream-button-text)!important;border-color:var(--stream-accent)!important}