/* Collect Silver: an editorial opening, composed from the owner's real emblem.
   Scope is the homepage only. No fonts, images or JS dependencies are added. */
.cs-home-editorial {
  --home-blue:#315ea4;
  --home-blue-ink:#23456f;
  --home-paper:#f9fbfc;
  --home-edge:#b0bfcc;
  --home-shadow:#142b4433;
  --home-stamp:#dae5ec;
}
html[data-theme="dark"] .cs-home-editorial {
  --home-blue:#7299d2;
  --home-blue-ink:#a6c6ef;
  --home-paper:#1b2b3c;
  --home-edge:#567089;
  --home-shadow:#0008;
  --home-stamp:#b7cadd;
}
.cs-home-editorial .cs-home-hero {
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:clamp(30px,4.2vw,68px);
  padding:clamp(32px,4.5vw,66px) 0 48px;
  align-items:center;
  overflow:visible;
}
.cs-home-editorial .cs-home-hero::before { display:none; }
.cs-home-hero .commerce-hero-copy > .eyebrow {
  display:flex;align-items:center;gap:12px;
  font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--home-blue-ink);
}
.cs-home-hero .commerce-hero-copy > .eyebrow::before {
  content:"";display:block;width:30px;height:3px;background:var(--home-blue);
}
.cs-home-editorial .cs-home-hero h1 {
  font-family:var(--sans,Arial,sans-serif);font-weight:750;
  font-size:clamp(46px,5.4vw,78px);line-height:1.02;letter-spacing:-.057em;
  margin:26px 0 24px;max-width:9em;
}
.cs-home-editorial .cs-home-hero h1 em {
  font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:1.19em;
  letter-spacing:-.06em;line-height:.9;
  color:var(--home-blue-ink);background:none;-webkit-text-fill-color:currentColor;
  position:relative;white-space:nowrap;
}
.cs-home-editorial .cs-home-hero h1 em::after {
  content:"";position:absolute;left:3%;right:1%;bottom:-.08em;height:3px;
  background:var(--home-blue);transform:rotate(-3deg);opacity:.8;
}
.cs-home-editorial .cs-home-hero .commerce-hero-copy > p {
  max-width:420px;font-size:16px;line-height:1.75;color:var(--muted);
}
.cs-home-hero .hero-actions {gap:22px;flex-wrap:wrap;}
.cs-home-hero .hero-actions .btn {
  min-height:48px;border:1px solid var(--home-blue-ink);background:var(--home-blue-ink);
  color:var(--home-paper);box-shadow:4px 4px 0 var(--home-edge);
  border-radius:0;padding:14px 19px;
}
.cs-home-hero .hero-actions .text-link {min-height:44px;align-content:center;}
.cs-home-editorial .commerce-hero-note {
  display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:30px;padding-top:20px;
  border-top:1px solid var(--line);font:12px/1.55 var(--sans,Arial,sans-serif);color:var(--muted);
}
.cs-home-hero .commerce-hero-note span {display:flex;align-items:center;gap:7px;}
.cs-home-hero .commerce-hero-note span::before {
  content:"";width:5px;height:5px;background:var(--home-blue);flex-shrink:0;
  transform:rotate(45deg);
}
.cs-home-artboard {
  position:relative;isolation:isolate;min-width:0;aspect-ratio:1.03;
  background:linear-gradient(135deg,#e5ecf1 0%,#cbd8e2 72%,#edf3f7 100%);
  border:1px solid var(--home-edge);
  box-shadow:9px 10px 0 -1px var(--home-paper),9px 10px 0 var(--home-edge),0 24px 44px var(--home-shadow);
}
html[data-theme="dark"] .cs-home-artboard {
  background:linear-gradient(135deg,#213954,#14283f 70%,#29425c);
}
.cs-home-artboard::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(153deg,transparent 49.6%,#315ea4 49.8%);
  opacity:.95;
}
html[data-theme="dark"] .cs-home-artboard::before {
  background:linear-gradient(153deg,transparent 49.6%,#284f84 49.8%);
}
.cs-home-halftone {
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(#2943636b .7px,transparent .9px);
  background-size:7px 7px;
  clip-path:polygon(0 0,45% 0,0 48%);
}
html[data-theme="dark"] .cs-home-halftone {background-image:radial-gradient(#a4b8d25c .7px,transparent .9px);}
.cs-home-emblem {
  position:absolute;left:4%;top:4%;width:36%;aspect-ratio:1000/860;
  mask:url('/brand/selected/angular-emblem/component-pair.svg') center/contain no-repeat;
  filter:drop-shadow(1px 2px 0 #18344d);
  pointer-events:none;z-index:1;
}
:where(.cs-home-emblem) {
  background:linear-gradient(120deg,#637b91,#e8f0f6 25%,#91a4b6 43%,#f8fcff 49%,#68839a 67%,#b7ccdc);
}
:where(html[data-theme="dark"] .cs-home-emblem) {
  background:linear-gradient(120deg,#65839e,#f4f9ff 25%,#93adc4 43%,#f8fcff 49%,#65829b 67%,#c4d6e5);
}
.cs-home-cut {
  position:absolute;left:-10px;bottom:17%;width:46%;height:12%;z-index:1;
  background:linear-gradient(110deg,#b2c3d1,#f3f8fb 43%,#a1b4c4 73%,#e0ebf1);
  border:1px solid #f8fbfc8c;transform:rotate(-12deg);pointer-events:none;
  box-shadow:0 6px 10px #142b4430;
}
.cs-home-editorial .cs-home-hero .commerce-hero-art {
  display:flex;flex-direction:column;position:absolute;
  width:66%;right:5%;top:5%;bottom:5%;min-height:0;height:auto;
  padding:9px;background:var(--home-paper);border:1px solid var(--home-edge);
  outline:none;box-shadow:9px 12px 0 #142a423b;overflow:visible;
  transform:rotate(3deg);isolation:isolate;
}
.cs-home-hero .commerce-hero-art::after {display:none;}
.cs-home-hero .commerce-hero-art::before {
  inset:9px 9px 24%;z-index:3;opacity:.3;
  background:radial-gradient(ellipse at var(--silver-x,28%) var(--silver-y,20%),#effaff40,transparent 56%);
}
.cs-home-photo {
  display:block;width:100%;min-height:0;flex:1;overflow:hidden;
  background:#cbd6df;
}
.cs-home-editorial .cs-home-hero .cs-home-photo img {
  display:block;width:100%;height:100%;min-height:0;object-fit:contain;
  aspect-ratio:1196/1500;
}
.cs-home-editorial .cs-home-hero .commerce-art-label {
  position:static;display:block;order:-1;padding:2px 3px 9px;background:none;
  color:var(--muted);font:600 12px/1.45 var(--sans,Arial,sans-serif);letter-spacing:.025em;
}
.cs-home-editorial .cs-home-hero .commerce-art-caption {
  position:relative;inset:auto;display:block;padding:13px 32px 6px 4px;
  font:500 clamp(19px,2.1vw,28px)/1.12 Georgia,serif;letter-spacing:-.035em;
  color:var(--ink);
}
.cs-home-hero .commerce-art-caption svg {width:24px;height:24px;right:2px;bottom:5px;}
.cs-home-hero .commerce-hero-art:focus-visible {
  outline:3px solid var(--ink);outline-offset:7px;
}
.cs-home-editorial .discovery-strip {
  border-top:3px solid var(--ink);border-bottom:1px solid var(--line);
  padding:24px 0 25px;gap:30px;
}
.cs-home-editorial .discovery-strip > span {
  font:600 clamp(19px,2.2vw,28px)/1.22 var(--sans,Arial,sans-serif);
  letter-spacing:-.035em;max-width:17em;flex:1;
}
.cs-home-editorial .discovery-strip p {font-size:14px;line-height:1.7;max-width:38em;flex:1;}
.cs-home-editorial .section-top {padding-bottom:23px;border-bottom:1px solid var(--line);margin-bottom:28px;}
.cs-home-editorial .section-top h2 {font-family:var(--sans,Arial,sans-serif);font-weight:650;letter-spacing:-.04em;}
.cs-home-editorial .commerce-categories .discovery-grid {gap:30px 24px;}
.cs-home-editorial .commerce-categories .discovery-card {
  border:1px solid var(--line);background:var(--home-paper);box-shadow:4px 4px 0 var(--surface2);
}
.cs-home-editorial .commerce-categories .discovery-copy {padding:22px;}
.cs-home-editorial .commerce-categories .discovery-image {border-bottom:1px solid var(--line);}
.cs-home-editorial .commerce-search {
  border:1px solid var(--home-edge);border-left:5px solid var(--home-blue);
  background:var(--home-paper);box-shadow:7px 7px 0 var(--surface2);
}
.cs-home-editorial .resource-teaser,.cs-home-editorial .community-callout {border-top:3px solid var(--ink);}
@media(min-width:1500px){.cs-home-editorial .cs-home-hero h1{font-size:88px}.cs-home-artboard{max-width:600px;justify-self:end;width:100%}}
@media(max-width:1050px){
  .cs-home-editorial .cs-home-hero{gap:28px;padding-top:36px}
  .cs-home-editorial .cs-home-hero h1{font-size:clamp(45px,5.7vw,60px)}
  .cs-home-editorial .cs-home-hero .commerce-hero-copy>p{font-size:15px}
  .cs-home-editorial .cs-home-hero .commerce-art-label{font-size:12px}
  .cs-home-hero .hero-actions{gap:16px}
  .cs-home-editorial .commerce-hero-note{margin-top:23px}
  .cs-home-editorial .commerce-categories .discovery-copy{padding:18px}
}
@media(max-width:760px){
  .cs-home-editorial .cs-home-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:30px;padding-bottom:40px}
  .cs-home-editorial .cs-home-hero h1{font-size:clamp(48px,9.5vw,72px);margin:22px 0 26px;max-width:11em}
  .cs-home-editorial .cs-home-hero .commerce-hero-copy>p{max-width:36em;font-size:16px}
  .cs-home-artboard{max-width:580px;width:calc(100% - 9px);justify-self:center;aspect-ratio:1.16}
  .cs-home-editorial .cs-home-hero .commerce-hero-art{width:61%;right:6%;top:5%;bottom:5%}
  .cs-home-editorial .cs-home-hero .commerce-art-label{font-size:13px}
  .cs-home-editorial .cs-home-hero .commerce-art-caption{font-size:clamp(19px,3.7vw,27px)}
  .cs-home-editorial .discovery-strip{display:grid;grid-template-columns:1fr;gap:11px;padding:23px 0}
  .cs-home-editorial .discovery-strip>span{max-width:none;font-size:23px}
  .cs-home-editorial .discovery-strip p{margin:0}
}
@media(max-width:440px){
  .cs-home-editorial .cs-home-hero h1{font-size:clamp(45px,11.7vw,53px)}
  .cs-home-editorial .cs-home-hero .commerce-hero-copy>p{font-size:15px;line-height:1.7}
  .cs-home-hero .hero-actions{gap:12px 18px}
  .cs-home-hero .hero-actions .btn{padding:13px 16px}
  .cs-home-editorial .commerce-hero-note{font-size:12px;margin-top:24px;gap:8px 14px}
  .cs-home-artboard{aspect-ratio:.8}
  .cs-home-editorial .cs-home-hero .commerce-hero-art{right:4%;width:65%;padding:6px;top:5%;bottom:5%}
  .cs-home-editorial .cs-home-hero .commerce-art-label{font-size:13px;line-height:1.45;padding-bottom:6px}
  .cs-home-editorial .cs-home-hero .commerce-art-caption{font-size:20px;line-height:1.15;padding:10px 23px 4px 3px}
  .cs-home-hero .commerce-art-caption svg{width:18px;height:18px}
  .cs-home-editorial .commerce-categories .discovery-copy{padding:16px}
  .cs-home-editorial .section-top{gap:20px;align-items:start}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .cs-home-hero .hero-actions .btn{transition:box-shadow .2s,transform .2s}
  .cs-home-hero .hero-actions .btn:hover{box-shadow:2px 2px 0 var(--home-edge);transform:translate(2px,2px)}
  /* Photo remains entirely visible. Only the existing light response is retained. */
  .cs-home-editorial .cs-home-hero .commerce-hero-art:hover img{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .cs-home-editorial *{scroll-behavior:auto}
  .cs-home-hero .commerce-hero-art::before{background:radial-gradient(ellipse at 28% 20%,#effaff30,transparent 56%)}
}
@media(forced-colors:active){
  .cs-home-artboard::before,.cs-home-halftone,.cs-home-emblem,.cs-home-cut,.cs-home-hero h1 em::after{display:none}
  .cs-home-artboard{background:Canvas;border-color:CanvasText;box-shadow:none}
  .cs-home-editorial .cs-home-hero .commerce-hero-art{transform:none;position:relative;inset:auto;width:100%;height:auto;box-shadow:none;background:Canvas;border-color:CanvasText}
  .cs-home-editorial .cs-home-hero .cs-home-photo img{height:auto;max-height:500px}
  .cs-home-editorial .cs-home-hero h1 em{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important}
  .cs-home-hero .hero-actions .btn{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}
}
/* Keep both emblem components and all disclosure text clear of the picture. */
.cs-home-editorial .cs-home-emblem{position:absolute;left:1.5%;width:30%;z-index:1}
.cs-home-editorial .cs-home-hero .commerce-hero-art{width:64%;right:4%;z-index:2}
.cs-home-editorial .cs-home-cut{left:3%;width:24%;height:2%;bottom:14%;z-index:1}
@media(min-width:1051px){.cs-home-editorial .cs-home-hero h1{font-size:clamp(60px,6vw,82px)}}
@media(max-width:760px){.cs-home-editorial .cs-home-hero .commerce-hero-art{width:61%;right:6%}}
@media(max-width:440px){.cs-home-editorial .cs-home-hero .commerce-hero-art{right:4%;width:64%}}

@media(forced-colors:active){.cs-home-editorial .cs-home-hero .commerce-hero-art{width:100%;right:auto}.cs-home-artboard{aspect-ratio:auto}}