/* Approved mobile composition. Kept separate from the shop and desktop rail. */
.mobile-hero-cta{display:none}
.home-view .hero-copy .title-clip{padding-bottom:2px}
.home-view .hero-description{margin-top:4px;line-height:1.3}
.slide-nav .circle-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
body.home-active{background:var(--scene-colour,var(--paper))}
.home-active .home-view{background:var(--scene-colour,var(--paper))}
.home-active .site-header{background:transparent}
.home-active .home-view::after{display:none}

@media(max-width:760px){
  .home-active{--gutter:9.2vw;--ink:#292e30;--muted:#606361;--description:#414746;--dot:#aeb0a8}
  [data-theme='dark'] .home-active{--ink:#f2eee3;--muted:#bdbeb5;--description:#d1d0c8;--dot:#70736a}
  body.home-active{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
  .home-active #main,.home-active .home-view,.home-active .stage,.home-active .collection-card,.home-active .mobile-print{touch-action:pinch-zoom}
  .home-active .site-header{height:76px;padding:23px 6.6vw 8px 7.4vw;align-items:center;justify-content:flex-start;gap:9px;background:transparent}
  .home-active .brand-copy{display:none}
  .home-active .brand-mark{display:block;width:46px;height:46px}
  .home-active .brand-mark img{width:158px;height:auto;left:-57px;top:-24px}
  .home-active .brand{padding:0;min-width:46px;min-height:46px}
  .home-active .site-header nav{gap:2px;align-items:center;margin:0}
  .home-active .site-header .nav-link:not(.basket-link){display:none}
  .home-active .basket-link{order:2;width:44px;height:44px;padding:0;justify-content:center}
  .home-active .basket-link svg{width:22px;height:24px;stroke-width:1.2}
  .home-active .basket-link::after{display:none}
  .home-active #basket-count{position:absolute;right:-1px;top:0;min-width:15px;height:15px;font-size:9px;border:0;background:var(--ink);color:var(--scene-colour)}
  .home-active #basket-count[data-empty='true']{display:none}
  .home-active .theme-toggle{order:1;border:0;border-radius:50%;width:44px;height:44px}
  .home-active .theme-toggle svg{width:25px;height:25px;stroke-width:1.2}
  .home-active .theme-toggle:hover{background:transparent;color:inherit}
  .home-active .theme-sun{display:block}
  .home-active .theme-moon{display:none}
  [data-theme='dark'] .home-active .theme-sun{display:none}
  [data-theme='dark'] .home-active .theme-moon{display:block}

  .home-view{display:block;height:100svh;min-height:0;padding:0;overflow:hidden;touch-action:pinch-zoom}
  .hero-copy{display:block;position:absolute;left:var(--gutter);top:18.9%;width:74%;transform:none;z-index:4;pointer-events:none}
  .hero-copy .eyebrow{display:none}
  .hero-copy .title-clip{margin:0;padding:0 0 6px;text-align:left;overflow:hidden}
  .hero-copy h1{font-size:clamp(32px,10.15vw,76px);font-weight:600;line-height:1.04;letter-spacing:-.045em;white-space:nowrap}
  .hero-description{display:block;margin:clamp(9px,1.8vw,14px) 0 0;max-width:100%;min-height:0;font-size:clamp(12px,3.6vw,25px);line-height:1.5;text-align:left;color:var(--description);white-space:nowrap}
  .hero-copy #hero-cta{display:none}
  .stage{position:absolute;inset:0;width:100%;height:100%;overflow:visible;clip-path:inset(clamp(60px,7.2svh,90px) 0 0);perspective:none;contain:layout style;touch-action:pinch-zoom;z-index:2;-webkit-user-select:none;user-select:none}
  .tilt-rig{left:0;top:0;aspect-ratio:auto;transform:translate3d(0,0,0);transform-style:flat;will-change:auto}
  .card-world{transform-style:flat}
  .home-view .collection-card{inset:0;width:100%;height:100%;margin:0;background:transparent;box-shadow:none;transform-style:flat;transform-origin:var(--wheel-pivot,265% 54%);pointer-events:none;will-change:transform}
  .home-view .collection-card::after,.home-view .collection-card .card-caption,.home-view .card-light{display:none}
  .home-view .mobile-collection-art{display:block;position:absolute;inset:0;width:100%;height:100%;transform-style:flat;pointer-events:none}
  .home-view .mobile-print,.home-view .mobile-print:nth-child(n){position:absolute;display:block;width:var(--print-width);height:auto;aspect-ratio:auto;padding:0;border:0;background:transparent;transform:translate(-50%,-50%) rotate(var(--print-turn,10deg));transform-origin:center;box-shadow:7px 17px 20px -10px #302a2452,17px 29px 25px -18px #302a2445;pointer-events:auto;cursor:pointer;transition:scale .35s cubic-bezier(.2,.7,.2,1);-webkit-touch-callout:none}
  .home-view .mobile-print-art{display:block;width:100%;height:auto;object-fit:contain;filter:none;pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
  .home-view .collection-card[inert] .mobile-print{pointer-events:none}
  .home-view .collection-card:focus-visible{outline:none}
  .home-view .collection-card:focus-visible .mobile-print:nth-child(2){outline:2px solid var(--ink);outline-offset:7px}
  [data-theme='dark'] .home-view .mobile-print{box-shadow:7px 16px 18px -10px #0009,17px 26px 24px -17px #0008}

  .hero-bottom{position:absolute;inset:auto 0 0;min-height:68px;height:8%;padding:0 var(--gutter);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:content-box;background:var(--scene-colour,var(--paper));z-index:6;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
  .mobile-hero-cta{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:clamp(12px,3.2vw,18px);font-weight:400;white-space:nowrap;pointer-events:auto}
  .mobile-hero-cta span{font-size:1.12em}
  .hero-bottom .slide-nav{width:auto;margin:0;display:grid;grid-template-columns:auto 44px;grid-template-rows:30px 30px;column-gap:15px;row-gap:0;align-items:center;pointer-events:none}
  .slide-number{grid-column:1;grid-row:1/3;margin:0;min-width:0;font-size:clamp(9px,2.4vw,13px);letter-spacing:.14em;white-space:nowrap}
  .slide-nav .circle-button{width:44px;height:44px;min-height:44px;border:0;border-radius:0;background:none;color:var(--ink);grid-column:2;pointer-events:auto}
  .slide-nav #previous{grid-row:1;transform:translateY(-5px)}
  .slide-nav #next{grid-row:2;transform:translateY(5px)}
  .slide-nav .circle-button:hover{background:transparent;color:inherit}
  .slide-nav .circle-button svg{width:22px;height:22px}
  .hero-bottom .slide-dots{position:fixed;left:calc(var(--gutter) - 12px);top:47%;margin:0;display:flex;flex-direction:column;gap:0;pointer-events:auto}
  .slide-dot{height:23px;width:30px;padding:9px 12px}
  .slide-dot::after{width:6px;height:6px;background:var(--dot)}
  .slide-dot[aria-current='true']::after{transform:scale(1.08);background:var(--ink)}
  .edition,.scroll-note,.card-hint{display:none}
  .home-view.entering .stage,.home-view.entering .hero-copy,.home-view.entering .hero-bottom{animation:none}
}
@media(max-width:760px) and (hover:hover){
  .home-view .collection-card:not([inert]) .mobile-print:hover{scale:1.025}
}
@media(max-width:760px) and (max-height:620px){
  .home-active .site-header{height:70px;padding-top:18px}
  .hero-copy{top:18%}
  .hero-copy h1{font-size:clamp(28px,8.6vw,40px)}
  .hero-description{font-size:11px;margin-top:5px}
  .hero-bottom{min-height:64px}
}
@media(max-width:760px) and (orientation:landscape){
  .hero-copy{top:34%;width:45%}
  .hero-description{white-space:normal}
  .hero-bottom .slide-dots{top:55%;left:3vw}
}
@media(prefers-reduced-motion:reduce){
  .home-view .collection-card{will-change:auto}
  .home-view .mobile-print{transition:none}
}