/* Yahav Design Agent + Frontend Design: an editorial media portfolio.
   User-approved Assistant typography, espresso / cream / caramel take priority
   over the skill's default gold palette, sales copy and framework suggestions. */
:root{--espresso:#3A3531;--cream:#F5EFE7;--paper:#F4EEE6;--caramel:#8B6347;--sand:#CBA683;--line:#E0D1C2;--ink:#2E2A27;--muted:#4F4843;--rule:rgba(203,166,131,.28);--measure:1140px}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;font-family:Assistant,Arial,sans-serif;background:var(--espresso);color:var(--cream);font-size:16px;line-height:1.6}button,a,audio,video{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}figure,h1,h2,h3,p{margin:0}.ltr{direction:ltr;unicode-bidi:isolate}.page{overflow:clip}.profile,.experience,.writing-section,.music-section,.projects,.education,.side{padding-inline:24px}.section-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--rule);min-height:68px;font-size:14px;color:var(--sand)}.section-nav a{display:flex;align-items:center;min-height:44px}.section-nav a:hover{color:var(--cream)}.profile-grid{padding-top:32px;display:grid;gap:26px}.profile-copy{min-width:0}.name{font-size:64px;line-height:1.05;letter-spacing:normal;font-weight:800}.pill{display:table;font-size:21px;line-height:1.5;color:var(--sand);padding-bottom:10px;border-bottom:1px solid var(--sand);margin-top:16px}.summary{font-size:17px;font-weight:400;line-height:1.8;margin-top:22px;color:var(--cream)}.header-contact{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:18px;font-size:15px}.header-contact a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--rule)}.portrait{position:relative;width:100%;max-width:340px;margin-inline:auto;padding:0 12px 12px 0;isolation:isolate}.portrait:before{content:'';position:absolute;inset:20px 0 0 20px;border:1px solid var(--sand);z-index:-1}.portrait img{display:block;width:100%;height:auto;aspect-ratio:11/13;object-fit:cover;object-position:center 30%;border-radius:3px}.corner-dot{position:absolute;right:-4px;bottom:5px;width:10px;height:10px;border-radius:50%;background:var(--sand)}.stats{padding:24px 0 30px;font-size:16px;line-height:2.1;color:var(--cream);border-bottom:1px solid var(--rule);text-align:center}.stats>span:not(.stat-separator){white-space:nowrap}.stats b{font-size:23px;font-weight:800;color:var(--sand);margin-inline-end:4px}.stat-separator{color:var(--sand);padding-inline:7px}
.experience{padding-block:38px 42px}.section-title{font-size:31px;font-weight:700;line-height:1.25;margin-bottom:28px;color:var(--sand);letter-spacing:normal}.job .t{font-size:24px;font-weight:700;line-height:1.35}.job .sep{margin-inline:4px;color:var(--sand)}.y{font-size:15px;margin-top:10px;color:var(--sand)}.d{font-size:17px;line-height:1.8;margin-top:16px}.ex{font-size:15px;margin-top:12px}.ex a{text-decoration:underline;text-underline-offset:4px}.interview-stage{display:grid;gap:25px}.interview-job .job-copy{max-width:520px}.featured-interview{min-width:0}.featured-interview video{display:block;width:100%;aspect-ratio:16/9;background:#24211f;border:1px solid var(--rule);border-radius:4px}.featured-interview figcaption{font-size:16px;margin-top:12px;color:var(--cream)}.full-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-decoration:underline;text-underline-offset:5px;color:var(--sand)}.interview-selector{display:grid;grid-template-columns:repeat(5,140px);gap:14px;overflow-x:auto;margin-top:22px;padding:0 0 12px;scroll-snap-type:x proximity;scrollbar-color:var(--sand) transparent;scrollbar-width:thin}.clip-choice{display:block;scroll-snap-align:start;padding:0 0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--cream);text-align:start;cursor:pointer;min-width:0}.clip-choice[aria-pressed=true]{border-bottom-color:var(--sand)}.clip-image{position:relative;display:block}.clip-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}.clip-choice[aria-pressed=false] img{opacity:.7}.clip-choice:hover img{opacity:1}.clip-caption{display:block;font-size:14px;line-height:1.5;margin-top:10px}.play-icon{display:block;position:absolute;left:10px;bottom:10px;width:30px;height:30px;border-radius:50%;background:var(--espresso);border:1px solid #cba68366}.play-icon:after{content:'';position:absolute;left:12px;top:9px;border-left:8px solid var(--cream);border-top:5px solid transparent;border-bottom:5px solid transparent}.radio-job{display:grid;gap:22px;margin-top:30px;padding-top:32px;border-top:1px solid var(--rule)}.radio-sample{position:relative;padding:24px;background:rgba(245,239,231,.055);border:1px solid rgba(245,239,231,.16);border-radius:12px;box-shadow:0 8px 30px #17151326,inset 0 1px 0 #f5efe708}.sample-title{display:block;font-size:16px;color:var(--sand);margin-bottom:20px}audio{display:block;width:100%;accent-color:var(--sand)}
.writing-section{background:var(--paper);color:var(--ink);padding-block:38px}.writing-job .job-copy{max-width:620px}.writing-job .t{font-size:28px}.writing-job .y,.writing-job .sep,.writing-job .ex{color:var(--caramel)}.writing-job .d{color:var(--muted)}.article-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:26px}.article-grid a{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:22px 0;border-top:1px solid var(--line);font-size:25px;line-height:1.35;font-weight:600;min-height:130px}.article-grid a:hover{color:var(--caramel)}.article-year{display:block;font-size:15px;font-weight:400;color:var(--caramel)}
.music-section{padding-block:30px;background:var(--paper);color:var(--ink)}.music-job{padding-top:24px;border-top:1px solid var(--line)}.music-job .t{font-size:23px}.music-job .y,.music-job .sep{color:var(--caramel)}.music-job .d{color:var(--muted)}
.projects{padding-block:40px 44px;background:var(--cream);color:var(--ink)}.projects .section-title{color:var(--caramel)}.book-album{display:grid;gap:20px;margin-bottom:36px}.book-album .job{border-inline-start:2px solid var(--sand);padding-inline-start:20px}.book-album .t{font-size:22px}.book-album .d{font-size:16px;margin-top:8px}.projects .sep{color:var(--caramel)}.field-job{display:grid;gap:24px}.field-job .job-copy{max-width:580px}.field-job .t{font-size:28px}.field-job .d{color:var(--muted)}.shorts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.short{position:relative;aspect-ratio:9/16;padding:0;border:0;border-radius:4px;overflow:hidden;background:var(--espresso);cursor:pointer}.short img{display:block;width:100%;height:100%;object-fit:cover}.short .play-icon{width:40px;height:40px;left:50%;bottom:50%;transform:translate(-50%,50%)}.short .play-icon:after{left:16px;top:12px;border-left-width:11px;border-top-width:7px;border-bottom-width:7px}.shorts iframe{display:block;width:100%;aspect-ratio:9/16;border:0;border-radius:4px}.field-job>.full-link{color:var(--caramel);margin-top:-14px;justify-self:start}.education{background:var(--cream);color:var(--ink);padding-block:12px 40px}.education .section-title{font-size:24px;color:var(--caramel);margin-bottom:20px}.edu{font-size:16px;line-height:1.8}.edu .sep{color:var(--caramel);margin-inline:4px}
.side{display:grid;gap:32px;padding-block:38px;background:var(--espresso);color:var(--cream)}.side h2{font-size:23px;color:var(--sand);margin:0 0 20px;line-height:1.3}.ci{display:flex;align-items:center;gap:10px;font-size:16px;min-height:44px;margin-bottom:2px}.ci a{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere}.ci .ic{display:flex;align-items:center;justify-content:center;flex:0 0 25px;height:25px;border-radius:50%;background:var(--caramel)}.ci .ic svg{width:13px;height:13px}.lang{font-size:16px;line-height:1.7}.skills{list-style:none;margin:0;padding:0}.skills li{font-size:16px;line-height:1.65;padding-inline-start:17px;position:relative;margin-bottom:9px}.skills li:before{content:'';position:absolute;inset-inline-start:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--sand)}.ftr{background:var(--espresso);color:var(--sand);text-align:center;padding:15px 24px 25px;font-size:14px}.ftr a{display:inline-flex;align-items:center;min-height:44px}a:focus-visible,button:focus-visible,video:focus-visible,audio:focus-visible{outline:3px solid var(--sand);outline-offset:4px}
@media(min-width:700px){.profile,.experience,.writing-section,.music-section,.projects,.education,.side{padding-inline:max(40px,calc((100% - var(--measure))/2))}.section-nav{justify-content:flex-start;gap:36px;min-height:76px;font-size:16px}.profile-grid{grid-template-columns:1.35fr 1fr;gap:48px;align-items:center;padding-top:46px;direction:ltr}.profile-copy{direction:rtl}.name{font-size:clamp(72px,8vw,114px)}.pill{font-size:26px}.summary{font-size:19px;line-height:1.8;max-width:590px;margin-top:28px}.header-contact{font-size:16px;gap:25px}.portrait{max-width:none;direction:rtl;padding:0 16px 16px 0}.portrait img{height:440px;aspect-ratio:auto;object-position:center 25%}.stats{font-size:20px;text-align:right;margin-top:30px;padding:24px 0 30px}.stats b{font-size:28px}.stat-separator{padding-inline:16px}.experience{padding-block:44px 64px}.section-title{font-size:40px;margin-bottom:35px}.interview-stage{grid-template-columns:.72fr 1.28fr;gap:42px;align-items:center}.job .t{font-size:29px}.d{font-size:18px;line-height:1.85}.y{font-size:16px}.interview-selector{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:20px;margin-top:24px;padding-bottom:0}.clip-caption{font-size:15px}.radio-job{grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:40px;padding-top:40px}.radio-job .t{font-size:27px}.radio-sample{padding:30px}.writing-section{padding-block:60px 30px}.writing-job{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px}.writing-job .t{font-size:34px}.article-grid{grid-template-columns:1fr 1fr;gap:0 28px;margin-top:0}.article-grid a{font-size:26px;min-height:165px;padding:20px 0}.music-section{padding-block:0 48px}.music-job{display:block;padding-top:30px}.music-job .job-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.music-job .t{grid-column:1;grid-row:1;font-size:25px}.music-job .y{grid-column:1;grid-row:2}.music-job .d{grid-column:2;grid-row:1/3;margin-top:0;align-self:center}.projects{padding-block:50px 52px}.book-album{grid-template-columns:1fr 1fr;gap:65px;margin-bottom:52px}.book-album .t{font-size:26px}.book-album .d{font-size:18px}.field-job{grid-template-columns:.72fr 1.28fr;gap:0 42px;align-items:center}.field-job .t{font-size:34px}.shorts{gap:18px}.short .play-icon{width:46px;height:46px}.short .play-icon:after{left:19px;top:14px;border-left-width:14px;border-top-width:9px;border-bottom-width:9px}.field-job>.full-link{grid-column:2;margin-top:10px}.education{padding-block:0 55px}.education .section-title{font-size:26px}.edu{font-size:18px}.side{grid-template-columns:1fr .6fr 1.4fr;gap:45px;padding-block:50px 30px}.side h2{font-size:25px}.side .ci,.side .skills li,.side .lang{font-size:16px}}
@media(min-width:1200px){.portrait img{height:500px}.profile-grid{gap:72px}.interview-job .t{font-size:32px}.featured-interview video{box-shadow:0 16px 38px #17151340}}
@media(min-width:700px) and (max-width:900px){.profile-grid{gap:30px;grid-template-columns:1.2fr 1fr}.portrait img{height:390px}.summary{font-size:17px}.name{font-size:68px}.pill{font-size:22px}.side{grid-template-columns:1fr 1fr}.side .blk:last-child{grid-column:1/-1}.skills{columns:2}.writing-job{gap:30px}.article-grid a{font-size:22px}.stats{font-size:17px}.stats b{font-size:24px}.stat-separator{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Frontend / UI-UX review: discoverable navigation, selection feedback, keyboard access. */
html{scroll-padding-top:94px}.site-nav{position:sticky;top:0;z-index:20;background:var(--espresso);border-bottom:1px solid var(--rule);padding-inline:24px}.section-nav{border-bottom:0;min-height:64px;max-width:var(--measure);margin-inline:auto;gap:10px}.section-nav a{font-size:14px;border-bottom:2px solid transparent;padding-inline:2px}.section-nav a[aria-current="location"]{color:var(--cream);border-bottom-color:var(--sand)}.skip-link{position:fixed;top:8px;right:12px;z-index:30;transform:translateY(-180%);padding:12px 20px;background:var(--cream);color:var(--espresso);font-weight:700;border-radius:4px}.skip-link:focus{transform:none}.selector-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;color:var(--sand);font-size:15px}.selector-actions{display:flex;gap:8px}.selector-actions button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--rule);border-radius:4px;color:var(--cream);background:transparent;cursor:pointer}.selector-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.selector-actions button:disabled{opacity:.3;cursor:default}.interview-selector{margin-top:12px;padding-top:4px;padding-inline:4px}.clip-choice[aria-pressed="true"] .clip-image{outline:2px solid var(--sand);outline-offset:2px}.clip-choice[aria-pressed="true"] .clip-image:after{content:'נבחר';position:absolute;inset-inline-end:6px;top:6px;font-size:12px;line-height:1.5;padding:2px 7px;color:var(--espresso);background:var(--cream);border-radius:2px}.clip-choice .play-icon{display:none}.clip-choice:focus-visible{outline-offset:0}.projects a:focus-visible,.writing-section a:focus-visible{outline-color:var(--caramel)}
@media(min-width:700px){.site-nav{padding-inline:max(40px,calc((100% - var(--measure))/2))}.section-nav{gap:32px}.section-nav a{font-size:16px}.selector-actions{display:none}.selector-toolbar{margin-top:25px}.profile-grid{padding-top:40px}}

/* Frontend + UI/UX alignment pass: shared typography and spacing scales. */
:root{--body-size:17px;--body-leading:1.75;--heading-size:32px;--role-size:24px;--section-space:44px;--column-gap:32px}
.summary,.d,.edu,.lang,.skills li{font-size:var(--body-size);line-height:var(--body-leading)}
.section-title{font-size:var(--heading-size);line-height:1.25;margin-bottom:32px}
.job .t{font-size:var(--role-size);line-height:1.35;text-wrap:pretty}
.job .y{font-size:15px;line-height:1.6;margin-top:12px}
.job .d{font-size:var(--body-size);line-height:var(--body-leading);margin-top:16px}
.interview-stage,.radio-job,.writing-job,.field-job{align-items:start;column-gap:var(--column-gap)}
.experience{padding-block:var(--section-space)}
.radio-job{margin-top:32px;padding-top:32px;row-gap:24px}
.writing-section{padding-block:var(--section-space) 24px}
.music-section{padding-block:8px 40px}
.music-job{padding-top:32px}
.projects{padding-block:var(--section-space)}
.education{padding-block:8px var(--section-space)}
.education .section-title{font-size:28px;line-height:1.25;margin-bottom:24px}
.book-album{gap:28px;margin-bottom:40px}
.book-album .job{padding-inline-start:24px}
.shorts{align-items:start}
.featured-interview figcaption{font-size:16px;line-height:1.6;min-height:1.6em;margin-top:12px}
.clip-choice{display:grid;grid-template-rows:auto 1fr;align-content:start;align-items:start;padding-bottom:12px}
.clip-caption{font-size:14px;line-height:1.6;min-height:4.8em;margin-top:12px}
.article-grid{grid-auto-rows:1fr;row-gap:0}
.article-grid a{font-size:24px;line-height:1.4;gap:24px;padding:24px 0;min-height:160px}
.article-year{font-size:15px;line-height:1.6}
.side{padding-block:44px 32px;gap:32px}
.side h2{font-size:28px;line-height:1.25;margin-bottom:24px}
.side .ci,.side .lang,.side .skills li{font-size:var(--body-size);line-height:var(--body-leading)}
.ci{min-height:44px;margin-bottom:4px}.skills li{margin-bottom:12px}
.skills li:before{top:12px}
.sample-title{line-height:1.6;margin-bottom:20px}
@media(min-width:700px){
 :root{--body-size:18px;--body-leading:1.8;--heading-size:44px;--role-size:30px;--section-space:64px;--column-gap:48px}
 .profile-grid{align-items:center}.summary{margin-top:28px}
 .interview-stage,.field-job{grid-template-columns:.8fr 1.2fr}
 .radio-job{grid-template-columns:.8fr 1.2fr;margin-top:48px;padding-top:40px}
 .writing-job{grid-template-columns:.8fr 1.2fr}
 .writing-job .job-copy{padding-top:24px}
 .article-grid{gap:0 32px}
 .article-grid a{font-size:26px;min-height:188px}
 .music-job .job-copy{grid-template-columns:.8fr 1.2fr;gap:0 var(--column-gap)}
 .music-job .d{align-self:start;margin-top:0}
 .book-album{grid-template-columns:1fr 1fr;gap:48px;margin-bottom:56px;align-items:stretch}
 .book-album .job{display:grid;grid-template-rows:subgrid;grid-row:span 2}
 .book-album .job-copy{display:contents}
 .book-album .job .d{margin-top:0}
 .book-album{row-gap:16px}
 .education .section-title{font-size:32px}
 .side{gap:40px;grid-template-columns:1fr .65fr 1.35fr;align-items:start;padding-block:56px 32px}
 .side h2{font-size:30px}.side .ci{font-size:16px}
 .clip-caption{font-size:15px}
}
@media(min-width:700px) and (max-width:900px){
 :root{--role-size:26px;--column-gap:28px}
 .side{grid-template-columns:1fr 1fr}.side .blk:last-child{grid-column:1/-1}
 .article-grid{column-gap:20px}.article-grid a{font-size:23px}
}

/* Four approved interview choices after removing Edna. */
.interview-selector{grid-template-columns:repeat(4,140px)}
@media(min-width:700px){.interview-selector{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Clear writing hierarchy: role first, samples below. */
.projects .book-album .job{border-inline-start:0;padding-inline-start:0}
.projects .field-job{grid-template-columns:minmax(0,1fr);row-gap:28px}
.projects .field-job .job-copy{max-width:780px}
.projects .shorts{width:100%;max-width:780px;justify-self:center;gap:20px}
.projects .short,.projects .shorts iframe{border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 14px rgba(58,53,49,.10)}
.projects .short:focus-visible{outline-color:var(--caramel)}
.projects .field-job>.full-link{grid-column:1;justify-self:center;margin-top:-12px}
@media(max-width:699px){.projects .shorts{gap:10px}.projects .short,.projects .shorts iframe{border-radius:5px}}
.featured-interview #interview-full{display:flex;width:fit-content;margin-inline:0;margin-top:-1px;min-height:28px;line-height:1.2}
.clip-item{display:grid;grid-template-rows:auto auto;align-content:start;min-width:0}
.clip-item .clip-choice{width:100%;padding-bottom:0;border-bottom:0}
.clip-item .clip-caption{min-height:0}
.radio-sample .full-link{display:flex;width:fit-content;margin-top:12px;color:var(--sand)}
.clip-full-link{display:flex;align-items:center;min-height:28px;margin-top:-1px;line-height:1.2;justify-self:start;font-size:15px;color:var(--sand);text-decoration:underline;text-underline-offset:4px}
.profile-copy .stats{margin-top:20px;padding:0;border:0;text-align:right;font-size:16px;line-height:2}
.profile-copy .stats b{font-size:23px}
.profile-copy .stats .stat-separator{padding-inline:6px}
.profile{padding-bottom:36px}
/* Keep the approved hero; give the professional role a clear second level. */
.profile-copy .pill{font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.35;letter-spacing:normal;margin-top:16px;padding-bottom:0;border-bottom:0;color:var(--sand)}
.clip-choice[aria-pressed=true]{border-bottom-color:transparent}
.book-album{grid-template-columns:1fr;gap:28px}
.book-album .job{grid-row:auto}
.music-job .job-copy{display:block;text-align:right}
.music-job .d{margin-top:16px}
.book-album .job,.book-album .job-copy{display:block;text-align:right}
.book-album .job .d{margin-top:16px}
/* Heading marker copied from the approved written resume. */
.section-title,.side h2{display:inline-block;background:linear-gradient(transparent 56%,rgba(203,166,131,.45) 56%);padding-inline:2px 6px}
.experience .section-title,.side h2{color:var(--cream)}
.music-section{background:var(--paper);color:var(--ink);padding-block:8px 40px}
.music-job{border-top:1px solid var(--line);padding-top:32px}
.music-job .d{color:var(--muted)}
.music-job .y,.music-job .sep{color:var(--caramel)}
@media(min-width:700px){.music-section{padding-block:8px 48px}}
.writing-job{display:block}
.writing-job .job-copy{max-width:780px;padding-top:0}
.writing-job .article-grid{margin-top:32px}
.writing-job .article-grid{gap:20px}
.writing-job .article-grid a{padding:20px 22px;border:0;border-inline-start:3px solid var(--sand);border-radius:3px;background:rgba(203,166,131,.18);min-height:150px;font-size:22px;font-weight:700;gap:14px;justify-content:flex-start}
.writing-job .article-grid a::after{content:'';position:absolute;inset-inline-end:20px;bottom:21px;width:16px;height:16px;background:var(--caramel);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7M7 7h10v10' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
.writing-job .article-grid a::after{top:23px;bottom:auto}
.writing-job .article-year{order:-1;font-size:14px;font-weight:600;padding-inline-end:28px}
.writing-job .article-grid a:hover{border-color:var(--caramel);background:rgba(203,166,131,.3);color:var(--ink)}
.radio-sample .sample-title{font-weight:700}
@media(min-width:1100px){.writing-job .article-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.writing-job .article-grid a{min-height:156px}}
.job .y{font-size:17px;font-weight:700;line-height:1.6}
.interview-job>#interview-full{margin-top:20px}
@media(min-width:700px){
 .writing-job .article-grid{margin-top:40px;column-gap:20px}
 .job .y{font-size:18px}
}

/* Reviewed type scale: compact headings, readable body, quiet supporting text. */
:root{--body-size:16px;--body-leading:1.7;--heading-size:26px;--role-size:21px;--name-size:48px;--hero-role-size:21px;--support-heading-size:22px;--card-title-size:18px}
.profile .name{font-size:var(--name-size);line-height:1.12}
.profile-copy .pill{font-size:var(--hero-role-size);line-height:1.4}
.section-title{font-size:var(--heading-size);line-height:1.3}
.job .t{font-size:var(--role-size);line-height:1.4}
.education .section-title,.side h2{font-size:var(--support-heading-size);line-height:1.35}
.writing-job .article-grid a{font-size:var(--card-title-size);line-height:1.45}
.profile-copy .stats{font-size:15px;line-height:1.8}
.profile-copy .stats b{font-size:20px}
.job .y{font-size:15px;line-height:1.6}
.featured-interview figcaption{font-size:15px;line-height:1.6}
.side .ci,.side .lang,.side .skills li{font-size:16px;line-height:1.7}
@media(min-width:700px){
 :root{--body-size:17px;--heading-size:32px;--role-size:24px;--name-size:clamp(60px,6vw,80px);--hero-role-size:24px;--support-heading-size:24px;--card-title-size:20px}
 .job .y{font-size:16px}
 .profile-copy .stats b{font-size:21px}
}

/* Portrait proportion and the selected D1 article-card treatment. */
.profile .portrait{max-width:270px}
.profile .portrait img{height:300px;aspect-ratio:auto;object-position:center 25%}
.writing-job .article-grid a{border:1px solid #b89a7e;border-bottom:3px solid var(--caramel);border-radius:5px;background:#eaddce;padding:22px;gap:18px}
.writing-job .article-grid a::after{content:none}
.writing-job .article-year{order:0;padding-inline-end:0;margin-top:auto;font-size:14px;font-weight:400}
.writing-job .article-grid a:hover{background:var(--cream);border-color:var(--caramel);box-shadow:0 5px 14px #3a353114}
@media(min-width:700px){
 .profile-grid{grid-template-columns:minmax(0,1fr) 280px;gap:48px}
 .profile .portrait{max-width:280px}
 .profile .portrait img{height:320px}
}
@media(min-width:1100px){
 .profile-grid{grid-template-columns:minmax(0,1fr) 340px;gap:64px}
 .profile .portrait{max-width:340px}
 .profile .portrait img{height:380px}
}

/* Mobile contact details follow the portrait, keeping desktop composition intact. */
@media(max-width:699px){
 html,body{overscroll-behavior-y:none}
 .side{padding-bottom:20px}
 .side .skills li:last-child{margin-bottom:0}
 .writing-job .article-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
 .writing-job .article-grid a{min-height:136px;padding:14px 12px;font-size:16px;line-height:1.45;gap:12px}
 .selector-toolbar{margin-top:52px}
 .clip-choice .play-icon{display:block;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:34px;height:34px;border:1px solid rgba(245,239,231,.8);background:rgba(58,53,49,.65);box-shadow:0 2px 8px #0004;pointer-events:none}
 .clip-choice .play-icon:after{left:13px;top:9px;border-left:11px solid var(--cream);border-top:7px solid transparent;border-bottom:7px solid transparent}
}
@media(max-width:699px){
 .profile-grid{gap:0}
 .profile-copy{display:contents}
 .profile .portrait{order:1;margin-top:26px}
 .profile .header-contact{order:2;margin-top:18px;justify-content:center}
 .profile .header-contact a{border-bottom:0}
}

/* The hero copy shares the video column below; the portrait stays on the right. */
.profile::after{content:'';display:block;border-bottom:1px solid var(--rule);margin-top:36px}
@media(min-width:700px){
 .profile-grid{grid-template-columns:1.2fr .8fr;gap:var(--column-gap)}
 .profile-copy .summary{max-width:none}
 .profile .portrait{justify-self:end;margin-inline:0}
}