/* Gold Coast showroom: a central card with two angled previews. */
.home-showcase{position:relative;isolation:isolate;overflow:hidden;background:#d6d1be;color:#102c29}
.showcase-scenery{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(252,246,228,.94) 0%,rgba(251,241,212,.66) 22%,rgba(199,191,155,.14) 49%,rgba(10,31,27,.76) 100%),url('/assets/showcase-waterfront.png') center 54%/cover}
.showcase-inner{width:min(1370px,calc(100% - 80px));padding-top:54px}
.showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:0 45px}
.showcase-heading .eyebrow{font-size:9px;letter-spacing:3px;display:flex;align-items:center;gap:17px;margin-bottom:15px}
.showcase-heading .eyebrow:before{content:'';height:2px;width:29px;background:#b38f38}
.showcase-heading h2{font-family:var(--serif);font-size:clamp(38px,4.5vw,65px);font-weight:400;letter-spacing:-2.7px;line-height:1.08}
.showcase-heading h2 em{color:#846222;font-weight:400}
.showcase-intro{font-size:15px;line-height:1.7;margin:17px 0 0;max-width:640px;color:#3d544b}
.showcase-motto{border-left:1px solid #a68236;padding:5px 0 5px 25px;font-size:9px;letter-spacing:3px;line-height:2.5;white-space:nowrap;margin:0}
.showcase-stage{position:relative;perspective:1400px;--card-height:510px;height:calc(var(--card-height) + 126px);margin-top:30px;touch-action:pan-y;outline-offset:-5px}
.showcase-cards{position:absolute;inset:0;transform-style:preserve-3d}
.showcase-cards .discovery-card{position:absolute;top:18px;left:50%;width:clamp(340px,34vw,450px);min-height:500px;background:linear-gradient(135deg,#fffff9,#f1eedf);border:2px solid #d2bd89;border-radius:13px;box-shadow:0 18px 25px #00140e55,0 2px 4px #00140e60;opacity:0;visibility:hidden;transform:translateX(-50%) scale(.62) translateY(30px);transform-origin:50% 65%;transition:transform .8s cubic-bezier(.22,.7,.2,1),opacity .6s,filter .6s,box-shadow .6s,visibility .6s;will-change:transform;backface-visibility:hidden;user-select:none}
.showcase-cards .discovery-card[data-slot=active]{z-index:4;opacity:1;visibility:visible;transform:translateX(-50%) translateZ(45px);border-color:#f3e3b1;box-shadow:0 0 0 2px #bda26390,0 0 25px #fff0a64f,0 27px 36px #031b1480}
.showcase-cards .discovery-card[data-slot=previous]{z-index:2;opacity:1;visibility:visible;transform:translateX(calc(-50% - min(28vw,380px))) translateY(34px) rotateY(17deg) rotateZ(-2deg) scale(.83);filter:brightness(.93);cursor:pointer}
.showcase-cards .discovery-card[data-slot=next]{z-index:2;opacity:1;visibility:visible;transform:translateX(calc(-50% + min(28vw,380px))) translateY(34px) rotateY(-17deg) rotateZ(2deg) scale(.83);filter:brightness(.93);cursor:pointer}
.showcase-cards .discovery-card .browser-bar{background:linear-gradient(#f8f8ee,#e1e4d8)!important;padding:12px 13px;font-size:10px}
.showcase-cards .discovery-card .website-preview img{aspect-ratio:1.78;object-fit:cover;width:100%;height:auto}
.showcase-cards .discovery-info{padding:21px 22px 22px}
.showcase-cards .discovery-meta{font-size:9px;letter-spacing:1.3px;margin-bottom:11px}
.showcase-cards .discovery-info h3{font-size:25px;letter-spacing:-.8px}
.showcase-cards .service-tags{margin:15px 0 14px;gap:5px}
.showcase-cards .service-tags span{font-size:9px;background:#e2e9df;padding:5px 7px}
.showcase-cards .business-intro{font-size:12px;line-height:1.65;margin-bottom:22px}
.showcase-cards .business-actions{font-size:12px;gap:12px}
.showcase-cards .business-actions .button{font-size:11px;padding:12px 15px;background:linear-gradient(125deg,#294c40,#0c2925);border:1px solid #9b884c;min-height:43px;box-shadow:0 2px 4px #173c2420}
.showcase-plinth{position:absolute;left:3%;right:3%;bottom:25px;height:180px;border-radius:50%;border:2px solid #e1c481;background:radial-gradient(ellipse at center,#3c514a99 0%,#0c231da6 62%,#ebd29c7a 64%,#122b23b3 66%,#0d241ee8 70%);box-shadow:0 0 0 4px #96814b66,0 0 15px #ffe7a6aa,inset 0 0 30px #efe1b15e,0 30px 50px #00130d70;z-index:0}
.showcase-arrow{position:absolute;z-index:6;top:43%;width:55px;height:55px;border:1px solid #ffe8a1;border-radius:50%;background:#253d2d92;color:#fff0b9;box-shadow:0 0 16px #ffdf8c40;font-family:var(--serif);font-size:45px;line-height:1;display:grid;place-items:center;padding:0 0 5px;backdrop-filter:blur(5px)}
.showcase-arrow:hover{background:#163d32;color:white;box-shadow:0 0 22px #ffe39c80}
.showcase-prev{left:0}.showcase-next{right:0}
.showcase-bottom{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;margin:-5px 25px 29px;color:#fff9e5;min-height:42px}
.showcase-playback{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:2px}
.showcase-playback button{border:1px solid #e2d6af7a;border-radius:20px;padding:7px 13px;color:#fff6dc;background:#173b2d55;min-height:34px;font-size:10px}
.showcase-dots{display:flex;gap:7px;align-items:center}
.showcase-dots button{border:0;background:transparent;min-width:24px;height:36px;padding:0;position:relative}
.showcase-dots button:before{content:'';display:block;height:5px;border-radius:8px;background:#d2d4b680;transition:background .3s,box-shadow .3s}
.showcase-dots button[aria-current=true]{width:43px}
.showcase-dots button[aria-current=true]:before{background:#ffe598;box-shadow:0 0 12px #ffe6a0cc}
.showcase-all{justify-self:end;font-size:12px;font-weight:600;display:flex;gap:17px;align-items:center}
.showcase-all span{font-size:23px;color:#ffe2a2}
.showcase-foot{background:linear-gradient(110deg,#19362ce8,#102e26f2);color:#eceada;border-top:1px solid #e4d6a548}
.showcase-foot>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;font-size:9px;letter-spacing:2px}
.showcase-foot a{font-size:12px;letter-spacing:0;border:1px solid #c4b17a;padding:12px 24px;border-radius:5px}
@media(max-width:1050px){.showcase-inner{width:calc(100% - 44px)}.showcase-heading{padding:0 20px}.showcase-motto{display:none}.showcase-cards .discovery-card{width:350px}.showcase-cards .discovery-card[data-slot=previous]{transform:translateX(calc(-50% - 25vw)) translateY(30px) rotateY(22deg) rotateZ(-2deg) scale(.8)}.showcase-cards .discovery-card[data-slot=next]{transform:translateX(calc(-50% + 25vw)) translateY(30px) rotateY(-22deg) rotateZ(2deg) scale(.8)}.showcase-arrow{width:45px;height:45px;font-size:36px}.showcase-bottom{margin-left:8px;margin-right:8px;gap:15px}.showcase-all{font-size:11px}}
@media(max-width:650px){.showcase-inner{width:100%;padding-top:35px}.showcase-heading{padding:0 24px}.showcase-heading h2{font-size:39px;letter-spacing:-1.7px}.showcase-heading .eyebrow{font-size:8px;letter-spacing:2px}.showcase-intro{font-size:13px;max-width:300px;margin-top:14px}.showcase-scenery{background-position:64% center}.showcase-stage{margin-top:22px;height:calc(var(--card-height) + 95px);perspective:1100px}.showcase-cards .discovery-card{width:76%;max-width:360px;min-height:465px;top:14px}.showcase-cards .discovery-card[data-slot=active]{transform:translateX(-50%) translateZ(18px)}.showcase-cards .discovery-card[data-slot=previous]{transform:translateX(calc(-50% - 57vw)) translateY(26px) rotateY(24deg) rotateZ(-3deg) scale(.8)}.showcase-cards .discovery-card[data-slot=next]{transform:translateX(calc(-50% + 57vw)) translateY(26px) rotateY(-24deg) rotateZ(3deg) scale(.8)}.showcase-cards .discovery-info{padding:17px 16px}.showcase-cards .discovery-info h3{font-size:23px}.showcase-cards .business-intro{font-size:11px;margin-bottom:17px}.showcase-cards .business-actions{font-size:10px;gap:8px;flex-wrap:nowrap}.showcase-cards .business-actions .button{font-size:10px;padding:10px 11px}.showcase-cards .service-tags span{font-size:8px}.showcase-cards .discovery-meta{font-size:8px;letter-spacing:.7px}.showcase-cards .discovery-card .browser-bar{font-size:9px;padding:10px}.showcase-arrow{width:35px;height:45px;top:42%;border-radius:22px;font-size:34px}.showcase-prev{left:6px}.showcase-next{right:6px}.showcase-plinth{left:-22%;right:-22%;height:120px;bottom:23px}.showcase-bottom{grid-template-columns:1fr auto;margin:-3px 23px 25px;gap:10px}.showcase-playback{font-size:9px;gap:10px;letter-spacing:1px}.showcase-dots{gap:4px}.showcase-dots button{min-width:16px}.showcase-dots button[aria-current=true]{width:27px}.showcase-all{grid-column:1/-1;justify-self:center;font-size:12px;margin-top:8px}.showcase-foot>.wrap{padding:19px 0;flex-wrap:wrap;justify-content:center;gap:15px;font-size:7px;letter-spacing:1.1px}.showcase-foot a{width:100%;text-align:center;font-size:12px}}
.showcase-cards .discovery-card{height:550px;min-height:0}
.showcase-cards,.showcase-plinth{pointer-events:none}
.showcase-cards .discovery-card{pointer-events:auto}
.showcase-cards .service-tags span:nth-child(n+4){display:none}
.showcase-cards .business-intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
@media(min-width:1051px){.showcase-cards .discovery-card[data-slot=previous]{transform:translateX(calc(-50% - min(34vw,455px))) translateY(38px) translateZ(-110px) rotateY(17deg) rotateZ(2deg) scale(.85)}.showcase-cards .discovery-card[data-slot=next]{transform:translateX(calc(-50% + min(34vw,455px))) translateY(38px) translateZ(-110px) rotateY(-17deg) rotateZ(-2deg) scale(.85)}}
@media(max-width:650px){.showcase-cards .discovery-card{height:500px;min-height:0}.showcase-cards .business-actions .button{padding:10px 8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.showcase-cards .discovery-card,.showcase-dots button:before{transition:none}}