@font-face{font-family:'Stretch Pro Basic';font-weight:400;src:url(../../.././themes/fonts/stretch-pro-basic.ttf) format('truetype'),url(../../.././themes/fonts/stretch-pro-basic.woff) format('woff');font-display:swap}@font-face{font-family:'Stretch Pro Stretch';font-weight:400;src:url(../../.././themes/fonts/stretch-pro-stretch.ttf) format('truetype'),url(../../.././themes/fonts/stretch-pro-stretch.woff) format('woff');font-display:swap}@font-face{font-family:'Roboto Mono';font-weight:300;src:url(../../.././themes/fonts/roboto-mono-300.ttf) format('truetype'),url(../../.././themes/fonts/roboto-mono-300.woff) format('woff'),url(../../.././themes/fonts/roboto-mono-300.woff2) format('woff2');font-display:swap}@font-face{font-family:'Roboto Mono';font-weight:300;font-style:italic;src:url(../../.././themes/fonts/roboto-mono-300italic.ttf) format('truetype'),url(../../.././themes/fonts/roboto-mono-300italic.woff) format('woff'),url(../../.././themes/fonts/roboto-mono-300italic.woff2) format('woff2');font-display:swap}@font-face{font-family:'Roboto Mono';font-weight:400;src:url(../../.././themes/fonts/roboto-mono.ttf) format('truetype'),url(../../.././themes/fonts/roboto-mono.woff) format('woff'),url(../../.././themes/fonts/roboto-mono.woff2) format('woff2');font-display:swap}@font-face{font-family:'Roboto Mono';font-weight:400;font-style:italic;src:url(../../.././themes/fonts/roboto-mono-italic.ttf) format('truetype'),url(../../.././themes/fonts/roboto-mono-italic.woff) format('woff'),url(../../.././themes/fonts/roboto-mono-italic.woff2) format('woff2');font-display:swap}@font-face{font-family:'Roboto Mono';font-weight:500;src:url(../../.././themes/fonts/roboto-mono-500.ttf) format('truetype'),url(../../.././themes/fonts/roboto-mono-500.woff) format('woff'),url(../../.././themes/fonts/roboto-mono-500.woff2) format('woff2');font-display:swap}@font-face{font-family:'Roboto Mono';font-weight:500;font-style:italic;src:url(../../.././themes/fonts/roboto-mono-500italic.ttf) format('truetype'),url(../../.././themes/fonts/roboto-mono-500italic.woff) format('woff'),url(../../.././themes/fonts/roboto-mono-500italic.woff2) format('woff2');font-display:swap}@font-face{font-family:'Roboto Mono';font-weight:600;src:url(../../.././themes/fonts/roboto-mono-600.ttf) format('truetype'),url(../../.././themes/fonts/roboto-mono-600.woff) format('woff'),url(../../.././themes/fonts/roboto-mono-600.woff2) format('woff2');font-display:swap}@font-face{font-family:'Roboto Mono';font-weight:600;font-style:italic;src:url(../../.././themes/fonts/roboto-mono-600italic.ttf) format('truetype'),url(../../.././themes/fonts/roboto-mono-600italic.woff) format('woff'),url(../../.././themes/fonts/roboto-mono-600italic.woff2) format('woff2');font-display:swap}@font-face{font-family:'Roboto Mono';font-weight:700;src:url(../../.././themes/fonts/roboto-mono-700.ttf) format('truetype'),url(../../.././themes/fonts/roboto-mono-700.woff) format('woff'),url(../../.././themes/fonts/roboto-mono-700.woff2) format('woff2');font-display:swap}@font-face{font-family:'Roboto Mono';font-weight:700;font-style:italic;src:url(../../.././themes/fonts/roboto-mono-700italic.ttf) format('truetype'),url(../../.././themes/fonts/roboto-mono-700italic.woff) format('woff'),url(../../.././themes/fonts/roboto-mono-700italic.woff2) format('woff2');font-display:swap}h1{position:relative;font-size:80px;font-style:italic;font-weight:400;text-transform:uppercase;color:var(--dark);line-height:60px;background:var(--light);padding:var(--s1);&::before,&::after{position:absolute;bottom:0;left:0;z-index:1;pointer-events:none;transform:translateY(calc(100% + var(--s3)));font-family:var(--font-family-heading);font-size:170px;font-style:normal;line-height:140px}&::before{content:'0' attr(data-outline) '\A' attr(data-outline);white-space:pre;color:var(--primary)}&::after{content:'0' attr(data-outline);position:absolute;bottom:0;left:0;z-index:2;pointer-events:none;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px var(--body-bg)}&.plain::before,&.plain::after{content:unset}&.title{font-family:var(--font-family-heading);font-size:170px;font-style:normal;line-height:140px;background:none;color:var(--primary);padding:0;&::before{content:unset}&::after{content:attr(data-outline);transform:none}}}@media (min-width:1930px){h1{font-size:100px;line-height:80px;&::before,&::after{font-size:240px;line-height:200px}&.title{font-size:240px;line-height:200px}}}@media (max-width:992px){h1{font-size:50px;line-height:40px;&::before,&::after{font-size:70px;line-height:60px}&.title{font-size:70px;line-height:60px}}}h2{font-size:var(--font-xl);font-weight:300;font-style:italic;line-height:1;text-transform:uppercase;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);&.plain{font-family:var(--font-family-heading);font-weight:400;font-style:normal;color:var(--light)}> span{background:var(--dark);color:var(--light);white-space:nowrap;padding:0 var(--s1)}&.light > span{background:var(--light);color:var(--dark)}}section.content{> .content-left h2{display:block;line-height:1.2;> span{white-space:unset}}&:nth-child(odd) > .content-left h2 > span{background:linear-gradient(0deg,transparent 0 10%,var(--light) 10% 90%,transparent 90%);color:var(--dark)}&:nth-child(even) > .content-left h2 > span{background:linear-gradient(0deg,transparent 0 10%,var(--dark) 10% 90%,transparent 90%);color:var(--light)}}h3{font-size:var(--font-lg);font-weight:400;text-transform:uppercase;letter-spacing:0.15em;line-height:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s1);> span{background:var(--dark);color:var(--light);padding:var(--s0);em{font-weight:600;color:var(--secondary)}}&.light > span{background:var(--light);color:var(--dark);> em{font-weight:700;color:var(--primary)}}}section.content{h3{display:block;margin:var(--s4) 0 var(--s3) 0;line-height:1.5;&:first-child{margin-top:0}}&:nth-child(odd) h3 > span{background:linear-gradient(0deg,transparent 0 10%,var(--light) 10% 90%,transparent 90%);color:var(--dark);> em{font-weight:700;color:var(--primary)}}&:nth-child(even) h3 > span{background:linear-gradient(0deg,transparent 0 10%,var(--dark) 10% 90%,transparent 90%)}}h4{font-size:var(--font-xs);font-style:italic;text-transform:uppercase;letter-spacing:0.25em;line-height:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);> span{background:var(--dark);color:var(--light);font-weight:600;padding:var(--s0)}&.light > span{background:var(--light);color:var(--dark);font-weight:700}}section.content{h4{display:block;margin:var(--s3) 0 var(--s2) 0;line-height:1.5;&:first-child{margin-top:0}}&:nth-child(odd) h4 > span{background:linear-gradient(0deg,transparent 0 10%,var(--light) 10% 90%,transparent 90%);color:var(--dark);font-weight:700}&:nth-child(even) h4 > span{background:linear-gradient(0deg,transparent 0 10%,var(--dark) 10% 90%,transparent 90%)}}h1 > span,h2 > span,h3 > span,h4 > span{box-decoration-break:clone;-webkit-box-decoration-break:clone}h1,h2,h3,h4{text-align:left}section.content ul{margin:var(--s3) 0;padding:0;display:flex;flex-direction:column;gap:var(--s2);list-style-type:none;li{position:relative;padding-left:var(--s4);&::before,&::after{position:absolute;top:0;left:0;z-index:-1;font-family:var(--font-family-heading);font-size:var(--font-lg);font-style:italic;color:var(--primary)}&::before{content:'////'}&::after{content:'////////';opacity:0.5}}}.content-left > nav{position:sticky;top:calc(var(--s4) + var(--s3));z-index:1;&:not(:has( ul)){text-align:justify;hyphens:auto;-webkit-hyphens:auto}ul{gap:var(--s0);margin-top:0;br + li{margin-top:var(--s2)}li{padding-left:var(--s3);&::before{content:'//'}&::after{content:'////'}}}a{color:var(--light) !important;&::after{width:0 !important}&:hover::after{width:100% !important}}}strong,em,ul,s{position:relative;z-index:1;box-decoration-break:clone;-webkit-box-decoration-break:clone}section.content{strong{font-weight:700;color:var(--primary);> em{font-style:italic;background:linear-gradient(0deg,transparent 10%,var(--light) 10% 90%,transparent 90%)}}em{font-style:italic;color:var(--dark);background:linear-gradient(0deg,transparent 10%,var(--tertiary) 10% 90%,transparent 90%);> strong{font-style:italic;color:var(--primary);background:linear-gradient(0deg,transparent 10%,var(--light) 10% 90%,transparent 90%)}}> .content-center ul li > strong:first-child{color:var(--dark);background:linear-gradient(0deg,transparent 10%,var(--light) 10% 90%,transparent 90%)}}blockquote{font-weight:300;font-size:var(--font-lg);font-style:italic;padding:0 var(--s4);&::after{content:attr(data-author);font-size:var(--font-xs);font-style:normal;font-weight:500;text-transform:uppercase;text-align:right;display:block}}