/* Paired card states: one orange, one charcoal; touch never latches hover. */
.entry-grid .entry-card { --plan-bg:#17212a;--plan-ink:#f8faf7;--plan-muted:#d0dce1;--plan-price:#ff8a43; background:var(--plan-bg);color:var(--plan-ink);border-color:var(--plan-bg);transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease; }
.entry-grid .entry-card.entry-store-v4 { --plan-bg:#ff6a13;--plan-ink:#101820;--plan-muted:#202a31;--plan-price:#101820; }
.entry-grid .entry-card>p,.entry-grid .entry-card>small { color:var(--plan-muted); }
.entry-grid .entry-card>strong { color:var(--plan-price); }
.entry-grid .entry-card .eyebrow,.entry-grid .entry-card .entry-action { color:var(--plan-ink);border-color:var(--plan-price); }
.entry-grid .entry-card .eyebrow:before,.entry-grid .entry-card:after { background:var(--plan-price);border-color:var(--plan-price); }
.entry-grid .entry-card .text-link { margin-top:30px; }
.entry-scope-note { color:#4e5b63;font-size:12px;line-height:1.8;margin-top:23px;max-width:840px; }
@media (hover:hover) and (pointer:fine) {
 .entry-grid:has(.entry-services-v4:hover) .entry-services-v4,.entry-grid:not(:has(.entry-store-v4:hover)):has(.entry-services-v4:focus-visible) .entry-services-v4 { --plan-bg:#ff6a13;--plan-ink:#101820;--plan-muted:#202a31;--plan-price:#101820; }
 .entry-grid:has(.entry-services-v4:hover) .entry-store-v4,.entry-grid:not(:has(.entry-store-v4:hover)):has(.entry-services-v4:focus-visible) .entry-store-v4 { --plan-bg:#17212a;--plan-ink:#f8faf7;--plan-muted:#d0dce1;--plan-price:#ff8a43; }
}
@media (hover:none) { .entry-grid .entry-card:hover { transform:none;box-shadow:0 10px 22px #1018200a; } }
.experience-back { padding-top:28px;padding-bottom:28px;display:flex;justify-content:space-between;gap:20px;align-items:center; }
.experience-back a { font-size:12px; }.experience-back>span { font-size:10px;color:#4e5b63; }
.rhythm-experience { position:relative; overflow:hidden; background:#10151b; color:#f5f7f4; border-top:1px solid #ffffff15; border-bottom:1px solid #ffffff15; isolation:isolate; }
.rhythm-experience:before { content:''; position:absolute; width:600px; height:600px; right:-190px; top:-350px; border:1px solid #ffffff0b; border-radius:50%; pointer-events:none; }
.rhythm-experience .container { padding-top:35px; padding-bottom:28px; }
.rhythm-experience-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:22px; border-bottom:1px solid #ffffff22; font-size:9px; text-transform:uppercase; letter-spacing:.15em; color:#b8c3c8; }
.rhythm-experience-top > span:first-child { display:flex; align-items:center; gap:10px; }
.rhythm-experience-top i { width:7px; height:7px; border-radius:50%; background:#ff6a13; box-shadow:0 0 16px #ff6a1370; }
.rhythm-experience-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:40px; padding-top:28px; }
.rhythm-experience-copy { position:relative; z-index:2; padding:20px 0; }
.rhythm-experience-copy h1 { font:650 clamp(40px,4.5vw,67px)/1.06 var(--display); letter-spacing:-.06em; max-width:510px; }
.rhythm-experience-copy h1 span { color:#ff7b2c; }
.rhythm-experience-copy > p { font-size:15px; line-height:1.85; color:#b8c4cb; max-width:400px; margin-top:25px; }
.rhythm-modes { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:32px; }
.rhythm-modes button { background:transparent; border:1px solid #ffffff38; border-radius:50px; padding:10px 17px; color:#d3dce0; cursor:pointer; font:500 12px var(--font); transition:background .25s,color .25s,border-color .25s; }
.rhythm-modes button:hover { border-color:#ff8a43; color:#ff8a43; }
.rhythm-modes button[aria-pressed=true] { background:#ff6a13; color:#111820; border-color:#ff6a13; }
.rhythm-experience-copy .rhythm-mode-caption { min-height:50px; max-width:390px; margin-top:15px; color:#aebdc5; font-size:12px; line-height:1.8; }
.rhythm-experience-copy .text-link { display:inline-flex; align-items:center; gap:25px; color:#fff; border-color:#ff6a13; margin-top:12px; font-size:13px; padding:9px 0; }
.rhythm-experience-copy .text-link span { color:#ff8a43; }
.rhythm-stage { position:relative; height:520px; min-width:0; border-radius:20px; background:radial-gradient(ellipse at 53% 41%,#23313b 0, #17212a55 40%,#10151b 73%); }
.rhythm-stage:before { content:''; position:absolute; inset:0; opacity:.1; background-image:radial-gradient(#a1b8c6 .6px, transparent .8px); background-size:23px 23px; -webkit-mask-image:radial-gradient(ellipse,#000 5%,transparent 68%); mask-image:radial-gradient(ellipse,#000 5%,transparent 68%); pointer-events:none; }
.rhythm-stage canvas { position:relative; display:block; width:100%; height:100%; cursor:grab; touch-action:pan-y; opacity:0; transition:opacity .45s ease; }
.rhythm-stage canvas:active { cursor:grabbing; }
.rhythm-stage[data-ready=true] canvas { opacity:1; }
.rhythm-stage canvas:focus-visible { outline:2px solid #ff8a43; outline-offset:-5px; border-radius:16px; }
.rhythm-stage button:focus-visible, .rhythm-modes button:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.rhythm-stage-label { position:absolute; z-index:2; top:18px; left:20px; font-size:9px; letter-spacing:.12em; color:#a8b9c2; pointer-events:none; }
.rhythm-stage-label span { display:block; margin-top:6px; font-size:8px; color:#8296a3; letter-spacing:.09em; }
.rhythm-stage-tools { position:absolute; z-index:3; display:flex; align-items:center; gap:8px; bottom:18px; right:18px; }
.rhythm-stage-tools button { height:35px; min-width:35px; display:flex; align-items:center; justify-content:center; border:1px solid #ffffff35; background:#101820c9; color:#d6e0e5; border-radius:50%; cursor:pointer; }
.rhythm-stage-tools button:hover { background:#ff6a13; color:#111820; border-color:#ff6a13; }
.rhythm-stage-tools svg { height:14px; width:14px; fill:none; stroke:currentColor; stroke-width:1.5; }
.rhythm-stage-hint { position:absolute; z-index:2; bottom:28px; left:20px; color:#a8b9c2; font-size:9px; display:flex; gap:9px; align-items:center; pointer-events:none; }
.rhythm-stage-hint svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; }
.rhythm-experience-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:12px; padding-top:20px; border-top:1px solid #ffffff22; font-size:9px; color:#9aadb8; letter-spacing:.1em; text-transform:uppercase; }
.rhythm-experience-bottom .rhythm-bottom-detail { display:flex; align-items:center; gap:11px; }
.rhythm-bottom-detail i { display:block; height:4px; width:4px; background:#ff6a13; border-radius:50%; }
.rhythm-fallback { position:absolute; inset:25px; display:flex; justify-content:center; align-items:center; perspective:800px; transition:opacity .3s; pointer-events:none; }
.rhythm-fallback-mark { display:flex; gap:20px; align-items:flex-end; transform:rotate(-18deg) rotateY(-23deg); }
.rhythm-fallback-mark i { width:46px; height:125px; background:linear-gradient(110deg,#ffb270,#ff6a13 42%,#c43d00); border-radius:25px; box-shadow:8px 8px 0 #863100; }
.rhythm-fallback-mark i:nth-child(2) { height:180px; }.rhythm-fallback-mark i:nth-child(3) { height:235px; }
.rhythm-stage[data-ready=true] .rhythm-fallback { opacity:0; }
.rhythm-stage[data-fallback=true] .rhythm-stage-tools, .rhythm-stage[data-fallback=true] .rhythm-stage-hint { display:none; }
.rhythm-stage[data-fallback=true] { background:radial-gradient(ellipse,#243744,transparent 65%); }
.rhythm-experience[data-mode=web] .rhythm-fallback-mark { transform:rotate(-10deg) rotateY(-15deg); }
.rhythm-experience[data-mode=store] .rhythm-fallback-mark { transform:rotate(8deg) rotateY(15deg); }
@media(min-width:1500px) { .rhythm-stage { height:550px; } }
@media(max-width:1050px) and (min-width:761px) { .rhythm-experience-grid { grid-template-columns:1fr 1fr; gap:12px; }.rhythm-stage { height:470px; }.rhythm-modes button { padding:9px 13px; }.rhythm-stage-hint { font-size:8px; } }
@media(max-width:760px) {
  .entry-card { min-height:0; }.entry-card .text-link { margin-top:25px; }.entry-scope-note { font-size:11px; margin-top:20px; }
  .rhythm-experience .container { padding-top:25px; padding-bottom:23px; }
  .rhythm-experience-top { font-size:8px; letter-spacing:.1em; padding-bottom:19px; }.rhythm-experience-top>span:last-child { font-size:7px; }
  .rhythm-experience-grid { grid-template-columns:1fr; gap:0; padding-top:26px; }
  .rhythm-experience-copy { padding:0; }.rhythm-experience-copy h1 { font-size:43px; max-width:470px; }
  .rhythm-experience-copy > p { font-size:14px; line-height:1.8; margin-top:20px; max-width:470px; }
  .rhythm-modes { margin-top:23px; }.rhythm-modes button { font-size:11px; padding:10px 16px; }
  .rhythm-experience-copy .rhythm-mode-caption { margin-top:13px; font-size:11px; min-height:40px; }
  .rhythm-experience-copy .text-link { font-size:12px; margin-top:2px; }
  .rhythm-stage { height:370px; margin:15px -13px 0; border-radius:12px; }
  .rhythm-stage-label { font-size:8px; top:14px; left:13px; }.rhythm-stage-label span { font-size:7px; }
  .rhythm-stage-hint { font-size:8px; left:13px; bottom:24px; }.rhythm-stage-tools { bottom:14px; right:13px; }
  .rhythm-experience-bottom { padding-top:17px; margin-top:9px; font-size:7px; gap:12px; letter-spacing:.08em; }
  .rhythm-experience-bottom .rhythm-bottom-detail { gap:6px; }
}
@media(prefers-reduced-motion:reduce) { .entry-card,.entry-card>strong,.entry-card>p,.entry-card>small,.entry-card .eyebrow,.entry-card .entry-action,.entry-card .plan-art,.rhythm-modes button,.rhythm-stage canvas,.rhythm-fallback { transition:none; }.entry-card:hover { transform:none; } }