/* Homepage: real product photography and controls beside their results. */
.homepage .hero-in{padding-left:40px;padding-right:40px;gap:48px}
.home-set:focus-visible{outline:3px solid var(--water);outline-offset:4px}
.homepage .stage{height:560px;min-width:0}
.homepage .stage .product{margin-bottom:60px;opacity:1;animation:none}
.homepage .orb-code{color:transparent;-webkit-text-stroke:1.5px rgba(14,165,233,.32);top:5%;font-size:clamp(7rem,13vw,12rem)}
.orbit-caption{position:absolute;left:16px;right:16px;bottom:0;z-index:110;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:rgba(255,255,255,.88);border:1px solid var(--chrome);border-radius:20px;color:var(--navy);backdrop-filter:blur(16px)}
.orbit-caption small{display:block;font-size:10px;letter-spacing:.12em;color:var(--mist);margin-bottom:5px}
.orbit-caption b{display:block;font:600 18px Outfit,sans-serif}
.orbit-controls{display:flex;gap:6px}
.orbit-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--chrome);border-radius:50%;background:#fff;color:var(--navy);font-size:17px;cursor:pointer}
.orbit-controls button:hover{border-color:var(--water);color:var(--deep)}
.orbit-controls button:focus-visible{outline:2px solid var(--water);outline-offset:3px}
.home-sets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.home-set{display:block;overflow:hidden;border-radius:20px;border:1px solid var(--chrome);background:#fff;color:var(--navy);transition:border-color .2s}
.home-set:hover{border-color:var(--water)}
.home-set-photo{aspect-ratio:1;background:#fff}
.home-set-photo img{width:100%;height:100%;object-fit:contain;padding:20px}
.home-set-copy{padding:20px;border-top:1px solid var(--chrome)}
.home-set-copy small{display:block;font-size:10px;color:var(--mist);margin-bottom:8px}
.home-set-copy h3{font-size:24px;margin-bottom:12px}
.home-set-copy b{display:block;font:600 17px Outfit,sans-serif}
.home-set-copy>span{display:block;font-size:12px;margin-top:16px;color:var(--deep);font-weight:600}
.homepage .wall{min-height:550px;background:#fff}
.homepage .wall img{top:80px;bottom:110px;height:calc(100% - 190px);max-height:none;max-width:80%;filter:none}
.homepage .wall .tiles,.homepage .wall .cutline{display:none}
.homepage .wall .conceal-tabs{position:absolute;top:20px;left:20px;right:20px;z-index:2;margin:0;display:flex;justify-content:center}
.homepage .wall .conceal-tabs button{color:var(--navy);border-color:var(--chrome);min-height:44px}
.homepage .wall .conceal-tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.homepage .wall .hero-ctas{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;justify-content:center}
.homepage .wall .btn-white{background:var(--navy);color:#fff}
.homepage .wall .btn-ghost{color:var(--navy);border-color:var(--chrome)}
@media(max-width:1023.98px){
  .home-sets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .homepage .hero-in{gap:24px}
}
@media(min-width:768px) and (max-width:1023.98px){
  .homepage .hero{min-height:0}
  .homepage .hero-in{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:120px;padding-bottom:56px}
  .homepage .hero h1{font-size:clamp(2.8rem,5.5vw,3.5rem)}
  .homepage .hero .proof{display:none}
  .homepage .hero .hero-ctas .btn{width:100%;justify-content:center}
  .homepage .stage{height:400px}
  .homepage .orbit-caption{left:0;right:0;padding:12px}
  .homepage .orbit-caption b{font-size:15px}
  .homepage .orbit-controls{gap:4px}
}
@media(max-width:767.98px){
  .homepage .hero-in.wrap{padding:106px 20px 32px;gap:12px}
  .homepage .hero-in>div:first-child{display:contents}
  .homepage .hero .badge{justify-self:start;order:0}
  .homepage .hero h1{font-size:clamp(2.5rem,11vw,3.5rem);margin-bottom:16px}
  .homepage .hero h1 .line:last-child{display:none}
  .homepage .hero .badge{margin-bottom:16px}
  .homepage .hero-in>div:first-child>p{font-size:15px;line-height:1.55;margin-bottom:20px}
  .homepage .hero .hero-ctas{display:grid;grid-template-columns:1fr 1fr;gap:8px;order:4;margin-top:8px}
  .homepage .hero .hero-ctas .btn{padding:12px 9px;font-size:12px;gap:6px;min-height:48px}
  .homepage .hero .proof,.homepage .hero .ghost,.homepage .hero-bg,.homepage .strip,.homepage .marq{display:none}
  .homepage .stage{order:3;height:320px;margin-top:-8px}
  .homepage .orbit{height:250px}
  .homepage .stage .product{margin-bottom:58px}
  .homepage .orb-code{font-size:clamp(6rem,27vw,8rem);top:0}
  .homepage .orbit-caption{left:0;right:0;padding:12px 14px;border-radius:16px}
  .homepage .orbit-caption b{font-size:16px}
  .homepage .orbit-controls{gap:4px}
  .homepage .orb{cursor:default}
  .homepage .sec-head .lead{font-size:14px;line-height:1.6}
  .homepage .cat p,.homepage .cat .num{display:none}
  .homepage .cat-fig{height:130px;margin-bottom:12px}
  .homepage .cat .arrow{margin-top:12px}
  .home-sets{gap:12px}
  .home-set-photo img{padding:12px}
  .home-set-copy{padding:14px 12px}
  .home-set-copy h3{font-size:20px;margin-bottom:8px}
  .home-set-copy b{font-size:15px}
  .home-set-copy small{font-size:9px;line-height:1.4}
  .home-set-copy>span{margin-top:12px}
  .homepage .show-foot{margin-top:24px}
  .homepage .layers,.homepage .band,.homepage .story .stats,.homepage .why .sec-head .lead{display:none}
  .homepage .rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;padding:0;scroll-snap-type:none}
  .homepage .rail-nav{display:none}
  .homepage .kit{width:auto;min-width:0}
  .homepage .kit-img{height:180px}
  .homepage .kit-body{padding:14px 12px}
  .homepage .kit-body h3{font-size:16px;line-height:1.3;min-height:42px}
  .homepage .kit-body>p,.homepage .kit-img .n{display:none}
  .homepage .kit-foot{flex-wrap:wrap;gap:10px;margin-top:12px;padding-top:12px}
  .homepage .kit-foot b{font-size:14px}
  .homepage .kit-foot .arrow{font-size:12px}
  .homepage .conceal-list{display:none}
  .homepage .wall{min-height:410px;border-radius:20px}
  .homepage .wall .hero-ctas{bottom:16px;left:16px;right:16px}
  .homepage .wall .btn-ghost{display:none}
  .homepage .wall img{bottom:80px;height:calc(100% - 160px)}
  .homepage .why-grid{gap:12px}
  .homepage .feat{padding:20px 16px}
  .homepage .feat .ic,.homepage .feat>small{display:none}
  .homepage .feat h3{font-size:16px;margin-top:10px}
  .homepage .feat p{font-size:13px;line-height:1.5}
  .homepage .warranty .w-side,.homepage .story .row:first-child .row-img,.homepage .story .row:first-child p+p{display:none}
  .homepage .row-img{height:260px}
  .homepage [data-r],.homepage .fade{opacity:1;transform:none;animation:none;transition:none}
  .homepage .split .w i,.homepage .hero h1 .line>span{transform:none;animation:none;transition:none}
  .homepage .cats,.homepage .show,.homepage .kitchen,.homepage .conceal,.homepage .why,.homepage .story{padding-top:40px;padding-bottom:40px}
  .homepage .row+.row{margin-top:40px}
}

/* Keep catalogue taps solid, including during the initial reveal. */
.homepage .orb img{opacity:1;mix-blend-mode:normal}
.homepage .orb-sheen{display:none}

/* Refined hero: quieter framing around the original rotating products. */
.homepage .hero{min-height:0;background:#f8fafc}
.homepage .hero-bg,.homepage .hero .ghost,.homepage .hero .proof,.homepage .orb-code,.homepage .plinth{display:none}
.homepage .hero-in.wrap{padding-top:148px;padding-bottom:56px;gap:48px}
.homepage .hero .badge{padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;margin-bottom:22px}
.homepage .hero .badge span{font-size:10px;letter-spacing:.18em;color:var(--deep)}
.homepage .hero h1{font-size:clamp(3rem,5.5vw,4.6rem);letter-spacing:-.055em;line-height:1.04;margin-bottom:24px}
.homepage .hero h1 .line:last-child{display:none}
.homepage .hero .gradient{background:none;color:var(--deep);-webkit-text-fill-color:var(--deep)}
.homepage .hero-in>div:first-child>p{font-size:16px;line-height:1.7;max-width:350px;margin-bottom:28px}
.homepage .hero .hero-ctas{gap:12px}
.homepage .hero .hero-ctas .btn{border-radius:10px;padding:15px 22px;font-size:13px;min-height:48px}
.homepage .stage{height:440px}
.homepage .stage .product{margin-bottom:50px;filter:drop-shadow(0 18px 20px rgba(15,27,45,.1))}
.homepage .orbit{height:350px}
.homepage .orb-track .ot-ring{background:none;border-color:rgba(15,27,45,.1)}
.homepage .orb-track .ot-ring.r2,.homepage .orb-track .ot-dot,.homepage .orb-ripple{display:none}
.homepage .orbit-caption{left:30px;right:30px;bottom:0;padding:16px 0 0;border:0;border-top:1px solid var(--chrome);border-radius:0;background:none;backdrop-filter:none}
.homepage .orbit-caption small{font-size:10px;letter-spacing:.14em}
.homepage .orbit-caption b{font-size:16px;font-weight:500}
.homepage .orbit-controls button{width:40px;height:40px;background:transparent;font-size:15px}
.homepage .orb.front .orb-body{animation:none}
@media(min-width:768px) and (max-width:1023.98px){
 .homepage .hero-in.wrap{padding-top:124px;gap:32px}
 .homepage .hero h1{font-size:3rem}
 .homepage .stage{height:360px}
 .homepage .orbit{height:280px}
 .homepage .orbit-caption{left:0;right:0}
}
@media(max-width:767.98px){
 .homepage .hero-in.wrap{padding:108px 24px 32px;gap:0}
 .homepage .hero .badge{margin-bottom:16px}
 .homepage .hero h1{font-size:clamp(2.7rem,11vw,3.8rem);margin-bottom:14px}
 .homepage .hero-in>div:first-child>p{font-size:14px;line-height:1.6;max-width:310px;margin-bottom:0}
 .homepage .stage{height:312px;margin-top:18px}
 .homepage .orbit{height:242px}
 .homepage .stage .product{margin-bottom:56px}
 .homepage .orbit-caption{left:0;right:0;padding-top:12px}
 .homepage .orbit-caption b{font-size:14px}
 .homepage .orbit-controls button{width:40px;height:40px}
 .homepage .hero .hero-ctas{margin-top:20px;gap:10px}
 .homepage .hero .hero-ctas .btn{padding:14px 10px;font-size:12px}
}

@media(max-width:767.98px){.homepage .nav{top:0}}

/* Keep carousel navigation centered directly beneath the product name. */
.homepage .orbit-caption{flex-direction:column;justify-content:center;text-align:center;gap:10px;padding-top:12px}
.homepage .orbit-controls{justify-content:center;gap:10px}
.homepage .stage{height:470px}
.homepage .stage .product{margin-bottom:80px}
.homepage .w-side b{font-size:clamp(20px,2.2vw,30px)}
@media(min-width:768px) and (max-width:1023.98px){.homepage .stage{height:390px}}
@media(max-width:767.98px){.homepage .stage{height:342px}.homepage .stage .product{margin-bottom:86px}}