.creator-section{background:linear-gradient(180deg,#fff,#fbfcff 68%,#fff);padding-top:115px;padding-bottom:105px;scroll-margin-top:65px}
.creator-intro{max-width:1190px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(42px,6vw,88px);align-items:center;scroll-margin-top:18px}
.creator-portrait{margin:0;position:relative;padding:10px;border-radius:30px;background:linear-gradient(145deg,#ebeff5,#fff 46%,#dae5f6);box-shadow:0 25px 60px -30px #364d7038;border:1px solid #edf0f5}
.creator-portrait img{width:100%;height:auto;border-radius:22px}
.creator-profile{min-width:0}.creator-profile .eyebrow{font-size:14px;letter-spacing:.1em;color:#5775a3;margin:0 0 18px}
.creator-profile h2{font-size:clamp(46px,5.3vw,74px);letter-spacing:-.07em;display:flex;align-items:baseline;gap:25px}
.creator-profile h2 span{font-size:17px;letter-spacing:.1em;font-weight:500;white-space:nowrap;color:#6a7280}
.creator-profile .creator-role{font-size:14px;color:#697789;margin:21px 0 0}
.creator-profile h3{font-size:clamp(22px,2.25vw,32px);line-height:1.6;letter-spacing:-.045em;font-weight:650;margin:28px 0 24px}
.creator-profile>p:not(.eyebrow):not(.creator-role){font-size:14px;line-height:2.05;color:#656d79;margin:14px 0}
.creator-source{display:inline-block;margin-top:12px;color:#176aca;font-size:14px;line-height:1.8;padding:6px 0}
.creator-events{max-width:1440px;margin:90px auto 0}.creator-events-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.creator-events-head .eyebrow{font-size:14px;letter-spacing:.13em;margin-bottom:12px;color:#7c899d}.creator-events-head h3{font-size:34px;font-weight:700;letter-spacing:-.05em;margin:0;line-height:1.4}.creator-events-head>p{color:#747d8c;font-size:14px;line-height:1.9;margin:0}
.creator-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.creator-event{min-width:0;border:1px solid #e9edf3;border-radius:20px;overflow:hidden;background:white;box-shadow:0 12px 35px #31456007;display:flex;flex-direction:column}
.seminar-banner{border:0;background:#f2f5f9;width:100%;padding:0;cursor:zoom-in;display:block;overflow:hidden}.seminar-banner img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;transition:opacity .2s}.seminar-banner:hover img{opacity:.88}.seminar-banner:focus-visible{outline-offset:-5px}
.seminar-copy{padding:22px 22px 23px;display:flex;flex-direction:column;flex:1}.seminar-copy time{font-size:14px;font-variant-numeric:tabular-nums;color:#7c899c;letter-spacing:.08em}.seminar-copy .seminar-host{font-size:14px;line-height:1.7;color:#768398;min-height:3.4em;margin:11px 0 8px}.seminar-copy h4{font-size:18px;line-height:1.6;letter-spacing:-.035em;min-height:3.2em;margin:0;font-weight:650}.seminar-copy>p:not(.seminar-host){font-size:14px;line-height:1.9;color:#717a88;margin:13px 0 22px}.seminar-copy a{font-size:14px;color:#176aca;line-height:1.7;margin-top:auto;align-self:start}.seminar-archive-note{text-align:right;color:#8a919b;font-size:14px;margin:19px 0 0;line-height:1.8}
#seminar-dialog{position:fixed;inset:0;width:calc(100% - 48px);max-width:1400px;max-height:92vh;margin:auto;padding:0;border:0;border-radius:23px;background:#fff;box-shadow:0 20px 100px #0003;color:#222;overflow:auto}
#seminar-dialog::backdrop{background:#131c2dcc;backdrop-filter:blur(10px)}.seminar-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 25px}.seminar-dialog-head p{font-size:14px;color:#7e8a9b;letter-spacing:.06em;margin:0 0 5px}.seminar-dialog-head h2{font-size:18px;line-height:1.5;letter-spacing:-.025em}.seminar-close{flex:0 0 36px;height:36px;border:0;border-radius:50%;background:#f0f2f5;font-size:25px;color:#4b5564;font-weight:400}.seminar-dialog-head .seminar-close:focus-visible{outline-offset:3px}
#seminar-dialog-image{display:block;width:100%;max-height:calc(92vh - 155px);object-fit:contain;background:#f2f5f9}.seminar-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 25px;font-size:14px;color:#6c7889}.seminar-dialog-foot a{color:#176aca;white-space:nowrap}
@media(max-width:1050px){.creator-intro{gap:40px;grid-template-columns:.88fr 1.12fr}.creator-profile h2{font-size:53px;gap:18px}.creator-profile h2 span{font-size:15px}.creator-profile h3{font-size:25px;margin:20px 0 17px}.creator-profile>p:not(.eyebrow):not(.creator-role){font-size:14px}.creator-profile .creator-role{font-size:14px}.creator-event-grid{gap:16px}.seminar-copy{padding:19px 17px}.seminar-copy h4{font-size:16px}.seminar-copy>p:not(.seminar-host){font-size:14px}.creator-portrait{padding:8px;border-radius:25px}.creator-portrait img{border-radius:18px}}
@media(max-width:700px){.creator-section{padding-top:72px;padding-bottom:72px}.creator-intro{grid-template-columns:1fr;gap:35px;max-width:470px}.creator-portrait{width:100%;max-width:320px;margin:0 auto;padding:8px}.creator-profile .eyebrow{font-size:14px;margin-bottom:15px}.creator-profile h2{font-size:55px;gap:24px}.creator-profile h2 span{font-size:15px}.creator-profile .creator-role{font-size:14px;line-height:1.8;margin-top:15px}.creator-profile h3{font-size:24px;margin:26px 0 20px}.creator-profile>p:not(.eyebrow):not(.creator-role){font-size:14px;line-height:2}.creator-source{font-size:14px;margin-top:10px}.creator-events{margin-top:58px}.creator-events-head{display:block;margin-bottom:25px}.creator-events-head h3{font-size:29px}.creator-events-head>p{font-size:14px;margin-top:15px}.creator-events-head>p br{display:none}.creator-event-grid{grid-template-columns:1fr;gap:25px}.seminar-copy{padding:22px}.seminar-copy .seminar-host{min-height:0;font-size:14px;margin:12px 0}.seminar-copy h4{min-height:0;font-size:20px}.seminar-copy>p:not(.seminar-host){font-size:14px;margin-bottom:24px}.seminar-copy a{font-size:14px}.seminar-archive-note{text-align:left;font-size:14px}.creator-event{border-radius:18px}
#seminar-dialog{width:calc(100% - 16px);border-radius:16px}.seminar-dialog-head{padding:17px 16px;gap:16px}.seminar-dialog-head h2{font-size:15px}.seminar-close{flex-basis:32px;height:32px;font-size:22px}.seminar-dialog-foot{font-size:14px;padding:16px;gap:12px}.seminar-dialog-foot a{font-size:14px}#seminar-dialog-image{max-height:calc(92vh - 165px)}}
@media(prefers-reduced-motion:reduce){.seminar-banner img{transition:none}}
@media(max-width:700px){.creator-profile h3{font-size:clamp(20px,5.5vw,24px)}}

@media(max-width:700px){.seminar-dialog-foot{flex-wrap:wrap}.seminar-dialog-foot>span{flex-basis:100%}}
