/* The new author page (2026-10-18, author_inner.blade.php with $authorV2): the site's light look (pf-vars from footer.css),
   the one H1 size, section headings with the short red rule, cards like the blog and the About author column. Scoped to .au-v2. */
#main.au-v2{--au-e:cubic-bezier(.25,.1,.25,1);--au-o:cubic-bezier(.19,1,.22,1);color:var(--page-ink)}
/* the site script sets #main padding-top to the header height, so the air above the page lives here */
#main.au-v2 .au-page{display:block;padding-top:clamp(36px,5vw,80px);padding-bottom:clamp(48px,6vw,96px)}

/* the top: photo, position, name on the left; bio, contacts and the request button on the right */
#main.au-v2 .au-hero{display:grid;grid-template-columns:minmax(min-content,34%) minmax(0,1fr);gap:clamp(28px,5vw,96px);align-items:start}
#main.au-v2 .au-id{display:flex;gap:clamp(18px,2vw,28px);align-items:center}
#main.au-v2 .au-photo{flex:0 0 auto;width:clamp(84px,8vw,132px);height:clamp(84px,8vw,132px);border-radius:50%;object-fit:cover;object-position:50% 20%;background:#EDE7DE}
#main.au-v2 .au-pos{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}
#main.au-v2 .au-hero h1{margin:0}
#main.au-v2 .au-bio{font-size:clamp(15px,1.15vw,17px);line-height:1.7;color:var(--page-soft);max-width:66ch}
#main.au-v2 .au-bio p{margin:0 0 14px}
#main.au-v2 .au-bio p:first-child{color:var(--page-ink)}
#main.au-v2 .au-bio strong,#main.au-v2 .au-bio b{font-weight:600;color:var(--page-ink)}
/* education: a small label and one line per degree */
#main.au-v2 .au-edu{margin:18px 0 0;display:grid;grid-template-columns:auto 1fr;gap:4px 18px;font-size:14px;line-height:1.5;color:var(--page-ink)}
#main.au-v2 .au-edu dt{grid-row:1/span 9;padding-top:3px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--page-mute)}
#main.au-v2 .au-edu dd{margin:0}
/* contacts in the left column under the photo and the name: socials in a row, then e-mail and phone, one per line */
#main.au-v2 .au-reach{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--page-line)}
#main.au-v2 .au-social{display:flex;gap:10px;margin:0;padding:0;list-style:none}
#main.au-v2 .au-social a{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--page-line);border-radius:50%;transition:border-color .6s var(--au-e),background-color .6s var(--au-e)}
#main.au-v2 .au-social a:hover{border-color:var(--red);background:#FCFAF6}
#main.au-v2 .au-social img{width:18px;height:18px;object-fit:contain}
#main.au-v2 .au-mail{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--page-ink);text-decoration:none;background:linear-gradient(var(--red),var(--red)) no-repeat 0 100%/0 1px;padding-bottom:3px;transition:color .6s var(--au-e),background-size .8s var(--au-o)}
#main.au-v2 .au-mail:hover{color:var(--red);background-size:100% 1px}
#main.au-v2 .au-acts{margin-top:26px}
/* in the left column the education label sits above its lines */
#main.au-v2 .au-left .au-edu{grid-template-columns:1fr;gap:4px;margin-top:26px}
/* the contacts and education keep a narrower measure than the name */
#main.au-v2 .au-left .au-reach,#main.au-v2 .au-left .au-edu{max-width:340px}
#main.au-v2 .au-left .au-edu dt{grid-row:auto;padding:0 0 4px}
#main.au-v2 .au-left .au-acts{margin-top:28px}

/* the numbers: thin and centred, as in the stats band on About */
#main.au-v2 .au-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;margin:clamp(48px,6vw,88px) 0 0;padding:clamp(28px,3vw,40px) 0;border-top:1px solid var(--page-line);border-bottom:1px solid var(--page-line);text-align:center}
#main.au-v2 .au-facts div{margin:0}
#main.au-v2 .au-facts dt{font-weight:100;font-size:clamp(36px,4vw,60px);line-height:1;letter-spacing:-.03em;color:var(--page-ink)}
#main.au-v2 .au-facts dd{margin:10px 0 0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--page-mute)}

/* sections: heading with the short red rule on the left, the content on the right */
#main.au-v2 .au-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.3fr);gap:24px 64px;align-items:start;margin-top:clamp(56px,7vw,104px)}
#main.au-v2 .au-sec__hd{position:sticky;top:110px}
#main.au-v2 .au-sec__hd h2{margin:0;padding-top:26px;font-weight:400;font-size:clamp(26px,2.6vw,40px);line-height:1.08;letter-spacing:-.025em;text-transform:none;text-align:left;color:var(--page-ink);background:linear-gradient(var(--red),var(--red)) no-repeat 0 0/28px 1px}

