
/* v10 — changes requested after v9. No global type, color or layout reset. */
[data-page="ir-database"] > .site-header .brand-irdb{width:200px;max-height:52px}

/* Creative-page pain points. Drawings reuse the IR Database visual language. */
[data-page="creative"] .creative-problems-v10{gap:24px;margin-top:34px}
[data-page="creative"] .creative-problem-v10{background:#f8fafc;border:1px solid #dde5ee;border-radius:8px;padding:22px 22px 27px;min-width:0}
[data-page="creative"] .creative-pain-art-v10{height:156px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:17px}
[data-page="creative"] .creative-pain-art-v10 svg{height:100%;width:100%;max-width:280px}
[data-page="creative"] .creative-pain-art-v10 text{fill:#879bb0;font-family:var(--font)}
[data-page="creative"] .creative-problem-v10 p{border:0;padding:0;min-height:50px;font-size:14px;font-weight:600;line-height:1.9!important;color:#4c6480}

/* The event hero keeps its original copy, typography and two-column structure. */
[data-page="events"] .event-hero-v10{height:440px;min-width:0;margin:0 0 0 14px;transform:none;display:flex;flex-direction:column;justify-content:center;padding:14px 0 30px}
[data-page="events"] .event-hero-v10:before{inset:17px -24px 50px 30px;transform:rotate(-6deg);border-radius:16px;background:#dce7f1}
[data-page="events"] .event-venue-v10{position:relative;z-index:1;margin:0;border:1px solid #cad7e6;box-shadow:0 18px 40px -19px #19324f55;border-radius:10px;overflow:hidden;background:#18324d;width:100%;aspect-ratio:1.62}
[data-page="events"] .event-venue-photo-v10{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8)}
[data-page="events"] .event-venue-v10 figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:end;gap:15px;padding:40px 18px 14px;background:linear-gradient(0deg,#10283de8,#10283d00);color:#e4ecf5;font-size:9px;letter-spacing:.06em}
[data-page="events"] .event-venue-v10 figcaption>span{font:600 9px/1.7 Arial,sans-serif;letter-spacing:.12em}
[data-page="events"] .event-venue-v10 figcaption>small{font-size:8px;letter-spacing:.03em;white-space:nowrap;color:#cedbea}
[data-page="events"] .event-production-v10{display:flex;align-items:center;gap:12px;position:relative;z-index:2;margin:-10px 26px 0 auto;background:#fff;border:1px solid #d9e3ed;border-radius:7px;padding:15px 20px;box-shadow:0 10px 24px #1834520c;width:max-content;max-width:96%}
[data-page="events"] .event-production-icon-v10{width:35px;height:35px;display:grid;place-items:center;background:#eaf1f7;color:#476987;border-radius:6px}
[data-page="events"] .event-production-v10 small{display:block;color:#879ab0;font-size:9px;line-height:1.7;letter-spacing:.08em}
[data-page="events"] .event-production-v10 b{display:block;color:#395774;font-size:12px;line-height:1.7}
[data-page="events"] .event-hero-v10 .event-output-note{position:relative;top:auto;left:auto;bottom:auto;right:auto;transform:none;width:100%;margin:16px 0 0;display:flex;justify-content:center;gap:16px;z-index:2}
[data-page="events"] .event-hero-v10 .event-output-note span{font-size:10px;white-space:nowrap}

/* Explicit Before → On the day → After process. */
[data-page="events"] .event-process-v10{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:stretch}
[data-page="events"] .event-phase-v10{position:relative;min-width:0;border:1px solid #dce5ee;border-radius:10px;background:#fff;overflow:visible;padding:27px 25px 25px}
[data-page="events"] .event-phase-v10:not(:last-child):after{content:'→';position:absolute;right:-26px;top:48%;color:#95abc0;font-size:21px;width:22px;text-align:center}
[data-page="events"] .event-phase-v10>header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #e0e7ef;padding-bottom:20px;min-height:75px}
[data-page="events"] .phase-number-v10{font:400 36px/1.2 Arial,sans-serif;letter-spacing:-.03em;color:#7c9bb8}
[data-page="events"] .event-phase-v10>header p{font:600 10px/1.7 Arial,sans-serif;color:#7993af;letter-spacing:.1em}
[data-page="events"] .event-phase-v10>header h3{font-size:22px;line-height:1.5;color:#385571;letter-spacing:.03em;margin:2px 0 0}
[data-page="events"] .phase-lead-v10{color:#72879e;font-size:11px;line-height:1.9;padding:17px 0 20px;margin:0;min-height:76px}
[data-page="events"] .phase-tasks-v10{display:flex;flex-direction:column;gap:21px}
[data-page="events"] .phase-task-v10{display:flex;align-items:flex-start;gap:12px;min-width:0}
[data-page="events"] .phase-task-icon-v10{color:#527595;background:#eef3f8;border:1px solid #dce6ef;border-radius:7px;display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px}
[data-page="events"] .phase-task-icon-v10 .icon{width:20px;height:20px}
[data-page="events"] .phase-task-v10 h3{font-size:16px;color:#395773;margin:3px 0 7px;line-height:1.6}
[data-page="events"] .phase-task-v10 p{font-size:11px;color:#788a9f;line-height:1.95;margin:0}
[data-page="events"] .phase-02-v10{background:linear-gradient(140deg,#f5f8fc,#fff)}
[data-page="events"] .event-day-steps-v10{margin:1px 0 0 48px;border-left:1px solid #ccdae7;padding-left:16px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#7a91aa;font-size:10px}
[data-page="events"] .event-day-steps-v10 i{font-style:normal;transform:rotate(90deg);font-size:12px;margin-left:5px;color:#a0b3c8}
[data-page="events"] .same-day-v10{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 7px;border:1px solid #d6e2ed;border-radius:4px;background:#f0f5fa;color:#526e8b;line-height:1.7;font-size:10px;margin-top:-2px}
[data-page="events"] .same-day-v10 .icon{width:15px;height:15px}
[data-page="events"] .event-survey-v10{font-size:10px;line-height:1.8;color:#8b9aac;margin-top:-12px}
[data-page="events"] .event-faq-v10{background:#fafbfe;margin:0;padding:76px 0 92px}
[data-page="events"] .event-faq-v10 .faq-item>summary>h3{font-size:13px;line-height:1.9}
[data-page="events"] .event-faq-v10 .faq-answer>p{font-size:12px}

/* About profile: a broader, quieter editorial card with the supplied photo. */
[data-page="about"] .about-message-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:64px;align-items:start}
[data-page="about"] .about-ceo-card.ceo-card-v10{background:#fff;border:1px solid #d9e3ed;box-shadow:0 16px 35px -26px #26466042;border-radius:10px;padding:0;overflow:hidden;max-width:none}
[data-page="about"] .ceo-portrait-v10{aspect-ratio:1.5;margin:0;background:#eef2f5;position:relative;overflow:hidden}
[data-page="about"] .ceo-portrait-v10 img{height:100%;width:100%;object-fit:cover;object-position:center 44%;display:block}
[data-page="about"] .ceo-profile-v10{padding:28px 30px 29px}
[data-page="about"] .ceo-profile-head-v10{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
[data-page="about"] .ceo-card-v10 .ceo-role{color:#7c90a5;font-size:10px;letter-spacing:.09em;margin-bottom:7px}
[data-page="about"] .ceo-card-v10 h3{font-weight:500;font-size:29px;line-height:1.5;letter-spacing:.12em;color:#294761}
[data-page="about"] .ceo-card-v10 .ceo-english{font-size:9px;line-height:1.7;letter-spacing:.14em;color:#90a0b3;padding-bottom:7px;white-space:nowrap}
[data-page="about"] .ceo-card-v10 .ceo-divider{width:100%;height:1px;background:#e0e7ef;margin:23px 0 19px}
[data-page="about"] .ceo-card-v10 p{font-size:12px;line-height:2.1;color:#6f8195;margin:0}
[data-page="about"] .ceo-card-v10 details{border-color:#e0e7ef;padding-top:15px;margin-top:19px}
[data-page="about"] .ceo-card-v10 summary{font-size:11px;color:#647d96}
[data-page="about"] .ceo-card-v10 details p{font-size:11px;line-height:1.95;margin-top:12px}

/* Only the existing thumbnail slot is changed; card text, filters, dates and grid remain. */
[data-page="columns"] .source-thumbnail-v10,[data-page="seminars"] .source-thumbnail-v10{padding:0!important;display:block;overflow:hidden;background:#eaf1f7;position:relative}
[data-page="columns"] .source-thumbnail-v10{height:auto;aspect-ratio:16/9}
[data-page="seminars"] .seminar-art.source-thumbnail-v10{height:auto;aspect-ratio:16/9}
.source-thumbnail-v10>.thumbnail-fallback-v10,.source-thumbnail-v10>.thumbnail-original-v10{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0;margin:0;background:#f4f7fa}
.source-thumbnail-v10>.thumbnail-original-v10{z-index:2;opacity:0;transition:opacity .15s}
.source-thumbnail-v10.source-loaded-v10>.thumbnail-original-v10{opacity:1}

@media(max-width:1240px){
 [data-page="ir-database"] > .site-header .brand-irdb{width:185px;max-height:49px}
 [data-page="events"] .event-hero-v10{height:390px;margin-left:6px}
 [data-page="events"] .event-phase-v10{padding:24px 19px}
 [data-page="events"] .event-process-v10{gap:24px}
 [data-page="events"] .event-phase-v10:not(:last-child):after{right:-22px;width:20px;font-size:18px}
 [data-page="about"] .about-message-layout{gap:42px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
 [data-page="about"] .ceo-profile-v10{padding:25px}
}
@media(max-width:980px){
 [data-page="events"] .event-hero-v10{height:340px}
 [data-page="events"] .event-production-v10{padding:11px 14px;margin-right:14px}
 [data-page="events"] .event-production-v10 b{font-size:10px}
 [data-page="events"] .phase-task-v10{gap:8px}
 [data-page="events"] .phase-task-icon-v10{width:29px;height:29px;flex-basis:29px}
 [data-page="events"] .phase-task-v10 h3{font-size:14px}
 [data-page="events"] .event-phase-v10{padding:22px 16px}
 [data-page="events"] .phase-task-v10 p{font-size:10px}
 [data-page="about"] .about-message-layout{gap:30px}
 [data-page="about"] .ceo-profile-head-v10{display:block}
 [data-page="about"] .ceo-card-v10 .ceo-english{padding:5px 0 0}
}
@media(max-width:760px){
 [data-page="ir-database"] > .site-header .brand-irdb{width:178px;max-height:48px}
 [data-page="creative"] .creative-problems-v10{grid-template-columns:1fr;gap:16px}
 [data-page="creative"] .creative-problem-v10{display:grid;grid-template-columns:43% 1fr;align-items:center;gap:12px;padding:14px}
 [data-page="creative"] .creative-pain-art-v10{height:115px;margin:0}
 [data-page="creative"] .creative-problem-v10 p{font-size:11px;text-align:left;justify-content:flex-start;min-height:0}
 [data-page="events"] .event-hero-v10{height:auto;width:100%;max-width:560px;margin:26px auto 0;padding:0 0 6px}
 [data-page="events"] .event-hero-v10:before{inset:5px -8px 58px 16px;border-radius:13px;transform:rotate(-4deg)}
 [data-page="events"] .event-production-v10{margin-top:-5px;margin-right:12px}
 [data-page="events"] .event-hero-v10 .event-output-note{gap:12px;margin-top:13px}
 [data-page="events"] .event-hero-v10 .event-output-note span{font-size:9px}
 [data-page="events"] .event-process-v10{grid-template-columns:1fr;gap:32px}
 [data-page="events"] .event-phase-v10{padding:24px}
 [data-page="events"] .event-phase-v10:not(:last-child):after{top:auto;bottom:-30px;left:calc(50% - 10px);right:auto;transform:rotate(90deg);font-size:20px;line-height:28px}
 [data-page="events"] .event-phase-v10>header{padding-bottom:17px;min-height:65px}
 [data-page="events"] .event-phase-v10>header h3{font-size:21px}
 [data-page="events"] .phase-lead-v10{min-height:0;padding:15px 0 20px;font-size:11px}
 [data-page="events"] .phase-task-icon-v10{width:35px;height:35px;flex-basis:35px}
 [data-page="events"] .phase-task-v10{gap:12px}
 [data-page="events"] .phase-task-v10 h3{font-size:15px}
 [data-page="events"] .phase-task-v10 p{font-size:12px;line-height:1.95}
 [data-page="events"] .event-day-steps-v10{margin-left:47px;font-size:11px}
 [data-page="events"] .event-faq-v10{padding:54px 0 62px}
 [data-page="events"] .event-faq-v10 .faq-item>summary>h3{font-size:12px}
 [data-page="events"] .event-faq-v10 .faq-answer>p{font-size:11px}
 [data-page="about"] .about-message-layout{grid-template-columns:1fr;gap:30px}
 [data-page="about"] .about-ceo-card.ceo-card-v10{max-width:520px;margin:0 auto;width:100%}
 [data-page="about"] .ceo-portrait-v10{aspect-ratio:1.4;margin:0}
 [data-page="about"] .ceo-profile-v10{padding:25px}
 [data-page="about"] .ceo-profile-head-v10{display:flex}
 [data-page="about"] .ceo-card-v10 h3{font-size:27px}
 [data-page="about"] .ceo-card-v10 .ceo-english{font-size:8px;padding-bottom:7px}
}
@media(max-width:420px){
 [data-page="ir-database"] > .site-header .brand-irdb{width:151px;max-height:44px}
 [data-page="creative"] .creative-problem-v10{grid-template-columns:1fr;padding:19px 17px 22px;gap:8px}
 [data-page="creative"] .creative-pain-art-v10{height:140px}
 [data-page="creative"] .creative-problem-v10 p{font-size:13px;text-align:center;justify-content:center}
 [data-page="about"] .ceo-profile-head-v10{display:block}
 [data-page="about"] .ceo-card-v10 .ceo-english{padding-top:7px}
}
@media(prefers-reduced-motion:reduce){.source-thumbnail-v10>.thumbnail-original-v10{transition:none}}
/* Balance the existing representative section; message wording is unchanged. */
@media(min-width:761px){
 [data-page="about"] .about-message>.container{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:64px;align-items:start}
 [data-page="about"] .about-message-top{display:block;grid-column:1;grid-row:1;margin:0;padding-bottom:29px}
 [data-page="about"] .about-message-top h2{margin-top:25px;font-size:29px;line-height:1.85}
 [data-page="about"] .about-message-layout{display:contents}
 [data-page="about"] .about-message-body{grid-column:1;grid-row:2}
 [data-page="about"] .ceo-card-v10{grid-column:2;grid-row:1/span 2;margin:0}
}
@media(min-width:761px) and (max-width:1240px){
 [data-page="about"] .about-message>.container{column-gap:40px}
 [data-page="about"] .about-message-top h2{font-size:25px}
}
@media(max-width:760px){[data-page="about"] .about-message-top{margin-bottom:30px}}
[data-page="seminars"] .upcoming-visual.source-thumbnail-v10:before,
[data-page="seminars"] .upcoming-visual.source-thumbnail-v10:after{display:none}
[data-page="seminars"] .upcoming-visual.source-thumbnail-v10{min-height:290px;background:#e9f0f6}
[data-page="seminars"] .upcoming-visual.source-thumbnail-v10 img{object-fit:contain;max-width:none;width:100%;height:100%;position:absolute;inset:0;z-index:1}
[data-page="seminars"] .upcoming-visual.source-thumbnail-v10 .thumbnail-original-v10{z-index:2}
@media(max-width:760px){[data-page="seminars"] .upcoming-visual.source-thumbnail-v10{min-height:0;aspect-ratio:16/9}}

