/* Homepage cards: title selection stays on the page; the body arrow opens a service. */
.hero-deck,.hero-deck *{box-sizing:border-box}
.hero-deck{position:relative;background:var(--ha-ink)}
.hero-deck .mock-wrap{max-width:1440px;margin:auto;padding:0 16px}
.hero-deck #packages{padding:24px 0 40px;background:var(--ha-ink)}
.mock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.mock-card{position:relative;min-width:0;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--ha-paper) 22%,transparent);border-radius:18px;overflow:hidden;color:var(--ha-paper);text-decoration:none;background:rgba(var(--ha-ink-rgb),.34);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 26px -24px rgba(0,0,0,.65);transition:border-color .2s,background .2s;scroll-margin-top:80px}
.mock-title{position:relative;z-index:2;flex:none;height:46px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;border-bottom:1px solid rgba(247,241,238,.22);background:rgba(var(--ha-ink-rgb),.68)}
.mock-title h3{margin:0;color:var(--ha-paper);font:800 20px/1 var(--ha-font-sans);letter-spacing:-.025em}
.mock-image{position:relative;isolation:isolate;flex:none;height:clamp(150px,13.5vw,194px);border-bottom:1px solid rgba(247,241,238,.12)}
.mock-photo{display:block;width:100%;height:100%;object-fit:cover}
.mock-discover .mock-photo{object-position:50% 29%}
.mock-design .mock-photo{padding:10px 0 0;object-fit:contain;object-position:0% 100%}
.mock-copy{display:flex;flex-direction:column;flex:1;padding:20px;background:rgba(var(--ha-ink-rgb),.87)}
.mock-promise{margin:0;color:var(--ha-paper);font:700 17px/1.35 var(--ha-font-sans);letter-spacing:-.015em;text-wrap:balance}
.mock-detail{margin:10px 0 0;color:var(--ha-vapour);font:500 14px/1.45 var(--ha-font-sans)}