/* experience: the background by field, a two-column grid of hairline cells (field in red small capitals, then the facts),
   then the key competencies as quiet filled pills */
#main.au-v2 .au-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);margin:0}
#main.au-v2 .au-fields div{padding:20px 0 22px;border-top:1px solid var(--page-line)}
#main.au-v2 .au-fields dt{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}
#main.au-v2 .au-fields dd{margin:0;font-size:clamp(15px,1.1vw,17px);line-height:1.55;color:var(--page-ink)}
@media (max-width:767px){#main.au-v2 .au-fields{grid-template-columns:1fr}}
#main.au-v2 .au-sub{margin:34px 0 14px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-align:left;color:var(--page-mute)}
#main.au-v2 .au-skills{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
#main.au-v2 .au-skills li{padding:9px 16px;border-radius:999px;background:#EFE9DF;font-size:14px;line-height:1.2;color:var(--page-ink)}

/* areas of expertise: outline pills to the service pages */
#main.au-v2 .au-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
#main.au-v2 .au-tags a{display:inline-block;padding:11px 18px;border:1px solid rgba(45,45,45,.22);border-radius:999px;font-size:14px;line-height:1.2;color:var(--page-ink);text-decoration:none;transition:border-color .6s var(--au-e),color .6s var(--au-e),background-color .6s var(--au-e)}
#main.au-v2 .au-tags a:hover{border-color:var(--red);color:var(--red);background:#FCFAF6}

/* cards (start here) and rows (all articles): the picture zooms a little, a passe-partout line, the title fills with red */
/* start here: a sideways row, three cards and the edge of the next one; arrows, a counter and a thin progress line */
#main.au-v2 .au-start{--g:clamp(18px,2vw,32px);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--g)) / 3 - 28px);gap:var(--g);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
#main.au-v2 .au-start::-webkit-scrollbar{display:none}
#main.au-v2 .au-card{scroll-snap-align:start}
#main.au-v2 .au-ctrl{display:flex;align-items:center;gap:12px;margin-top:22px}
#main.au-v2 .au-ctrl[hidden],#main.au-v2 .au-track[hidden]{display:none}
#main.au-v2 .au-ctrl button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(45,45,45,.22);border-radius:50%;background:none;font-size:16px;line-height:1;color:var(--page-ink);cursor:pointer;transition:border-color .6s var(--au-e),color .6s var(--au-e),background-color .6s var(--au-e)}
#main.au-v2 .au-ctrl button:hover:not(:disabled){border-color:var(--red);color:var(--red);background:#FCFAF6}
#main.au-v2 .au-ctrl button:disabled{opacity:.3;cursor:default}
#main.au-v2 .au-count{min-width:62px;text-align:center;font-size:11px;letter-spacing:.18em;color:var(--page-mute)}
#main.au-v2 .au-track{height:1px;margin-top:22px;background:var(--page-line)}
#main.au-v2 .au-track i{display:block;height:1px;background:var(--red);transform-origin:0 50%;transform:scaleX(.3);transition:transform .4s var(--au-o)}
#main.au-v2 .au-card,#main.au-v2 .au-row{color:var(--page-ink);text-decoration:none}
#main.au-v2 .au-card{display:flex;flex-direction:column;gap:12px}
#main.au-v2 .au-card__img,#main.au-v2 .au-row__img{position:relative;display:block;aspect-ratio:720/349;overflow:hidden;background:#EDE7DE}
#main.au-v2 .au-card__img img,#main.au-v2 .au-row__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--au-o)}
#main.au-v2 .au-card__img::after,#main.au-v2 .au-row__img::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.75);opacity:0;transform:scale(1.03);transition:opacity .9s var(--au-e),transform 1.2s var(--au-o);pointer-events:none}
#main.au-v2 .au-card:hover img,#main.au-v2 .au-row:hover img{transform:scale(1.04)}
#main.au-v2 .au-card:hover .au-card__img::after,#main.au-v2 .au-row:hover .au-row__img::after{opacity:1;transform:none}
#main.au-v2 .au-date{display:block;font-size:11px;letter-spacing:.18em;color:var(--red)}
#main.au-v2 .au-date em{font-style:normal;letter-spacing:.06em;color:var(--page-mute);margin-left:14px}
#main.au-v2 .au-card h3{margin:0;font-weight:400;font-size:clamp(17px,1.35vw,21px);line-height:1.25;letter-spacing:-.01em;text-transform:none;text-align:left}
#main.au-v2 .au-row__t{font-size:clamp(17px,1.35vw,21px);line-height:1.25;letter-spacing:-.01em}
@media (hover:hover){
  #main.au-v2 .au-card h3,#main.au-v2 .au-row__t{background-image:linear-gradient(90deg,var(--red-hi),var(--red) 16%,var(--red-lo) 34%,var(--page-ink) 66.6%,var(--page-ink));background-size:300% 100%;background-repeat:no-repeat;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position 1.1s var(--au-e)}
  #main.au-v2 .au-card:hover h3,#main.au-v2 .au-row:hover .au-row__t{background-position:0 0}
}

/* co-authors */
#main.au-v2 .au-mates{display:flex;flex-wrap:wrap;gap:16px}
#main.au-v2 .au-mate{display:flex;align-items:center;gap:14px;padding:12px 22px 12px 12px;border:1px solid var(--page-line);border-radius:999px;color:var(--page-ink);text-decoration:none;transition:border-color .6s var(--au-e),background-color .6s var(--au-e)}
#main.au-v2 .au-mate:hover{border-color:var(--red);background:#FCFAF6}
#main.au-v2 .au-mate img{width:56px;height:56px;border-radius:50%;object-fit:cover}
#main.au-v2 .au-mate b{display:block;font-weight:400;font-size:17px}
#main.au-v2 .au-mate small{display:block;margin-top:3px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--page-mute)}

/* the category tabs: small capitals, a red line under the active and the hovered one; sections without articles are not shown */
#main.au-v2 .au-tabs{display:flex;flex-wrap:wrap;gap:6px 26px;margin:0 0 8px;padding-bottom:14px;border-bottom:1px solid var(--page-line)}
#main.au-v2 .au-tabs a{position:relative;padding:6px 0;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--page-soft);text-decoration:none}
#main.au-v2 .au-tabs a span{color:var(--page-mute);font-weight:400;margin-left:4px}
#main.au-v2 .au-tabs a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--red-hi),var(--red-lo));transform:scaleX(0);transform-origin:0 50%;transition:transform .9s var(--au-o)}
#main.au-v2 .au-tabs a:hover::after,#main.au-v2 .au-tabs a.is-on::after{transform:none}
#main.au-v2 .au-tabs a.is-on,#main.au-v2 .au-tabs a:hover{color:var(--page-ink)}

/* all articles: picture left, date and title beside it, the arrow steps right */
#main.au-v2 .au-rows{margin:0;padding:0;list-style:none}
#main.au-v2 .au-rows li{border-bottom:1px solid #BFB8A8}
#main.au-v2 .au-row{display:grid;grid-template-columns:clamp(180px,17vw,240px) minmax(0,1fr) auto;grid-template-areas:"img date go" "img t t";gap:6px 28px;align-items:start;padding:24px 0}
#main.au-v2 .au-row__img{grid-area:img}
#main.au-v2 .au-row .au-date{grid-area:date;align-self:end}
#main.au-v2 .au-row__t{grid-area:t}
#main.au-v2 .au-row i{grid-area:go;font-style:normal;color:var(--red);transition:transform .9s var(--au-o)}
#main.au-v2 .au-row:hover i{transform:translateX(6px)}
#main.au-v2 .pagination{margin-top:28px}

@media (max-width:1023px){
  #main.au-v2 .au-hero,#main.au-v2 .au-sec{grid-template-columns:1fr;gap:22px}
  #main.au-v2 .au-sec__hd{position:static}
  #main.au-v2 .au-start{grid-auto-columns:calc(50% - 40px)}
}
@media (max-width:767px){
  #main.au-v2 .au-id{align-items:flex-start}
  #main.au-v2 .au-start{grid-auto-columns:78%}
  #main.au-v2 .au-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main.au-v2 .au-row{grid-template-columns:1fr auto;grid-template-areas:"date go" "img img" "t t";gap:12px 16px}
  #main.au-v2 .au-date em{display:block;margin:6px 0 0}
}

/* the sections' body may not grow with its content: on phones the Start here row stretched its grid column (cards ~830px wide)
   and the whole page widened to ~1085px (owner, 2026-10-19). The row scrolls inside the screen width again. */
#main.au-v2 .au-sec__bd{min-width:0}
@media (max-width:767px){#main.au-v2 .au-sec{grid-template-columns:minmax(0,1fr)}}