/* Checkpoint T — reopened / samples-only refinement. No final brand/logo decisions live here. */
.home-showcase{position:relative;padding:118px max(28px,calc((100vw - 1360px)/2)) 126px;overflow:hidden;border-top:1px solid rgba(116,160,173,.15);border-bottom:1px solid rgba(116,160,173,.15);background:#06111b}
.home-showcase:before{content:"";position:absolute;inset:-20% -5% auto auto;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(27,138,122,.12),rgba(27,138,122,0) 68%);pointer-events:none}
.showcase-intro{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.62fr);align-items:end;gap:72px;margin-bottom:38px}
.showcase-kicker{display:block;margin-bottom:12px;color:#58c8b5;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.showcase-intro h2{margin:0;color:#f1f5f8;font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,5vw,70px);font-weight:650;line-height:.98;letter-spacing:-.055em}
.showcase-intro p{margin:0;color:#93a8b2;font-size:15px;line-height:1.7}
.showcase-switcher{position:relative;z-index:3;width:max-content;max-width:100%;height:50px;margin:0 auto 18px;display:flex;align-items:flex-end;justify-content:center;gap:12px;padding-top:18px}
.showcase-rail{--rail:#29424c;position:relative;width:34px;height:26px;border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;transition:width .24s cubic-bezier(.22,.8,.28,1);outline:none}
.showcase-rail i{position:relative;display:block;width:100%;height:3px;background:var(--rail);overflow:hidden;transition:height .2s ease,background .2s ease,transform .2s ease}.showcase-rail i:after{content:"";position:absolute;inset:0;background:#58c8b5;transform:scaleX(0);transform-origin:left center}
.showcase-rail span{position:absolute;left:50%;bottom:22px;white-space:nowrap;transform:translate(-50%,5px);opacity:0;color:#d9e7e8;font:650 10px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.015em;pointer-events:none;transition:opacity .18s ease,transform .2s ease}
.showcase-rail.active{width:52px}.showcase-rail.active i{height:4px;background:#31535a}.showcase-rail:hover,.showcase-rail:focus-visible{width:112px}.showcase-rail:hover i,.showcase-rail:focus-visible i{background:#3f6b6f;transform:translateY(-1px)}.showcase-rail:hover span,.showcase-rail:focus-visible span{opacity:1;transform:translate(-50%,0)}
.showcase-rail.active.is-running i:after{animation:showcaseProgress 8s linear forwards}@keyframes showcaseProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.showcase-browser{position:relative;z-index:2;border:1px solid #203744;border-radius:18px;overflow:hidden;background:#0c1319;box-shadow:0 38px 110px rgba(0,0,0,.42)}
.showcase-browserbar{height:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;background:#0d151c;border-bottom:1px solid #20303a;color:#617681;font-size:9px}.showcase-dots{display:flex;gap:6px}.showcase-dots i{width:7px;height:7px;border-radius:50%;background:#30434f}.showcase-browserbar>b{font-weight:650;color:#81949f;background:#081018;border:1px solid #20313b;border-radius:7px;padding:6px 34px}.showcase-browser-meta{justify-self:end;display:flex;align-items:center;gap:12px;color:#58c8b5;font-weight:750;text-transform:uppercase;letter-spacing:.11em}.showcase-expand{width:27px;height:27px;border:0;border-left:1px solid #29414b;background:transparent;color:#91a9b1;padding:0 0 1px 10px;font-size:15px;line-height:1;cursor:pointer;transition:color .18s ease,transform .18s ease}.showcase-expand:hover,.showcase-expand:focus-visible{color:#e9f4f3;transform:translate(1px,-1px);outline:none}
.showcase-viewport{position:relative;height:min(70vw,760px);min-height:660px;background:#fff;overflow:hidden}.sample-site{display:block;width:100%;height:100%;overflow:hidden;position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(10px) scale(.997);z-index:0;transition:opacity .52s cubic-bezier(.2,.7,.25,1),transform .62s cubic-bezier(.2,.7,.25,1),visibility 0s linear .62s}.sample-site.active{opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:2;transition-delay:0s}.sample-site *{box-sizing:border-box}.sample-site button,.sample-site a{font:inherit}.sample-site button{cursor:pointer}.sample-site a{color:inherit;text-decoration:none}
.showcase-caption{position:relative;z-index:2;margin-top:16px;display:flex;justify-content:space-between;gap:34px;color:#7e95a0;font-size:10px;line-height:1.55}.showcase-caption strong{color:#cfe1e2}.showcase-caption .legal-note{max-width:700px;text-align:right;font-size:8px;color:#5f747f}.showcase-caption .legal-note a{color:#86aaa9;text-decoration:underline;text-underline-offset:2px}

/* REAL ESTATE — large photography, search-first, editorial listing cards */
.sample-property{background:#f2efe9;color:#161916;font-family:"Helvetica Neue",Arial,sans-serif}.re-header{position:absolute;z-index:5;top:0;left:0;right:0}.re-utility{height:26px;padding:0 30px;display:flex;align-items:center;gap:30px;background:#162f2a;color:#dbe7e2;font-size:7px;letter-spacing:.06em}.re-utility span:nth-child(2){margin-left:auto}.re-utility a{font-weight:700;border-bottom:1px solid rgba(255,255,255,.45)}.re-nav{height:68px;padding:0 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(247,245,239,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(54,63,56,.16)}.re-nav strong{font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:500;line-height:.92;letter-spacing:.04em}.re-nav nav{display:flex;gap:27px;font-size:9px}.re-nav button{justify-self:end;border:1px solid #1a352f;background:transparent;color:#17342d;padding:9px 13px;font-size:8px;font-weight:700}
.re-hero{height:454px;position:relative;background:#222}.re-hero-media{position:absolute;inset:0;background-image:url('https://images.pexels.com/photos/6414285/pexels-photo-6414285.jpeg?auto=compress&cs=tinysrgb&w=1600');background-position:center;background-size:cover;transition:background-image .2s ease,transform .35s ease}.re-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,9,.58) 0%,rgba(5,12,9,.06) 58%,rgba(5,12,9,.16) 100%),linear-gradient(0deg,rgba(0,0,0,.36),transparent 46%)}
.re-feature-copy{position:absolute;z-index:2;left:42px;bottom:78px;color:#fff;max-width:520px}.re-feature-copy>span{font-size:8px;letter-spacing:.12em;text-transform:uppercase}.re-feature-copy h3{margin:10px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:44px;font-weight:400;line-height:.98;letter-spacing:-.035em}.re-feature-copy p{margin:0 0 16px;font-size:9px}.re-feature-copy button{border:0;background:#f4f1ea;color:#18352e;padding:10px 14px;font-size:8px;font-weight:750}
.re-search{position:absolute;z-index:3;left:32px;right:32px;bottom:-34px;height:72px;background:#fff;box-shadow:0 17px 45px rgba(30,39,35,.16);display:grid;grid-template-columns:240px 1fr}.re-search-tabs{display:flex;align-items:stretch;border-right:1px solid #ddd8cf}.re-search-tabs button{flex:1;border:0;background:#f7f5f0;color:#6b716d;font-size:8px}.re-search-tabs button.active{background:#17372f;color:#fff}.re-search label{display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#7d827e;font-size:10px}.re-search label b{font-size:17px;color:#17372f;font-weight:400}
.re-listings-head{height:76px;padding:34px 28px 10px;display:flex;align-items:end;justify-content:space-between;background:#f6f3ed}.re-listings-head h4{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:500}.re-listings-head button{border:0;border-bottom:1px solid #424d47;background:transparent;padding:0 0 2px;font-size:8px;color:#4e5a54}
.re-listings{height:210px;padding:0 28px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#f6f3ed}.re-card{position:relative;border:0;background:#fff;padding:0;text-align:left;display:grid;grid-template-rows:120px 1fr;overflow:hidden;box-shadow:0 1px 0 rgba(20,25,21,.08);transition:.18s ease}.re-card:hover,.re-card.active{transform:translateY(-2px);box-shadow:0 9px 26px rgba(36,43,39,.12)}.re-img{display:block;background:center/cover no-repeat}.re-img-one{background-image:url('https://images.pexels.com/photos/6414285/pexels-photo-6414285.jpeg?auto=compress&cs=tinysrgb&w=700')}.re-img-two{background-image:url('https://images.pexels.com/photos/36870473/pexels-photo-36870473.jpeg?auto=compress&cs=tinysrgb&w=700')}.re-img-three{background-image:url('https://images.pexels.com/photos/37064587/pexels-photo-37064587.jpeg?auto=compress&cs=tinysrgb&w=700')}.re-card>span{padding:10px 11px;display:grid;grid-template-columns:1fr auto;gap:2px 8px}.re-card small{grid-column:1/-1;color:#6f7771;font-size:6px;letter-spacing:.1em;text-transform:uppercase}.re-card b{font-family:Georgia,"Times New Roman",serif;font-size:12px;font-weight:500}.re-card em{grid-column:1/2;font-style:normal;color:#777d79;font-size:7px}.re-card strong{grid-column:2/3;grid-row:2/4;align-self:center;font-size:8px;font-weight:700;color:#233c35}

/* MEDICAL — practitioner-led booking workspace with academic profile detail */
.sample-medical{background:#f5faf8;color:#123b36;font-family:"Segoe UI",Arial,Helvetica,sans-serif}.med-header{height:72px;padding:0 28px;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:24px;background:#fff;border-bottom:1px solid #d9e8e4}.med-logo{display:flex;align-items:center;gap:9px;font-family:Georgia,"Times New Roman",serif;font-size:15px;letter-spacing:.015em}.med-logo i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#0d766a;color:#fff;font-style:normal;font-family:Arial,sans-serif;font-size:18px;font-weight:300}.med-logo b{font-weight:400;color:#55817a}.med-header nav{display:flex;gap:22px;color:#4a6a65;font-size:8px}.med-phone{font-size:8px;color:#68827e}.med-header>button{border:0;border-radius:5px;background:#0d766a;color:#fff;padding:10px 14px;font-size:8px;font-weight:750}.med-main{height:calc(100% - 284px);min-height:360px;display:grid;grid-template-columns:minmax(320px,43%) minmax(0,57%);background:#edf5f2}.med-profile-stage{position:relative;overflow:hidden;min-width:0;background:#ccdcd8}.med-profile-photo{position:absolute;inset:0;background:url('https://images.pexels.com/photos/32115905/pexels-photo-32115905.jpeg?auto=compress&cs=tinysrgb&w=1300') center 18%/cover no-repeat;transition:background-image .28s ease,background-position .28s ease,transform .4s ease}.med-profile-stage:hover .med-profile-photo{transform:scale(1.012)}.med-profile-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,38,33,.88) 0%,rgba(6,38,33,.28) 45%,rgba(6,38,33,.03) 72%)}.med-profile-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:27px;color:#fff}.med-availability{display:inline-block;margin-bottom:8px;padding:5px 7px;border:1px solid rgba(255,255,255,.35);background:rgba(4,45,39,.34);font-size:6px;font-weight:800;letter-spacing:.12em}.med-profile-copy h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:400;letter-spacing:-.025em}.med-qualifications{margin:4px 0 2px;font-family:Georgia,"Times New Roman",serif;font-size:10px;letter-spacing:.025em;color:#e4f4f0}.med-education{margin:0 0 8px;color:#bcd8d1;font-family:Georgia,"Times New Roman",serif;font-size:7px;letter-spacing:.015em}.med-doctor-summary{max-width:470px;margin:0;color:#d9e9e5;font-size:8px;line-height:1.5}.med-profile-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.22)}.med-profile-meta span{font-size:6px;color:#bcd7d0}.med-profile-meta b{display:block;margin-bottom:1px;color:#fff;font-size:8px}.med-booking-workspace{min-width:0;padding:24px 28px;background:#fff;display:grid;align-content:start;grid-template-rows:auto auto auto auto auto auto auto;border-left:1px solid #d9e8e4}.med-booking-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid #dce8e5}.med-booking-head small{display:block;margin-bottom:3px;color:#0d766a;font-size:6px;font-weight:800;letter-spacing:.13em}.med-booking-head h4{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:400}.med-booking-head>span{padding:5px 8px;border-radius:99px;background:#e9f6f2;color:#0b7065;font-size:6px;font-weight:700}.med-step{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #e4ece9}.med-step>b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e9f4f1;color:#0c7166;font-size:7px}.med-step>div>span,.med-calendar-label>span{display:block;margin-bottom:6px;color:#718a85;font-size:6px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.med-choice-row,.med-services{display:flex;flex-wrap:wrap;gap:6px}.med-choice-row button,.med-services button{border:1px solid #cfe0dc;border-radius:4px;background:#f9fcfb;color:#466762;padding:6px 8px;font-size:7px}.med-choice-row button.active,.med-services button.active{border-color:#0d766a;background:#0d766a;color:#fff}.med-selected-practitioner strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:11px;font-weight:500}.med-selected-practitioner small{display:block;margin-top:2px;color:#758985;font-family:Georgia,"Times New Roman",serif;font-size:7px}.med-selected-practitioner em{font-style:normal;font-size:9px;font-weight:800;color:#174e47}.med-calendar-label{display:flex;justify-content:space-between;align-items:end;padding-top:10px}.med-calendar-label>span{margin:0}.med-calendar-label button{border:0;background:transparent;color:#4d706a;font-size:7px}.med-week{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:7px}.med-week button{height:38px;border:1px solid #d8e5e2;border-radius:5px;background:#f9fbfa;color:#58716d}.med-week button span{display:block;font-size:6px}.med-week button b{font-size:9px}.med-week button.active{border-color:#0d766a;background:#e9f6f2;color:#0b6a60}.med-time-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:7px}.booker-row button{border:1px solid #d6e3e0;background:#f8fbfa;border-radius:5px;padding:6px 3px;color:#345b55;font-size:6px}.booker-row button span{display:block;color:#83938f}.booker-row button b{font-size:8px}.booker-row button.selected{background:#0d766a;color:#fff;border-color:#0d766a}.booker-row button.selected span{color:#d7efea}.med-booking-foot{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:10px}.med-booking-foot>span{color:#7a8d89;font-size:6px;line-height:1.4}.booker-continue{border:0;border-radius:5px;background:#0d766a;color:#fff;padding:9px 13px;font-size:8px;font-weight:750}.doctor-directory-head{height:56px;padding:10px 28px 7px;display:flex;align-items:end;justify-content:space-between;background:#eef5f3;border-top:1px solid #d7e5e1}.doctor-directory-head small{display:block;color:#0d766a;font-size:6px;font-weight:800;letter-spacing:.12em}.doctor-directory-head h4{margin:2px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:17px;font-weight:400}.doctor-directory-head>span{max-width:360px;text-align:right;color:#728681;font-size:6px;line-height:1.4}.doctor-directory{height:156px;padding:0 28px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#eef5f3}.doctor-card{border:1px solid #d4e2df;background:#fff;border-radius:6px;padding:7px;display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:center;text-align:left;color:#153d38;overflow:hidden}.doctor-card:hover,.doctor-card.active{border-color:#68a99f;box-shadow:inset 0 0 0 1px #68a99f}.doctor-card i{height:112px;border-radius:4px;background:center 16%/cover no-repeat}.doctor-card .doc-one{background-image:url('https://images.pexels.com/photos/32115905/pexels-photo-32115905.jpeg?auto=compress&cs=tinysrgb&w=450')}.doctor-card .doc-two{background-image:url('https://images.pexels.com/photos/15752232/pexels-photo-15752232.jpeg?auto=compress&cs=tinysrgb&w=450')}.doctor-card .doc-three{background-image:url('https://images.pexels.com/photos/6762870/pexels-photo-6762870.jpeg?auto=compress&cs=tinysrgb&w=450')}.doctor-card>span{display:grid;gap:3px;min-width:0}.doctor-card strong{font-family:Georgia,"Times New Roman",serif;font-size:10px;font-weight:500}.doctor-card em{font-style:normal;font-family:Georgia,"Times New Roman",serif;font-size:7px;color:#164f47}.doctor-card small{font-size:6px;line-height:1.35;color:#758984}.doctor-card b{font-size:7px;color:#0d766a}

/* PRESTIGE AUTO — showroom command centre: inventory rail + 360 stage + technical dossier */
.sample-auto{background:#080a0c;color:#f6f6f3;font-family:"Gill Sans","Trebuchet MS","Segoe UI",Arial,sans-serif;display:grid;grid-template-rows:64px minmax(0,1fr) 54px}
.car-header{height:64px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#090b0d;border-bottom:1px solid #24282d}
.car-logo{font-family:Georgia,"Times New Roman",serif;font-size:16px;letter-spacing:.12em}.car-logo span{font-family:"Gill Sans","Trebuchet MS",sans-serif;font-weight:300;color:#9da3aa}
.car-header nav{display:flex;gap:24px;font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#bfc4c8}.car-header nav a:first-child{color:#fff;border-bottom:1px solid #b52f28;padding-bottom:3px}.car-header>button{justify-self:end;border:1px solid #4a5056;background:transparent;color:#fff;padding:9px 12px;font-size:7px;text-transform:uppercase;letter-spacing:.05em}
.car-showroom{min-height:0;display:grid;grid-template-columns:230px minmax(0,1fr) 272px;background:#0b0d10;overflow:hidden}
.car-inventory-rail{position:relative;z-index:4;min-width:0;padding:14px 12px 10px;background:#0d1013;border-right:1px solid #262b30;display:grid;grid-template-rows:auto repeat(4,minmax(0,1fr)) 34px;gap:7px;pointer-events:auto}.car-rail-head{padding:0 5px 8px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;border-bottom:1px solid #292e33}.car-rail-head small{font-size:6px;letter-spacing:.14em;color:#b52f28}.car-rail-head strong{justify-self:end;font-size:8px}.car-rail-head span{grid-column:1/-1;color:#747d84;font-size:6px;line-height:1.4}
.vehicle-card{position:relative;z-index:5;min-height:0;border:1px solid #292d32;background:#111418;color:#fff;padding:0;display:grid;grid-template-columns:86px 1fr;text-align:left;overflow:hidden;transition:border-color .18s ease,background .18s ease,transform .18s ease;pointer-events:auto}.vehicle-card:hover,.vehicle-card.active{border-color:#ad3930;background:#171719;transform:translateY(-1px)}.vehicle-card:focus-visible{outline:2px solid #e05145;outline-offset:1px}
.vehicle-thumb{display:block;background:#0b0f13;overflow:hidden}.vehicle-thumb img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .28s ease}.vehicle-card:hover .vehicle-thumb img,.vehicle-card.active .vehicle-thumb img{transform:scale(1.03)}.vehicle-card>span:last-child{padding:8px 9px;display:grid;align-content:center;gap:3px;min-width:0}.vehicle-card small{font-size:5px;letter-spacing:.11em;color:#8f989f}.vehicle-card b{font-family:Georgia,"Times New Roman",serif;font-size:10px;line-height:1.04;font-weight:400}.vehicle-card em{font-style:normal;color:#aeb4b8;font-size:5.5px;line-height:1.35}.car-view-all{border:0;border-top:1px solid #282e33;background:transparent;color:#d6dadd;display:flex;align-items:center;justify-content:space-between;padding:0 5px;font-size:7px}.car-view-all span{font-size:13px;color:#b52f28}
.car-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#090b0d}.car-stage-photo{position:absolute;inset:0;width:100%;height:100%;border:0;transition:background-image .28s ease,background-position .28s ease,transform .4s ease;z-index:0;background-image:url('https://images.pexels.com/photos/35113551/pexels-photo-35113551.jpeg?auto=compress&cs=tinysrgb&w=1800');background-position:52% 58%;background-size:cover;background-repeat:no-repeat;opacity:1}.car-stage:hover .car-stage-photo{transform:scale(1.008)}.car-stage-vignette{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.34),transparent 24%,transparent 68%,rgba(0,0,0,.58)),linear-gradient(90deg,rgba(0,0,0,.22),transparent 24%,transparent 77%,rgba(0,0,0,.18))}.car-stage-top{position:absolute;z-index:3;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.car-stage-top span{padding:5px 7px;border:1px solid rgba(255,255,255,.23);background:rgba(9,11,13,.62);font-size:6px;font-weight:800;letter-spacing:.13em}.car-stage-top b{font-size:6px;letter-spacing:.12em;color:#bfc4c9}.car-stage-caption{position:absolute;z-index:3;left:20px;bottom:24px;max-width:65%;pointer-events:none}.car-stage-caption small{display:block;margin-bottom:5px;color:#c04236;font-size:6px;font-weight:800;letter-spacing:.13em}.car-stage-caption strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:400;letter-spacing:-.025em;text-shadow:0 2px 16px #000}.car-stage-caption span{display:block;margin-top:5px;color:#d6d9dc;font-size:6px;line-height:1.45;max-width:360px}
.car-detail-panel{min-width:0;min-height:0;padding:18px 18px 15px;background:#0f1215;border-left:1px solid #2a2e33;display:flex;flex-direction:column;overflow:hidden}.car-detail-head{display:flex;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid #2a2f34}.car-detail-head span{font-size:6px;color:#bd3e33;letter-spacing:.12em;font-weight:800}.car-detail-head small{font-size:5px;color:#7e858b}.car-detail-panel h3{margin:16px 0 5px;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400;line-height:1.02}.car-detail-panel>p{margin:0;color:#8f989f;font-size:7px}.car-detail-price{display:block;margin:13px 0 14px;font-size:12px}.car-spec-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2b3035;border-left:1px solid #2b3035}.car-spec-grid>div{min-height:54px;padding:9px;border-right:1px solid #2b3035;border-bottom:1px solid #2b3035;display:grid;align-content:center;gap:3px}.car-spec-grid span{font-size:5px;color:#707980;letter-spacing:.12em}.car-spec-grid b{font-size:7.5px;line-height:1.35}.car-detail-actions{display:grid;grid-template-columns:1fr .65fr;gap:6px;margin-top:14px}.car-detail-actions button{border:0;background:#b6332a;color:#fff;padding:9px 7px;font-size:7px;font-weight:800}.car-detail-actions button+button{background:transparent;border:1px solid #4e5359}.car-finance-note{margin-top:auto;padding-top:11px;border-top:1px solid #292e33}.car-finance-note span{font-size:5px;color:#777f85;letter-spacing:.12em}.car-finance-note p{margin:4px 0 0;color:#9ca3a8;font-size:5.5px;line-height:1.4}
.car-market-strip{height:54px;padding:0 15px 0 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:15px;background:#0b0e11;border-top:1px solid #262b30;color:#cfd4d6}.car-market-strip>strong{font-size:6px;letter-spacing:.16em;color:#d4483d}.car-market-strip>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:6px;color:#91999e}.car-market-strip>span b{color:#edf0f1;font-weight:700}.car-market-strip>span i{font-style:normal;color:#4a5156;margin:0 7px}.car-market-strip>small{font-size:5px;color:#697279;white-space:nowrap}.car-market-strip>button{border:0;border-left:1px solid #353a3f;background:transparent;color:#fff;height:100%;padding:0 4px 0 15px;font-size:6px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.car-market-strip>button:hover{color:#e25045}
.sample-build{background:#e9e5dc;color:#1c211d;font-family:"Arial Narrow",Arial,Helvetica,sans-serif}.build-header{height:64px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#f1eee6;border-bottom:1px solid #c9c4b9}.build-logo{font-size:16px;font-weight:900;letter-spacing:.09em}.build-logo span{color:#c55334}.build-header nav{display:flex;gap:25px;font-size:7px;text-transform:uppercase;letter-spacing:.07em;color:#596057}.build-header>button{justify-self:end;border:0;border-bottom:2px solid #c55334;background:transparent;color:#242923;padding:8px 0 6px;font-size:7px;font-weight:800}.build-case-study{height:calc(100% - 286px);min-height:370px;display:grid;grid-template-columns:minmax(300px,38%) minmax(0,62%);border-bottom:1px solid #c5c0b6}.build-story-panel{padding:28px 34px 24px;background:#202821;color:#f5f0e5;display:flex;flex-direction:column}.build-story-index{display:flex;align-items:baseline;gap:4px;margin-bottom:auto}.build-story-index span{font-family:Georgia,"Times New Roman",serif;font-size:39px;font-weight:400}.build-story-index b{color:#929d91;font-size:9px;font-weight:400}.build-story-panel>small{margin-top:20px;color:#d16a4b;font-size:6px;font-weight:800;letter-spacing:.14em}.build-story-panel h3{margin:8px 0 7px;font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:400;line-height:1;letter-spacing:-.025em}.build-meta{margin:0;color:#bac2b7;font-size:7px}.build-description{max-width:420px;margin:14px 0 16px;color:#d0d5cd;font-family:Arial,sans-serif;font-size:7px;line-height:1.55}.build-story-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:auto;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}.build-story-stats>div{padding:11px 0;border-right:1px solid rgba(255,255,255,.17)}.build-story-stats>div+div{padding-left:12px}.build-story-stats>div:last-child{border-right:0}.build-story-stats span{display:block;color:#89958a;font-size:5px;letter-spacing:.12em}.build-story-stats b{display:block;margin-top:3px;font-size:9px}.build-story-panel>button{align-self:flex-start;margin-top:16px;border:0;background:transparent;color:#f7f2e8;padding:0 0 4px;border-bottom:1px solid #d06a4b;font-size:7px}.build-story-panel>button span{margin-left:14px;color:#d06a4b}.build-project-visual{position:relative;overflow:hidden;background:url('https://images.pexels.com/photos/27806663/pexels-photo-27806663.jpeg?auto=compress&cs=tinysrgb&w=1600') 50% 44%/cover no-repeat;transition:background-image .28s ease,background-position .28s ease}.build-project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,25,21,.09),transparent 42%),linear-gradient(0deg,rgba(19,24,20,.4),transparent 48%)}.build-grid-lines{position:absolute;z-index:2;inset:0;opacity:.28;background:linear-gradient(90deg,transparent calc(33.333% - .5px),rgba(255,255,255,.45) 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.45) 66.666%,transparent calc(66.666% + .5px))}.build-image-label{position:absolute;z-index:3;right:22px;bottom:20px;width:152px;padding:11px 12px;background:#ece7db;color:#20251f;border-top:3px solid #c55334;display:grid;grid-template-columns:1fr auto;gap:2px 8px}.build-image-label span{font-size:5px;letter-spacing:.11em;color:#6f756d}.build-image-label b{grid-row:1/3;grid-column:2;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:400}.build-image-label small{font-size:5px;color:#747970}.build-register-head{height:50px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#efebe2;border-bottom:1px solid #cac5ba}.build-register-head>span{font-size:6px;font-weight:900;letter-spacing:.15em}.build-register-head>div{display:flex;align-items:center;gap:8px;color:#70766e;font-size:6px}.build-register-head b{color:#20251f;font-size:9px}.build-register-head i{width:1px;height:16px;background:#c5c1b7}.build-projects{height:172px;padding:12px 16px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#efebe2}.project-tile{position:relative;border:1px solid #c8c3b8;background:#f8f5ee;padding:0;display:grid;grid-template-columns:110px minmax(0,1fr) 28px;text-align:left;overflow:hidden;color:#282d27}.project-tile:hover,.project-tile.active{border-color:#ad6148;box-shadow:inset 0 0 0 1px #ad6148}.project-tile i{background:center/cover no-repeat}.project-tile .build-one{background-image:url('https://images.pexels.com/photos/27806663/pexels-photo-27806663.jpeg?auto=compress&cs=tinysrgb&w=650');background-position:50% 44%}.project-tile .build-two{background-image:url('https://images.pexels.com/photos/5505131/pexels-photo-5505131.jpeg?auto=compress&cs=tinysrgb&w=650');background-position:50% 56%}.project-tile .build-three{background-image:url('https://images.pexels.com/photos/37244506/pexels-photo-37244506.jpeg?auto=compress&cs=tinysrgb&w=650');background-position:52% 48%}.project-tile>span{padding:11px 9px;display:grid;align-content:center;gap:4px;min-width:0}.project-tile small{font-size:5px;color:#9a624f;letter-spacing:.09em}.project-tile b{font-family:Georgia,"Times New Roman",serif;font-size:10px;font-weight:500}.project-tile em{font-style:normal;font-size:6px;color:#73786f}.project-tile>strong{align-self:center;font-size:15px;font-weight:400;color:#bd5738}

/* ACTIVEWEAR — split editorial campaign + dense storefront merchandising */
.sample-apparel{background:#fbfaf7;color:#111;font-family:"Helvetica Neue",Arial,sans-serif}.shop-promo{height:24px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:6px;letter-spacing:.075em}.shop-header{height:66px;padding:0 25px;display:grid;grid-template-columns:44px 1fr auto 1fr;align-items:center;background:#fff;border-bottom:1px solid #e1dfd9}.shop-menu{border:0;background:transparent;font-size:15px}.shop-logo{font-size:16px;font-weight:700;letter-spacing:.17em}.shop-header nav{display:flex;gap:22px;font-size:7px;text-transform:uppercase;letter-spacing:.04em}.shop-tools{justify-self:end;display:flex;align-items:center;gap:10px}.shop-tools button{border:0;background:transparent;font-size:7px}.shop-tools .shop-bag-count{display:inline-grid;place-items:center;min-width:17px;height:17px;border-radius:50%;background:#151515;color:#fff;margin-left:3px}.shop-editorial{height:calc(100% - 360px);min-height:310px;display:grid;grid-template-columns:minmax(0,58%) minmax(310px,42%);background:#e7e4de}.shop-campaign-image{min-width:0;background:url('https://images.pexels.com/photos/28774690/pexels-photo-28774690.jpeg?auto=compress&cs=tinysrgb&w=1600') center 28%/cover no-repeat}.shop-campaign-copy{padding:34px 36px 28px;background:#ded8cf;display:flex;flex-direction:column;justify-content:center}.shop-drop{font-size:6px;font-weight:800;letter-spacing:.17em}.shop-campaign-copy h3{margin:9px 0 12px;font-size:43px;line-height:.92;letter-spacing:-.055em;font-weight:650}.shop-campaign-copy>p{max-width:390px;margin:0;color:#55514c;font-size:8px;line-height:1.55}.shop-colours{display:flex;align-items:center;gap:6px;margin:17px 0}.shop-colours i{width:15px;height:15px;border-radius:50%;border:1px solid rgba(0,0,0,.16)}.shop-colours .stone{background:#c7b9a8}.shop-colours .black{background:#161616}.shop-colours .mineral{background:#6c7c83}.shop-colours span{margin-left:5px;color:#68635d;font-size:6px}.shop-campaign-actions{display:flex;gap:7px}.shop-campaign-actions button{border:0;background:#111;color:#fff;padding:9px 13px;font-size:7px;font-weight:750}.shop-campaign-actions button+button{background:transparent;color:#111;border:1px solid #6e6962}.shop-editorial-note{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:17px;border-top:1px solid #bbb3a8}.shop-editorial-note b{font-size:7px;letter-spacing:.12em}.shop-editorial-note span{color:#625e58;font-size:6px}.shop-new-head{height:56px;padding:11px 18px 7px;display:flex;align-items:end;justify-content:space-between;background:#fff}.shop-new-head small{display:block;color:#77736c;font-size:5px;letter-spacing:.12em}.shop-new-head h4{margin:2px 0 0;font-size:14px;font-weight:650}.shop-new-head button{border:0;background:transparent;font-size:6px}.shop-products{height:214px;padding:0 14px 15px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;background:#fff}.product-card{position:relative;display:grid;grid-template-rows:112px auto auto;min-width:0}.product-card>i{display:block;background:center/cover no-repeat}.product-card .prod-one{background-image:url('https://images.pexels.com/photos/28774688/pexels-photo-28774688.jpeg?auto=compress&cs=tinysrgb&w=600')}.product-card .prod-two{background-image:url('https://images.pexels.com/photos/28774700/pexels-photo-28774700.jpeg?auto=compress&cs=tinysrgb&w=600')}.product-card .prod-three{background-image:url('https://images.pexels.com/photos/16701750/pexels-photo-16701750.jpeg?auto=compress&cs=tinysrgb&w=600')}.product-card .prod-four{background-image:url('https://images.pexels.com/photos/16122065/pexels-photo-16122065.jpeg?auto=compress&cs=tinysrgb&w=600')}.product-card>div:nth-of-type(1){display:grid;grid-template-columns:1fr auto;gap:1px 6px;padding-top:7px}.product-card small{grid-column:1/-1;color:#8c8982;font-size:5px;letter-spacing:.09em}.product-card b{font-size:8px}.product-card span{font-size:7px;color:#555}.size-row{display:flex;gap:3px;margin-top:4px}.size-row button{position:static;width:auto;height:auto;border:1px solid #ddd9d1;background:#fff;border-radius:2px;padding:3px 5px;font-size:6px;line-height:1}.size-row button.selected{background:#151515;border-color:#151515;color:#fff}.product-card .add-product{position:absolute;right:5px;top:82px;width:26px;height:26px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.14);font-size:13px;line-height:1}

.showcase-modal{position:fixed;inset:0;z-index:180;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(2,8,12,.88);backdrop-filter:blur(12px)}.showcase-modal.show{display:flex}.showcase-modal-card{width:min(1500px,96vw);height:min(900px,92vh);position:relative;background:#0d151d;border:1px solid #2a4452;border-radius:18px;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.6)}#showcaseModalHost{height:100%}.showcase-modal .showcase-browser-preview{height:100%;border:0;border-radius:0;box-shadow:none;display:grid;grid-template-rows:44px minmax(0,1fr)}.showcase-modal .showcase-browser-preview .showcase-viewport{height:100%;min-height:0}.showcase-modal .showcase-browser-preview .sample-site{height:100%}.showcase-modal-close{position:absolute;z-index:6;right:11px;top:7px;width:30px;height:30px;border:0;border-left:1px solid #304754;background:#0a141c;color:#fff;font-size:18px}.showcase-modal .showcase-browserbar{padding-right:55px}.showcase-modal .showcase-browser-meta{padding-right:34px}

@media(max-width:1050px){
.showcase-intro{grid-template-columns:1fr;gap:18px}.showcase-viewport{height:720px}.re-nav nav,.med-header nav,.car-header nav,.build-header nav,.shop-header nav{display:none}.re-listings{grid-template-columns:1fr 1fr}.re-card:nth-child(3){display:none}
.med-main{grid-template-columns:40% 60%}.med-booking-workspace{padding:20px}.doctor-directory{grid-template-columns:1fr 1fr}.doctor-card:nth-child(3){display:none}
.car-showroom{grid-template-columns:190px minmax(0,1fr) 230px}.car-inventory-rail{padding-left:8px;padding-right:8px}.vehicle-card{grid-template-columns:58px 1fr}.car-detail-panel{padding-left:14px;padding-right:14px}.car-detail-panel h3{font-size:22px}.car-stage-caption strong{font-size:20px}.car-market-strip{grid-template-columns:auto minmax(0,1fr) auto}.car-market-strip>small{display:none}
.build-case-study{grid-template-columns:42% 58%}.build-story-panel{padding:24px}.build-projects{grid-template-columns:1fr 1fr}.project-tile:nth-child(3){display:none}
.shop-editorial{grid-template-columns:55% 45%}.shop-campaign-copy{padding:28px}.shop-campaign-copy h3{font-size:37px}.shop-products{grid-template-columns:repeat(3,1fr)}.product-card:nth-child(4){display:none}
}
@media(max-width:700px){
.home-showcase{padding:80px 16px 88px}.showcase-intro h2{font-size:41px}.showcase-switcher{gap:7px}.showcase-rail{width:26px}.showcase-rail.active{width:42px}.showcase-rail:hover,.showcase-rail:focus-visible{width:82px}.showcase-browserbar>b{padding:6px 12px}.showcase-browser-meta>span{display:none}.showcase-viewport{height:680px;min-height:680px}
.re-utility span:nth-child(2),.re-nav button,.med-phone,.med-header>button,.car-header>button,.build-header>button{display:none}.re-nav,.car-header,.build-header{grid-template-columns:1fr}.re-hero{height:410px}.re-feature-copy{left:24px;bottom:86px}.re-feature-copy h3{font-size:36px}.re-search{left:15px;right:15px;grid-template-columns:130px 1fr}.re-listings{grid-template-columns:1fr}.re-card:nth-child(2){display:none}
.med-header{height:62px;padding:0 16px}.med-main{height:438px;display:grid;grid-template-columns:1fr;grid-template-rows:154px 284px}.med-profile-copy{left:18px;right:18px;bottom:14px}.med-profile-copy h3{font-size:24px}.med-doctor-summary,.med-profile-meta{display:none}.med-booking-workspace{padding:12px 15px}.med-booking-head{padding-bottom:7px}.med-booking-head h4{font-size:18px}.med-step{padding:6px 0}.med-patient-type{display:none}.med-week{margin-top:5px}.med-time-grid{grid-template-columns:repeat(3,1fr);margin-top:5px}.med-time-grid button:nth-child(n+4){display:none}.med-booking-foot{margin-top:6px}.doctor-directory-head{height:52px;padding:8px 15px}.doctor-directory-head>span{display:none}.doctor-directory{height:128px;padding:0 15px 14px;grid-template-columns:1fr}.doctor-card{grid-template-columns:62px 1fr}.doctor-card i{height:92px}.doctor-card:nth-child(2),.doctor-card:nth-child(3){display:none}
.sample-auto{grid-template-rows:58px minmax(0,1fr) 48px}.car-header{height:58px;padding:0 17px}.car-showroom{min-height:0;display:block;position:relative}.car-inventory-rail{display:none}.car-stage{height:100%}.car-stage-caption{bottom:182px;max-width:80%}.car-stage-caption strong{font-size:23px}.car-detail-panel{position:absolute;z-index:5;left:0;right:0;bottom:0;height:165px;padding:13px 16px;background:rgba(10,12,14,.94);backdrop-filter:blur(8px)}.car-detail-head,.car-spec-grid,.car-finance-note{display:none}.car-detail-panel h3{margin:0 0 4px;font-size:20px}.car-detail-price{margin:7px 0}.car-detail-actions{margin-top:auto}.car-market-strip{height:48px;padding:0 12px;grid-template-columns:1fr auto;gap:10px}.car-market-strip>strong,.car-market-strip>small{display:none}.car-market-strip>span{font-size:5.5px}.car-market-strip>button{padding-left:10px}
.build-header{height:58px;padding:0 17px}.build-case-study{height:420px;grid-template-columns:1fr;grid-template-rows:185px 235px}.build-story-panel{padding:16px 18px}.build-story-index{display:none}.build-story-panel>small{margin-top:0}.build-story-panel h3{font-size:26px}.build-description{margin:8px 0;font-size:6px}.build-story-stats{display:none}.build-story-panel>button{margin-top:auto}.build-register-head{height:46px;padding:0 14px}.build-register-head>div{display:none}.build-projects{height:156px;grid-template-columns:1fr;padding:8px 12px 12px}.project-tile{grid-template-columns:105px 1fr 28px}.project-tile:nth-child(2),.project-tile:nth-child(3){display:none}
.shop-header{height:60px;grid-template-columns:38px 1fr 1fr;padding:0 15px}.shop-tools{justify-self:end}.shop-editorial{height:360px;grid-template-columns:48% 52%;min-height:0}.shop-campaign-image{background-position:center 25%}.shop-campaign-copy{padding:20px 18px}.shop-campaign-copy h3{font-size:31px}.shop-campaign-copy>p{font-size:7px}.shop-editorial-note{display:none}.shop-new-head{height:52px}.shop-products{height:184px;grid-template-columns:1fr 1fr}.product-card{grid-template-rows:92px auto auto}.product-card:nth-child(3),.product-card:nth-child(4){display:none}.product-card .add-product{top:64px}
.showcase-caption{display:grid}.showcase-caption .legal-note{text-align:left}.showcase-modal{padding:0}.showcase-modal-card{width:100vw;height:100vh;border-radius:0}
}

@media(prefers-reduced-motion:reduce){.showcase-rail.active.is-running i:after{animation:none;transform:scaleX(1)}.sample-site{transition:none;transform:none}.showcase-expand{transition:none}}


/* IN_PROGRESS_21 — phone-first fixes for the example websites. Keep interactions visible instead of squeezing desktop layouts. */
@media(max-width:700px){
  .showcase-switcher{overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .showcase-switcher::-webkit-scrollbar{display:none}
  .showcase-rail{flex:0 0 auto}
  .showcase-browser{border-radius:18px}
  .showcase-viewport{height:800px;min-height:800px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .showcase-viewport .sample-site{height:auto;min-height:100%}
  .showcase-browserbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:0 10px}
  .showcase-browserbar>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .re-listings-head{padding:10px 15px 8px}
  .re-listings{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(226px,84%);gap:12px;overflow-x:auto;padding:0 15px 14px;scroll-snap-type:x proximity}
  .re-listings::-webkit-scrollbar{display:none}
  .re-card,.re-card:nth-child(2),.re-card:nth-child(3){display:grid;scroll-snap-align:start}

  .doctor-directory{height:auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,86%);gap:12px;overflow-x:auto;padding:0 15px 14px;scroll-snap-type:x proximity}
  .doctor-directory::-webkit-scrollbar{display:none}
  .doctor-card,.doctor-card:nth-child(2),.doctor-card:nth-child(3){display:grid;scroll-snap-align:start}

  .sample-auto{grid-template-rows:58px auto 48px}
  .car-showroom{display:flex;flex-direction:column;min-height:0}
  .car-stage{order:1;height:282px}
  .car-stage-caption{bottom:18px;left:16px;right:16px;max-width:none}
  .car-stage-caption strong{font-size:24px}
  .car-detail-panel{order:2;position:static;left:auto;right:auto;bottom:auto;height:auto;padding:14px 16px 16px;background:#0a1118;border-top:1px solid #1c2937;backdrop-filter:none}
  .car-detail-head{display:flex;margin-bottom:6px}
  .car-detail-panel h3{font-size:20px}
  .car-detail-price{margin:8px 0 10px}
  .car-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:0}
  .car-spec-grid div:last-child{display:none}
  .car-finance-note{display:none}
  .car-inventory-rail{order:3;display:block;padding:14px 16px 16px;background:#0d131b;border-top:1px solid #1c2937;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .car-inventory-rail::-webkit-scrollbar{display:none}
  .car-rail-head{display:block;white-space:normal;margin-bottom:10px}
  .car-inventory-rail>.vehicle-card{display:inline-grid;grid-template-columns:72px 1fr;width:min(260px,74vw);margin-right:10px;vertical-align:top;white-space:normal;scroll-snap-align:start}
  .car-inventory-rail>.car-view-all{display:inline-flex;align-items:center;justify-content:center;min-width:154px;height:100px;vertical-align:top;white-space:normal}
  .car-market-strip{height:auto;min-height:48px;padding:10px 12px;grid-template-columns:1fr auto;align-items:center}
  .car-market-strip>span{grid-column:1 / -1;font-size:5.6px;line-height:1.5}
  .car-market-strip>button{grid-column:2;grid-row:1 / span 2;align-self:start}

  .build-register-head{height:48px;padding:0 14px}
  .build-projects{height:auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,88%);gap:12px;overflow-x:auto;padding:8px 12px 12px;scroll-snap-type:x proximity}
  .build-projects::-webkit-scrollbar{display:none}
  .project-tile,.project-tile:nth-child(2),.project-tile:nth-child(3){display:grid;scroll-snap-align:start}

  .shop-products{height:auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(146px,44%);gap:10px;overflow-x:auto;padding:0 14px 14px;scroll-snap-type:x proximity}
  .shop-products::-webkit-scrollbar{display:none}
  .product-card,.product-card:nth-child(3),.product-card:nth-child(4){display:grid;scroll-snap-align:start}
}

@media(max-width:420px){
  .showcase-viewport{height:840px;min-height:840px}
  .showcase-browserbar{font-size:8px}
  .re-hero{height:390px}
  .re-feature-copy h3{font-size:32px}
  .med-main{grid-template-rows:150px 292px}
  .car-stage{height:258px}
  .car-inventory-rail>.vehicle-card{width:min(244px,76vw)}
  .car-spec-grid{grid-template-columns:1fr 1fr}
  .build-case-study{grid-template-rows:178px 246px}
  .shop-editorial{grid-template-columns:1fr;grid-template-rows:150px 210px;height:360px}
  .shop-campaign-image{min-height:0;background-position:center 32%}
}

/* IN_PROGRESS_22 — final responsive fidelity pass for the five homepage examples.
   Phone layouts keep every selector visible; tablet/iPad layouts no longer hide options. */
@media (min-width:701px) and (max-width:1050px){
  .re-listings{grid-template-columns:repeat(3,minmax(0,1fr))}
  .re-card:nth-child(3){display:grid}
  .doctor-directory{grid-template-columns:repeat(3,minmax(0,1fr))}
  .doctor-card:nth-child(3){display:grid}
  .build-projects{grid-template-columns:repeat(3,minmax(0,1fr))}
  .project-tile:nth-child(3){display:grid}
  .shop-products{grid-template-columns:repeat(4,minmax(0,1fr))}
  .product-card:nth-child(4){display:grid}
}

@media(max-width:700px){
  .showcase-viewport{height:900px;min-height:900px;overflow-y:auto;overflow-x:hidden}

  /* Property — all three listings remain visible as compact mobile rows. */
  .re-hero{height:370px}
  .re-feature-copy{left:18px;right:18px;bottom:82px}
  .re-feature-copy h3{font-size:32px}
  .re-search{left:12px;right:12px;grid-template-columns:112px 1fr}
  .re-listings-head{height:46px;padding:9px 12px 7px}
  .re-listings{
    display:grid;
    grid-auto-flow:row;
    grid-template-columns:1fr;
    grid-auto-columns:auto;
    gap:8px;
    height:auto;
    overflow:visible;
    padding:0 12px 14px;
    scroll-snap-type:none;
  }
  .re-card,.re-card:nth-child(2),.re-card:nth-child(3){
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    grid-template-rows:92px;
    min-height:92px;
    scroll-snap-align:none;
  }
  .re-card>span{padding:9px 10px;align-content:center}
  .re-card b{font-size:11px}

  /* Medical — all practitioners appear under the booking workspace. */
  .med-main{height:438px;grid-template-rows:148px 290px}
  .doctor-directory-head{height:48px;padding:7px 12px}
  .doctor-directory{
    display:grid;
    grid-auto-flow:row;
    grid-template-columns:1fr;
    grid-auto-columns:auto;
    gap:8px;
    height:auto;
    overflow:visible;
    padding:0 12px 14px;
    scroll-snap-type:none;
  }
  .doctor-card,.doctor-card:nth-child(2),.doctor-card:nth-child(3){
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    min-height:84px;
    padding:6px;
    scroll-snap-align:none;
  }
  .doctor-card i{height:72px}
  .doctor-card strong{font-size:10px}
  .doctor-card em{font-size:6.5px}
  .doctor-card small{font-size:5.8px}

  /* Auto — all four vehicles are immediately available as a vertical selector list. */
  .sample-auto{grid-template-rows:58px auto auto}
  .car-stage{height:244px}
  .car-detail-panel{padding:12px 14px 14px}
  .car-detail-actions{gap:7px}
  .car-inventory-rail{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    overflow:visible;
    white-space:normal;
    padding:12px 14px 14px;
  }
  .car-rail-head{margin-bottom:2px}
  .car-inventory-rail>.vehicle-card{
    display:grid;
    grid-template-columns:78px minmax(0,1fr);
    width:100%;
    min-height:76px;
    margin:0;
    white-space:normal;
  }
  .car-inventory-rail>.car-view-all{width:100%;min-width:0;height:42px}
  .car-market-strip{min-height:58px}

  /* Construction — retain all three project choices. */
  .build-projects{
    display:grid;
    grid-auto-flow:row;
    grid-template-columns:1fr;
    grid-auto-columns:auto;
    gap:8px;
    height:auto;
    overflow:visible;
    padding:8px 12px 14px;
    scroll-snap-type:none;
  }
  .project-tile,.project-tile:nth-child(2),.project-tile:nth-child(3){
    display:grid;
    grid-template-columns:96px minmax(0,1fr) 26px;
    min-height:86px;
    scroll-snap-align:none;
  }

  /* Storefront — four products stay available in a compact two-by-two grid. */
  .shop-products{
    display:grid;
    grid-auto-flow:row;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:auto;
    gap:10px;
    height:auto;
    overflow:visible;
    padding:0 12px 16px;
    scroll-snap-type:none;
  }
  .product-card,.product-card:nth-child(3),.product-card:nth-child(4){
    display:grid;
    grid-template-rows:106px auto auto;
    min-width:0;
    scroll-snap-align:none;
  }
  .product-card .add-product{top:78px}
}

@media(max-width:420px){
  .showcase-viewport{height:920px;min-height:920px}
  .re-listings{padding-left:10px;padding-right:10px}
  .re-card,.re-card:nth-child(2),.re-card:nth-child(3){grid-template-columns:100px minmax(0,1fr)}
  .doctor-directory{padding-left:10px;padding-right:10px}
  .doctor-card,.doctor-card:nth-child(2),.doctor-card:nth-child(3){grid-template-columns:66px minmax(0,1fr)}
  .doctor-card i{height:68px}
  .car-inventory-rail{padding-left:10px;padding-right:10px}
  .project-tile,.project-tile:nth-child(2),.project-tile:nth-child(3){grid-template-columns:84px minmax(0,1fr) 24px}
  .shop-products{gap:8px;padding-left:10px;padding-right:10px}
  .product-card,.product-card:nth-child(3),.product-card:nth-child(4){grid-template-rows:96px auto auto}
  .product-card .add-product{top:68px}
}

/* IN_PROGRESS_23 — final mobile interaction polish.
   Touch users can swipe between the five examples; vertical scrolling inside an example stays native. */
@media(max-width:1050px){
  .showcase-viewport{touch-action:pan-y;overscroll-behavior-y:contain}
  .showcase-switcher{scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .showcase-switcher::-webkit-scrollbar{display:none}
}

@media(max-width:700px){
  /* Medical booking footer: remove the phone-only collision between rebate copy and booking CTA. */
  .med-main{
    height:auto;
    min-height:500px;
    grid-template-rows:148px minmax(352px,auto);
  }
  .med-booking-workspace{
    min-height:352px;
    padding:12px 15px 14px;
    align-content:start;
  }
  .med-booking-foot{
    grid-template-columns:1fr;
    align-items:stretch;
    gap:7px;
    margin-top:8px;
    padding-top:2px;
  }
  .med-booking-foot>span{
    display:block;
    max-width:none;
    line-height:1.45;
  }
  .booker-continue{
    width:100%;
    min-height:34px;
  }
}

@media(max-width:420px){
  .med-main{grid-template-rows:148px minmax(360px,auto)}
  .med-booking-workspace{min-height:360px}
}