/* The parked deck and its ordinary-flow accessibility fallback. */
.deck-track{--deck-title-height:clamp(48px,3.9vw,56px)}
.deck-stage{position:relative}
.ha-home-tidy .mock-title{padding:0;border-bottom:0;box-shadow:inset 0 -1px 0 rgba(247,241,238,.22)}
.ha-home-tidy .mock-title h3{width:100%;height:100%}
.mock-reveal{display:block;width:100%;height:100%;padding:0 20px;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}
.mock-reveal:focus-visible{outline:3px solid var(--ha-bloom);outline-offset:-3px}
.mock-body{display:flex;flex:1;flex-direction:column;min-height:0}
.ha-home-tidy .mock-detail{margin-bottom:12px}
.mock-page-link{display:grid;place-items:center;align-self:flex-end;width:44px;height:44px;flex:none;margin-top:auto;border:1px solid color-mix(in srgb,var(--ha-paper) 36%,transparent);border-radius:50%;color:var(--ha-paper);text-decoration:none}
.mock-page-link span{font-size:22px;text-decoration:none}
.mock-page-link:focus-visible{outline:2px solid var(--ha-bloom);outline-offset:3px;border-radius:3px}
@media(prefers-reduced-motion:no-preference){
 .deck-track.is-deck{height:var(--deck-height);background:var(--ha-ink)}
 .deck-track.is-deck::before{display:none}
 .is-deck .deck-stage{position:sticky;top:0;height:100dvh;overflow:clip;isolation:isolate;background:var(--ha-ink);transform:translateY(var(--deck-exit-offset,0px))}
 html body.ha-message-hierarchy .is-deck section.woodland-hero{position:absolute;inset:0;height:100svh!important;min-height:0!important;overflow:visible}
 /* Keep scroll geometry stable while the film paints behind retracting mobile toolbars. */
 .is-deck .woodland-hero :is(.hero-poster-wrap,.hero-poster,video),.is-deck .woodland-hero::after{height:100lvh}
 html body.ha-message-hierarchy .is-deck section.woodland-hero .signature{top:calc((100svh - 292px + 60px) / 2)}
 .mock-scene.is-deck #packages{position:absolute;inset:0;z-index:3;margin:0;padding:0;pointer-events:none;background:none}
 .is-deck #packages .mock-wrap{position:relative;height:100%;padding:0}
 .is-deck .mock-grid{position:absolute;inset:0;display:block}
 .is-deck .mock-card{position:absolute;top:0;left:50%;width:min(820px,calc(100% - 32px));translate:-50% calc(100dvh - 100svh);min-height:var(--deck-card-height);transform-origin:50% 0;pointer-events:auto;border-radius:20px;will-change:transform;transition:none;box-shadow:0 -8px 30px -18px rgba(0,0,0,.65),0 14px 26px -24px rgba(0,0,0,.8)}
 .is-deck .mock-card::after{content:"";position:absolute;z-index:3;top:calc(var(--deck-title-height) - 1px);left:0;right:0;height:22px;background:var(--ha-ink);opacity:var(--deck-seam-fill,0);pointer-events:none}
 .is-deck .mock-title{height:var(--deck-title-height);background:var(--ha-ink)}
 .is-deck .mock-title h3{font-size:clamp(22px,1.85vw,27px)}
 .is-deck .mock-reveal{padding-inline:24px}
 .is-deck .mock-copy{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:auto 1fr;gap:12px 20px;padding:24px;background:rgba(var(--ha-ink-rgb),.94)}
 .is-deck .mock-promise{grid-column:1/-1;font-size:clamp(18px,1.55vw,22px);text-wrap:pretty}
 .is-deck .mock-detail{align-self:start;margin:0;font-size:clamp(15px,1.15vw,16px);line-height:1.5}
 .is-deck .mock-page-link{grid-column:2;grid-row:2;align-self:end;margin:0}
 .is-deck .mock-image{height:clamp(200px,calc(100svh - 440px),340px);background:rgba(var(--ha-ink-rgb),.55)}
}
@media(min-width:1101px) and (min-height:651px){
 .is-deck .mock-title h3{font-size:28px}
 .is-deck .mock-promise{font-size:24px}
 .is-deck .mock-detail{font-size:18px}
}
@media(max-width:760px){
 .is-deck .mock-image{height:clamp(180px,57vw,240px)}
 .is-deck .mock-card{border-radius:18px}
 .is-deck .mock-copy{padding:20px;gap:10px 16px}
 .is-deck .mock-reveal{padding-inline:20px}
}
@media(max-height:650px){
 .ha-home-tidy .mock-image{height:100px}
 .ha-home-tidy .mock-copy{padding:14px 16px;gap:8px 14px}
 .ha-home-tidy .mock-detail{margin-bottom:4px}
 .ha-home-tidy .mock-promise{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.ha-home-tidy .mock-card{transform:none!important}}

@media(max-width:760px){.hero-deck .mock-grid{grid-template-columns:1fr}}

/* The selected editorial series shares one photographic treatment and composition. */
.hero-deck .mock-photo{padding:0;object-fit:cover;object-position:50% 50%}
.hero-deck .mock-discover .mock-photo{object-position:50% 50%}
.hero-deck .thoughtsift-art{overflow:hidden;background:#080b11}
.hero-deck .thoughtsift-scene{display:block;width:80%;height:100%;object-fit:cover;object-position:58% 30%;-webkit-mask-image:linear-gradient(90deg,#000 76%,transparent 100%);mask-image:linear-gradient(90deg,#000 76%,transparent 100%)}
.hero-deck .thoughtsift-phone{position:absolute;right:2.5%;top:3%;width:26%;height:94%;object-fit:contain}
@media(max-width:760px){.hero-deck .thoughtsift-scene{object-position:64% 30%}.hero-deck .thoughtsift-phone{right:2%;width:27%}}
@media(max-height:650px){.hero-deck .thoughtsift-scene{object-position:58% 18%}}
.hero-deck .mock-amplify .mock-photo{object-position:50% 35%}