/* Independent art direction for fictional website examples. */
#dc-root .mi-track-carousel .mi-site-slide .mi-site-hero {background:var(--concept-paper,#f5f4f0)!important;color:var(--concept-ink,#233432)!important}
#dc-root .mi-track-carousel .mi-site-slide .mi-site-hero::after {display:none!important}
#dc-root .mi-track-carousel .mi-site-slide .mi-site-hero>img {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;filter:none!important}
#dc-root .mi-track-carousel .mi-site-slide .mi-concept-header {inset:0 0 auto!important;width:auto!important;min-height:0!important;height:72px;padding:0 5%!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;border:0!important;border-radius:0!important;background:var(--concept-paper)!important;color:var(--concept-ink)!important;box-shadow:none!important;text-shadow:none!important;z-index:3}
#dc-root .mi-track-carousel .mi-site-slide .mi-concept-brand {font-size:22px!important;font-weight:600;white-space:nowrap;letter-spacing:-.035em;grid-column:auto!important;grid-row:auto!important}
#dc-root .mi-track-carousel .mi-site-slide .mi-concept-brand i {display:none}
#dc-root .mi-track-carousel .mi-site-slide .mi-concept-nav {font:500 10px/1.5 var(--font-ui)!important;letter-spacing:.03em!important;max-width:none!important;text-align:center!important;grid-column:auto!important;grid-row:auto!important}
#dc-root .mi-track-carousel .mi-site-slide .mi-concept-header-cta {display:none!important}
#dc-root .mi-track-carousel .mi-site-slide .mi-site-overlay {inset:auto auto 9% 6%!important;width:65%!important;max-width:none!important;background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;text-shadow:none!important;text-align:left!important;align-items:flex-start!important;display:flex!important;flex-direction:column;gap:0;color:var(--concept-ink)!important}
#dc-root .mi-track-carousel .mi-site-slide .mi-site-overlay small {display:none!important}
#dc-root .mi-track-carousel .mi-site-slide .mi-site-overlay h3 {font:400 clamp(24px,5.3cqw,56px)/1.03 Georgia,serif!important;letter-spacing:-.04em!important;margin:0 0 18px!important;color:inherit!important;max-width:100%;font-style:normal!important}
#dc-root .mi-track-carousel .mi-site-slide .mi-site-overlay p {display:block!important;font:400 clamp(12px,1.6cqw,16px)/1.55 var(--font-ui)!important;color:inherit!important;margin:0 0 20px!important;max-width:38ch}
#dc-root .mi-track-carousel .mi-site-slide .mi-site-overlay a {font:600 clamp(12px,1.4cqw,14px)/1.3 var(--font-ui)!important;display:inline-flex;align-items:center;min-height:42px!important;max-width:100%;padding:10px 18px!important;background:var(--concept-accent)!important;color:var(--concept-button,#fff)!important;border:0!important;border-radius:var(--concept-radius,0)!important;box-shadow:none!important;white-space:normal!important}
#dc-root .mi-track-carousel .mi-concept-villa {--concept-paper:#f3efe8;--concept-ink:#fff;--concept-accent:#f3efe8;--concept-button:#263536}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-villa .mi-concept-header {height:110px;background:linear-gradient(#162d35b8,transparent)!important;flex-direction:column!important;justify-content:center!important;gap:14px!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-villa .mi-concept-brand {font:400 32px Georgia,serif!important;letter-spacing:.06em}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-villa .mi-site-overlay {inset:39% 12% auto!important;width:76%!important;text-align:center!important;align-items:center!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-villa .mi-site-hero>img {filter:brightness(.7)!important}
#dc-root .mi-track-carousel .mi-concept-apartment {--concept-paper:#fffaf3;--concept-ink:#663f37;--concept-accent:#663f37;--concept-radius:30px}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-apartment .mi-site-hero>img {inset:72px 0 auto!important;height:51%!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-apartment .mi-site-overlay {inset:auto 5% 5%!important;width:90%!important;display:grid!important;grid-template-columns:1.1fr 1fr;column-gap:36px}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-apartment h3 {grid-row:1/3;font-size:4.3cqw!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-apartment .mi-site-overlay a {justify-self:start}
#dc-root .mi-track-carousel .mi-concept-air-conditioning {--concept-paper:#f1f8fb;--concept-ink:#184778;--concept-accent:#184778;--concept-radius:8px}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-air-conditioning .mi-site-hero>img {inset:100px 4% 5% auto!important;width:48%!important;height:calc(100% - 130px)!important;border-radius:100px 100px 12px 12px!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-air-conditioning .mi-site-overlay {inset:30% auto auto 5%!important;width:40%!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-air-conditioning h3 {font-family:var(--font-ui)!important;font-weight:500!important;font-size:4.6cqw!important}
#dc-root .mi-track-carousel .mi-concept-restaurant {--concept-paper:#451927;--concept-ink:#fff4dd;--concept-accent:#fff4dd;--concept-button:#451927}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-restaurant .mi-concept-header {height:86px}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-restaurant .mi-concept-brand {font:italic 30px Georgia,serif!important;order:2}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-restaurant .mi-concept-nav {order:1;width:28%;text-align:left!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-restaurant .mi-site-hero>img {filter:brightness(.57)!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-restaurant .mi-site-overlay {inset:35% 14% auto!important;width:72%!important;text-align:center!important;align-items:center!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-restaurant h3 {font-style:italic!important}
#dc-root .mi-track-carousel .mi-concept-it-company {--concept-paper:#10274a;--concept-ink:#f3f7ff;--concept-accent:#b5d9ff;--concept-button:#10274a;--concept-radius:5px}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-it-company .mi-site-hero>img {inset:95px 4% 5% auto!important;width:47%!important;height:calc(100% - 125px)!important;border-radius:14px!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-it-company .mi-site-overlay {inset:27% auto auto 5%!important;width:40%!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-it-company h3 {font-family:var(--font-ui)!important;font-size:4.7cqw!important;font-weight:700!important}
#dc-root .mi-track-carousel .mi-concept-property-care {--concept-paper:#f3f7f1;--concept-ink:#36544b;--concept-accent:#36544b}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-property-care .mi-site-hero>img {inset:72px auto 0 0!important;width:52%!important;height:calc(100% - 72px)!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-property-care .mi-site-overlay {inset:28% 5% auto auto!important;width:37%!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-property-care h3 {font-size:4.5cqw!important}
#dc-root .mi-track-carousel .mi-concept-electrician {--concept-paper:#e9c948;--concept-ink:#172e30;--concept-accent:#e9c948;--concept-button:#172e30}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-electrician .mi-concept-header {inset:0 auto 0 0!important;width:21%!important;height:100%;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;padding:30px 3%!important;gap:35px!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-electrician .mi-concept-nav {text-align:left!important;line-height:2.5!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-electrician .mi-site-hero>img {inset:0 0 0 auto!important;width:79%!important;filter:brightness(.58)!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-electrician .mi-site-overlay {inset:30% 5% auto auto!important;width:65%!important;color:#fff!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-electrician h3 {font-family:var(--font-ui)!important;font-weight:700!important}
#dc-root .mi-track-carousel .mi-concept-plumber {--concept-paper:#fff;--concept-ink:#174db5;--concept-accent:#174db5;--concept-radius:8px}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-plumber .mi-concept-header {background:#174db5!important;color:#fff!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-plumber .mi-site-hero>img {inset:72px 0 auto!important;height:48%!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-plumber .mi-site-overlay {inset:auto 5% 5%!important;width:90%!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-plumber h3 {font-family:var(--font-ui)!important;font-weight:700!important;font-size:4.2cqw!important;margin-bottom:10px!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-plumber .mi-site-overlay p {max-width:60ch;margin-bottom:12px!important}
#dc-root .mi-track-carousel .mi-concept-construction {--concept-paper:#eeeae1;--concept-ink:#292f2b;--concept-accent:#b4401f}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-construction .mi-concept-header {border-bottom:1px solid #292f2b44!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-construction .mi-concept-brand {font-size:30px!important;letter-spacing:-.075em}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-construction .mi-site-hero>img {inset:96px 4% 5% auto!important;width:49%!important;height:calc(100% - 125px)!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-construction .mi-site-overlay {inset:25% auto auto 5%!important;width:38%!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-construction h3 {font-family:var(--font-ui)!important;font-weight:750!important;font-size:5.2cqw!important;letter-spacing:-.065em!important}
#dc-root .mi-track-carousel .mi-concept-pool-service {--concept-paper:#fff;--concept-ink:#135d73;--concept-accent:#135d73;--concept-radius:24px}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-pool-service .mi-concept-header {height:66px}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-pool-service .mi-site-hero>img {inset:66px 0 auto!important;height:62%!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-pool-service .mi-site-overlay {inset:auto 5% 4%!important;width:90%!important;display:grid!important;grid-template-columns:1.2fr 1fr;column-gap:30px}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-pool-service h3 {grid-row:1/3;font-family:var(--font-ui)!important;font-weight:500!important;font-size:3.5cqw!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-pool-service .mi-site-overlay p {margin-bottom:10px!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-pool-service .mi-site-overlay a {justify-self:start}
#dc-root .mi-track-carousel .mi-concept-gardening {--concept-paper:#e7eee3;--concept-ink:#254435;--concept-accent:#254435}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-gardening .mi-site-hero>img {inset:80px 4% auto!important;width:92%!important;height:50%!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-gardening .mi-site-overlay {inset:auto 6% 4%!important;width:88%!important;display:grid!important;grid-template-columns:1.2fr 1fr;column-gap:28px;text-align:left!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-gardening h3 {grid-row:1/3;font-size:4.1cqw!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-gardening .mi-site-overlay a {justify-self:start}
#dc-root .mi-track-carousel .mi-concept-boat-charter {--concept-paper:#f7f8f5;--concept-ink:#173e50;--concept-accent:#173e50}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-boat-charter .mi-site-hero>img {inset:0 0 0 auto!important;width:58%!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-boat-charter .mi-concept-header {width:42%!important;height:115px;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-boat-charter .mi-concept-nav {text-align:left!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-boat-charter .mi-site-overlay {inset:32% auto auto 5%!important;width:32%!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-boat-charter h3 {font-size:4.6cqw!important}
#dc-root .mi-track-carousel .mi-concept-real-estate {--concept-paper:#e5dfd4;--concept-ink:#4d4236;--concept-accent:#4d4236}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-real-estate .mi-site-hero>img {inset:110px 4% 5% auto!important;width:52%!important;height:calc(100% - 145px)!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-real-estate .mi-site-overlay {inset:31% auto auto 5%!important;width:34%!important}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-real-estate .mi-concept-brand {font:400 22px Georgia,serif!important;letter-spacing:.06em}
#dc-root .mi-track-carousel .mi-site-slide.mi-concept-real-estate h3 {font-size:4.7cqw!important}
#dc-root .mi-track-carousel .mi-site-slide:is(.mi-concept-construction,.mi-concept-it-company,.mi-concept-electrician,.mi-concept-plumber,.mi-concept-air-conditioning) .mi-concept-brand {font-family:var(--font-ui)!important;font-weight:750!important}
/* Phone mockups show complete readable compositions, not scaled desktop chrome. */
@container (max-width:500px) {
 #dc-root#dc-root .mi-track-carousel .mi-site-slide .mi-concept-header {inset:0 0 auto!important;width:100%!important;height:60px!important;min-height:60px!important;padding:0 6%!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:var(--concept-paper)!important;color:var(--concept-ink)!important}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide .mi-concept-brand {font-size:21px!important;color:var(--concept-ink)!important}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide .mi-concept-nav {display:none!important}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide .mi-concept-header::after {content:'☰';font:18px system-ui;color:var(--concept-ink);order:3}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide .mi-site-hero>img {inset:60px 0 auto!important;width:100%!important;height:41%!important;border-radius:0!important;filter:none!important}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide .mi-site-overlay {inset:auto 6% 5%!important;width:88%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;color:var(--concept-ink)!important}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide .mi-site-overlay h3 {font-size:clamp(25px,8cqw,40px)!important;margin:0 0 12px!important;line-height:1.06!important;grid-row:auto!important}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide .mi-site-overlay p {font-size:clamp(13px,3.8cqw,17px)!important;line-height:1.45!important;margin:0 0 16px!important;max-width:100%}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide .mi-site-overlay a {font-size:clamp(12px,3.6cqw,16px)!important;min-height:40px!important;padding:10px 15px!important}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide.mi-concept-villa {--concept-ink:#263536}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide.mi-concept-restaurant {--concept-ink:#fff4dd}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide.mi-concept-villa .mi-site-overlay {text-align:center!important;align-items:center!important}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide.mi-concept-villa h3 {font-size:9cqw!important}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide.mi-concept-construction h3 {font-size:8.8cqw!important}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide.mi-concept-apartment .mi-site-hero>img {inset:74px 5% auto!important;width:90%!important;height:39%!important;border-radius:80px 80px 0 0!important}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide.mi-concept-air-conditioning .mi-site-hero>img {inset:74px 5% auto!important;width:90%!important;height:39%!important;border-radius:12px!important}
 #dc-root#dc-root .mi-track-carousel .mi-site-slide.mi-concept-gardening .mi-site-hero>img {inset:74px 5% auto!important;width:90%!important;height:39%!important}
}
@media(max-width:760px){
 html body #dc-root .mi-track-carousel .mi-site-stage {height:calc(var(--mi-slide-height) + 80px)!important;padding-block:24px 56px!important}
 html body #dc-root .mi-track-carousel .mi-site-window {border-radius:24px!important;border:5px solid #20313e!important;box-shadow:0 22px 36px -18px #06233477}
 html body #dc-root .mi-track-carousel .mi-browser-bar {background:#20313e;color:#c9dae5}
 html body #dc-root .mi-track-carousel .mi-browser-bar small {color:#c9dae5!important}
}