*{box-sizing:border-box;margin:0;padding:0}ol,ul{list-style:none}img{height:auto;max-width:100%}a{text-decoration:none}:root{--bg-base-3:#d9d9d9;--bg-base-2:#e6e6e6;--bg-base-1:#f2f2f2;--bg-base-0:#fff;--bg-gradient:linear-gradient(to top left,rgba(255,0,0,.6),rgba(255,0,0,.7));--btn-bg-gradient:linear-gradient(to top right,#f59191,#fa4b4b);--box-shadow:-5px 5px 15px -5px rgba(0,0,0,.25);--box-shadow-right:5px 5px 15px -5px rgba(0,0,0,.25);--color-accent:#00a8db;--color-accent-0:#11a0c0;--color-accent-1:#0f8da9;--color-accent-meta:#f59f86;--color-icon:#000;--color-meta:#707070;--color-meta-lighter:rgba(0,0,0,.25);--color-text:#5f5f5f;--color-text-medium:#191919;--link-gradient:linear-gradient(45deg,var(--color-accent),#0d8cd0);--spacing-xxs:.25em;--spacing-xs:.5em;--spacing-s:.75em;--spacing-m:1em;--spacing-ml:1.5em;--spacing-l:2em;--spacing-xl:3em;--spacing-xxl:4em;--spacing-gap:1.25em}@font-face{font-display:swap;font-family:Raleway;font-weight:700;src:url(/fonts/Raleway-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:CrimsonText;font-style:italic;font-weight:400;src:url(/fonts/CrimsonText-Italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Assistant;font-style:normal}@font-face{font-family:Assistant;font-weight:400;src:local("Assistant-Regular"),url(/fonts/Assistant-Regular.woff2) format("woff2")}@font-face{font-family:Assistant;font-weight:600;src:local("Assistant-SemiBold"),url(/fonts/Assistant-SemiBold.woff2) format("woff2")}@font-face{font-family:Assistant;font-weight:700;src:local("Assistant-Bold"),url(/fonts/Assistant-Bold.woff2) format("woff2")}p{color:var(--color-text);margin-block-end:var(--spacing-m)}small{display:block;font-size:.95em}a.lnk{background:var(--link-gradient);background-clip:text;border-bottom:1px dashed var(--color-accent);color:transparent;font-weight:600}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg-base-0);font:400 .95em/1.75 Assistant,sans-serif;letter-spacing:.025em;overflow-x:hidden;-webkit-font-smoothing:antialiased;@media (width >= 768px){font-size:1em}}.container>.content{--content-max-width:970px;--content-width:calc(var(--content-max-width) - var(--spacing-l)*2);--content-width-80:calc(var(--content-width)*0.8);--content-width-75:calc(var(--content-width)*0.75);--content-width-70:calc(var(--content-width)*0.7);margin-inline:auto;max-width:var(--content-max-width);padding:var(--spacing-l)}[data-ui-layout=cluster]{display:flex;flex-wrap:wrap;gap:var(--spacing-gap);justify-content:space-evenly}#nav{--nav-ease:.4s cubic-bezier(.77,0,.175,1);background:var(--bg-base-0);box-shadow:var(--box-shadow);height:100%;left:100%;position:fixed;text-align:center;top:0;transition:left var(--nav-ease);width:100%;z-index:1337;&.is-visible,ul{left:0}ul{position:absolute;right:0;top:50%;transform:translateY(-50%)}}#nav li{margin:0;padding:10px;a{color:var(--color-text-medium);font-size:clamp(1.75rem,2vw,3.5rem);font-weight:600;text-transform:uppercase;&.hover,&.is-active{color:var(--color-accent)}}}#nav-btn{cursor:pointer;display:block;padding:10px 0;position:fixed;right:25px;top:15px;z-index:1338;.burger{background:#1d1d1f;display:inline-block;height:3px;margin-block-end:20px;position:relative;top:-2px;transform:rotate(0);transition:width var(--nav-ease),transform var(--nav-ease);vertical-align:middle;width:0;&:after,&:before{background:#1d1d1f;content:"";display:block;height:3px;left:0;position:absolute;transition:width var(--nav-ease),transform var(--nav-ease);width:0}&:before{top:8px}&:after,&:before{transform:rotate(0)}&:after{top:16px}}&.is-visible .burger{width:30px;&:before{transition-delay:.1s;width:30px}&:after{transition-delay:.2s;width:30px}}&.is-closeable .burger{margin-block-start:8px;transform:rotate(-45deg);&:after,&:before{top:0;transform:rotate(90deg);transition-delay:0s}&:after{width:0}}}#logo{inset:25px auto auto 25px;position:absolute;img{width:clamp(60px,15vw,80px)}}#hero{background:var(--bg-base-1);display:grid;grid-template-columns:1fr 1fr;min-height:100vh;@media (width <= 768px){grid-template-columns:1fr}#hero-copy{align-self:center;padding:clamp(2rem,6vw,8rem);span{color:var(--color-text);display:inline-block;letter-spacing:.1em;margin-block-end:var(--spacing-xs);padding-inline-start:var(--spacing-xxs);text-transform:uppercase}h1{font-size:clamp(3rem,6vw,7rem);line-height:1}p{font-size:clamp(1rem,1.5vw,1.25rem);max-width:40ch;padding-block-start:var(--spacing-s);padding-inline-start:var(--spacing-xxs)}a.lnk{font-weight:700}}#hero-portrait{min-width:0;position:relative;>img{display:block;height:100%;object-fit:cover;width:100%;@media (width <= 768px){height:60vh}}}}main>section{--shape-height:90px;--header-offset:-100px;--background-color:var(--bg-base-1);--transition-background:var(--bg-base-0);&[data-background=base-0]{--background-color:var(--bg-base-0);--transition-background:var(--bg-base-1)}&[data-background=transparent]{--background-color:transparent}.container{background:var(--background-color)}.transition{--transition-color:var(--background-color);background:var(--transition-background);height:var(--shape-height);position:relative;&:after{background:var(--transition-color);content:"";display:block;inset:0;position:absolute}&[data-transition=curve]{&[data-position=in]:after{clip-path:ellipse(50% 100% at 50% 100%)}&[data-position=out]:after{clip-path:ellipse(50% 100% at 50% 0)}}&[data-transition=diagonal]{&[data-position=in]:after{clip-path:polygon(100% 0,100% 100%,0 100%)}&[data-position=out]:after{clip-path:polygon(0 100%,0 0,100% 0)}}&[data-transition=diagonal]+.container header{margin-block-start:var(--header-offset)}&[data-transition=diagonal-reverse]{&[data-position=in]:after{clip-path:polygon(100% 100%,0 100%,0 0)}&[data-position=out]:after{clip-path:polygon(0 0,100% 0,100% 100%)}}&[data-background=thesis]{--transition-background:#000}&[data-background=transparent]{--transition-background:transparent}&[data-background=base-0]{--transition-background:var(--bg-base-0)}&[data-background=base-1]{--transition-background:var(--bg-base-1)}}}main>section.photo{--curve-height:90px;--top-background:var(--bg-base-1);--bottom-background:#000;background:linear-gradient(to bottom,var(--top-background) 50%,var(--bottom-background) 50%);--mask-in:linear-gradient(to bottom left,transparent 50%,#000 50%) top /100% var(--curve-height) no-repeat;--mask-out:linear-gradient(to bottom right,#000 50%,transparent 50%) bottom /100% var(--curve-height) no-repeat;--mask-center:linear-gradient(#000 0 0) center /100% calc(100% - var(--curve-height)*2) no-repeat;&[data-background=base-0]{--top-background:var(--bg-base-0)}&[data-background=base-1]{--top-background:var(--bg-base-1)}&[data-background=thesis]{--top-background:#000}&[data-transition-in=curve]{--mask-in:radial-gradient(50% 100% at 50% 100%,#000 100%,transparent 100%) top /100% var(--curve-height) no-repeat}&[data-transition-out=curve]{--mask-in:radial-gradient(50% 100% at 50% 0%,#000 100%,transparent 100%) bottom /100% var(--curve-height) no-repeat}>img{display:block;height:clamp(350px,45vw,650px);mask:var(--mask-in),var(--mask-center),var(--mask-out);object-fit:cover;object-position:center 30%;width:100%}}main header{margin:-1em auto 40px;max-width:var(--content-width-80);text-align:center;&:after{background:#000;content:"";display:block;height:4px;margin:40px auto;transition:.4s cubic-bezier(.175,.885,.32,1.275) .8s;width:100px}:is(h2,h3){opacity:0;transform:translateY(40px);transition:opacity 1s,transform 1s}&.fade-in :is(h2,h3){opacity:1;transform:translateY(0)}}h2{font:700 2em/1.5 Raleway;letter-spacing:.15em;text-transform:uppercase}h3{color:var(--color-meta);font:italic 1.25em/1.5 CrimsonText}h4{font:700 clamp(16px,3.5vw,20px)/1.5 Assistant;margin-block-end:var(--spacing-xxs)}.content>blockquote{font:400 clamp(18px,5vw,24px)/1.75 Raleway;margin-block-end:var(--spacing-ml);max-width:var(--content-width-80)}.thesis{--bg-thesis:#000;--background-color:var(--bg-thesis);.content{padding-block:clamp(5rem,15vh,10rem);text-align:center}blockquote{color:#fff;font:italic clamp(3em,6vw,4em)/1 CrimsonText;letter-spacing:-1px;margin:1.5rem auto;max-width:80%;&:before{background:url(/images/logo-abstract.webp) 50%/contain no-repeat;content:"";display:block;height:41px;margin:0 auto 1.5rem;width:26px}}}.lazy{&:before{--icon-size:clamp(35px,5vw,40px);background:var(--color-icon);content:"";flex-shrink:0;height:var(--icon-size);-webkit-mask:var(--bg-url) no-repeat center/contain;mask:var(--bg-url) no-repeat center/contain;opacity:0;transition:opacity .5s ease-in-out;width:var(--icon-size)}&.loaded:before{opacity:1}}main header.h-qt:after{background:none;content:"“";font:700 4em/.25em Assistant}.btn{background:var(--btn-bg-gradient);border:0;border-radius:var(--spacing-l);box-shadow:var(--box-shadow);color:var(--bg-base-0);display:inline-flex;font:700 .8em/1.5 Raleway;padding:var(--spacing-s) var(--spacing-gap);text-transform:uppercase;transition:border-radius .25s ease-in;&:not(:disabled):hover{border-radius:0;cursor:pointer}&.lazy:before{--color-icon:var(--bg-base-0);flex-shrink:0;height:1.45em;margin-inline-end:var(--spacing-xs);width:1.25em}}.cards{display:grid;gap:var(--cards-gap,var(--spacing-s));margin-block-end:var(--spacing-l);li p{margin-block-end:0}&:where([data-ui-style=filled],[data-ui-style=elevated]) li{border-radius:var(--spacing-xs);padding:var(--spacing-ml)}&[data-ui-style=filled] li{background:var(--cards-background,var(--bg-base-1))}&[data-ui-style=elevated] li{background:linear-gradient(to bottom,transparent,var(--bg-base-1));border:1px solid color-mix(in srgb,var(--color-meta) 50%,var(--bg-base-1));box-shadow:var(--box-shadow)}&[data-ui-type=icon] li{display:flex;gap:var(--spacing-gap);&:before{margin-block-start:var(--spacing-xxs)}}@media (width >= 768px){--cards-gap:var(--spacing-gap);grid-template-columns:repeat(2,minmax(0,1fr));&[data-ui-style=elevated]{--cards-gap:var(--spacing-s)}>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - var(--cards-gap, var(--spacing-gap))/2)}}}main>section.accent{--background-color:var(--color-accent-0);--text-color:var(--bg-base-0);color:var(--text-color);&:after,&:before,.container{background:var(--background-color)}:is(h3,p){color:color-mix(in srgb,var(--text-color) 80%,var(--background-color))}header{margin-block-start:-25px;&:after{content:none}}ul.infographic{--cover-color:var(--background-color)}}#slides-deck{--transition:.45s ease;--spacing-gap:var(--spacing-l);align-items:flex-start;display:flex;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--spacing-gap)),transparent 100%);overflow:hidden;padding-inline:var(--spacing-gap);position:relative;transition:height var(--transition);.slide{cursor:pointer;margin-inline-end:-100%;opacity:0;transform:translateX(50%);transition:opacity var(--transition),transform var(--transition);width:100%;&.slide-visible{margin-inline-end:0;opacity:1;transform:translateX(0)}}}#slides-indicator{--background-color:#000;display:flex;flex-wrap:wrap;gap:var(--spacing-gap);justify-content:center;li{cursor:pointer;padding:var(--spacing-xxs) var(--spacing-xs)}span{--size:8px;background:rgb(from var(--background-color) r g b/25%);border-radius:50%;display:inline-block;height:var(--size);transition:background-color .25s ease;width:var(--size)}.slide-visible span{background:rgb(from var(--background-color) r g b/50%)}}.tooltip-info{background:rgba(0,0,0,.85);border-radius:5px;box-shadow:var(--box-shadow);color:#fff;inset:auto auto 3.5em 0;opacity:0;padding:var(--spacing-xs) var(--spacing-s);position:absolute;text-align:left;visibility:hidden}.active-tooltip .tooltip-info{opacity:1;visibility:visible}#awards{--background-color:var(--color-accent-0);--hover-rotation:2deg;--text-color:#fff;margin-block-end:var(--spacing-m);text-align:center;.award{opacity:0;position:relative;transform:translateX(-50px);transition:opacity .6s ease-out,transform .6s ease-out;&:nth-of-type(2n){--hover-rotation:-2deg}&.visible{opacity:1;transform:translateX(0)}div{margin:var(--spacing-m) auto;max-width:300px;position:relative;transition:transform .2s ease-out;strong{color:color-mix(in srgb,var(--text-color) var(--text-mix),var(--background-color));cursor:pointer;display:block;font:700 1.1em Raleway;text-shadow:2px 2px 8px color-mix(in srgb,var(--background-color) 80%,#000);text-transform:uppercase}&:before{font:700 6em Assistant;inset:50% auto auto 50%;position:absolute;transform:translate(-50%,-54%);z-index:-1}&:hover{transform:rotate(var(--hover-rotation))}}&[data-type=silver] div{--text-mix:80%;&:before{color:color-mix(in srgb,var(--text-color) 20%,var(--background-color));content:attr(data-year)}}&[data-type=gold] div{--text-mix:90%;&:before{background:url(/svg/trophy.svg) no-repeat 50%;background-size:contain;content:"";height:70px;width:80px}}}}#recognition{&.accent .h-qt:after{color:rgba(0,0,0,.25);content:"“"}#slides-deck{--cover-color:var(--color-accent-0);margin-inline:auto;max-width:510px;padding-block-end:var(--spacing-s);text-align:center;cite{display:block;font-weight:700;&:before{content:"— "}}}}#speaking{.ntc{background:var(--bg-gradient);box-shadow:var(--box-shadow);color:#fff;margin-block-end:0;text-align:center}.btn{margin-block:var(--spacing-s)}}#crds{margin:var(--spacing-xl) 0;@media (width >= 768px){align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-l) var(--spacing-ml);justify-content:space-evenly}}.crd{perspective:1500px;text-align:center;@media (width >= 768px){max-width:calc(var(--content-width)/2 - var(--spacing-l))}&:nth-of-type(4n+1){margin-block-start:calc(var(--spacing-l)*-1);transform:rotate(-2deg)}&:nth-of-type(4n+2){margin-inline-start:var(--spacing-m);transform:rotate(1deg)}&:nth-of-type(4n+3){margin-inline-start:calc(var(--spacing-s)*-1);transform:rotate(-1deg)}&:nth-of-type(4n){margin-block-start:var(--spacing-m);transform:rotate(1deg)}}.crd-contnr{border:var(--spacing-xs) solid var(--bg-base-0);border-radius:var(--spacing-xs);box-shadow:var(--box-shadow);transform-style:preserve-3d;transition:transform 1s ease;&.flipped{transform:rotateY(180deg)}time{color:var(--color-meta);display:block;font:400 1em/1.75 CrimsonText}h1{font:700 1.25em/1.5 Assistant;text-transform:uppercase}p{margin-block:var(--spacing-m);text-align:left}}#crds :is(.crd-frnt,.crd-bck){backface-visibility:hidden;height:100%;width:100%}.crd-bck-contnt,.crd-frnt-contnt{padding:var(--spacing-ml)}.crd-frnt{display:contents;position:absolute;img{--transition:.25s ease;border:1px solid var(--bg-base-1);display:block;height:auto;width:100%}}.crd-btn-more{background:#e8e8e8;border:none;color:var(--color-meta);cursor:pointer;font:normal .95em/1.5 Assistant;padding:var(--spacing-xxs) var(--spacing-xs)}.crd-frnt-contnt{position:relative;&:before{background:var(--bg-base-1);clip-path:polygon(0 100%,5% 0,10% 100%,15% 0,20% 100%,25% 0,30% 100%,35% 0,40% 100%,45% 0,50% 100%,55% 0,60% 100%,65% 0,70% 100%,75% 0,80% 100%,85% 0,90% 100%,95% 0,100% 100%);content:"";height:10px;inset:-10px auto auto 15%;position:absolute;width:70%}}.crd-bck{background:var(--bg-base-1);border:1px dashed var(--color-meta-lighter);position:absolute;top:0;transform:rotateY(180deg)}.crd-bck-contnt{height:100%;overflow:hidden;padding-block-end:var(--spacing-xxl)}.flipped .crd-bck-contnt{overflow-y:auto}#crds-btn:disabled{cursor:not-allowed;opacity:.5}.crd-info-closed,.crd-info-open{box-shadow:0 -5px 15px -5px rgba(0,0,0,.2);color:var(--color-accent);font-size:.95em;font-weight:600;inset:auto auto 0 0;margin:0;padding:var(--spacing-xs) var(--spacing-s);position:absolute;width:100%}.crd-info-open{background:var(--link-gradient);color:var(--bg-base-0)}.crd-info-closed{background:linear-gradient(to left,var(--bg-base-1) 0,var(--bg-base-0) 70%);border-top:4px solid var(--color-accent);cursor:pointer}#speaking{.content{padding-block-end:0}.btn{margin-block-end:var(--spacing-xl)}}#crds{align-items:center;display:flex;flex-wrap:nowrap;.crd{max-width:410px}}.marquee{--marquee-gap:var(--spacing-xl);--marquee-duration:60s;margin-top:calc(var(--spacing-xl)*-1);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);overflow:hidden;position:relative;width:100%;.marquee-track{animation:marquee-scroll var(--marquee-duration) linear infinite;display:flex;width:max-content;will-change:transform}.marquee-group{align-items:center;display:flex;flex-shrink:0;gap:var(--marquee-gap);padding-inline-end:var(--marquee-gap)}&:hover .marquee-track{animation-play-state:paused}}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}#media{ul{margin-block-end:var(--spacing-xl);text-align:center}a{color:var(--color-text-medium);text-decoration:none}span{font-weight:600}small{background:var(--link-gradient);background-clip:text;color:transparent}}.ntc{background:#e1e1e1;border-radius:var(--spacing-xs);margin-block:var(--spacing-l);padding:var(--spacing-m) var(--spacing-ml);&[data-title]{padding-block-end:var(--spacing-ml);&:before{content:attr(data-title);display:block;font:700 1.25em/1.75 Assistant}}&:not([data-title]){font:700 1.25em/1.75 Assistant;padding:var(--spacing-s) var(--spacing-ml);text-align:center}}.ntc-important{background:#d73c3c;color:#fff}a[download]{border-bottom:0;display:inline-flex;gap:var(--spacing-xxs);&:before{background:url(/svg/download.svg) no-repeat 50%/contain;content:"";flex-shrink:0;height:1.45em;width:1.25em}}.block{>li{--rotation:-.5deg;background:var(--bg-base-2);border-radius:var(--spacing-xs);margin-block-end:var(--spacing-gap);padding:var(--spacing-ml) var(--spacing-l);transform:rotate(var(--rotation));&:nth-of-type(2n){--rotation:.5deg}}}#footer{font-size:90%;.container{background:#000}.content{display:grid;gap:var(--spacing-xs) var(--spacing-xl);grid-template-columns:2fr 1fr 2fr;padding-block-end:var(--spacing-xl);@media (width <= 768px){grid-template-columns:repeat(2,1fr);>:last-child{grid-column:1/-1}}div:first-child img{margin-block:var(--spacing-m) var(--spacing-xs)}p{color:var(--color-meta)}ol{text-align:right}a.lnk{border:0;color:var(--bg-base-0)}div:last-child{text-align:right;img{height:25px;width:25px}}small{color:var(--color-meta)}}}#overlay{background:var(--bg-base-1);display:flex;inset:0;place-content:center;position:fixed;&.hidden{animation:fade-out .5s ease-out forwards}}@keyframes fade-out{to{opacity:0}}#hero-portrait>img{-o-object-position:35%;object-position:35%}.downloads[data-ui-layout=cluster]{gap:var(--spacing-m);justify-content:start;padding:var(--spacing-xs) 0 var(--spacing-m);[data-ui-layout=cluster]{align-items:center;gap:var(--spacing-s);justify-content:start}}#sheet{header{margin-block-start:0}small{color:#a0a0a0;display:block}.ntc-important{margin-block-start:var(--spacing-m)}.btn.copied:before{--bg-url:url(/svg/check.svg);filter:brightness(0) invert(1)}.btn-copy{&:after{content:"Copy"}&.copied:after{content:"Copied to clipboard!"}}}