.el-showroom,.el-details{
  --el-white:#FFFFFF;--el-slate:#EDF2F6;--el-ink:#18232D;--el-cobalt:#135DFF;--el-cyan:#00A8BD;
  --el-muted:#464F57;--el-rule:#CBD5DE;
  --el-he:"Heebo","IBM Plex Sans",system-ui,sans-serif;
  --el-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --el-pad:clamp(20px,4.4vw,64px);
  display:block;color:var(--el-ink);font-family:var(--el-he);font-size:1.0625rem;line-height:1.6;overflow-x:clip;
}
.el-showroom *,.el-showroom *::before,.el-showroom *::after,.el-details *,.el-details *::before,.el-details *::after{box-sizing:border-box}
.el-showroom :where(h1,h2,h3,p,ol,figure),.el-details :where(h1,h2,h3,p,ol,figure){margin:0;padding:0}
.el-details :where(ol){list-style:none}
.el-showroom [hidden],.el-details [hidden]{display:none !important}
.el-showroom :where(a,button):focus-visible,.el-details :where(a,button,[tabindex]):focus-visible{outline:3px solid var(--el-cobalt);outline-offset:3px}
.el-showroom img,.el-details img{max-inline-size:100%;block-size:auto}

/* Hero */
.el-showroom.el-showroom{background:var(--el-white);padding-block:clamp(24px,4vw,56px) clamp(48px,6vw,96px)}
.el-showroom .el-showroom__wrap{max-inline-size:1440px;margin-inline:auto;padding-inline:var(--el-pad);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,48px);align-items:center}
.el-showroom .el-showroom__text{display:grid;gap:20px;align-content:center;min-inline-size:0}
.el-showroom .el-showroom__eyebrow{display:flex;align-items:center;gap:12px;font-weight:600;font-size:1rem;color:var(--el-ink)}
.el-showroom .el-showroom__eyebrow::before{content:"";inline-size:32px;block-size:2px;background:var(--el-cyan);flex:none}
.el-showroom .el-showroom__h1{font-family:var(--el-he);font-weight:800;font-size:clamp(2.6rem,1.4rem + 5vw,5.75rem);line-height:1.02;letter-spacing:-.025em;color:var(--el-ink);text-wrap:balance}
.el-showroom .el-showroom__h1 span{display:block;color:var(--el-cobalt)}
.el-showroom .el-showroom__lede{font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.5;color:var(--el-muted);max-inline-size:32ch;text-wrap:pretty}
.el-showroom .el-showroom__cta{display:flex;flex-wrap:wrap;gap:12px;padding-block-start:8px}
.el-showroom a.el-showroom__btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:52px;padding:0 26px;border:1.5px solid var(--el-ink);border-radius:2px;font:700 1rem/1.2 var(--el-he);text-decoration:none;flex:1 1 11rem;transition:background-color .15s,color .15s,border-color .15s}
.el-showroom a.el-showroom__btn--primary,.el-showroom a.el-showroom__btn--primary:visited{background:var(--el-cobalt);border-color:var(--el-cobalt);color:var(--el-white)}
.el-showroom a.el-showroom__btn--primary:hover,.el-showroom a.el-showroom__btn--primary:focus-visible{background:var(--el-ink);border-color:var(--el-ink);color:var(--el-white)}
.el-showroom a.el-showroom__btn--outline,.el-showroom a.el-showroom__btn--outline:visited{background:transparent;color:var(--el-ink)}
.el-showroom a.el-showroom__btn--outline:hover,.el-showroom a.el-showroom__btn--outline:focus-visible{background:var(--el-slate);color:var(--el-ink)}
.el-showroom .el-showroom__figure{position:relative;margin-inline:calc(var(--el-pad) * -1);min-inline-size:0}
.el-showroom .el-showroom__frame{position:relative;aspect-ratio:3/2;isolation:isolate}
.el-showroom .el-showroom__frame::before{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:34%;background:var(--el-slate);border-block-start:1px solid var(--el-rule);z-index:-1}
.el-showroom .el-showroom__frame img{display:block;inline-size:100%;block-size:100%;object-fit:contain}
.el-showroom .el-showroom__figure figcaption{display:flex;align-items:center;gap:8px;padding:10px var(--el-pad) 0;font-size:.875rem;color:var(--el-muted)}
.el-showroom .el-showroom__figure figcaption::before{content:"";inline-size:8px;block-size:8px;background:var(--el-cyan);flex:none}

