/* The homepage designer is a primary feature, with the same brand tokens. */
.homepage .layout-feature.designer-feature-prominent{
 display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);
 grid-template-areas:"heading preview" "copy preview";
 gap:var(--space-5) var(--space-7);padding:var(--space-7);
 background-color:var(--brand-green);border:1px solid var(--color-ink);
 background-image:url('assets/rugged-paper.svg'),url('assets/designer-contours.svg'),radial-gradient(ellipse at 76% 44%,#f2f0e716,transparent 62%),linear-gradient(145deg,transparent 48%,#141c1833),url('assets/grain-chalk.png');
 background-size:240px 240px,auto 110%,auto,auto,192px 192px;
 background-position:0 0,right center,center,center,0 0;background-repeat:repeat,no-repeat,no-repeat,no-repeat,repeat;
 box-shadow:0 12px 28px #141c181c;
}
.homepage .designer-feature-prominent .designer-heading{grid-area:heading;min-width:0;align-self:end}
.homepage .designer-feature-prominent .designer-kicker{
 display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-kicker);
 font-weight:var(--weight-action);letter-spacing:.12em;line-height:1.6;
 color:var(--color-paper);margin:0 0 var(--space-5);
}
.designer-cube{flex:none;width:24px;height:24px}
.homepage .designer-feature-prominent h2{
 font-family:var(--display);font-size:var(--section-size);
 font-weight:var(--weight-heading);line-height:1.05;letter-spacing:-.02em;
 color:var(--color-paper);margin:0;overflow-wrap:normal;
}
.homepage .designer-feature-prominent h2>span{display:block;color:var(--color-paper);margin-top:var(--space-2)}
.homepage .designer-feature-prominent .designer-3d{
 color:var(--color-ink);
}
.homepage .designer-feature-prominent .designer-copy{grid-area:copy;align-self:start;min-width:0;padding:0;background:transparent}
.homepage .designer-feature-prominent .designer-copy>p{
 margin:0;max-width:390px;font-size:var(--text-body);line-height:1.75;
 color:var(--color-paper);
}
.homepage .designer-feature-prominent .designer-copy>.designer-steps{
 display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);
 font-size:var(--text-label);font-weight:var(--weight-label);
 line-height:1.6;margin-top:var(--space-4);
}
.homepage .designer-feature-prominent .designer-cta{
 display:flex;align-items:center;justify-content:space-between;
 width:100%;max-width:390px;min-height:52px;margin-top:var(--space-5);
 padding:var(--space-4) var(--space-5);gap:var(--space-4);
 background:var(--color-paper);color:var(--brand-green)!important;
 font-size:var(--text-label);font-weight:var(--weight-action);line-height:1.5;
 border:1px solid var(--color-paper);
}
.homepage .designer-feature-prominent .designer-cta:hover{background:var(--color-surface)}
.homepage .designer-feature-prominent .designer-preview{
 grid-area:preview;align-self:center;min-width:0;overflow:visible;
 background:transparent;border:0;
}
.homepage .designer-feature-prominent .designer-poster{display:flex;flex-direction:column;min-height:0;flex:none;aspect-ratio:auto;background:transparent;overflow:visible}
.homepage .designer-feature-prominent .designer-poster>img{position:static;inset:auto;width:100%;height:auto;flex:none;transform:none;filter:drop-shadow(0 16px 14px #0002);transition:transform .6s ease}
.homepage .designer-feature-prominent .designer-poster:hover>img{transform:translateY(-4px) scale(1.015)}
.homepage .designer-feature-prominent .designer-preview-action{
 position:static;width:100%;border-top:1px solid #f2f0e733;
 display:inline-flex;align-items:center;justify-content:space-between;
 gap:var(--space-4);min-height:52px;padding:var(--space-4) var(--space-5);
 background:transparent;color:var(--color-paper);
 font-size:var(--text-label);font-weight:var(--weight-action);line-height:1.5;
}
.homepage .designer-feature-prominent .designer-poster:hover .designer-preview-action{background:var(--color-ink)}
.homepage .designer-feature-prominent .designer-poster:focus-visible{outline:3px solid var(--color-paper);outline-offset:4px}
@media(max-width:1100px){
 .homepage .layout-feature.designer-feature-prominent{gap:var(--space-5);padding:var(--space-6)}
 .homepage .designer-feature-prominent h2{font-size:var(--section-size)}
}
@media(max-width:760px){
 .homepage .layout-feature.designer-feature-prominent{
  grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "preview" "copy";
  gap:var(--space-5);padding:0;
 }
 .homepage .designer-feature-prominent .designer-heading{padding:var(--space-5) var(--space-5) 0}
 .homepage .designer-feature-prominent .designer-kicker{font-size:var(--text-kicker);gap:var(--space-2);margin-bottom:var(--space-4)}
 .homepage .designer-feature-prominent h2{font-size:var(--section-size);line-height:1.05}
 .homepage .designer-feature-prominent .designer-preview{box-shadow:none;border:0}
 .homepage .designer-feature-prominent .designer-poster{min-height:0;flex:none;aspect-ratio:auto}
 .homepage .designer-feature-prominent .designer-preview-action{
  left:0;right:0;bottom:0;min-height:52px;
  padding:var(--space-4) var(--space-5);font-size:var(--text-label);
 }
 .homepage .designer-feature-prominent .designer-copy{padding:0 var(--space-5) var(--space-5)}
 .homepage .designer-feature-prominent .designer-copy>.designer-steps{gap:var(--space-2);font-size:var(--text-caption)}
 .homepage .designer-feature-prominent .designer-cta{min-height:52px;padding:var(--space-4) var(--space-5);max-width:none}
}
@media(prefers-reduced-motion:reduce){.homepage .designer-feature-prominent .designer-poster>img{transition:none}.homepage .designer-feature-prominent .designer-poster:hover>img{transform:none}}

/* Equipment marks sit in the painted panel rather than a second designer CTA. */
.designer-feature-prominent .designer-brands{padding:20px 0 0;margin-top:12px;border-top:1px solid #f2f0e733}
.designer-brands>p{font:600 11px/1.6 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--color-paper);opacity:.7;margin:0 0 18px}
.designer-brands .equipment-marks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:24px}
.designer-brands .equipment-marks img{display:block;width:100%;height:30px;object-fit:contain;filter:brightness(0) invert(94%) sepia(9%) saturate(250%);opacity:.8}
@media(max-width:760px){.designer-feature-prominent .designer-brands{margin:8px 24px 0;padding-top:20px}.designer-brands .equipment-marks{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}.designer-brands .equipment-marks img{height:27px;max-width:145px;justify-self:center}.designer-brands>p{text-align:center}}