.detail-main{background:#f7f8fa}
.detail-main .uc-page-title{background:#fff}
.detail-hero{display:grid;min-height:700px;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:32px 64px;background:var(--color-primary);color:#fff}
.detail-hero__copy{display:flex;flex-direction:column;gap:24px}
.detail-hero__copy>b{min-width:240px;padding:8px 0;border-bottom:1px solid #fff;font-size:24px}
.detail-hero__copy :is(h1,h2){font-size:48px;line-height:1.3;font-feature-settings:"palt"}
.detail-hero__copy>p{font-size:16px;line-height:2;letter-spacing:.04em;opacity:.9}
.detail-tags{display:flex;flex-wrap:wrap;gap:8px}
.detail-tags span{padding:4px 8px;background:#f7f8fa;color:#454643;font-size:14px}
.detail-hero__image{height:635px}
.detail-hero__image img{width:100%;height:100%;object-fit:contain}
.detail-features,.detail-spec,.detail-gallery,.detail-works{padding:80px 64px}
.detail-features{background:#fff}




.section-title+p,.detail-faq>div>p{margin-top:16px;color:#454643;font-size:16px;line-height:2;letter-spacing:.04em}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}
.feature-grid article{position:relative;min-height:161px;padding:24px;background:#f7f8fa}
.feature-grid strong{position:absolute;top:-42px;color:var(--color-primary);font:700 80px/1 'Josefin Sans',sans-serif;opacity:.22}
.feature-grid h3{position:relative;margin-top:8px;font-size:20px;line-height:1.55}
.feature-grid p{position:relative;margin-top:8px;color:#68717a;font-size:16px;line-height:2}
.detail-spec{background:#fff}
.detail-spec>.section-title+p{max-width:576px}
.spec-layout{display:grid;grid-template-columns:1fr .82fr;gap:32px;margin-top:32px;align-items:start}
.spec-layout table{width:100%;border-collapse:collapse;background:#fff;font-size:15px;line-height:2}
.spec-layout th,.spec-layout td{padding:15px 16px;border:1px solid #d9dde2;text-align:left}
.spec-layout th{width:27%;background:#eaf4fa;font-weight:700}
.spec-layout aside{padding:28px;background:var(--color-primary);color:#fff}
.spec-layout aside h3{font-size:20px;line-height:1.55}
.spec-layout aside p{margin-top:12px;font-size:15px;line-height:2}
.spec-layout aside ul{margin:12px 0 0 1.2em;font-size:15px;line-height:2}
.detail-gallery{background:#eaf4fa}
.detail-gallery__viewport{position:relative;margin-top:40px}
.detail-gallery__track{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.detail-gallery__track::-webkit-scrollbar{display:none}
.detail-gallery figure{flex:0 0 calc((100% - 96px)/4);min-width:0;margin:0;background:#fff;scroll-snap-align:start}
.detail-gallery figure img{display:block;width:100%;height:220px;object-fit:cover}
.detail-gallery figcaption{overflow:hidden;padding:12px 16px;color:#454643;font-size:14px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis}


.detail-works{background:#f4f6f8}
.detail-works__carousel{position:relative}
.detail-works__track{display:flex;gap:4px;margin-top:40px;overflow-x:auto;padding:24px 0;scrollbar-width:none}
.detail-works__track::-webkit-scrollbar{display:none}
.detail-works__track .work-card{flex:0 0 424px;width:424px;height:424px;padding-bottom:0}
.detail-works__track .work-card>img{width:100%;height:100%;object-fit:cover}


.detail-faq{display:grid;grid-template-columns:576px 1fr;gap:32px;padding:120px 64px 80px;background:#eaf4fa}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-list details{padding:20px 24px;border-radius:8px;background:#fff}
.faq-list summary{display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{padding:4px 8px;border-radius:4px;background:#68717a;color:#fff;font-size:12px}
.faq-list summary b{flex:1;font-size:16px;line-height:2;letter-spacing:.04em}
.faq-list summary::after{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#f1f3f5;content:"+"}
.faq-list details[open] summary span{background:var(--color-primary)}
.faq-list details[open] summary::after{background:#eaf4fa;content:"−"}
.faq-list details>p{margin-top:16px;padding:12px 8px 0;border-top:1px solid #d9dde2;font-size:16px;line-height:2;letter-spacing:.04em}
.detail-category-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:80px;background:#fff}
.detail-category-links a{display:flex;flex-direction:column;gap:8px;padding:24px;background:#f7f8fa;transition:background .3s ease,transform .3s var(--ease-premium)}
.detail-category-links a:hover,.detail-category-links a:focus-visible{background:#eaf4fa;transform:translateY(-3px)}
.detail-category-links b{font-size:16px}.detail-category-links small{color:#68717a;font-size:12px}
@media(max-width:1599px){.detail-hero{min-height:600px}.detail-hero__image{height:auto;aspect-ratio:879/635}.detail-hero__copy :is(h1,h2){font-size:40px}}
@media(max-width:1199px){.detail-hero{min-height:520px;padding:32px 40px}.detail-hero__copy :is(h1,h2){font-size:34px}.detail-features,.detail-spec,.detail-gallery,.detail-works{padding:72px 40px}.feature-grid{gap:20px}.spec-layout{grid-template-columns:1fr}.detail-gallery figure{flex-basis:calc((100% - 40px)/3)}.detail-faq{grid-template-columns:1fr;padding:80px 40px}.detail-category-links{grid-template-columns:repeat(2,1fr);padding:64px 40px}}
@media(max-width:767px){.detail-hero{display:flex;min-height:0;flex-direction:column-reverse;padding:40px 20px}.detail-hero__image{width:100%}.detail-hero__copy{gap:18px}.detail-hero__copy>b{font-size:16px}.detail-hero__copy :is(h1,h2){font-size:28px}.detail-hero__copy>p{font-size:14px}.detail-features,.detail-spec,.detail-gallery,.detail-works{padding:56px 20px}.section-title+p,.detail-faq>div>p{font-size:14px}.feature-grid{grid-template-columns:1fr;gap:48px;margin-top:64px}.feature-grid p{font-size:14px}.spec-layout table{font-size:13px}.spec-layout th{width:34%}.spec-layout th,.spec-layout td{padding:12px}.detail-gallery__track{gap:20px}.detail-gallery figure{flex-basis:82vw;min-width:82vw}.detail-gallery figure img{height:auto;aspect-ratio:424/220}.detail-gallery figcaption{padding:10px 12px}.detail-works__track .work-card{flex-basis:82vw;width:82vw;height:82vw}.detail-faq{padding:56px 20px}.faq-list details{padding:16px}.faq-list summary{gap:10px}.faq-list summary b{font-size:14px;line-height:1.6}.faq-list details>p{font-size:14px}.detail-category-links{grid-template-columns:1fr;padding:48px 20px}.detail-category-links a{padding:20px}}

/* Product detail pages built from the product information sheet */
.detail-hero__catch{font-size:24px;font-weight:700;line-height:1.6;opacity:1}
.detail-hero--product .detail-hero__copy :is(h1,h2){font-size:40px}
.detail-intro,.detail-scenes,.detail-video{padding:80px 64px}
.detail-intro{background:#f7f8fa}
.detail-intro__body{display:flex;max-width:960px;flex-direction:column;gap:16px;margin-top:32px}
.detail-intro__body p{color:#454643;font-size:16px;line-height:2;letter-spacing:.04em}
.feature-grid--4{grid-template-columns:repeat(2,1fr);gap:64px 32px;margin-top:64px}
.feature-grid--4 article{min-height:0}
.detail-scenes{background:#f7f8fa}
.scene-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.scene-cards a{display:block;color:#2f3338}
.scene-cards img{display:block;width:100%;aspect-ratio:3/2;border-radius:6px;object-fit:cover;transition:transform .5s var(--ease-premium),filter .5s ease}
.scene-cards a>span{display:block;overflow:hidden;border-radius:6px}
.scene-cards h3{margin-top:14px;font-size:18px;line-height:1.5;transition:color .3s ease}
.scene-cards a:hover img,.scene-cards a:focus-visible img{filter:saturate(1.08);transform:scale(1.05)}
.scene-cards a:hover h3,.scene-cards a:focus-visible h3{color:var(--color-primary)}
.spec-layout--single{grid-template-columns:minmax(0,1fr)}
.spec-table-wrap{overflow-x:auto}
.spec-layout thead th{width:auto;background:var(--color-primary);color:#fff}
.spec-table--multi{min-width:760px}
.spec-table--multi tbody th{width:18%}
.spec-note{margin-top:16px;color:#68717a;font-size:14px;line-height:1.8}
.detail-video{background:#f7f8fa}
.detail-video__frame{position:relative;max-width:960px;margin-top:32px;aspect-ratio:16/9;background:#000}
.detail-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.detail-video__link{display:inline-block;margin-top:16px;color:var(--color-primary);font-size:15px;font-weight:700}
.detail-video__link--card{display:flex;max-width:960px;flex-direction:column;gap:8px;margin-top:32px;padding:32px;background:#fff;color:#2f3338;transition:background .3s ease,transform .3s var(--ease-premium)}
.detail-video__link--card:hover,.detail-video__link--card:focus-visible{background:#eaf4fa;transform:translateY(-2px)}
.detail-video__link--card b{font-size:20px}
.detail-video__link--card span{color:var(--color-primary);font-size:15px}
@media(max-width:1599px){.detail-hero--product .detail-hero__copy :is(h1,h2){font-size:34px}}
@media(max-width:1199px){.detail-intro,.detail-scenes,.detail-video{padding:72px 40px}.feature-grid--4{gap:56px 20px}}
@media(max-width:767px){.detail-hero__catch{font-size:18px}.detail-hero--product .detail-hero__copy :is(h1,h2){font-size:24px}.detail-intro,.detail-scenes,.detail-video{padding:56px 20px}.detail-intro__body p{font-size:14px}.feature-grid--4{grid-template-columns:1fr;gap:48px;margin-top:64px}.scene-cards{grid-template-columns:1fr;gap:28px;margin-top:32px}.scene-cards h3{font-size:16px}.spec-table--multi{min-width:640px}.detail-video__link--card{padding:24px}}
.scene-cards img{height:auto}