/* Details */
.el-details.el-details{background:var(--el-slate);padding-block:clamp(48px,7vw,112px);border-block-start:1px solid var(--el-rule)}
.el-details .el-details__wrap{max-inline-size:1440px;margin-inline:auto;padding-inline:var(--el-pad);display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "side" "more";gap:clamp(20px,3vw,40px)}
.el-details .el-details__head{grid-area:head;display:grid;gap:12px;max-inline-size:60ch}
.el-details .el-details__h2{font-weight:800;font-size:clamp(1.85rem,1.2rem + 2.6vw,3.25rem);line-height:1.1;letter-spacing:-.02em;color:var(--el-ink);text-wrap:balance}
.el-details .el-details__intro{color:var(--el-muted);font-size:1.125rem;text-wrap:pretty}
.el-details .el-details__stage{grid-area:stage;display:grid;gap:24px;min-inline-size:0;margin-inline:calc(var(--el-pad) * -1)}
.el-details .el-details__figure{display:grid;gap:10px;min-inline-size:0}
.el-details .el-details__frame{position:relative;aspect-ratio:3/2;background:var(--el-white)}
.el-details .el-details__frame img{display:block;inline-size:100%;block-size:100%;object-fit:contain}
.el-details .el-details__figure figcaption{display:flex;align-items:center;gap:8px;padding-inline:var(--el-pad);font-size:.875rem;color:var(--el-muted)}
.el-details .el-details__figure figcaption::before{content:"";inline-size:8px;block-size:8px;background:var(--el-cyan);flex:none}
.el-details.is-enhanced .el-details__figure{animation:el-fade .35s ease}
@keyframes el-fade{from{opacity:0}to{opacity:1}}

.el-details .el-details__spots{position:absolute;inset:0;z-index:2}
.el-details button.el-details__spot{position:absolute;left:var(--x);top:var(--y);inline-size:44px;block-size:44px;transform:translate(-50%,-50%);display:grid;place-items:center;margin:0;padding:0;border:0;background:transparent;color:var(--el-ink);cursor:pointer;font:inherit}
.el-details .el-details__spot-n{position:relative;z-index:1;display:grid;place-items:center;inline-size:30px;block-size:30px;border-radius:50%;background:var(--el-ink);color:var(--el-white);font:500 .875rem/1 var(--el-mono);box-shadow:0 0 0 3px var(--el-white);transition:background-color .15s,box-shadow .15s}
.el-details button.el-details__spot:hover .el-details__spot-n{background:var(--el-cobalt)}
.el-details button.el-details__spot[aria-pressed="true"] .el-details__spot-n{background:var(--el-cobalt);box-shadow:0 0 0 3px var(--el-white),0 0 0 5.5px var(--el-cyan)}
.el-details .el-details__spot-l{position:absolute !important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.el-details .el-details__side{grid-area:side;display:grid;gap:20px;align-content:start;min-inline-size:0}
.el-details .el-details__views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.el-details button.el-details__view{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-block-size:56px;padding:6px;margin:0;border:1.5px solid var(--el-rule);border-radius:2px;background:var(--el-white);color:var(--el-ink);font:600 .875rem/1.3 var(--el-he);text-align:start;cursor:pointer}
.el-details button.el-details__view img{inline-size:64px;aspect-ratio:3/2;object-fit:contain;background:var(--el-white)}
.el-details button.el-details__view:hover{border-color:var(--el-ink)}
.el-details button.el-details__view[aria-pressed="true"]{border-color:var(--el-cobalt);box-shadow:inset 0 0 0 1px var(--el-cobalt);color:var(--el-cobalt)}
.el-details .el-details__parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:8px}
.el-details button.el-details__part{display:flex;align-items:center;gap:10px;inline-size:100%;min-block-size:48px;padding:0 14px;margin:0;border:1.5px solid var(--el-ink);border-radius:2px;background:var(--el-white);color:var(--el-ink);font:600 1rem/1.25 var(--el-he);text-align:start;cursor:pointer;transition:background-color .15s,color .15s}
.el-details .el-details__part-n{font:500 .8125rem/1 var(--el-mono);color:var(--el-cobalt)}
.el-details button.el-details__part:hover{background:var(--el-slate)}
.el-details button.el-details__part[aria-pressed="true"]{background:var(--el-ink);color:var(--el-white)}
.el-details button.el-details__part[aria-pressed="true"] .el-details__part-n{color:var(--el-cyan)}

