/* Real photographs in actual HTML website concepts. Decorative illustration assets removed. */
.concept{--canvas:#eef4fa;--text:#173354;--accent:#1762b4;--paper:#fff;container-type:inline-size;background:var(--canvas);color:var(--text);position:relative;font-family:Arial,Helvetica,sans-serif;isolation:isolate;font-weight:400;text-align:left;overflow:hidden;aspect-ratio:1.15}.concept-nav{height:12%;min-height:25px;max-height:78px;background:var(--paper);display:flex;align-items:center;padding:0 6%;gap:12px;color:var(--text);border-bottom:1px solid #ffffff12}.concept-nav strong{font-size:clamp(8px,3cqw,25px);letter-spacing:-.02em;line-height:1.2;max-width:53%}.concept-nav>span{font-size:clamp(5px,1.55cqw,13px);margin-left:auto;white-space:nowrap}.concept-nav i{font-size:clamp(9px,3cqw,23px);color:var(--accent);font-style:normal}.concept-body{height:77%;position:relative;display:flex;align-items:center;background:var(--canvas);overflow:hidden}.concept-photo{position:absolute;inset:0 0 0 43%;overflow:hidden;z-index:0;background:#8298ab}.concept-photo img{height:100%;width:100%;object-fit:cover;object-position:center;max-width:none}.concept-copy{position:relative;z-index:1;width:60%;padding:7% 0 7% 6%}.concept-kicker{font-size:clamp(5px,1.65cqw,12px);font-weight:700;letter-spacing:.08em;display:block;line-height:1.4;margin-bottom:6%;max-width:85%;color:var(--accent)}.concept-copy h3{font-size:clamp(16px,7.5cqw,78px);font-weight:700;line-height:1.04;letter-spacing:-.035em;color:inherit;margin:0 0 7%;overflow-wrap:normal;text-wrap:balance}.concept-copy p{font-size:clamp(5px,2.2cqw,18px);line-height:1.4;width:86%;max-height:4.3em;overflow:hidden;margin:0 0 9%;color:inherit}.concept-cta{display:inline-flex;align-items:center;gap:8px;border:0;background:var(--accent);color:#fff;padding:5% 7%;font-size:clamp(5px,1.85cqw,16px);font-weight:700;line-height:1.2;border-radius:2px;max-width:95%}.concept-strip{height:11%;min-height:22px;display:flex;align-items:center;justify-content:space-around;background:var(--paper);padding:0 3%;gap:5px;color:var(--text)}.concept-strip>span{display:flex;align-items:center;justify-content:center;gap:4px;font-size:clamp(4px,1.4cqw,12px);line-height:1.15;text-align:center;max-width:32%}.concept-strip .icon{width:clamp(7px,2.7cqw,20px);height:clamp(7px,2.7cqw,20px);color:var(--accent)}
.concept.layout-poster .concept-photo{inset:0}.concept.layout-poster .concept-photo:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#051224d9 0,#05122488 35%,#05122408 95%)}.concept.layout-poster .concept-copy{width:81%;color:#fff}.concept.layout-poster .concept-kicker{color:#eef5ff}.concept.layout-poster .concept-copy p{width:71%;color:#f4f5f7}.concept.layout-editorial .concept-copy{width:53%;padding-right:4%}.concept.layout-editorial .concept-copy h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(17px,7.2cqw,71px);line-height:1.09}.concept.layout-editorial .concept-photo{left:51%}.concept.layout-editorial .concept-copy p{width:100%}.concept.layout-editorial .concept-cta{background:var(--text);color:var(--paper)}.concept.layout-rounded .concept-photo{inset:8% 4% 8% 55%;border-radius:43% 43% 8px 8px}.concept.layout-rounded .concept-copy{width:62%}.concept.layout-split .concept-photo{left:46%}.concept.layout-split .concept-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--canvas),transparent 43%);z-index:1}.concept.theme-roadside{--canvas:#141d27;--text:#131e2a;--paper:#fff;--accent:#df3031}.concept.theme-roadside .concept-body{background:#1a2637}.concept.theme-roadside .concept-photo{inset:0}.concept.theme-roadside .concept-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111826d9,#11182625);z-index:1}.concept.theme-roadside .concept-copy{color:#fff;width:82%;padding-top:8%;padding-bottom:8%}.concept.theme-roadside .concept-copy h3{font-family:Arial,Helvetica,sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(18px,8.2cqw,82px);line-height:1.02}.concept.theme-roadside .concept-kicker{color:#e6eff8}.concept.theme-roadside .concept-copy p{width:65%}.concept.theme-roadside .concept-cta{background:#e72e30;color:white}.concept.theme-luma{--canvas:#f1e8dd;--paper:#faf6f0;--text:#3f302d;--accent:#785445}.concept.theme-luma .concept-photo{left:37%}.concept.theme-luma .concept-photo:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#20170fe3,#25170f0d)}.concept.theme-luma .concept-copy{width:66%;color:white}.concept.theme-luma .concept-kicker{color:#fff}.concept.theme-luma .concept-body{background:#33271b}.concept.theme-luma .concept-cta{color:#34251e;background:#e7b6a7}.concept.theme-smile .concept-photo img{object-position:64% center}.concept.theme-smile .concept-copy h3{font-size:clamp(17px,7cqw,75px)}.concept.theme-construction .concept-copy h3{text-transform:uppercase;letter-spacing:-.04em}.concept.theme-construction .concept-cta{background:#e7c785;color:#2b2822}
.hero-slide .concept{aspect-ratio:auto;height:100%}.hero-slide .concept-body{height:77%}.hero-slide .concept-nav{height:12%}.hero-slide .concept-strip{height:11%}.design-shot .concept{width:100%}.dialog-screen .concept{aspect-ratio:1.65}.dialog-screen .concept-nav{height:11%}.dialog-screen .concept-body{height:78%}.dialog-screen .concept-strip{height:11%}.dialog-screen .concept-copy h3{font-size:clamp(28px,7.4cqw,62px)}.demo-canvas>.concept{aspect-ratio:1.85}.demo-canvas>.concept .concept-body{height:77%}.demo-canvas>.concept .concept-nav{height:12%}.demo-canvas>.concept .concept-strip{height:11%}.demo-canvas>.concept .concept-copy h3{font-size:clamp(30px,7cqw,86px)}
@media(max-width:650px){.hero-slide .concept-copy h3{font-size:clamp(23px,7.5cqw,48px)}.design-shot .concept{aspect-ratio:.81}.design-shot .concept-nav>span{display:none}.design-shot .concept-nav strong{max-width:82%;font-size:8px}.design-shot .concept-nav i{margin-left:auto}.design-shot .concept-nav{height:12%;padding-left:8%}.design-shot .concept-body{height:78%}.design-shot .concept-strip{height:10%}.design-shot .concept-copy{padding-left:8%}.design-shot .concept-copy h3{font-size:clamp(16px,10cqw,27px)}.design-shot .concept-copy p{font-size:7px;max-height:4.2em;line-height:1.4}.design-shot .concept-kicker{font-size:5px}.design-shot .concept-cta{font-size:6px;padding:8%}.design-shot .concept-strip .icon{display:none}.design-shot .concept-strip>span{font-size:4px}.design-shot .concept.theme-roadside .concept-copy,.design-shot .concept.layout-poster .concept-copy{width:92%}.design-shot .concept.theme-luma .concept-copy{width:83%}.design-shot .concept.layout-split .concept-copy{width:69%}.design-shot .concept.layout-editorial:not(.theme-luma) .concept-copy{width:66%}.design-shot .concept.theme-luma .concept-copy h3{font-size:clamp(16px,10cqw,27px)}.dialog-screen .concept{aspect-ratio:1.06}.demo-canvas>.concept{aspect-ratio:1.02}.demo-canvas>.concept .concept-copy h3{font-size:clamp(25px,7.5cqw,46px)}}
.concept.theme-restaurant{--canvas:#123d32;--text:#ffffff;--accent:#e8b77a;--paper:#10352b}
.concept.theme-construction{--canvas:#202b35;--text:#ffffff;--accent:#e5b356;--paper:#ffffff}
.concept.theme-garage{--canvas:#f1f4f6;--text:#162733;--accent:#e74c3c;--paper:#ffffff}
.concept.theme-cleaning{--canvas:#eaf7f3;--text:#173f35;--accent:#187967;--paper:#ffffff}
.concept.theme-electrician{--canvas:#142638;--text:#ffffff;--accent:#f5c84b;--paper:#ffffff}
.concept.theme-plumbing{--canvas:#e9f6fb;--text:#123c56;--accent:#12669e;--paper:#ffffff}
.concept.theme-barber{--canvas:#28231f;--text:#ffffff;--accent:#ccae86;--paper:#201c19}
.concept.theme-smile{--canvas:#ecf8ff;--text:#123f70;--accent:#167bb0;--paper:#ffffff}
.concept.theme-forma{--canvas:#152936;--text:#ffffff;--accent:#dcc28a;--paper:#ffffff}
.concept.theme-cafe{--canvas:#f2e8d8;--text:#4b3529;--accent:#865c3e;--paper:#fbf7ef}
.concept.theme-bakery{--canvas:#fff1df;--text:#684120;--accent:#aa5834;--paper:#fff9f0}
.concept.theme-florist{--canvas:#f7edee;--text:#522f40;--accent:#964d69;--paper:#fff9f9}
.concept.theme-fitness{--canvas:#182623;--text:#ffffff;--accent:#caf171;--paper:#111d1a}
.concept.theme-yoga{--canvas:#eee9e1;--text:#48443b;--accent:#6a7255;--paper:#f8f5f0}
.concept.theme-pets{--canvas:#fff1df;--text:#59412c;--accent:#a4602f;--paper:#fffaf2}
.concept.theme-landscaping{--canvas:#ecf2e5;--text:#264432;--accent:#457853;--paper:#f8faf5}
.concept.theme-guesthouse{--canvas:#203b40;--text:#ffffff;--accent:#dbc49b;--paper:#ffffff}
.concept.theme-accounting{--canvas:#f0f4f9;--text:#193654;--accent:#215994;--paper:#ffffff}
.concept.theme-photography{--canvas:#29252b;--text:#ffffff;--accent:#dbb89c;--paper:#211e24}
.concept.theme-education{--canvas:#eff0fc;--text:#343366;--accent:#6561b8;--paper:#ffffff}
.concept.theme-shop{--canvas:#ede8e2;--text:#443831;--accent:#776047;--paper:#faf8f5}
.concept.theme-estate{--canvas:#edf2f5;--text:#263e4c;--accent:#2d6579;--paper:#ffffff}

.concept-nav,.concept-strip{color:var(--navtext,#173354)}
.hero-slide .concept-copy{padding-top:4%;padding-bottom:4%}
.hero-slide .concept-kicker{margin-bottom:4%}
.hero-slide .concept-copy h3{margin-bottom:5%}
.hero-slide .concept-copy p{margin-bottom:6%}
.concept.theme-roadside{--navtext:#152236}
.concept.theme-luma{--navtext:#173354}
.concept.theme-restaurant{--navtext:#f2f6fc}
.concept.theme-construction{--navtext:#173354}
.concept.theme-garage{--navtext:#173354}
.concept.theme-cleaning{--navtext:#173354}
.concept.theme-electrician{--navtext:#173354}
.concept.theme-plumbing{--navtext:#173354}
.concept.theme-barber{--navtext:#f2f6fc}
.concept.theme-smile{--navtext:#173354}
.concept.theme-forma{--navtext:#173354}
.concept.theme-cafe{--navtext:#173354}
.concept.theme-bakery{--navtext:#173354}
.concept.theme-florist{--navtext:#173354}
.concept.theme-fitness{--navtext:#f2f6fc}
.concept.theme-yoga{--navtext:#173354}
.concept.theme-pets{--navtext:#173354}
.concept.theme-landscaping{--navtext:#173354}
.concept.theme-guesthouse{--navtext:#173354}
.concept.theme-accounting{--navtext:#173354}
.concept.theme-photography{--navtext:#f2f6fc}
.concept.theme-education{--navtext:#173354}
.concept.theme-shop{--navtext:#173354}
.concept.theme-estate{--navtext:#173354}