@layer pages{.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--measure) / 2 - var(--s8))),1fr));max-inline-size:none;padding:0;gap:var(--s8) var(--s16);margin-top:var(--s12);>*{display:flex;flex-direction:column;margin:0;>*{margin-block:0}h3{font-size:var(--text-3xl);margin-bottom:var(--s3)}p{line-height:1.65}>a:last-child{margin-block-start:auto;padding-top:var(--s3)}}}.feature-section{position:relative;isolation:isolate;overflow:clip;padding-inline:var(--padding-measure-wide);&:before{content:"";position:absolute;z-index:-1;top:var(--s8);right:var(--padding-measure-wide);width:var(--s56);aspect-ratio:1;background:var(--illustration-fill);mask:var(--illustration) center / contain no-repeat;opacity:.18;pointer-events:none;transition-duration:var(--duration)}>h2{max-inline-size:var(--measure-narrow);padding-inline:0;margin:0 0 var(--s6)}>p{max-inline-size:var(--measure-narrow);margin-bottom:0}}}@layer pages{.hero{overflow:visible;overflow-x:clip;display:flow-root;margin-block:var(--s6) var(--s8);padding-block:var(--s6);padding-inline:var(--padding-measure-wide);background:none;h1{margin-block-end:var(--s3);font-size:var(--text-4xl);line-height:1;letter-spacing:normal}p{max-inline-size:var(--measure-narrow);margin-block:0 var(--s4)}@media(min-width:768px){display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:var(--s12);margin-block:var(--s16) var(--s12);h1{margin-block-end:var(--s6);font-size:var(--text-6xl)}p{font-size:var(--text-lg)}}}.portrait{float:right;width:var(--s20);margin-block-end:var(--s5);margin-inline-start:var(--s5);position:relative;transform:rotate(1.5deg);&:after{content:"";position:absolute;inset:calc(-1 * var(--s12)) calc(-1 * var(--s16)) auto auto;width:12rem;height:12rem;background:url(/img/coffee-splatter.png) right bottom / 60% no-repeat,url(/img/coffee-stain.png) center / 75% no-repeat;opacity:.4;mix-blend-mode:multiply;pointer-events:none;transition-property:filter;transition-duration:var(--duration)}picture{display:block;filter:drop-shadow(0 .5px 1px #02061740)}img{width:100%;aspect-ratio:8 / 9;object-fit:cover;border:clamp(var(--s2),1vw,var(--s3)) solid var(--bg-grid-item);mask:url(/illustrations/portrait-paper.svg) center / 100% 100% no-repeat}figcaption{display:none;text-align:center;margin-top:var(--s4);color:var(--text-secondary)}@media(min-width:768px){float:none;grid-column:2;grid-row:1;width:auto;margin:0;&:after{width:23rem;height:23rem;inset:calc(-1 * var(--s20)) calc(-1 * var(--s24)) auto auto;background-size:60%,contain;opacity:.5}figcaption{display:block}}}.dark .portrait:after{filter:brightness(.4)}}@layer pages{.contact{display:grid;background:var(--bg-lead);padding-block:var(--s20);padding-inline:var(--padding-measure-wide);margin-bottom:calc(-1 * var(--s16));scroll-margin-top:var(--s8);h2{align-self:end;max-inline-size:var(--measure-narrow);margin:0 0 var(--s6);padding:0;font-size:var(--text-4xl)}p{max-inline-size:var(--measure-narrow);font-size:var(--text-lg);line-height:1.65;margin-block-end:var(--s6)}.button{justify-self:center}&:after{content:"";display:block;width:var(--s24);height:var(--s20);margin:var(--s6) auto 0;background-color:var(--illustration-fill);mask:url(/illustrations/cup-of-coffee-03.svg) center / contain no-repeat;opacity:.65;pointer-events:none;transition-duration:var(--duration)}@media(min-width:768px){grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s12);align-items:start;p{margin-block-end:0}.button{grid-column:2}&:after{grid-column:2;grid-row:1;width:var(--s32);height:var(--s24);margin:0 auto var(--s5)}}}}@layer pages{.hero{p:last-of-type{opacity:.6;font-size:var(--text-base)}@media(min-width:768px){>div>h1{font-size:var(--text-5xl)}}}.socials{display:flex;gap:var(--s4);margin-block-start:var(--s6);a{width:var(--s10);height:var(--s10);font-size:var(--text-xl);text-decoration:none;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--bg-socials);&:hover,&:focus-visible{background-color:var(--bg-socials-hover);transform:scale(1.05)}}}section{padding-block:var(--s10);&.alt{background-color:var(--bg-section-alternate)}@media(min-width:768px){padding-block:var(--s20)}}.actions{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s6);font-size:var(--text-sm);a{display:inline-flex;align-items:center;gap:var(--s2);text-decoration:none}}.talks{padding-inline:var(--padding-measure-wide);h2{max-inline-size:none;padding-inline:0}h3{font-size:var(--text-xl)}ul{max-width:100%;list-style-type:none;margin-block:0}li{display:grid;max-width:100%;grid-template-columns:var(--s24) minmax(0,1fr) auto;align-items:center;gap:var(--s6);padding-block:var(--s6);border-top:1px solid var(--border-light);&:last-child{border-bottom:1px solid var(--border-light)}>:first-child{margin:0}@media(max-width:767px){grid-template-columns:minmax(0,1fr);gap:var(--s3);padding-block:var(--s3)}}article{>*{margin-block:0}}article p,time{display:block;font-size:var(--text-sm);color:var(--text-secondary)}.highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s16);margin-block:var(--s8);img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--box-radius);margin-bottom:var(--s5)}article{display:flex;flex-direction:column}.actions{margin-block-start:auto;padding-top:var(--s3)}article>p,h3,.actions{padding-inline:var(--s4)}@media(max-width:767px){grid-template-columns:minmax(0,1fr)}}details{max-width:100%;max-inline-size:none;padding-block:var(--s6)}summary{cursor:pointer;font-size:var(--text-sm);font-weight:600;padding-block:var(--s2)}}}