.el-details .el-details__panels{display:grid;gap:12px;min-inline-size:0}
.el-details .el-details__panel{display:grid;gap:10px;padding:20px;background:var(--el-white);border-block-start:3px solid var(--el-ink)}
.el-details .el-details__panel:focus{outline:none}
.el-details .el-details__panel:focus-visible{outline:3px solid var(--el-cobalt);outline-offset:3px}
.el-details .el-details__panel h3{display:flex;align-items:baseline;gap:12px;font-weight:800;font-size:1.375rem;line-height:1.25;color:var(--el-ink)}
.el-details .el-details__panel-n{font:500 .875rem/1 var(--el-mono);color:var(--el-cobalt)}
.el-details .el-details__panel p{font-size:1.0625rem;line-height:1.65;color:var(--el-ink);text-wrap:pretty}
.el-details a.el-details__link,.el-details a.el-details__link:visited{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-block-size:44px;color:var(--el-cobalt);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}
.el-details a.el-details__link::after{content:"←";font-family:var(--el-mono);text-decoration:none}
.el-details a.el-details__link:hover{color:var(--el-ink)}

.el-details .el-details__more{grid-area:more;display:flex;flex-wrap:wrap;column-gap:clamp(24px,4vw,56px);row-gap:4px;padding-block-start:20px;border-block-start:1.5px solid var(--el-ink)}
.el-details .el-details__more a,.el-details .el-details__more a:visited{display:inline-flex;align-items:center;gap:12px;min-block-size:52px;color:var(--el-cobalt);font:700 clamp(1.125rem,1rem + .5vw,1.375rem)/1.3 var(--el-he);text-decoration:none}
.el-details .el-details__more a::after{content:"←";font-family:var(--el-mono);font-weight:500;transition:transform .15s}
.el-details .el-details__more a:hover{color:var(--el-ink)}
.el-details .el-details__more a:hover::after{transform:translateX(-4px)}

@media (min-width:900px){
  .el-showroom .el-showroom__wrap{grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);column-gap:clamp(32px,4vw,72px)}
  .el-showroom .el-showroom__text{padding-block:clamp(24px,5vw,80px)}
  .el-showroom .el-showroom__figure{margin-inline:0 calc(var(--el-pad) * -1)}
  .el-showroom .el-showroom__frame::before{inset-inline-start:-12%}
  .el-showroom .el-showroom__figure figcaption{padding-inline:0}
  .el-showroom a.el-showroom__btn{flex:0 1 auto}
  .el-details .el-details__wrap{grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-areas:"head head" "side stage" "more more";column-gap:clamp(32px,4vw,64px);align-items:start}
  .el-details .el-details__stage{margin-inline:0 calc(var(--el-pad) * -1)}
  .el-details .el-details__figure figcaption{padding-inline:0}
  .el-details .el-details__side{position:sticky;top:6rem}
  .el-details .el-details__parts{grid-template-columns:minmax(0,1fr);gap:0;border-block-start:1.5px solid var(--el-ink)}
  .el-details button.el-details__part{border:0;border-block-end:1px solid var(--el-rule);border-radius:0;background:transparent;min-block-size:52px}
  .el-details .el-details__spot-l{position:absolute !important;inline-size:auto;block-size:auto;overflow:visible;clip-path:none;top:50%;transform:translateY(-50%);padding:6px 12px;background:var(--el-white);border:1px solid var(--el-ink);font:600 .9375rem/1.2 var(--el-he);color:var(--el-ink)}
  .el-details .el-details__spot-l::after{content:"";position:absolute;background:var(--el-ink)}
  .el-details [data-side="l"] .el-details__spot-l{right:calc(100% + 16px)}
  .el-details [data-side="l"] .el-details__spot-l::after{left:100%;top:50%;inline-size:23px;block-size:1.5px}
  .el-details [data-side="r"] .el-details__spot-l{left:calc(100% + 16px)}
  .el-details [data-side="r"] .el-details__spot-l::after{right:100%;top:50%;inline-size:23px;block-size:1.5px}
  .el-details [data-side="d"] .el-details__spot-l{top:calc(100% + 16px);left:50%;transform:translateX(-50%)}
  .el-details [data-side="d"] .el-details__spot-l::after{bottom:100%;left:50%;inline-size:1.5px;block-size:23px}
  .el-details button.el-details__spot[aria-pressed="true"] .el-details__spot-l{background:var(--el-cobalt);border-color:var(--el-cobalt);color:var(--el-white)}
}
@media (prefers-reduced-motion:reduce){
  .el-showroom *,.el-details *,.el-details *::after{transition:none !important;animation:none !important}
}
@media (forced-colors:active){
  .el-details button.el-details__spot[aria-pressed="true"] .el-details__spot-n,
  .el-details button.el-details__part[aria-pressed="true"],
  .el-details button.el-details__view[aria-pressed="true"]{forced-color-adjust:none;background:Highlight;color:HighlightText;border:2px solid Highlight}
  .el-details .el-details__spot-n{border:2px solid CanvasText}
  .el-showroom a.el-showroom__btn{border:1.5px solid LinkText}
}

