:root{--text: #000;--knockout: #fff;--muted: #828282;--screen: #82828288;--purple: #7C5293CC;--green: #5ABA49CC;--blue: #1189D8CC;--yellow: #B2BA49CC;--corners: .8rem}body{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100;font-size:clamp(16px,1.5vw,22px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:Merriweather,serif;margin-top:6rem;margin-bottom:0}h2{font-family:Merriweather,serif;font-weight:500;font-size:3rem;margin-bottom:0}.centercol h2{font-size:2rem}h3{font-size:2rem;font-weight:300;text-align:center}nav a{color:var(--text);text-decoration:none;padding:1rem}nav a:hover{text-decoration:underline}.hamburger{display:none;background:none;border:none;cursor:pointer}@media(orientation:portrait){header.navhead{height:4vh;border-bottom:none;width:90%;margin:2vh auto 0;&.open{.navcontainer .nav{display:inline}.hamburger{span:nth-child(1){transform:translateY(8px) rotate(45deg)}span:nth-child(2){opacity:0}span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}}}header.navhead .navcontainer{display:flex;flex-direction:row;align-items:center;.nav{display:none;a{font-size:1.3rem;padding:.8rem}}}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;margin-right:1.4rem}.hamburger span{height:2px;width:100%;background:var(--text);display:block}}footer nav a{color:var(--knockout)}.intro{font-size:2.2rem}.skills p{margin-top:0}.quotes{border:1px 0 1px 0;border-color:var(--muted)}a{color:var(--blue)}hr{background-color:var(--muted);margin-bottom:6rem;height:1px;border:none}body{margin:0;padding:0}header,footer{height:14vh;.navcontainer{text-align:center;align-content:center;justify-content:stretch;height:100%;display:grid}}header{border-bottom:1px solid var(--muted)}footer{background:url(/media/footer.jpg) no-repeat center/cover}.centercol{margin:0 auto;width:80%;max-width:1920px;@media(orientation:portrait){width:90%}}.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:3vw;row-gap:3vw;grid-auto-rows:auto}.intro{grid-column:3 / span 8;margin:12vw 0;@media(orientation:portrait){margin:0;grid-column:span 12}}@media(orientation:portrait){#homereel{display:none}}.skills{margin:12vw 0}.skills .card{grid-column:span 6;margin:0 2vw;@media(orientation:portrait){grid-column:span 12;h2{margin-top:.6rem}}img{max-width:100%}}.quotes{border-top:1px solid var(--muted);border-bottom:1px solid var(--muted);padding:4rem 0;margin:4rem 0;h3{grid-column:span 12;@media(orientation:portrait){text-align:left;grid-column:span 10}}.card{grid-column:span 6;display:flex;flex-direction:row;@media(orientation:portrait){grid-column:span 12}.pic{width:23%;img{width:60%;display:block;margin:0 auto}}.text{width:77%;.quote{margin-top:0}.name{margin-bottom:0}.role{font-size:1rem;margin-top:0}}}}.works{margin:6vw 0;grid-template-columns:repeat(12,1fr);.category{margin:0;font-weight:600;text-transform:uppercase}.title{margin:0;text-align:left;font-family:Merriweather,serif}.company{margin:0}a{color:var(--blue);font-size:1.7rem}.card{grid-column:span 12;display:grid;grid-template-columns:repeat(12,1fr);column-gap:3vw;margin-bottom:4vw;@media(orientation:portrait){margin-bottom:4rem;padding-bottom:4rem;border-bottom:1px solid var(--muted)}.thumb{grid-column:span 7;display:block;aspect-ratio:4/3;overflow:hidden;img{width:100%;height:100%;object-fit:cover}.hoverbutton{display:none}}.text{grid-column:span 5}@media(orientation:portrait){.thumb,.text{grid-column:span 12}}}}.featured{grid-template-columns:repeat(20,1fr);:nth-child(1){grid-column:span 12;align-self:end}:nth-child(2){grid-column:span 8;align-self:end}:nth-child(3){grid-column:span 8}:nth-child(4){grid-column:span 12}@media(orientation:portrait){.card{grid-column:span 20}}}.featured{.card{display:block;margin-bottom:0;a{display:block;position:relative;p{display:block;position:absolute;bottom:0;color:var(--knockout);background-color:var(--screen);font-weight:200;font-size:1.4rem;margin:0;padding:.4rem 1.5rem;width:100%;box-sizing:border-box;border-bottom-left-radius:var(--corners);border-bottom-right-radius:var(--corners)}img{max-width:100%;display:block;border-radius:var(--corners)}:hover p{background-color:muted;animation:}}.readon{display:none}.text{margin-top:1.2vw;font-size:1.1rem}h3{text-align:left;margin:0;line-height:100%}}}div.readmore{margin:9rem 0;text-align:center;@media(orientation:portrait){margin:8rem 0}}a.big{background-color:var(--blue);padding:2rem 3rem;font-size:1.7rem;margin:0 auto;text-align:center;color:var(--knockout);border-radius:var(--corners);text-decoration:none;@media(orientation:portrait){padding:1.5rem;font-size:1.2rem}}.letstalk{border-top:1px solid var(--muted);padding:16rem 0;margin-top:8rem;text-align:center;@media(orientation:portrait){padding:16rem 0}.squeezer{width:30%;display:inline-block;@media(orientation:portrait){width:100%}}h1{font-family:Merriweather,serif;text-align:center}p{text-align:center}}.post .centercol{display:grid;grid-template-columns:repeat(12,1fr);padding:3vw 0;>*{grid-column:3 / 10;margin:1.5vw 0}figure{font-size:1.2rem;grid-column:span 12;img,video,iframe{width:100%;max-width:100%}}figure.small{grid-column:4 / 9}figure.medium{grid-column:3 / 10}figure iframe{aspect-ratio:16 / 9}@media(orientation:portrait){>*{grid-column:span 12}}h1{margin-bottom:0}}.post .centercol .panzoom{grid-column:span 12;aspect-ratio:16 / 9;padding:2rem;border:1px solid #666}#viewer{width:100%;height:100%;background:#666;overflow:hidden;cursor:grab;touch-action:none}#image{transform-origin:0 0;user-select:none;will-change:transform}#viewer:active{cursor:grabbing}.panzoom-controls{position:absolute;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:10}.panzoom-controls button{width:40px;height:40px;font-size:18px;cursor:pointer}.pan-controls{display:flex;flex-direction:column;gap:6px;align-items:center}.zoom-controls{display:flex;flex-direction:row;gap:6px}.pan-row{display:flex;gap:6px;justify-content:center}.post .centercol .zoomcaption{grid-column:span 12}