/* Three cut-corner designer plates; this file owns only the directions section. Cards are presentation, not links. */
.home-page .home-services-overview .home-design-media::after { background:linear-gradient(105deg,rgba(226,237,242,.54),rgba(226,237,242,.42) 55%,rgba(226,237,242,.32)); }
.home-page .home-services-overview .services-overview-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr); gap:40px; align-items:start; }
.home-page .home-services-overview .overview-intro { padding:8px 0 0; background:none; max-width:none; }
.home-page .home-services-overview .overview-intro>.editorial-index { color:#286282; margin:0 0 26px; }
.home-page .home-services-overview .overview-intro h2 { margin:0 0 26px; color:#173849; font-size:clamp(32px,2.8vw,42px); line-height:1.13; letter-spacing:-.04em; }
.home-page .home-services-overview .directions-title-accent { position:relative; display:inline-block; color:#197eb5; font:700 1.12em/1.2 var(--font-family-base,Manrope,sans-serif); letter-spacing:-.04em; padding-bottom:9px; }
.home-page .home-services-overview .directions-title-accent::after { content:''; position:absolute; left:1px; right:24%; bottom:1px; height:2px; background:#328fb8; pointer-events:none; }
.home-page .home-services-overview .directions-title-close { display:block; }
.home-page .home-services-overview .overview-intro>p:not(.editorial-index) { color:#304b5a; font-size:15px; line-height:1.75; margin:0; padding:0; background:none; max-width:42ch; }
.home-page .home-services-overview .overview-intro .content-link { color:#1b5778; margin-top:22px; background:none; }
.home-page .home-services-overview .service-index { display:block; min-width:0; }
.home-page .home-services-overview .directions-primary { display:grid; gap:12px; padding:0; }
/* Clip decorative layers only; presentation cards remain non-interactive. */
.home-page .home-services-overview .directions-format { --plate-cut:40px; --plate-surface:#f8f5ed; --plate-stroke:#97adb7; position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:22px; align-items:center; min-height:186px; width:calc(100% - 48px); padding:44px 64px 24px 30px; color:#193b4e; text-decoration:none; border:0; border-radius:0; background:none; overflow:visible; cursor:default; }
.home-page .home-services-overview .plate-shape { position:absolute; z-index:-1; inset:0; pointer-events:none; filter:drop-shadow(0 7px 12px rgba(17,35,45,.11)); }
.home-page .home-services-overview .plate-shape::before,.home-page .home-services-overview .plate-shape::after { content:''; position:absolute; clip-path:polygon(0 0,calc(100% - var(--plate-cut)) 0,100% var(--plate-cut),100% 100%,var(--plate-cut) 100%,0 calc(100% - var(--plate-cut))); }
.home-page .home-services-overview .plate-shape::before { inset:0; background:var(--plate-stroke);  }
.home-page .home-services-overview .plate-shape::after { inset:1px; --plate-cut:39.4px; background:var(--plate-surface); }
.home-page .home-services-overview .directions-format--landing { --plate-surface:#192f3a; --plate-stroke:#608596; color:#f0f5f7; margin-right:48px; }
.home-page .home-services-overview .directions-format--corporate { margin-left:48px; }
.home-page .home-services-overview .directions-format--shop { --plate-surface:#dfedf3; --plate-stroke:#8aaabb; margin-left:10px; }
.home-page .home-services-overview .directions-format>.service-index-number { position:absolute; top:10px; right:calc(var(--plate-cut) + 14px); color:#6e8b99; font:600 29px/1.1 var(--font-family-base,Manrope,sans-serif); letter-spacing:-.06em; }
.home-page .home-services-overview .directions-format--landing>.service-index-number { color:#8ec5dd; }
.home-page .home-services-overview .directions-copy { min-width:0; }
.home-page .home-services-overview .service-index h3 { margin:0 0 11px; color:#183b4f; font-size:26px; line-height:1.17; font-weight:600; letter-spacing:-.025em; }
.home-page .home-services-overview .service-index p { color:#304b5a; font-size:15px; line-height:1.65; margin:0; }
.home-page .home-services-overview .directions-format--landing h3 { color:#f3f8fa; font-size:29px; }
.home-page .home-services-overview .directions-format--landing p { color:#cfdee6; }



.home-page .home-services-overview .service-index a:focus-visible { outline:3px solid #176b96; outline-offset:6px; }
/* Small site layouts inside the plate, never additional interactive controls. */
.home-services-overview .plate-preview { width:220px; height:118px; overflow:hidden; pointer-events:none; }
.home-services-overview .plate-preview-top { height:18px; display:flex; align-items:center; gap:6px; padding:0 12px; }
.home-services-overview .plate-preview-top>i { width:11px; height:4px; margin-right:auto; background:#779da7; }
.home-services-overview .plate-preview-top>span { width:20px; height:2px; background:#a9bfc4; }
.home-services-overview .plate-preview--landing { color:#e5f0f4; background:#244452; }
.home-services-overview .plate-demo-hero { display:grid; grid-template-columns:minmax(0,1fr) 62px; gap:15px; padding:11px 13px; }
.home-services-overview .plate-demo-hero strong { display:block; color:#edf6f7; font:600 28px/1.1 Georgia,serif; letter-spacing:-.03em; }
.home-services-overview .plate-demo-line { display:block; width:72%; height:2px; margin-top:9px; background:#94b2ba; }
.home-services-overview .plate-demo-cta { display:flex; align-items:center; justify-content:center; width:35px; height:14px; margin-top:10px; color:#fff; background:#2b8bb5; font-size:11px; line-height:1; }
.home-services-overview .plate-demo-features { display:grid; gap:10px; padding-top:2px; }
.home-services-overview .plate-demo-features>span { display:block; border-top:1px solid #5c8190; padding-top:5px; }
.home-services-overview .plate-demo-features i,.home-services-overview .plate-demo-features b { display:block; width:90%; height:3px; background:#8da9b3; }
.home-services-overview .plate-demo-features b { width:60%; height:2px; margin-top:4px; background:#607f8b; }
.home-services-overview .plate-preview--corporate { background:#fffdfa; color:#344f58; }
.home-services-overview .plate-preview--corporate>strong { display:block; color:#344f58; font-size:16px; line-height:1.2; margin:5px 13px 0; }
.home-services-overview .plate-company-intro { margin:8px 13px 0; }
.home-services-overview .plate-company-intro>i { display:block; width:76%; height:3px; background:#c6d2ce; }
.home-services-overview .plate-company-intro>i+i { width:49%; margin-top:4px; }
.home-services-overview .plate-company-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:11px 13px 0; }
.home-services-overview .plate-company-grid>span { padding-top:6px; border-top:1px solid #9db6b9; }
.home-services-overview .plate-company-grid i { display:block; width:9px; height:5px; background:#88a6a7; }
.home-services-overview .plate-company-grid b { display:block; width:100%; height:2px; margin-top:4px; background:#c9d5d1; }
.home-services-overview .plate-company-grid b:last-child { width:70%; }
.home-services-overview .plate-preview--shop { background:#f5f9fb; color:#36535f; }
.home-services-overview .plate-catalog-title { display:flex; align-items:center; justify-content:space-between; margin:3px 12px 8px; }
.home-services-overview .plate-catalog-title>strong { color:#36535f; font-size:14px; line-height:1.1; font-weight:600; }
.home-services-overview .plate-catalog-title>span { width:20px; height:5px; border-top:1px solid #91acb9; border-bottom:1px solid #91acb9; }
.home-services-overview .plate-catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:0 12px; }
.home-services-overview .plate-catalog-grid>div { display:flex; align-items:center; justify-content:center; height:49px; background:#dfe9e9; }
.home-services-overview .plate-catalog-grid>div:nth-child(2) { background:#e9e2d6; }
.home-services-overview .plate-product { display:block; position:relative; }
.home-services-overview .plate-product--vase { width:19px; height:28px; border-radius:4px 4px 8px 8px; background:#839f95; }
.home-services-overview .plate-product--vase::before { content:''; position:absolute; top:-4px; left:5px; width:9px; height:5px; background:#839f95; }
.home-services-overview .plate-product--lamp { width:28px; height:16px; border-radius:15px 15px 1px 1px; background:#b7a28a; margin-top:-10px; }
.home-services-overview .plate-product--lamp>i { position:absolute; top:16px; left:13px; width:2px; height:16px; background:#667971; }
.home-services-overview .plate-product--lamp>b { position:absolute; top:31px; left:5px; width:19px; height:2px; background:#667971; }
.home-services-overview .plate-product--chair { width:18px; height:19px; background:#8fa7ae; margin-top:-7px; border-radius:2px 2px 0 0; }
.home-services-overview .plate-product--chair>i { position:absolute; top:18px; left:-2px; width:22px; height:3px; background:#758e96; }
.home-services-overview .plate-product--chair>b { position:absolute; top:21px; left:1px; width:2px; height:12px; background:#697f88; box-shadow:14px 0 0 #697f88; }
.home-services-overview .plate-product-labels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:6px 12px 0; }
.home-services-overview .plate-product-labels>i { width:70%; height:2px; background:#aebfc7; }
/* Additional services remain a quiet line of text links with thin separators. */
.home-page .home-services-overview .directions-secondary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:28px; padding:20px 0 0; border-top:1px solid #9eb8c6; background:none; }
.home-page .home-services-overview .directions-extra { display:grid; grid-template-columns:22px minmax(0,1fr) 12px; grid-template-rows:auto auto; gap:5px 9px; padding:0 14px; min-width:0; color:#173c52; text-decoration:none; background:none; }
.home-page .home-services-overview .directions-extra:first-child { padding-left:0; }
.home-page .home-services-overview .directions-extra:last-child { padding-right:0; }
.home-page .home-services-overview .directions-extra+.directions-extra { border-left:1px solid #9eb8c6; }
.home-page .home-services-overview .directions-extra-icon { grid-column:1; grid-row:1; width:21px; height:21px; color:#326681; }
.home-page .home-services-overview .directions-extra-icon svg { width:100%; height:100%; }
.home-page .home-services-overview .directions-extra>.service-index-number { grid-column:1; grid-row:2; font:10px/1.5 var(--font-family-mono); color:#54778a; }
.home-page .home-services-overview .directions-extra>.directions-copy { grid-column:2; grid-row:1/span 2; }
.home-page .home-services-overview .directions-extra>.directions-arrow { grid-column:3; grid-row:1; color:#276e94; font-size:17px; line-height:1.2; }
.home-page .home-services-overview .directions-extra h3 { font-size:16px; line-height:1.3; margin-bottom:7px; }
.home-page .home-services-overview .directions-extra p { font-size:14px; line-height:1.6; }
@media(max-width:1279px) {
 .home-page .home-services-overview .services-overview-grid { grid-template-columns:minmax(0,1fr); gap:34px; }
 .home-page .home-services-overview .overview-intro { max-width:720px; }
 .home-page .home-services-overview .overview-intro h2 { max-width:680px; font-size:40px; }
 .home-page .home-services-overview .overview-intro>p:not(.editorial-index) { max-width:60ch; }
}
@media(max-width:767px) {
 .home-page .home-services-overview .home-design-media::after { background:linear-gradient(180deg,rgba(226,237,242,.5),rgba(226,237,242,.4)); }
 .home-page .home-services-overview .overview-intro h2 { font-size:32px; }
 .home-page .home-services-overview .directions-primary { gap:16px; }
 .home-page .home-services-overview .directions-format { --plate-cut:28px; width:100%; margin:0; padding:43px 22px 48px; grid-template-columns:minmax(0,1fr); gap:17px; min-height:0; }
 .home-page .home-services-overview .plate-shape::after { --plate-cut:27.4px; }
 .home-page .home-services-overview .directions-format>.service-index-number { top:9px; right:calc(var(--plate-cut) + 9px); font-size:25px; }
 
 .home-page .home-services-overview .service-index h3 { font-size:25px; }
 .home-page .home-services-overview .directions-format--landing h3 { font-size:28px; }
 .home-services-overview .plate-preview { width:100%; height:124px; }
 .home-services-overview .plate-catalog-grid>div { height:55px; }
 .home-page .home-services-overview .directions-secondary { grid-template-columns:minmax(0,1fr); margin-top:24px; padding-top:0; border-top:0; }
 .home-page .home-services-overview .directions-extra,.home-page .home-services-overview .directions-extra:first-child,.home-page .home-services-overview .directions-extra:last-child,.home-page .home-services-overview .directions-extra+.directions-extra { padding:17px 0; border-left:0; border-top:1px solid #9eb8c6; }
 .home-page .home-services-overview .directions-extra h3 { font-size:19px; }
 .home-page .home-services-overview .directions-extra p { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { .home-page .home-services-overview .directions-format,.home-page .home-services-overview .plate-shape::before { transition:none; }  }
@media(forced-colors:active) { .home-page .home-services-overview .directions-format { outline:1px solid CanvasText; } .home-page .home-services-overview .directions-title-accent { color:LinkText; } }