/* Three view choices: thumbnail above label */
.el-details .el-details__views{grid-template-columns:repeat(3,minmax(0,1fr))}
.el-details button.el-details__view{grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;padding:6px 6px 8px;font-size:.8125rem;line-height:1.3}
.el-details button.el-details__view img{inline-size:100%}

/* Selected component stays graphite/white on desktop */
@media (min-width:900px){
  .el-details.el-details button.el-details__part[aria-pressed="true"],
  .el-details.el-details button.el-details__part[aria-pressed="true"]:hover,
  .el-details.el-details button.el-details__part[aria-pressed="true"]:focus-visible{background:var(--el-ink);color:var(--el-white);border-block-end-color:var(--el-ink)}
  .el-details.el-details button.el-details__part[aria-pressed="true"] .el-details__part-n{color:var(--el-cyan)}
}

/* Preserve the complete product in the existing category frame. */
.el-category-photo{aspect-ratio:3/2;background:#fff}
.el-category-photo>img{object-fit:contain;width:100%;height:100%}

/* Hero: two-line H1 at desktop, product stays dominant and uncropped */
.el-showroom.el-showroom .el-showroom__h1{font-size:clamp(2.5rem,1.6rem + 2.8vw,4rem);line-height:1.04;letter-spacing:-.022em;max-inline-size:none;text-wrap:balance}
@media (min-width:900px){
  .el-showroom.el-showroom .el-showroom__wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
}
.el-showroom.el-showroom .el-showroom__frame img{object-fit:contain;object-position:center}

/* Anchor offset under the fixed header */
.el-showroom,.el-details,.el-categories,
.el-showroom .el-showroom__h1,.el-details .el-details__h2,.el-details [id]{scroll-margin-top:var(--el-header-offset,6.5rem)}

/* Homepage categories: 2 large + 3 equal tiles */
.el-categories.el-categories .rl-cats{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
.el-categories.el-categories .rl-cats>:nth-child(1){grid-column:span 7}
.el-categories.el-categories .rl-cats>:nth-child(2){grid-column:span 5}
.el-categories.el-categories .rl-cats>:nth-child(n+3){grid-column:span 4}
@media (max-width:600px){
  .el-categories.el-categories .rl-cats>*{grid-column:1 / -1}
}

/* Generated 3:2 category images fully visible, no crop, no zoom */
.el-categories.el-categories .rl-cats img{display:block;inline-size:100%;block-size:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;background:#FFFFFF;transform:none}
.el-categories.el-categories .rl-cats :is(a,figure,div,li):is(:hover,:focus-within) img{transform:none;scale:none}
.el-categories.el-categories .rl-cats :is(figure,picture):has(> img){overflow:visible;block-size:auto;background:#FFFFFF}

@media (prefers-reduced-motion:reduce){
  .el-categories.el-categories .rl-cats img{transition:none}
}

.el-categories.el-categories .rl-cat__img{aspect-ratio:3/2;background:#fff}
.el-showroom + .rl-dest{margin-block-start:0}