/* Original AB canvas + gold accents. The existing project art remains the hero.
   Motion only acknowledges a meaningful state change and settles within 240ms. */
.links-page .digital-card .ce-card{--ce-gold:#d6b577;--ce-ink:#151511;--ce-paper:#f4ead4;--ce-muted:#c4bba8;--ce-fast:120ms;--ce-change:240ms;aspect-ratio:3/2;height:auto;min-height:0;cursor:pointer;overflow:hidden;touch-action:pan-y;position:relative;container-type:inline-size;text-align:left}
.links-page .ce-card:focus-visible{outline:3px solid #e9cd91;outline-offset:5px}
.links-page .ce-card .scene-caption{display:none}
.links-page .ce-card .scene-native::after{display:none}
.links-page .ce-card .ce-footer{position:absolute;z-index:12;inset:auto 5% 4%;min-height:5cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;color:var(--ce-paper);pointer-events:none;font:400 clamp(10px,2.1cqw,14px)/1.3 Arial,Tahoma,sans-serif}
.ce-cue{display:flex;align-items:center;gap:1.8cqw;min-width:0}
.ce-cue-arrow{display:grid;place-items:center;border:1px solid #d6b57777;border-radius:50%;width:4.8cqw;height:4.8cqw;min-width:18px;min-height:18px;color:var(--ce-gold);font-size:clamp(14px,3cqw,19px)}
.ce-steps{display:flex;gap:1cqw;flex:none;direction:ltr}
.ce-steps i{display:block;width:2.5cqw;height:3px;min-width:7px;border-radius:2px;background:#d6b57736}
.ce-steps i.is-current{background:#f0d49a}
.ce-announcement{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.links-page .ce-card .scene-eyebrow{top:8%;font-size:clamp(8px,1.65cqw,11px);letter-spacing:.13em}
.links-page .ce-card .scene-copy{top:27%;width:35%;gap:2cqw}
.links-page .ce-card .scene-title{font-size:5.4cqw;line-height:1.13;white-space:pre-line}
.links-page .ce-card .scene-subtitle{font-size:clamp(8px,1.7cqw,12px);line-height:1.5;max-width:29cqw}
.links-page .ce-card .scene-dashboard{left:44%;top:23%;width:51%;height:55%;padding:2.6%;gap:2cqw;transform:perspective(900px) rotateY(-5deg) rotateZ(-1deg)}
.links-page .ce-card[data-card-experience=erp] .scene-dashboard{transform:perspective(900px) rotateY(-5deg) rotateZ(1deg)}
.links-page .ce-card .dashboard-top{align-items:flex-start;gap:1.3cqw;min-height:4cqw}
.ce-report-title{font:500 clamp(9px,2.1cqw,15px)/1.2 Arial,Tahoma,sans-serif;color:#efdbb3;min-width:0}
.links-page .ce-card .demo-chip{font-size:clamp(5px,1.1cqw,8px);white-space:nowrap;flex:none;padding:.4em .55em}
.links-page .ce-card .dashboard-kpis{gap:1.2cqw}
.links-page .ce-card .dashboard-kpi{font-size:clamp(7px,1.3cqw,9px);line-height:1.3;gap:1cqw}
.links-page .ce-card .dashboard-kpi strong{font-size:clamp(9px,2cqw,14px);letter-spacing:-.03em;white-space:nowrap}
.links-page .ce-card .chart{gap:4cqw;padding-bottom:3cqw;direction:ltr}
.links-page .ce-card .chart-column small{font-size:clamp(6px,1.2cqw,8px);bottom:-2.5cqw}
.links-page .ce-card .erp-months{font-size:clamp(6px,1.2cqw,9px);direction:ltr;gap:1cqw}
.links-page .ce-card .erp-chart{direction:ltr}

/* Mullak: light the selected type of space in the original building artwork. */
.links-page .ce-card[data-card-experience=mullak] .scene-copy{top:25%;width:35%;gap:1.5cqw}
.links-page .ce-card[data-card-experience=mullak] .scene-title{font-size:7cqw}
.links-page .ce-card[data-card-experience=mullak] .scene-subtitle{font-size:clamp(8px,1.7cqw,12px)}
.ce-property-panel{position:absolute;left:7%;top:46%;width:34%;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:1.1cqw 1.6cqw;color:var(--ce-paper)}
.ce-property-total{font:400 6cqw/1 Georgia,serif;color:#efd29b}
.ce-property-label{font:500 clamp(10px,2.6cqw,18px)/1.3 Arial,Tahoma,sans-serif}
.ce-property-units{display:flex;gap:.75cqw;flex-wrap:wrap;grid-column:1/-1;max-width:29cqw;margin-top:1cqw}
.ce-property-units i{width:2.4cqw;height:2.4cqw;border:1px solid #d6b57764;background:#d6b5770c;border-radius:.4cqw}
.ce-property-units .is-occupied{background:#d6b577b8;border-color:#e8c58a}
.ce-property-note{grid-column:1/-1;font:400 clamp(7px,1.65cqw,12px)/1.4 Arial,Tahoma,sans-serif;color:#d6cfbf;white-space:nowrap}
.links-page .ce-card .mullak-window-light.ce-window-lit{opacity:.7}

/* SELA: reveal a fictional exchange one message at a time. */
.links-page .ce-card[data-card-experience=sela] .scene-copy{top:29%;width:35%}
.links-page .ce-card[data-card-experience=sela] .scene-title{font-size:7.2cqw}
.links-page .ce-card .scene-chat{left:47%;top:18%;width:46%;height:63%;padding:3%;gap:1.5cqw;transform:rotate(-2deg)}
.links-page .ce-card .chat-header{font-size:2cqw;padding-bottom:1.3cqw;gap:1.4cqw}
.links-page .ce-card .chat-online{font-size:clamp(6px,1.35cqw,9px);line-height:1.3;color:#c3cdb7}
.links-page .ce-card .scene-chat .chat-bubble{font-size:clamp(8px,1.8cqw,13px);padding:1.1cqw 1.7cqw;line-height:1.35;max-width:96%;}
.links-page .ce-card .chat-bubble[hidden]{display:none}
.links-page .ce-card .chat-bubble small{font-size:clamp(5px,1.1cqw,8px)}
.links-page .ce-card .chat-typing{display:none}

/* Coach: the original pool image stays visible; a training strip adds exploration. */
.links-page .ce-card[data-card-experience=coach] .ce-footer{color:#f1eadc;inset:auto 5% 3%;}
.links-page .ce-card[data-card-experience=coach]::after{content:'';position:absolute;inset:71% 0 0;z-index:2;background:linear-gradient(0deg,#051724 20%,#061e2de6 60%,transparent);pointer-events:none}
.ce-sample-badge{position:absolute;z-index:3;left:6%;top:8%;padding:1.3cqw 2cqw;border:1px solid #1333443b;border-radius:20px;background:#d9f5faac;color:#0b3146;font:500 clamp(8px,1.8cqw,12px)/1.2 Arial,Tahoma,sans-serif;letter-spacing:.1em;pointer-events:none}
.ce-program{position:absolute;z-index:3;left:6%;right:6%;top:73%;display:grid;grid-template-columns:1fr auto;column-gap:3cqw;row-gap:1cqw;pointer-events:none;color:#f0f8f8}
.ce-program>strong{font:500 clamp(11px,2.8cqw,19px)/1.2 Arial,Tahoma,sans-serif}
.ce-program>span:not(.ce-program-lanes){font:400 clamp(8px,1.7cqw,12px)/1.35 Arial,Tahoma,sans-serif;color:#cbe1e7}
.ce-program-lanes{grid-column:2;grid-row:1/3;display:flex;gap:1.2cqw;align-items:center}
.ce-program-lanes i{height:6cqw;width:1.5cqw;border-radius:10px;background:#d3f0f83b;transform:rotate(20deg)}
.ce-program-lanes i.is-current{background:#e7c889;height:9cqw}

/* MMK: focus on one service while retaining the real site behind it. */
.links-page .ce-card[data-card-experience=mmk] .live-browser,
.links-page .ce-card[data-card-experience=ck] .live-browser{transform:none;transition:none;filter:none}
.links-page .ce-card[data-card-experience=mmk]::after,
.links-page .ce-card[data-card-experience=ck]::before{display:none}
.links-page .ce-card[data-card-experience=mmk] .ce-footer,
.links-page .ce-card[data-card-experience=ck] .ce-footer{inset:auto 0 0;padding:2.5% 5%;background:#141410;min-height:13%;box-sizing:border-box}
.ce-service-focus{position:absolute;z-index:6;inset:auto 5% 17%;display:flex;align-items:center;gap:3cqw;padding:3cqw;background:#141813f5;border:1px solid #d6b5778c;border-radius:1.8cqw;box-shadow:0 1.7cqw 3.5cqw #0003;pointer-events:none}
.ce-service-mark{font:400 9cqw/.9 Georgia,serif;color:#d6b57778;border-inline-end:1px solid #d6b57740;padding-inline-end:3cqw}
.ce-service-body{display:flex;flex-direction:column;gap:1.1cqw;color:#eae0cc}
.ce-service-body>small{font:500 clamp(7px,1.45cqw,10px)/1.3 Arial,Tahoma,sans-serif;color:#ccb789;letter-spacing:.12em}
.ce-service-body>strong{font:400 5cqw/1.05 Georgia,Tahoma,serif;color:#f7ecd6}
.ce-service-body>span{font:400 clamp(8px,1.8cqw,13px)/1.35 Arial,Tahoma,sans-serif;color:#cec7b8}

/* C.K.: discovery, favourites and selection form an explicit reversible sample. */
.ce-selection{position:absolute;z-index:6;inset:auto 5% 17%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2cqw 3cqw;padding:3cqw;background:#191612f5;border:1px solid #d6b57780;border-radius:1.8cqw;box-shadow:0 1.7cqw 3.5cqw #0003;pointer-events:none}
.ce-selection-icon{display:grid;place-items:center;inline-size:9cqw;block-size:9cqw;border:1px solid #d6b5777a;border-radius:50%;color:#eed19c;font:400 6cqw/1 Georgia,serif}
.ce-selection-body{display:flex;flex-direction:column;gap:1.3cqw}
.ce-selection-body>small{color:#c5b18f;font:400 clamp(7px,1.45cqw,10px)/1.3 Arial,Tahoma,sans-serif;letter-spacing:.12em}
.ce-selection-body>strong{color:#f2e5d1;font:400 clamp(11px,3.3cqw,22px)/1.18 Georgia,Tahoma,serif}
.ce-selection-stages{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;color:#b4a692;font:400 clamp(8px,1.65cqw,12px)/1.2 Arial,Tahoma,sans-serif}
.ce-selection-stages>span{border-top:2px solid #d6b5772a;padding-top:1.6cqw}
.ce-selection-stages>.is-current{border-top-color:#e7c389;color:#f5dfb7}

/* Massage: use its real logo and service tiles; the chosen service is the state. */
.links-page .digital-card .ce-card[data-card-experience=massage]{background:#131510;aspect-ratio:3/2;height:auto}
.links-page .ce-card[data-card-experience=massage] .massage-scene{inset:4% 4% 16%;display:grid;grid-template-rows:5cqw minmax(0,1fr) 12cqw;border-radius:2cqw;transform:none!important;animation:none!important}
.links-page .ce-card[data-card-experience=massage] .massage-browser-bar{height:auto;min-width:0;padding:0 2cqw;gap:1cqw}
.links-page .ce-card[data-card-experience=massage] .massage-browser-bar i{width:1cqw;height:1cqw;flex:none}
.links-page .ce-card[data-card-experience=massage] .massage-browser-bar small{font-size:1.4cqw;margin-left:1cqw}
.links-page .ce-card[data-card-experience=massage] .massage-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:0}
.links-page .ce-card[data-card-experience=massage] .massage-copy{padding:3cqw;min-width:0;align-items:flex-start;text-align:start}
.links-page .ce-card[data-card-experience=massage] .massage-copy>small{font-size:clamp(6px,1.5cqw,10px);letter-spacing:.1em}
.links-page .ce-card[data-card-experience=massage] .massage-copy>b{font-size:5.5cqw;line-height:1.06;margin:1.8cqw 0}
.links-page .ce-card[data-card-experience=massage] .massage-copy>em{font-size:clamp(7px,1.65cqw,12px);line-height:1.4}
.links-page .ce-card[data-card-experience=massage] .massage-cta{font-size:clamp(6px,1.35cqw,10px);padding:1.3cqw 1.5cqw;margin-top:1.8cqw;transform:none;background:#526f4b}
.links-page .ce-card[data-card-experience=massage] .massage-logo-stage{min-width:0;min-height:0;padding:2cqw;border-top:0;border-left:1px solid #567f4d14}
.links-page .ce-card[data-card-experience=massage] .massage-logo-stage img{width:100%;max-height:100%;height:auto;animation:none;transform:none!important}
.links-page .ce-card[data-card-experience=massage] .massage-services{min-width:0;padding:1.3cqw 2cqw;gap:1.4cqw;grid-template-columns:repeat(3,minmax(0,1fr))}
.links-page .ce-card[data-card-experience=massage] .massage-services>span{padding:1.3cqw;min-width:0;min-height:0;border-radius:1.2cqw;transform:none;box-shadow:none;transition:none;text-align:start;background:#ffffff9e;border-color:#567f4d2b}
.links-page .ce-card[data-card-experience=massage] .massage-services small{font-size:clamp(6px,1.2cqw,9px)}
.links-page .ce-card[data-card-experience=massage] .massage-services b{font-size:clamp(7px,1.7cqw,12px);margin-top:1cqw;line-height:1.15}
.links-page .ce-card[data-card-experience=massage] .massage-services>.ce-service-selected{background:#e5eedf;border-color:#517346;box-shadow:inset 0 -2px #517346}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .links-page .ce-card .ce-cue-arrow{transition:background-color var(--ce-fast) ease-out,border-color var(--ce-fast) ease-out}
 .links-page .ce-card:hover .ce-cue-arrow{background:#d6b57728;border-color:#e8c786}
 .links-page .ce-card:active .ce-cue-arrow{background:#d6b5774a}
}
.links-page .ce-card.ce-offscreen *,
.links-page .ce-card.ce-suspended *,
.links-page .ce-card.ce-reduced *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.links-page .ce-card *{animation:none!important;transition:none!important}.links-page .ce-card .scene-dashboard{transform:none}.links-page .ce-card .scene-chat{transform:none}}

/* Give the angled training markers their full painted width in both directions. */
.ce-program-lanes{padding-inline:2cqw}