/* Approved About secondary pages: isolated from product and previous About work. */
.about-secondary { background:#fffcfd; color:#292426; }
.about-secondary .shell { width:min(1120px,calc(100% - 48px)); margin-inline:auto; }
.about-secondary h1,.about-secondary h2,.about-secondary h3 { letter-spacing:-.025em; }
.about-secondary .secondary-hero { min-height:300px; display:grid; place-items:center; padding:70px 24px; background:linear-gradient(#682f4273,#682f4273),var(--hero-image) center/cover; }
.about-secondary .secondary-hero h1 { color:#fff; font-size:clamp(32px,4.2vw,58px); text-align:center; margin:0; }
.about-secondary .secondary-section { padding-top:64px; padding-bottom:64px; }
.about-secondary h2 { font-size:32px; color:#8a3744; margin:0 0 36px; }
.about-secondary .photo-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.about-secondary figure { margin:0; min-width:0; }
.about-secondary figure img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:5px; }
.about-secondary figure a { display:block; }
.about-secondary figcaption { font-size:18px; font-weight:650; padding:12px 0 22px; }
.about-secondary .factory-gallery .photo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.about-secondary .secondary-contact { padding-bottom:64px; }
.about-secondary .event-track { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
.about-secondary .event-card { background:#8a3744; color:white; padding:28px; border-radius:10px; min-width:0; }
.about-secondary .event-meta { display:flex; gap:18px; justify-content:space-between; align-items:center; font-size:14px; }
.about-secondary .event-meta span { background:#ffffff30; border-radius:30px; padding:7px 15px; }
.about-secondary .event-card h3 { color:white; font-size:26px; border-bottom:2px solid #ffffff30; padding-bottom:7px; margin:25px 0 8px; }
.about-secondary .event-card p { color:white; font-size:14px; }
.about-secondary .event-more { display:inline-block; background:white; color:#8a3744; border-radius:7px; padding:7px 15px; font-weight:700; margin-top:14px; }
.about-secondary .event-controls,.about-secondary .gallery-controls { display:flex; justify-content:center; gap:12px; align-items:center; margin-top:26px; }
.about-secondary button { cursor:pointer; }
.about-secondary .event-controls button,.about-secondary .gallery-controls button { border:1px solid #8a37444d; background:white; color:#8a3744; min-width:36px; min-height:36px; border-radius:3px; }
.about-secondary .gallery-controls button[aria-current="page"] { background:#8a3744; color:white; }
.about-secondary .past-section { border-top:22px solid #8a3744; padding:64px 0; }
.about-secondary .past-group { margin-bottom:54px; }
@media(min-width:601px) { .about-secondary .past-group .photo-grid { grid-auto-flow:column; grid-template-rows:repeat(2,auto); } }
.about-secondary .past-group h3 { font-size:20px; margin-bottom:24px; padding-bottom:10px; border-bottom:2px solid #8a374430; }
.about-secondary .customer-photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.about-secondary .customer-photo-card { display:block; border:1px solid #eee2e4; border-radius:8px; overflow:hidden; transition:box-shadow .2s; }
.about-secondary .customer-photo-card img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; transition:transform .2s; }
.about-secondary .customer-photo-card h2 { color:#292426; font-size:22px; padding:20px; margin:0; display:flex; justify-content:space-between; }
.about-secondary .customer-photo-card:hover,.about-secondary .customer-photo-card:focus-visible { box-shadow:0 8px 22px #52273020; }
.about-secondary .customer-photo-card:hover img { transform:scale(1.025); }
.about-secondary .case-action { padding:0 20px 18px; margin:0; font-size:14px; color:#8a3744; }
.about-secondary .inquiry-section { border-top:1px solid #eadde0; }
.about-secondary form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.about-secondary label { display:grid; gap:8px; }
.about-secondary input,.about-secondary textarea { width:100%; border:1px solid #cdb9bf; border-radius:5px; padding:12px; background:white; color:#292426; }
.about-secondary .inquiry-message,.about-secondary .inquiry-note,.about-secondary [data-inquiry-status] { grid-column:1/-1; }
.about-secondary .inquiry-note { font-size:14px; }
.about-secondary .secondary-breadcrumb { padding-top:25px; font-size:13px; }
.about-secondary .secondary-faq { max-width:1000px; }
.about-secondary .secondary-faq h1 { font-size:42px; margin-bottom:36px; }
.about-secondary .secondary-faq details { border:1px solid #dfcbd0; background:#fff; border-radius:8px; margin-bottom:14px; padding:20px 24px; }
.about-secondary summary { cursor:pointer; font-weight:700; }
.about-secondary details p { line-height:1.7; margin:16px 0 0; color:#62595c; }
.about-secondary [hidden] { display:none!important; }
.about-secondary :focus-visible,.photo-dialog :focus-visible { outline:3px solid #b55064; outline-offset:4px; }
.photo-dialog { max-width:min(1100px,94vw); max-height:94vh; padding:16px; border:0; border-radius:9px; }
.photo-dialog::backdrop { background:#1f1319dd; }
.photo-dialog img { display:block; max-height:76vh; max-width:100%; width:auto; margin:auto; }
.photo-dialog button { display:block; margin:0 0 12px auto; padding:8px 16px; cursor:pointer; }
.photo-dialog p { margin:12px 0 0; }
@media(max-width:900px) { .about-secondary .factory-gallery .photo-grid,.about-secondary .customer-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .about-secondary .event-meta { flex-wrap:wrap; } .about-secondary .event-card { padding:22px; } }
@media(max-width:600px) { .about-secondary .secondary-hero { min-height:220px; padding:45px 20px; } .about-secondary .secondary-section { padding-top:38px; padding-bottom:38px; } .about-secondary .photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .about-secondary .factory-gallery .photo-grid,.about-secondary .customer-photo-grid { grid-template-columns:1fr; } .about-secondary .event-track { grid-template-columns:1fr; } .about-secondary form { grid-template-columns:1fr; } .about-secondary .past-section { padding-top:38px; } .about-secondary h2 { font-size:28px; } }
@media(prefers-reduced-motion:reduce) { .about-secondary * { transition:none!important; scroll-behavior:auto!important; } }