/* S7WILD identity: the approved flat AUDIO logo, geometry untouched. */
.site-header .brand-logo{width:156px;height:auto;max-height:54px;object-fit:contain}
.site-footer .brand-logo{width:150px;height:auto;max-height:54px;object-fit:contain}
.gateway-logo{max-width:min(410px,76vw);height:auto}
/* The original graphite logo stays intact on the light theme. Only its color display is changed on dark backgrounds. */
.brand-logo,.gateway-logo{filter:brightness(0) invert(.93)}
html[data-theme="light"] .brand-logo,html[data-theme="light"] .gateway-logo{filter:none}
.catalog-ge87-photo{padding:0;overflow:hidden;height:auto;min-height:0;aspect-ratio:1919/1056}
.catalog-ge87-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
/* GE-87: authentic screenshots only, presented without promotional language. */
.ge87-skin-gallery{min-width:0;width:100%;align-self:center}
.ge87-skin-feature{display:block;overflow:hidden;border:1px solid var(--line2);border-radius:15px;background:var(--panel2);line-height:0;box-shadow:0 18px 40px rgba(0,0,0,.14)}
.ge87-skin-feature img{display:block;width:100%;height:auto;aspect-ratio:1919/1056;object-fit:contain}
.ge87-skin-feature:hover{border-color:var(--muted2)}
.ge87-skin-feature:focus-visible,.ge87-skin-option:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.ge87-skin-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.ge87-skin-option{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--muted);border:1px solid var(--line2);border-radius:9px;background:var(--panel);padding:5px 5px 7px;transition:border-color .12s,background .12s}
.ge87-skin-option img{width:100%;height:auto;aspect-ratio:1919/1056;object-fit:contain;border-radius:4px}
.ge87-skin-option span{font-size:.72rem;font-weight:650;letter-spacing:.02em;line-height:1.2}
.ge87-skin-option[aria-current="true"]{color:var(--text);border-color:var(--text);background:var(--panel2)}
.ge87-skin-option:hover{color:var(--text);border-color:var(--muted2)}
@media(max-width:700px){
  .site-header .brand-logo{width:139px;max-height:50px}
  .site-footer .brand-logo{width:152px}
  .ge87-skin-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px}
  .ge87-skin-option{padding:4px 3px 7px;border-radius:7px;gap:5px}
  .ge87-skin-option span{font-size:.61rem}
}
@media(max-width:360px){
  .site-header .brand-logo{width:125px}
  .ge87-skin-option span{font-size:.55rem}
}


