@layer components {
  .non-apparel { background:#fff;border-block:1px solid var(--line); }
  .non-apparel-inner { display:grid;grid-template-columns:172px 1fr auto;align-items:center;gap:38px;padding-block:32px; }
  .non-apparel-mark { position:relative;aspect-ratio:1;width:172px;overflow:hidden; }
  .non-apparel-mark img { position:absolute;width:165.37%;max-width:none;height:auto;left:-33.33%;top:-75%; }
  .non-apparel-copy .eyebrow { color:var(--accent);margin-bottom:11px;font-size:.6875rem; }
  .non-apparel-copy h2 { font-size:2.65rem;line-height:1; }
  .non-apparel-copy h2 span { color:var(--red,var(--accent)); }
  .non-apparel-copy>p:last-child { max-width:480px;font-size:.9375rem;color:var(--muted);margin-top:14px;line-height:1.8; }
  .non-apparel-inner>.plain-link { align-self:center;white-space:nowrap; }
  .footer-identity .footer-specialty { font-size:.8125rem;color:#c7ccce;margin-top:10px; }
  .gallery-section { padding-bottom:64px; }
  .gallery-status { display:flex;gap:28px;justify-content:space-between;align-items:center;padding-block:17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 30px; }
  .gallery-status .eyebrow { color:var(--accent);flex-shrink:0; }
  .gallery-status p { font-size:.875rem;color:var(--muted); }
  .gallery-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px; }
  .gallery-placeholder { position:relative;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;border:1px solid #c3cdd4;background:linear-gradient(135deg,#f5f7f8,#e6edf1);color:#60717c; }
  .gallery-placeholder::before { content:'';position:absolute;inset:13px;border:1px solid #c3cdd4; }
  .gallery-placeholder svg { width:55px;stroke:currentColor;stroke-width:1.2; }
  .gallery-index { position:absolute;top:22px;left:24px;font-size:.625rem;letter-spacing:.09em; }
  .placeholder-caption { font-size:.625rem;font-weight:600;letter-spacing:.1em;text-align:center;padding-inline:24px; }
  .registration-corner { position:absolute;bottom:22px;right:24px;width:15px;height:15px; }
  .registration-corner::before,.registration-corner::after { content:'';position:absolute;background:currentColor; }
  .registration-corner::before { width:15px;height:1px;top:7px; }.registration-corner::after { width:1px;height:15px;left:7px; }
  .gallery-caption { border-bottom:1px solid var(--line);padding:18px 0 22px; }
  .gallery-caption h2 { font-size:1.9rem;line-height:1.1;margin-bottom:9px; }
  .gallery-caption p { font-size:.875rem;color:var(--muted);line-height:1.75; }
  .dedicated-faq { padding-top:35px; }
  .dedicated-faq .faq-intro>.plain-link { margin-top:22px; }
  summary:focus-visible { outline:3px solid var(--accent);outline-offset:5px; }
  .guide-faq-link { display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:32px 45px;border-top:1px solid var(--line); }
  .guide-faq-link .eyebrow { color:var(--accent);margin-bottom:15px; }.guide-faq-link p:not(.eyebrow) { margin-top:12px;color:var(--muted); }
}
@layer responsive {
  @media(max-width:1150px) { .non-apparel-inner { grid-template-columns:152px 1fr;gap:26px; }.non-apparel-mark { width:152px;grid-row:1/3; }.non-apparel-inner>.plain-link { grid-column:2;justify-self:start;margin-top:-12px; }.gallery-grid { gap:28px 20px; }.gallery-caption h2 { font-size:1.7rem; } }
  @media(max-width:900px) { .gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.gallery-status { align-items:flex-start; }.gallery-status p { max-width:370px; } }
  @media(max-width:650px) { .non-apparel-inner { grid-template-columns:108px 1fr;gap:22px 18px;padding-block:27px; }.non-apparel-mark { width:108px;grid-row:1;align-self:start; }.non-apparel-copy h2 { font-size:2.25rem; }.non-apparel-copy .eyebrow { font-size:.5625rem;letter-spacing:.06em; }.non-apparel-copy>p:last-child { font-size:.875rem; }.non-apparel-inner>.plain-link { grid-column:1/-1;margin:0;justify-self:center; }.gallery-status { display:block;margin-bottom:24px; }.gallery-status p { margin-top:8px; }.gallery-grid { grid-template-columns:1fr;gap:24px; }.gallery-caption h2 { font-size:2rem; }.gallery-section { padding-bottom:38px; }.gallery-placeholder { aspect-ratio:4/2.8; }.gallery-caption { padding-top:16px; }.gallery-caption p { font-size:1rem; }.guide-faq-link { display:block; }.guide-faq-link .button { margin-top:25px; }.dedicated-faq { padding-top:29px; } }
  @media(max-width:360px) { .non-apparel-inner { grid-template-columns:86px 1fr;gap:22px 14px; }.non-apparel-mark { width:86px; }.non-apparel-copy h2 { font-size:2rem; } }
}