*{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}}}@media (width >= 768px){.col2{column-count:2;column-gap:var(--spacing-gap)}}.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}}.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}}.stepper{--stepper-line-size:2px;--stepper-size:2.5em;--stepper-gap:var(--spacing-s);--stepper-content-gap:var(--spacing-m);--stepper-arrow-size:var(--spacing-m);--stepper-connector-gap:0.75em;align-items:stretch;counter-reset:step;display:flex;flex-direction:column;gap:var(--stepper-gap);width:100%}.step{--step-color:var(--color-accent);--next-step-color:var(--step-color);align-items:flex-start;counter-increment:step;display:flex;gap:var(--stepper-gap) var(--spacing-ml);position:relative;text-align:left;&:before{align-items:center;background:var(--step-color);border-radius:50%;color:var(--bg-base-0);content:counter(step);display:inline-flex;flex:0 0 var(--stepper-size);font-weight:700;height:var(--stepper-size);justify-content:center;width:var(--stepper-size)}&:not(:last-child):after{background:linear-gradient(to bottom,var(--step-color),var(--next-step-color));content:"";height:calc(100% - var(--stepper-size) - var(--stepper-gap));left:calc(var(--stepper-size)/2 - var(--stepper-line-size)/2);position:absolute;top:calc(var(--stepper-size) + var(--stepper-gap));width:var(--stepper-line-size)}}.step-content{background:var(--bg-base-0);border-radius:var(--spacing-xs);box-shadow:var(--box-shadow-right);padding:var(--spacing-m) var(--spacing-ml);position:relative;&:before{background:var(--bg-base-0);clip-path:polygon(100% 0,0 50%,100% 100%);content:"";height:calc(var(--stepper-arrow-size)*2);left:calc(var(--stepper-arrow-size)*-1);position:absolute;top:calc(var(--stepper-gap) + var(--spacing-xs));transform:translateY(-50%);width:var(--stepper-arrow-size)}p{margin-block-end:var(--spacing-xxs)}}@media (width >= 768px){.stepper{align-items:flex-start;flex-direction:row;justify-content:space-between}.step{display:block;flex:1;text-align:center;&:not(:last-child):after{background:linear-gradient(to right,var(--step-color),var(--next-step-color));height:var(--stepper-line-size);left:calc(50% + var(--stepper-size)/2 + var(--stepper-connector-gap));right:calc(-50% + var(--stepper-size)/2 + var(--stepper-connector-gap) - var(--stepper-gap));top:calc(var(--stepper-size)/2);width:auto}}.step-content{margin-block-start:var(--spacing-ml);padding:var(--spacing-ml) var(--spacing-m);&:before{clip-path:polygon(50% 0,0 100%,100% 100%);height:var(--stepper-arrow-size);left:50%;top:calc(var(--stepper-arrow-size)*-1 + 1px);transform:translateX(-50%);width:calc(var(--stepper-arrow-size)*2)}}}#escalation{.stepper{margin-block-end:var(--spacing-l)}.step{&:first-child{--step-color:var(--color-meta);--next-step-color:#d28719;opacity:.7}&:nth-child(2){--step-color:#d28719;--next-step-color:#cd4128;opacity:.8;transform:rotate(.35deg)}&:nth-child(3){--step-color:#cd4128;--next-step-color:#8c1e1e;opacity:.9;transform:rotate(-.5deg)}&:nth-child(4){--step-color:#8c1e1e;transform:rotate(.85deg)}}}.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)}}}#perspective{p:nth-child(4){break-after:column}img{margin:var(--spacing-xs)}}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)}}ul.infographic{counter-reset:infostep;display:grid;gap:var(--spacing-gap);text-align:center;h4{font:700 1.5em/1.5 Raleway;letter-spacing:.1em;text-transform:uppercase}p{font-size:110%}li{counter-increment:infostep;padding:5em 0 0;position:relative;&:before{content:counter(infostep);font:400 10em/1 Raleway;inset:-.15em auto auto .1em;opacity:0}&:after,&:before{position:absolute}&:after{background:var(--cover-color,#fff);border-radius:50%;box-shadow:0 -20px 20px -20px rgba(0,0,0,.25);content:"";height:200px;inset:1em auto auto 50%;transform:translateX(-50%);width:200px;z-index:1}div{margin-inline:auto;max-width:350px;position:relative;z-index:2}}@media (width >= 768px){grid-template-columns:repeat(2,minmax(0,1fr));text-align:left;li{padding:4.5em 1.5em 0 6.5em;&:before{opacity:.25}&:after{box-shadow:-20px -10px 20px -20px rgba(0,0,0,.25);inset:1em auto auto 3.5em;transform:none}div{margin-inline:auto;max-width:none}}>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - var(--spacing-gap)/2)}}}main header.h-qt:after{background:none;content:"“";font:700 4em/.25em Assistant}#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%)}}#execution{blockquote,h4{margin-block-end:var(--spacing-s)}}#slides-deck{padding:var(--spacing-gap) .95em;.slide-container{background:var(--bg-base-0);border-left:4px solid var(--color-accent);border-radius:var(--spacing-xs);box-shadow:var(--box-shadow);display:flex;flex:0 0 var(--content-width-75);flex-flow:column nowrap;gap:var(--spacing-s);padding:var(--spacing-ml);p:last-of-type{margin-block-end:var(--spacing-xs)}@media (width >= 768px){flex-flow:row nowrap;gap:var(--spacing-gap);transform:rotate(-.5deg);&:before{margin-block-start:var(--spacing-xxs)}}}}#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}}#escalation{header{margin-block-start:0}}#scenarios{.cards{--cards-background:var(--bg-base-1)}}#execution{header{margin-block-start:var(--spacing-l)}}