/* GE-87 product editorial: clear feature descriptions, theme-aware, mobile-first. */
.ge87-story,.ge87-detail,.ge87-sound,.ge87-faq{min-width:0}
.ge87-story{border-top:1px solid var(--line2)}
.ge87-story-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(30px,5vw,84px);align-items:start}
.ge87-story-copy h2,.ge87-section-heading h2,.ge87-faq-title h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.045em;margin:12px 0 24px;max-width:18ch;text-wrap:balance;color:var(--text)}
.ge87-story-copy p{max-width:53ch;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.73;color:var(--muted);margin:0 0 17px}
.ge87-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line2)}
.ge87-step{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:17px;padding:22px 0;border-bottom:1px solid var(--line2)}
.ge87-step-number,.ge87-detail-index{font:750 .82rem/1.6 Consolas,monospace;letter-spacing:.05em;color:var(--muted)}
.ge87-step h3{font-size:1.17rem;line-height:1.3;letter-spacing:-.016em;margin:0 0 7px;color:var(--text)}
.ge87-step p{font-size:.96rem;line-height:1.62;margin:0;max-width:55ch;color:var(--muted)}
.ge87-section-heading{max-width:740px;margin-bottom:30px}
.ge87-section-heading h2{max-width:24ch;margin-bottom:12px}
.ge87-section-heading>p{line-height:1.66;font-size:1.05rem;color:var(--muted);margin:0;max-width:63ch}
.ge87-detail{background:var(--panel2)}
.ge87-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ge87-detail-card{min-width:0;padding:clamp(18px,2vw,28px);border:1px solid var(--line2);border-radius:13px;background:var(--panel)}
.ge87-detail-card h3{font-size:1.1rem;line-height:1.25;letter-spacing:-.02em;color:var(--text);margin:16px 0 10px}
.ge87-detail-card p{font-size:.925rem;line-height:1.62;color:var(--muted);margin:0;overflow-wrap:break-word}
.ge87-sound .ge87-section-heading{max-width:800px}
.ge87-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ge87-mode-card{min-width:0;padding:clamp(22px,3vw,36px);border-radius:15px;border:1px solid var(--line2);background:var(--panel);position:relative;overflow:hidden}
.ge87-mode-card:first-child{border-top:3px solid var(--text)}
.ge87-mode-card:last-child{border-top:3px solid var(--muted2)}
.ge87-mode-number{font-size:clamp(1.9rem,3.2vw,3rem);font-weight:850;letter-spacing:-.05em;line-height:1.1;color:var(--text);margin-bottom:20px}
.ge87-mode-card p{margin:0;color:var(--muted);line-height:1.65;font-size:1rem;max-width:55ch}
.ge87-faq{border-top:1px solid var(--line2)}
.ge87-faq-layout{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:clamp(28px,5vw,90px);align-items:start}
.ge87-faq-list{margin:0;min-width:0}
.ge87-faq-item{padding:20px 0;border-bottom:1px solid var(--line2)}
.ge87-faq-item:first-child{border-top:1px solid var(--line2)}
.ge87-faq-item dt{font-weight:730;font-size:1.04rem;line-height:1.4;color:var(--text);margin-bottom:7px}
.ge87-faq-item dd{font-size:.96rem;line-height:1.67;color:var(--muted);margin:0}
@media(max-width:1100px){.ge87-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.ge87-story-layout,.ge87-faq-layout{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){
 .ge87-story-copy h2,.ge87-section-heading h2,.ge87-faq-title h2{font-size:clamp(1.95rem,8vw,2.55rem);margin:12px 0 17px}
 .ge87-step{grid-template-columns:2rem minmax(0,1fr);gap:13px;padding:17px 0}
 .ge87-step h3{font-size:1.05rem}.ge87-step p{font-size:.92rem}
 .ge87-detail-grid{grid-template-columns:1fr;gap:9px}.ge87-detail-card{padding:18px 19px}
 .ge87-detail-card h3{margin:9px 0 7px}.ge87-detail-card p{font-size:.93rem}
 .ge87-mode-grid{grid-template-columns:1fr;gap:12px}
 .ge87-faq-item{padding:17px 0}
}

/* Product details stay readable and reachable without cropping the machine. */
.product-availability{font-size:.88rem;line-height:1.5;color:var(--muted);margin:10px 0}
.catalog-copy .product-availability{flex:0;margin:0 0 12px;font-size:.8rem}
.product-setup{border-top:1px solid var(--line2)}
.product-setup h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.18;margin:0 0 20px}
.product-setup p{max-width:72ch;font-size:1rem;line-height:1.7;color:var(--muted);margin:0 0 15px}
.product-setup .text-link{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
.ge87-section-nav{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);background:var(--panel)}
.ge87-section-nav>.shell{display:flex;gap:clamp(14px,2.5vw,32px);overflow-x:auto;scrollbar-width:thin}
.ge87-section-nav a{display:inline-flex;align-items:center;min-height:56px;flex:0 0 auto;font-size:.89rem;font-weight:650;white-space:nowrap;text-decoration:none}
.ge87-section-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.ge87-section-nav a:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}
.master-workflow{border-top:1px solid var(--line2)}
.master-workflow h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.15;margin:0 0 18px}
.master-workflow>.shell>p{max-width:70ch;line-height:1.7;color:var(--muted)}
.master-workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:26px 0 0;padding:0}
.master-workflow-steps li{min-width:0;background:var(--panel);border:1px solid var(--line2);border-radius:13px;padding:24px}
.master-step-number{font:700 .83rem/1.5 Consolas,monospace;color:var(--muted)}
.master-workflow-steps h3{font-size:1.12rem;line-height:1.35;margin:15px 0 10px}
.master-workflow-steps p{font-size:.96rem;line-height:1.65;color:var(--muted);margin:0}
.master-entry .master-audio-label{font-weight:700;margin:18px 0 0;color:var(--text)}
@media(max-width:800px){.master-workflow-steps{grid-template-columns:1fr;gap:12px}}
@media(max-width:700px){
 .catalog-card[data-product-card="ge-87"]{display:flex;flex-direction:column}
 .catalog-card[data-product-card="ge-87"] .catalog-ge87-photo{width:100%;height:auto;min-height:0;padding:0}
 .catalog-card[data-product-card="ge-87"] .catalog-ge87-photo img{width:100%;height:auto;max-height:none;object-fit:contain}
 .ge87-section-nav>.shell{gap:22px}.ge87-section-nav a{min-height:50px;font-size:.83rem}
 .master-workflow-steps li{padding:20px}
}

/* DUST DOJO: the owner's actual capture, without an outer presentation frame. */
.dust-product-shot{min-width:0;width:100%;align-self:center;line-height:0}
.dust-product-shot img{display:block;width:100%;height:auto}
.catalog-art.catalog-dust-dojo{padding:0;height:auto;min-height:0;aspect-ratio:1123/743;background:transparent}
.catalog-art.catalog-dust-dojo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:960px){.dust-product-shot{max-width:760px;justify-self:center}}
@media(max-width:700px){.catalog-card[data-product-card="dust-dojo"]{display:flex;flex-direction:column}.catalog-card[data-product-card="dust-dojo"] .catalog-dust-dojo{width:100%;height:auto;min-height:0}}