/* Group companies: approved film and six-product carousel. */
.group-section:has(.group-showcase){background:#fff;border-block:1px solid var(--line);padding-block:80px 90px;scroll-margin-top:110px}
.group-showcase{--sub:#676c65;min-width:0}
.group-showcase .feature+.feature{margin-top:52px}
.group-showcase .feature>:is(h2,h3){font:400 clamp(24px,2.2vw,30px)/1.6 var(--serif);padding-bottom:16px;border-bottom:1px solid #bfc5bc;margin:0 0 26px}
.group-showcase .feature-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.group-showcase .feature-summary{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:26px}
.group-showcase .logo{display:flex;align-items:center;justify-content:center;background:white;overflow:hidden;width:100%;height:auto;aspect-ratio:16/9;margin:0;min-width:0}
.group-showcase .logo img{width:100%;height:100%;object-fit:contain}
.group-showcase .logo-misaki{background:#000}
.group-showcase .logo-misaki img{width:100%;height:100%;object-fit:contain}
.group-showcase .logo-fabius{background:#fcfbf8;border:1px solid #e8e6df}
.group-showcase .logo-fabius img{width:80%;height:auto;max-height:70%;object-fit:contain}
.group-showcase .feature-summary p{font-size:18px;line-height:1.95;max-width:760px;margin:0}
.group-showcase .visit{flex:none;display:inline-flex;gap:30px;align-items:center;font-size:18px;line-height:1.7;border-bottom:1px solid #9ca592;padding-bottom:6px}
.group-showcase .visit span{font-size:22px;transition:transform .2s}
.group-showcase .visit:hover span{transform:translate(3px,-3px)}
.group-showcase .film{position:relative;width:100%;aspect-ratio:16/9;background:#101313;isolation:isolate;overflow:hidden;color:#fff}
.group-showcase .film video{display:block;width:100%;height:100%;object-fit:contain}
.group-showcase .film::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000a);pointer-events:none;z-index:1}
.group-showcase .film[data-mode="full"]::after{display:none}
.group-showcase .film button{position:absolute;z-index:2;border:1px solid #ffffff80;background:#101313c9;color:#fff;min-height:44px;font-size:16px;line-height:1.4;padding:10px 15px;backdrop-filter:blur(8px);cursor:pointer}
.group-showcase .film-watch{bottom:18px;left:18px;border-radius:24px}
.group-showcase .film-watch span{padding-left:12px;color:#d4d8d5}
.group-showcase .film-toggle,.group-showcase .film-back{top:14px;right:14px;border-radius:24px}
.group-showcase .film button:hover{background:#fff;color:#202520}
.group-showcase .film button:hover span{color:inherit}
.group-showcase button:focus-visible,.group-showcase a:focus-visible,.group-showcase .product-track:focus-visible{outline:2px solid #677850;outline-offset:4px}
.group-showcase .film button:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.group-showcase .film-error{position:absolute;inset:0;z-index:3;display:grid;place-content:center;padding:20px;background:#141916;font-size:16px;gap:12px;text-align:center}
.group-showcase .film-error a{text-decoration:underline}
.group-showcase [hidden]{display:none!important}
.group-showcase .product-carousel{min-width:0;width:100%}
.group-showcase .product-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab}
.group-showcase .product-track::-webkit-scrollbar{display:none}
.group-showcase .product-track.dragging{scroll-snap-type:none;cursor:grabbing}
.group-showcase .product-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always;aspect-ratio:16/9;background:#f6f5f0}
.group-showcase .product-slide img{display:block;width:100%;height:100%;object-fit:cover;user-select:none}
.group-showcase .product-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}
.group-showcase .product-caption{display:flex;flex-wrap:wrap;align-items:center;gap:18px;line-height:1.5}
.group-showcase .product-count{font:16px/1.6 Arial,sans-serif;letter-spacing:.06em;color:#686d64}
.group-showcase .product-name{font:16px/1.5 Arial,sans-serif;letter-spacing:.04em}
.group-showcase .product-arrows{display:flex;gap:8px}
.group-showcase .product-arrows button{width:44px;height:44px;display:grid;place-content:center;border:1px solid #cbd0c7;border-radius:50%;background:white;font:22px Arial,sans-serif;transition:background .2s,color .2s;cursor:pointer}
.group-showcase .product-arrows button:hover:not(:disabled){background:#283126;color:white}
.group-showcase .product-arrows button:disabled{opacity:.28;cursor:default}
.group-showcase .product-dots{display:flex;justify-content:center;gap:0;margin:0}
.group-showcase .product-dot{background:transparent;border:0;padding:0;width:44px;height:44px;display:grid;place-content:center;cursor:pointer}
.group-showcase .product-dot span{display:block;width:5px;height:5px;border-radius:50%;background:#c7cabf;transition:width .25s,background .25s}
.group-showcase .product-dot[aria-current=true] span{width:22px;border-radius:4px;background:#747e66}
@media(max-width:1000px){.group-showcase .feature-body{gap:30px}}
@media(max-width:760px){.group-showcase .feature-summary{display:block;margin-top:22px}.group-showcase .feature-summary .visit{margin-top:20px}.group-section:has(.group-showcase){padding-block:60px}.group-showcase .feature-body{grid-template-columns:1fr;gap:26px}.group-showcase .feature>:is(h2,h3){font-size:24px}.group-showcase .feature-summary p{font-size:17px}.group-showcase .film button{padding:8px 12px}.group-showcase .film-watch{bottom:12px;left:12px}.group-showcase .film-toggle,.group-showcase .film-back{top:10px;right:10px}.group-showcase .product-caption{gap:10px}.group-showcase .product-controls{padding-top:10px}}
@media(max-width:359px){.group-showcase .film-watch span{display:block;padding-left:0}.group-showcase .film-watch{text-align:left}.group-showcase .feature>:is(h2,h3){font-size:22px}}
@media(prefers-reduced-motion:reduce){.group-showcase *{transition:none!important;scroll-behavior:auto!important}}

/* Autoplay can always be paused; allow room for the control on narrow screens. */
.group-showcase .product-controls{flex-wrap:wrap}
.group-showcase .product-arrows{margin-left:auto;align-items:center}
.group-showcase .product-arrows .product-rotation{width:auto;min-width:112px;padding:0 13px;border-radius:22px;font-size:16px;line-height:1.5;font-family:inherit;white-space:nowrap}
.group-showcase .product-rotation{font-size:16px!important;font-family:inherit!important}

.group-showcase .logo-fabius img{max-width:360px}
@media(max-width:760px){.group-showcase .logo-fabius img{max-width:250px}}