/* A continuous dark canvas: edge-to-edge project photography and a branded bolt seam. */
.home-showcase{--hero-ink:#161616;background:var(--hero-ink);color:#fff;border-bottom:1px solid #404040;position:relative}
.home-showcase .showcase-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0;align-items:stretch;width:100%;padding:0}
.showcase-copy{min-width:0;position:relative;z-index:2;padding:clamp(40px,4vw,80px) 18px clamp(44px,4vw,80px) var(--gutter);display:flex;flex-direction:column;justify-content:center}
.showcase-kicker{display:flex;align-items:center;gap:12px;color:#dedede;font-size:.68rem;font-weight:650;letter-spacing:.13em;line-height:1.5;margin-bottom:24px}
.showcase-terminal{width:26px;height:26px;display:grid;place-items:center;flex-shrink:0;background:#fff;color:#161616;font-family:Arial,sans-serif;font-size:23px;font-weight:400;line-height:1}
.home-showcase h1{font-size:clamp(2.75rem,4.2vw,5.1rem);font-weight:720;letter-spacing:-.045em;line-height:1.07;position:relative;text-transform:none}
.home-showcase h1>span,.home-showcase h1>em{display:block}
.home-showcase h1 em{color:#fff;font-style:normal;position:relative;width:fit-content;padding-bottom:14px}
.home-showcase h1 em::after{content:'';position:absolute;bottom:0;left:3px;width:78px;height:5px;background:#a51d34;transform:skew(-32deg)}
.showcase-description{color:#c9c9c9;font-size:clamp(.95rem,1.06vw,1.12rem);line-height:1.7;max-width:44ch;margin-top:23px}
.showcase-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px;margin-top:27px}
.showcase-primary{background:#fff;border-color:#fff;color:#161616;min-height:52px;padding:14px 20px;font-size:.83rem;gap:25px;border-radius:0}
.showcase-primary:hover{background:#94192d;border-color:#94192d;color:#fff;transform:none}
.showcase-services{display:inline-flex;align-items:center;gap:16px;color:#eee;text-decoration:none;min-height:44px;font-size:.83rem;font-weight:550}
.showcase-services:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.showcase-services>span{font-size:1.3rem}
.showcase-project{position:relative;min-width:0;min-height:clamp(540px,43vw,740px);display:flex;flex-direction:column;background:var(--hero-ink);isolation:isolate}
.showcase-media{position:relative;flex:1;min-height:340px;background:#bdbdbd;overflow:hidden}
.showcase-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 47%;opacity:0;transition:opacity .35s ease}
.showcase-photo.is-active{opacity:1}
.showcase-photo[data-showcase-image="0"]{object-position:50% 44%}
.showcase-photo.showcase-solar{object-position:50% 65%}
.showcase-split{position:absolute;left:-1px;top:0;width:clamp(60px,7vw,160px);height:calc(100% - 102px);fill:var(--hero-ink);stroke:none;pointer-events:none;z-index:1}
.showcase-split-accent{fill:#94192d}
.showcase-project-topbar{position:absolute;top:26px;right:var(--gutter);z-index:2;display:flex;align-items:center;gap:8px}
.showcase-project-label{display:flex;gap:13px;align-items:center;background:#161616;color:#fff;padding:12px 17px;font-size:.59rem;letter-spacing:.11em;font-weight:650;line-height:1.5}
.showcase-rotation{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:10px;border:1px solid #686868;background:var(--hero-ink);color:#fff;cursor:pointer}
.showcase-rotation[hidden]{display:none}
.showcase-rotation:hover{background:#94192d;border-color:#94192d}
.showcase-rotation svg{width:20px;height:20px;fill:currentColor}
.showcase-rotation [data-showcase-icon="play"],.showcase-rotation[data-paused="true"] [data-showcase-icon="pause"]{display:none}
.showcase-rotation[data-paused="true"] [data-showcase-icon="play"]{display:block}
.showcase-brand-stripes{width:28px;height:23px;position:relative;display:block;flex-shrink:0}
.showcase-brand-stripes::before,.showcase-brand-stripes::after{content:'';position:absolute;width:9px;height:21px;background:#fff;transform:skew(-35deg);left:4px}
.showcase-brand-stripes::after{left:17px;top:3px;background:#b4263e}
.showcase-project-footer{position:relative;display:flex;align-items:center;gap:18px;min-height:102px;padding:20px var(--gutter) 20px 25px;background:var(--hero-ink);color:#fff;border-top:1px solid #4b4b4b}
.showcase-terminal-negative{width:24px;height:24px;color:#fff;background:transparent;border:1px solid #686868;font-size:19px}
.showcase-feature{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1;color:#fff;text-decoration:none;min-width:0;min-height:44px}
.showcase-feature-copy{min-width:0}
.showcase-feature-type{display:block;font-size:.59rem;font-weight:650;letter-spacing:.12em;color:#bcbcbc;margin-bottom:6px}
.showcase-feature strong{display:block;font-size:clamp(.9rem,1.08vw,1.3rem);letter-spacing:-.02em;line-height:1.4;max-width:30ch;font-weight:550}
.showcase-project-arrow{display:grid;place-items:center;width:28px;height:32px;flex-shrink:0;color:#ddd}
.showcase-feature:hover strong{text-decoration:underline;text-underline-offset:5px}
.showcase-project-arrow .ui-icon{width:19px;height:19px}
.showcase-selectors{display:none;flex-shrink:0;gap:0;border-left:1px solid #555;padding-left:17px}
.js .showcase-selectors{display:flex}
.showcase-selector{width:44px;min-height:44px;padding:8px;border:0;background:transparent;color:#c6c6c6;font-family:inherit;font-size:.72rem;font-weight:600;cursor:pointer;position:relative}
.showcase-selector[aria-pressed="true"]{color:#fff;background:#94192d}
.showcase-selector[aria-pressed="true"]::after{content:'';position:absolute;bottom:4px;left:15px;right:15px;height:2px;background:#fff}
.showcase-selector:hover{background:#fff;color:#161616}
.showcase-selector[aria-pressed="true"]:hover::after{background:#161616}
.home-showcase :is(a,button):focus-visible{outline:3px solid #fff;outline-offset:4px}
.home-showcase .showcase-selector:focus-visible{z-index:2}
/* Keep one proof strip directly below the composition. */
.trust-profile-link{display:flex;align-items:center;gap:16px;min-height:44px;min-width:0;color:inherit;text-decoration:none}
.trust-profile-link:hover strong{text-decoration:underline;text-underline-offset:4px}
.trust-profile-link:focus-visible{outline:3px solid #94192d;outline-offset:5px}
.trust-profile-link p{min-width:0}
.page-index .trust-strip{background:#f3f3f3;border-top:0;border-bottom:1px solid #ccc}
.page-index .trust-grid{padding-block:21px;gap:30px}
.page-index .trust-grid>div{gap:16px;padding-right:24px;border-right:1px solid #ccc}
.page-index .trust-grid>div+div{padding-left:12px}
.page-index .trust-grid>div:last-child{border:0}
.page-index .trust-symbol{display:grid;place-items:center;color:#94192d;flex:0 0 auto;width:38px;height:38px}
.page-index .trust-symbol .ui-icon{width:28px;height:28px;stroke-width:1.6}
.page-index .trust-grid strong{color:#111;font-size:.82rem;font-weight:650}
.page-index .trust-grid p>span{color:#5b5b5b;font-size:.73rem;line-height:1.5;margin-top:3px}
@media(min-width:1900px){.showcase-copy{padding-right:45px}.showcase-description{max-width:43ch}.showcase-project-footer{gap:24px}.showcase-selectors{padding-left:22px}.showcase-selector{width:48px;min-height:48px}}
@media(max-width:1100px){
.home-showcase h1{font-size:clamp(2.4rem,4.2vw,3.25rem)}.showcase-copy{padding-block:36px}.showcase-project{min-height:510px}
.showcase-project-footer{gap:12px;padding-left:20px;flex-wrap:wrap}.showcase-terminal-negative{display:none}.showcase-feature{flex-basis:100%}.showcase-selectors{border-left:0;padding-left:0;gap:3px}.showcase-split{height:calc(100% - 150px)}
.showcase-description{font-size:.93rem}.showcase-actions{gap:10px 18px}.page-index .trust-grid{gap:16px}.page-index .trust-grid>div{gap:8px;padding-right:16px}.page-index .trust-grid>div+div{padding-left:0}
}
@media(max-width:760px){
.home-showcase .showcase-main{grid-template-columns:1fr}.showcase-copy{padding:32px var(--gutter) 34px}.showcase-kicker{margin-bottom:20px;font-size:.64rem}.home-showcase h1{font-size:clamp(2.5rem,8.5vw,4.3rem);line-height:1.07}.home-showcase h1 em{padding-bottom:13px}.home-showcase h1 em::after{width:65px;height:4px}
.showcase-description{margin-top:18px;max-width:48ch}.showcase-actions{margin-top:23px;gap:12px 24px}.showcase-project{min-height:0;height:350px}.showcase-media{min-height:0}.showcase-split{width:46px;height:calc(100% - 100px)}.showcase-project-topbar{top:18px}.showcase-project-label{font-size:.55rem;padding:9px 13px}.showcase-brand-stripes{transform:scale(.85)}
.showcase-project-footer{min-height:100px;padding:17px var(--gutter);gap:14px;flex-wrap:nowrap}.showcase-feature{flex-basis:auto;gap:10px}.showcase-feature strong{font-size:.88rem}.showcase-feature-type{font-size:.57rem}.showcase-project-arrow{display:none}.showcase-selectors{border-left:1px solid #555;padding-left:12px;gap:0}.showcase-selector{width:44px}
.page-index .trust-grid{grid-template-columns:1fr;gap:0;padding-block:6px}.page-index .trust-grid>div,.page-index .trust-grid>div+div{padding:13px 0;border-right:0;border-bottom:1px solid #d5d5d5;gap:17px}.page-index .trust-grid>div:last-child{border-bottom:0}.page-index .trust-grid strong{font-size:.87rem}.page-index .trust-grid p>span{font-size:.75rem}
}
@media(max-width:400px){
.home-showcase h1{font-size:clamp(2.25rem,10.25vw,2.5rem)}.showcase-project{height:360px}.showcase-project-footer{flex-wrap:wrap;padding-block:16px}.showcase-feature{flex-basis:100%;justify-content:space-between}.showcase-project-arrow{display:grid}.showcase-selectors{border-left:0;padding-left:0;gap:4px}.showcase-split{height:calc(100% - 142px);width:39px}.showcase-primary{font-size:.8rem;gap:18px}
}
@media(prefers-reduced-motion:reduce){.showcase-photo{transition:none}}
@media(forced-colors:active){.showcase-split,.showcase-brand-stripes{display:none}.showcase-selector,.showcase-project-footer,.showcase-terminal{border:1px solid CanvasText}.showcase-selector[aria-pressed="true"]{outline:3px solid Highlight;outline-offset:-4px}}
@media print{.home-showcase{background:#fff;color:#000}.showcase-project,.showcase-actions{display:none}.home-showcase .showcase-main{display:block}.showcase-copy{padding:24px 0}.home-showcase h1{font-size:32pt}.home-showcase h1 em,.showcase-description,.showcase-kicker{color:#000}}
