
/* Publication-only additions; approved v66 layout is retained. */
img{max-width:100%}.cesur-video{position:relative;width:100%;max-width:100%;min-width:0;min-height:180px;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#102f4c}
.cesur-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cesur-video .video-consent,#archive .cesur-video .video-consent{position:relative;display:block;aspect-ratio:16/9;padding:0;text-align:center;color:#102f4c;background:#f2f6fa}
.cesur-video .video-local-cover{display:block;width:100%;max-width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:#eef3f5}
.cesur-video .video-controls{position:absolute;inset:0;display:grid;place-items:center}.cesur-video .video-consent button{font-size:24px;line-height:1;width:64px;height:44px;padding:0;border:0;border-radius:12px;background:#f03;color:#fff;box-shadow:0 2px 12px #0003}.cesur-video .video-consent button:hover{background:#c00}
#archive .episode-links{display:flex;flex-wrap:wrap;gap:10px}
#archive .episode-links a{display:inline-block;padding:10px 14px;border:1px solid #cad7df;border-radius:5px;font-weight:700}
#archive [data-requested-tv],#archive [data-requested-series]{margin-top:22px}
.episode-series{margin-top:22px}.episode-series .episode-links{margin-top:14px}
#archive .episode-links a[aria-current="true"]{background:#102f4c;color:#fff;text-decoration:none}
.youtube-channel{display:flex;align-items:center;gap:28px;margin:32px 0;padding:28px;border:1px solid #dce4ec;border-radius:6px;background:#f2f6fa}
.youtube-channel>img{width:140px;height:160px;object-fit:cover;object-position:50% 20%;border-radius:5px;flex:none}
.youtube-channel h2{margin:10px 0}.youtube-channel p{margin:10px 0}
@media(max-width:600px){.youtube-channel{flex-direction:column;align-items:flex-start;padding:22px;gap:12px}}
.contact-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-form .full{min-width:0}.contact-form input,.contact-form textarea,.contact-form select{max-width:100%}

.hero.personal-banner{position:relative;isolation:isolate;overflow:hidden;margin:24px 0 36px;padding:38px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.85fr);gap:32px;align-items:center;border:1px solid #e6ded0;border-radius:12px;background:radial-gradient(ellipse at 5% 0%,#fffdfa 0%,#f5f0e7 65%,#eae2d5 100%)}
.hero.personal-banner::before{content:"";position:absolute;z-index:-1;right:-1px;top:-1px;bottom:-1px;width:28%;border-left:2px solid #c5a16d;border-radius:90% 0 0 0;background:linear-gradient(145deg,#29435f,#102f4c 65%)}
.personal-banner-copy{min-width:0}.personal-banner .eyebrow{font-size:12px;letter-spacing:1.5px;color:#756044}
.personal-banner h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5vw,66px);font-weight:500;letter-spacing:-2px;line-height:1.05;margin:18px 0 12px}
.personal-banner-subtitle{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2.6vw,31px);line-height:1.25;color:#102f4c;margin:0 0 22px;padding-bottom:20px;border-bottom:1px solid #c5a16d}
.personal-banner-copy>p:not(.personal-banner-subtitle){font-size:16px;line-height:1.65;margin:14px 0}.personal-banner-projects{color:#4b5661}
.personal-banner-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:20px}.personal-banner-actions .button{margin:0}.personal-banner-about{color:#102f4c;font-size:15px;text-underline-offset:4px}
.personal-banner-portrait{min-width:0;align-self:center}.personal-banner .profile{display:block;width:100%;height:420px;object-fit:cover;object-position:50% 25%;border:1px solid #c5a16d;border-radius:180px 180px 8px 8px;background:#eef0f5;box-shadow:0 12px 32px #061e3420}
@media(max-width:800px){.hero.personal-banner{grid-template-columns:1fr;padding:28px;gap:28px}.hero.personal-banner::before{top:auto;width:100%;height:25%;border-left:0;border-top:2px solid #c5a16d;border-radius:90% 0 0 0}.personal-banner-portrait{width:min(260px,100%);justify-self:center}.personal-banner .profile{height:340px}.personal-banner h1{letter-spacing:-1px}}
@media(max-width:420px){.hero.personal-banner{padding:22px}.personal-banner h1{font-size:42px}.personal-banner-copy>p:not(.personal-banner-subtitle){font-size:15px}.personal-banner-actions{gap:12px}}
