.website-showcase{max-width:1180px;margin:90px auto 0;padding-top:48px;border-top:1px solid var(--line)}
.showcase-heading{max-width:740px;margin-bottom:30px}.showcase-heading h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-1.5px;margin:0 0 18px}.showcase-heading>p:last-child{font-size:18px;line-height:1.65;color:var(--muted);margin:0}
.showcase-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:36px;align-items:center}.showcase-browser{min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 44px #20251e0b}.showcase-toolbar{display:flex;align-items:center;gap:16px;padding:13px 16px;background:#eef1e9;border-bottom:1px solid var(--line)}.showcase-dots{display:flex;gap:5px}.showcase-dots i{width:7px;height:7px;border-radius:50%;background:#b4bdac}.showcase-address{font-size:12px;letter-spacing:.2px;color:#526049;overflow-wrap:anywhere}.showcase-tabs{display:flex;gap:4px;padding:10px;background:#fff;border-bottom:1px solid var(--line)}.showcase-tabs button{flex:1;padding:11px 8px;background:transparent;color:var(--muted);font:700 13px Arial,sans-serif;border:0;border-radius:6px;cursor:pointer}.showcase-tabs button[aria-selected=true]{background:#e9f4e3;color:#276e18}.showcase-tabs button:focus-visible,.showcase-source:focus-visible{outline:3px solid var(--green);outline-offset:2px}.showcase-panel{margin:0}.showcase-panel[hidden]{display:none}.showcase-panel img{display:block;width:100%;height:auto;aspect-ratio:1348/926;object-fit:contain;background:#fff}.showcase-panel figcaption{font-size:13px;line-height:1.55;color:var(--muted);padding:16px 18px;border-top:1px solid var(--line);min-height:74px}
.showcase-notes{list-style:none;padding:0;margin:0}.showcase-notes li{padding:22px 0;border-bottom:1px solid var(--line)}.showcase-notes li:first-child{padding-top:0}.showcase-notes span{font-size:12px;color:var(--green);font-weight:700;letter-spacing:1px}.showcase-notes h3{font-size:22px;letter-spacing:-.5px;margin:8px 0 10px}.showcase-notes p{font-size:15px;line-height:1.65;color:var(--muted);margin:0}.showcase-source{display:inline-block;margin-top:22px;color:var(--ink);font-size:14px;font-weight:700;text-underline-offset:5px}.showcase-credit{font-size:12px;color:var(--muted);margin:16px 0 0;line-height:1.5}
.closing-call{max-width:1180px;margin:80px auto 40px;padding:clamp(28px,5vw,60px);border-radius:18px;background:#eaf3e3;display:flex;gap:32px;align-items:center;justify-content:space-between}.closing-call h2{font-size:clamp(28px,3.6vw,44px);line-height:1.12;letter-spacing:-1px;margin:0 0 16px;max-width:650px}.closing-call p:last-child{font-size:16px;line-height:1.65;color:var(--muted);max-width:620px;margin:0}.closing-call .primary-cta{flex-shrink:0}
@media(max-width:800px){.showcase-layout{grid-template-columns:1fr;gap:26px}.website-showcase{margin-top:50px;padding-top:32px}.showcase-heading>p:last-child{font-size:16px}.showcase-notes li{padding:18px 0}.closing-call{flex-direction:column;align-items:flex-start;margin-top:50px}.showcase-heading h2{letter-spacing:-1px}}
@media(max-width:420px){.showcase-tabs{gap:0;padding:6px}.showcase-tabs button{font-size:12px;padding:12px 5px}.showcase-toolbar{padding:11px 12px}.showcase-panel figcaption{padding:13px;font-size:12px}}

/* Three-brand website portfolio */
.portfolio-layout{display:grid;grid-template-columns:.85fr 1.25fr;gap:50px;align-items:center}.portfolio-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-1.6px;margin:16px 0 24px}.portfolio-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted)}.portfolio-copy ul{list-style:none;padding:0;margin:26px 0}.portfolio-copy li{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}.portfolio-copy li:before{content:'✓';color:var(--green);font-weight:700;margin-right:12px}.portfolio-copy .portfolio-hint{font-size:14px}.portfolio-stack{position:relative;height:780px;isolation:isolate;perspective:1400px}.portfolio-card{display:block;position:absolute;width:84%;text-decoration:none;color:var(--ink);background:#fff;border:1px solid #dce2d4;border-radius:10px;overflow:hidden;box-shadow:0 18px 42px #15241229;transition:transform .25s,box-shadow .25s}.portfolio-card img{display:block;width:100%;height:auto;aspect-ratio:1348/926;object-fit:cover}.portfolio-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f0f2ed;padding:9px 12px;font-size:12px;color:#596452}.portfolio-bar>span:first-child{color:#b3bdab;font-size:8px;letter-spacing:2px}.portfolio-label{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;gap:8px;background:white}.portfolio-label strong{font-size:14px}.portfolio-label>span{font-size:12px;color:#32791d;white-space:nowrap}.portfolio-pacific{right:0;top:12px;transform:rotate(-5deg) rotateY(-8deg);z-index:1}.portfolio-sealpro{left:0;top:232px;transform:rotate(4deg) rotateY(8deg);z-index:2}.portfolio-canadian{right:0;top:453px;transform:rotate(-4deg) rotateY(-8deg);z-index:3}.portfolio-card:hover,.portfolio-card:focus-visible{z-index:5;transform:rotate(0) rotateY(0) translateY(-8px);box-shadow:0 25px 55px #15241238}.portfolio-card:focus-visible{outline:3px solid var(--green);outline-offset:5px}@media(min-width:801px) and (max-width:1100px){.portfolio-layout{gap:30px}.portfolio-stack{height:660px}.portfolio-sealpro{top:195px}.portfolio-canadian{top:390px}}@media(max-width:800px){.portfolio-layout{grid-template-columns:1fr;gap:22px}.portfolio-stack{height:auto;display:grid;gap:25px;padding:0 3px}.portfolio-card{position:relative;inset:auto;width:100%;transform:none!important}.portfolio-copy h2{letter-spacing:-1px}.portfolio-label{flex-wrap:wrap}.portfolio-copy ul{margin:18px 0}.portfolio-bar{font-size:12px}}@media(prefers-reduced-motion:reduce){.portfolio-card{transition:none}}