@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}ul[role=list],ol[role=list]{padding:0;list-style:none}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{text-wrap:balance;margin:revert-layer;overflow-wrap:break-word}p:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}p{text-wrap:pretty}}iframe{border:none}.visually-hidden{clip:rect(1px, 1px, 1px, 1px)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@view-transition{navigation:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--dark-grey:#09090c;--grey:#161619;--white:#fff;--links:#73b1e8;--text:var(--white);--bg:var(--grey);--ff:"proxima-vara", sans-serif;--ff-reg:"wght" 360, "wdth" 890;--ff-semi:"wght" 580, "wdth" 890;--ff-bold:"wght" 780, "wdth" 890;--pi:max(0px, min(16px, calc((976px - 100vw) * 9999)))}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html{font-size:62.5%;line-height:1.5}body{color:var(--text);font-family:var(--ff);font-variation-settings:var(--ff-reg);background-color:var(--bg);background-image:linear-gradient(#09090c 0%,#0b0b0f 44%,#0b0b0e 64%,#0d0d11 76%,#0e0e11 84%,#101013 89%,#101014 93%,#131316 95%,#151519 97%,#161618 100%);font-size:1.8rem;&:before{content:"";z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='4.8' numOctaves='1' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.10' /></svg>");background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}}a,a:hover{color:var(--links)}.body-img{z-index:-1;background-position:50%;background-size:cover;background-attachment:fixed;width:100%;height:calc(76svh + 160px);animation:3s fadeIn;position:absolute;top:0;left:0}header{width:100%;margin-top:80px;& a{color:#fff;transition:font-variation-settings .225s ease-in;&:hover,&:focus{color:#fff;font-variation-settings:var(--ff-bold);outline-offset:2px;outline-width:2px;outline-color:#fff;text-decoration:none}}}.glass{backdrop-filter:blur(5px);background:#00000059;box-shadow:0 4px 30px #0000001a}.multi-col{grid-template-columns:var(--gtc,1fr);gap:var(--gap,1em);align-items:start;display:grid;@media (width<=768px){grid-template-columns:1fr}}footer .socialicons a{color:var(--white)}.socialicons a:hover,.socialicons a:focus{color:#93939e;text-decoration:none;transition:color .2s}.logo{margin-block:auto}.topbar{max-width:960px;padding-inline:var(--pi);color:#fff;grid-template-columns:repeat(3,1fr);align-items:center;height:80px;margin:0 auto;display:grid}h1,h2,h3,h4{font-variation-settings:var(--ff-semi);line-height:1.3}h1,h2{text-wrap:pretty;margin-block-start:8px;padding:0}header h1,header h2{text-transform:uppercase;line-height:1}.row h1{font-variation-settings:var(--ff-bold);letter-spacing:.112px;margin-bottom:4px;font-size:1.8rem}.header-logo h1,.header-logo h2{display:inline-block}nav{& .header-logo h1 span:nth-child(2){font-variation-settings:var(--ff-reg);letter-spacing:7.6px;color:#fff;font-size:1.8rem}& ul{flex-direction:row;justify-content:center;gap:7.5rem;padding:0;font-size:2rem;display:flex;position:relative}& li{text-align:center;width:50%}& a:not(:has(h1)){text-align:center;text-decoration:none}}.header-social{align-content:center}ul.socialicons{grid-auto-flow:column;justify-content:flex-end;gap:16px;display:grid;& li{align-content:center;width:auto}}.icon{width:20px;height:20px;display:block}.icon,.icon:after{background:var(--white);transition-property:background-color,background-image,opacity;transition-duration:.2s;transition-timing-function:ease}.icon-github{mask-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1493_1045)'%3e%3cpath%20d='M6.79297%2015.7578C6.79297%2015.8359%206.70312%2015.8984%206.58984%2015.8984C6.46094%2015.9102%206.37109%2015.8477%206.37109%2015.7578C6.37109%2015.6797%206.46094%2015.6172%206.57422%2015.6172C6.69141%2015.6055%206.79297%2015.668%206.79297%2015.7578ZM5.57813%2015.582C5.55078%2015.6602%205.62891%2015.75%205.74609%2015.7734C5.84766%2015.8125%205.96484%2015.7734%205.98828%2015.6953C6.01172%2015.6172%205.9375%2015.5273%205.82031%2015.4922C5.71875%2015.4648%205.60547%2015.5039%205.57813%2015.582ZM7.30469%2015.5156C7.19141%2015.543%207.11328%2015.6172%207.125%2015.707C7.13672%2015.7852%207.23828%2015.8359%207.35547%2015.8086C7.46875%2015.7813%207.54687%2015.707%207.53516%2015.6289C7.52344%2015.5547%207.41797%2015.5039%207.30469%2015.5156ZM9.875%200.546875C4.45703%200.546875%200.3125%204.66016%200.3125%2010.0781C0.3125%2014.4102%203.03906%2018.1172%206.93359%2019.4219C7.43359%2019.5117%207.60938%2019.2031%207.60938%2018.9492C7.60938%2018.707%207.59766%2017.3711%207.59766%2016.5508C7.59766%2016.5508%204.86328%2017.1367%204.28906%2015.3867C4.28906%2015.3867%203.84375%2014.25%203.20312%2013.957C3.20312%2013.957%202.30859%2013.3437%203.26562%2013.3555C3.26562%2013.3555%204.23828%2013.4336%204.77344%2014.3633C5.62891%2015.8711%207.0625%2015.4375%207.62109%2015.1797C7.71094%2014.5547%207.96484%2014.1211%208.24609%2013.8633C6.0625%2013.6211%203.85938%2013.3047%203.85938%209.54687C3.85938%208.47266%204.15625%207.93359%204.78125%207.24609C4.67969%206.99219%204.34766%205.94531%204.88281%204.59375C5.69922%204.33984%207.57812%205.64844%207.57812%205.64844C8.35938%205.42969%209.19922%205.31641%2010.0313%205.31641C10.8633%205.31641%2011.7031%205.42969%2012.4844%205.64844C12.4844%205.64844%2014.3633%204.33594%2015.1797%204.59375C15.7148%205.94922%2015.3828%206.99219%2015.2813%207.24609C15.9063%207.9375%2016.2891%208.47656%2016.2891%209.54687C16.2891%2013.3164%2013.9883%2013.6172%2011.8047%2013.8633C12.1641%2014.1719%2012.4688%2014.7578%2012.4688%2015.6758C12.4688%2016.9922%2012.457%2018.6211%2012.457%2018.9414C12.457%2019.1953%2012.6367%2019.5039%2013.1328%2019.4141C17.0391%2018.1172%2019.6875%2014.4102%2019.6875%2010.0781C19.6875%204.66016%2015.293%200.546875%209.875%200.546875ZM4.10937%2014.0195C4.05859%2014.0586%204.07031%2014.1484%204.13672%2014.2227C4.19922%2014.2852%204.28906%2014.3125%204.33984%2014.2617C4.39062%2014.2227%204.37891%2014.1328%204.3125%2014.0586C4.25%2013.9961%204.16016%2013.9687%204.10937%2014.0195ZM3.6875%2013.7031C3.66016%2013.7539%203.69922%2013.8164%203.77734%2013.8555C3.83984%2013.8945%203.91797%2013.8828%203.94531%2013.8281C3.97266%2013.7773%203.93359%2013.7148%203.85547%2013.6758C3.77734%2013.6523%203.71484%2013.6641%203.6875%2013.7031ZM4.95313%2015.0937C4.89063%2015.1445%204.91406%2015.2617%205.00391%2015.3359C5.09375%2015.4258%205.20703%2015.4375%205.25781%2015.375C5.30859%2015.3242%205.28516%2015.207%205.20703%2015.1328C5.12109%2015.043%205.00391%2015.0312%204.95313%2015.0937ZM4.50781%2014.5195C4.44531%2014.5586%204.44531%2014.6602%204.50781%2014.75C4.57031%2014.8398%204.67578%2014.8789%204.72656%2014.8398C4.78906%2014.7891%204.78906%2014.6875%204.72656%2014.5977C4.67188%2014.5078%204.57031%2014.4688%204.50781%2014.5195Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1493_1045'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");&:hover{background-color:#93939e}}.icon-bluesky{mask-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.36719%202.4297C6.64844%204.13673%209.10156%207.60548%2010%209.46876C10.8984%207.60939%2013.3516%204.14064%2015.6328%202.4297C17.2773%201.19532%2019.9414%200.242199%2019.9414%203.28126C19.9414%203.88673%2019.5937%208.37892%2019.3906%209.10939C18.6797%2011.6406%2016.0938%2012.2891%2013.793%2011.8945C17.8125%2012.5781%2018.8359%2014.8438%2016.625%2017.1094C12.4297%2021.4141%2010.5977%2016.0313%2010.1289%2014.6524C10.0625%2014.4609%2010.0273%2014.3477%2010%2014.3477C9.97266%2014.3477%209.9375%2014.4649%209.87109%2014.6524C9.40234%2016.0313%207.56641%2021.4141%203.375%2017.1094C1.16797%2014.8438%202.1875%2012.5781%206.20703%2011.8945C3.90625%2012.2891%201.32031%2011.6406%200.613281%209.10548C0.40625%208.37501%200.0585938%203.88282%200.0585938%203.27736C0.0585938%200.238293%202.72266%201.19142%204.36719%202.42579V2.4297Z'%20fill='black'/%3e%3c/svg%3e");&:hover{background-color:#0085ff}}.icon-instagram{background-image:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);position:relative;mask-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0041%205.50781C7.44874%205.50781%205.38758%207.51172%205.38758%209.99609C5.38758%2012.4805%207.44874%2014.4844%2010.0041%2014.4844C12.5595%2014.4844%2014.6206%2012.4805%2014.6206%209.99609C14.6206%207.51172%2012.5595%205.50781%2010.0041%205.50781ZM10.0041%2012.9141C8.35276%2012.9141%207.00276%2011.6055%207.00276%209.99609C7.00276%208.38672%208.34874%207.07812%2010.0041%207.07812C11.6595%207.07812%2013.0054%208.38672%2013.0054%209.99609C13.0054%2011.6055%2011.6554%2012.9141%2010.0041%2012.9141ZM15.8862%205.32422C15.8862%205.90625%2015.4041%206.37109%2014.8095%206.37109C14.2108%206.37109%2013.7327%205.90234%2013.7327%205.32422C13.7327%204.74609%2014.2148%204.27734%2014.8095%204.27734C15.4041%204.27734%2015.8862%204.74609%2015.8862%205.32422ZM18.9438%206.38672C18.8755%204.98438%2018.5461%203.74219%2017.4894%202.71875C16.4367%201.69531%2015.159%201.375%2013.7166%201.30469C12.23%201.22266%207.77419%201.22266%206.28758%201.30469C4.84919%201.37109%203.57151%201.69141%202.51482%202.71484C1.45812%203.73828%201.13267%204.98047%201.06035%206.38281C0.975977%207.82812%200.975977%2012.1602%201.06035%2013.6055C1.12866%2015.0078%201.45812%2016.25%202.51482%2017.2734C3.57151%2018.2969%204.84517%2018.6172%206.28758%2018.6875C7.77419%2018.7695%2012.23%2018.7695%2013.7166%2018.6875C15.159%2018.6211%2016.4367%2018.3008%2017.4894%2017.2734C18.542%2016.25%2018.8715%2015.0078%2018.9438%2013.6055C19.0282%2012.1602%2019.0282%207.83203%2018.9438%206.38672ZM17.0233%2015.1562C16.7099%2015.9219%2016.1032%2016.5117%2015.3117%2016.8203C14.1264%2017.2773%2011.3139%2017.1719%2010.0041%2017.1719C8.69428%2017.1719%205.87776%2017.2734%204.69651%2016.8203C3.90901%2016.5156%203.30232%2015.9258%202.98491%2015.1562C2.51482%2014.0039%202.6233%2011.2695%202.6233%209.99609C2.6233%208.72266%202.51883%205.98437%202.98491%204.83594C3.2983%204.07031%203.90499%203.48047%204.69651%203.17187C5.88178%202.71484%208.69428%202.82031%2010.0041%202.82031C11.3139%202.82031%2014.1304%202.71875%2015.3117%203.17187C16.0992%203.47656%2016.7059%204.06641%2017.0233%204.83594C17.4934%205.98828%2017.3849%208.72266%2017.3849%209.99609C17.3849%2011.2695%2017.4934%2014.0078%2017.0233%2015.1562Z'%20fill='black'/%3e%3c/svg%3e");&:after{content:"";position:absolute;inset:0}&:hover:after{opacity:0}}.icon-email{mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M64%20112c-8.8%200-16%207.2-16%2016l0%2022.1L220.5%20291.7c20.7%2017%2050.4%2017%2071.1%200L464%20150.1l0-22.1c0-8.8-7.2-16-16-16L64%20112zM48%20212.2L48%20384c0%208.8%207.2%2016%2016%2016l384%200c8.8%200%2016-7.2%2016-16l0-171.8L322%20328.8c-38.4%2031.5-93.7%2031.5-132%200L48%20212.2zM0%20128C0%2092.7%2028.7%2064%2064%2064l384%200c35.3%200%2064%2028.7%2064%2064l0%20256c0%2035.3-28.7%2064-64%2064L64%20448c-35.3%200-64-28.7-64-64L0%20128z'/%3e%3c/svg%3e");&:hover{background-color:#94b1f5}}section,footer{width:100%;max-width:960px;margin:0 auto}footer{flex-direction:column;justify-content:center;width:100%;height:200px;display:flex}footer p{text-align:center}footer .socialicons{justify-content:center}footer #hand{transform-origin:30% 60%;transition:transform .2s;display:inline-block;transform:scale(1)}footer #hand:hover{transform-origin:50% 60%;animation:2s infinite handwave}footer #heart{transition:transform .15s;display:inline-block;transform:rotate(0)}footer #heart:hover{color:#e273d9;transform:rotate(-90deg)}.padding-tb{padding-top:12%;padding-bottom:12%;padding-left:0!important;padding-right:0!important}.padding-xs{padding-top:50px;padding-bottom:50px;padding-left:50px!important;padding-right:50px!important}.tagline{width:100%;max-width:min(100% - 32px,960px);color:var(--grey);background-color:var(--white);text-align:center;margin:0 auto;padding-block:16px;padding-inline:24px;position:relative}#intro h2{font-size:300%;font-weight:400}.content{width:100%}.content section h4{text-align:center;width:100%;font-size:150%;font-weight:300}.content section{padding-block:20px;padding-inline:var(--pi)}.content i{font-style:italic}.content section p{margin-inline:auto}figure div:has(iframe){width:100%}figure button{cursor:pointer;background-color:#0000;border:none;padding:0}figure *{margin:0 auto}figure{flex-direction:column;padding:12px;display:flex}figcaption{margin-top:12px}.contribution section{text-align:left;max-width:800px}section.contribution{grid-template-columns:3fr 1fr;gap:2em;display:grid;@media (width<=768px){grid-template-columns:1fr;gap:0}& dl{& dt{text-transform:uppercase;color:hsl(from var(--white) h s calc(l*.7))}& dd{margin-bottom:.5em}}}section#intro{min-height:76svh;line-height:inherit;color:var(--white);flex-direction:column;justify-content:center;display:flex}@keyframes greeting{0%{opacity:0;translate:0 20px}}p.greeting{margin:32px 0 0;padding-inline-start:var(--pi);& span:nth-child(odd){font-variation-settings:var(--ff-reg);font-size:2.4rem;line-height:90%}& span:nth-child(2n){margin-bottom:.25em}& span{font-variation-settings:var(--ff-semi);font-size:clamp(6rem,4.96rem + 5.2vw,12.8rem);line-height:110%;display:block;@media (prefers-reduced-motion:no-preference){animation:.5s backwards greeting;animation-delay:calc(sibling-index() * 75ms)}}}div#intro{place-content:center;height:76svh;position:relative}section.projects ul{flex-direction:column;justify-content:space-around;gap:40px;display:flex}section.projects li{border:1px solid #ffffff17;border-radius:12px;width:100%;max-width:960px;height:470px;transition:scale .75s;overflow:clip}.projects a:has(.project),.projects a:hover:has(.project),.projects a:focus-visible:has(.project){text-decoration:none}section.projects li:hover,section.projects li:focus-visible{scale:1.01}section.projects li:active{scale:.99}section.projects li:has(a:focus-visible){outline-offset:3px;outline-style:solid;outline-color:#ffffffd9}.project{view-timeline-name:--revealing-image;view-timeline-axis:block;background-size:cover;place-content:center;width:100%;height:100%;display:grid;& .projectHero,& .projectDescription{grid-area:1/-1}}.projectniceties p{margin-top:10px}.project a.white{color:var(--white)}.project a.grey{color:var(--grey)}#project-adsk{isolation:isolate;background-image:linear-gradient(270deg,#000 50%,#161616 100%);background-size:100% 100%;position:relative;&:after{content:"";z-index:-1;background-image:radial-gradient(circle,#96969699 1px,#0000 2px,#0000);background-size:10px 10px;position:absolute;inset:0;mask-image:radial-gradient(circle at 70% 10%,#000 0%,#0000 80%)}}#project-compass{background-image:url(/_astro/topographic_map_background.BtGE2ISq.svg),conic-gradient(#000)}#project-englishlive .projectHero{background:linear-gradient(#e9e9eb,#ededed)}.projectTitle img{max-width:300px}.rightChevron{margin-top:-4px;margin-left:17px;transition:margin .25s}.projectHero{width:100%;height:470px}@keyframes greyscale{0%{filter:grayscale()saturate()}85%{filter:grayscale(0%)saturate(120%)}to{filter:grayscale(0%)saturate()}}.projectHero img{object-fit:cover;transform-origin:70% 60%;width:100%;height:100%;min-height:400px;transition:scale .75s,filter .75s;animation:linear both greyscale --revealing-image;animation-range:entry 25% entry 120%}.project:hover .projectHero img{scale:1.05}.projectDescription{padding:36px 50px;transition:scale;scale:1;& p{margin:12px 0 0}&.ondark{color:#fff}&.onlight{color:var(--dark-grey)}}.project:hover .projectDescription{scale:1}div.homegreeting{margin-top:-10%}@keyframes handwave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}html:has(dialog[open]){scrollbar-gutter:stable;overflow:clip}[popover]:not(:popover-open):not(dialog[open]){display:none!important}::view-transition-group(--light-box),::view-transition-group(--light-box-backdrop){z-index:1}dialog#lightbox{opacity:0;transition-behavior:allow-discrete;transition:opacity .3s,display .3s,overlay .3s;&[open]{opacity:1;display:block;@starting-style{opacity:0}}background:0 0;border:none;max-inline-size:100dvw;margin:auto;padding:0;&::backdrop{backdrop-filter:none;view-transition-name:--light-box-backdrop;transition-behavior:allow-discrete;background-image:radial-gradient(#0003,25%,#000e);transition:opacity .3s,overlay .3s}&>img{object-fit:contain;block-size:auto;max-block-size:90dvh;max-inline-size:100dvw}}@font-face{font-family:proxima-vara;src:url(/_astro/pv.DpX56yhZ.woff2)format("woff2");font-display:swap}@media only screen and (width>=737px){.project-title-name h3{display:none}}@media only screen and (width>=735px) and (width<=1024px){section.projects li{width:calc(100% - 32px);margin:0 auto}#teacherteaching{background-position:93%}.workwithlogo{text-align:center;padding:15px}}@media only screen and (width<=736px){body{padding-bottom:125px}section#intro{padding-block:40px}header{width:calc(100% - 1.6rem);margin:0 .8rem max(env(safe-area-inset-bottom,0), .8rem) .8rem;z-index:2;background-color:var(--dark-grey);border:1px solid #ffffff29;border-radius:100vmax;position:fixed;bottom:0;left:0;right:0;@supports (position-anchor:--wtv) and (hanging-punctuation:first){border:none;border-radius:40px 40px 0 0;width:100%;margin:0}}.mobile-glass{color:#fff;backdrop-filter:blur(5px);background:#0000008c;box-shadow:0 4px 30px #0000001a}.glass{@supports (position-anchor:--wtv) and (hanging-punctuation:first){background-color:var(--bg);background:var(--bg);backdrop-filter:none;box-shadow:inset 0 4px 5px #c8c8c81a}}.project a.white,.project a.grey{color:var(--white)}.topbar{grid-template-columns:auto 1fr;padding-inline:24px 16px;& ul{justify-content:space-evenly;gap:0;& a{padding:24px 12px}}}menu{gap:1.5rem}menu menuitem a{font-size:1.125rem}.topbar .header-social{display:none}.project{grid-template-rows:auto 96px;padding:0;& .projectHero{border-radius:12px;grid-row:1/-1;height:360px;overflow:clip;& img{object-fit:cover}}&#project-adsk .projectHero img{object-position:75% -40px}&#project-compass .projectHero img{object-position:100% -40px}&#project-connect .projectHero img{object-position:75% -20px}&#project-flame .projectHero img{object-position:63% 100%}&#project-aop .projectHero img{object-position:50% 100%}&#project-classroom .projectHero img,&#project-englishlive .projectHero img,&#project-ampup .projectHero img{object-position:92% -40px}& .projectDescription{backdrop-filter:blur(4px);background-color:#000000a6;grid-row:2/3;align-items:center;gap:12px;padding:8px 12px;display:flex;& .projectTitle,& .project-title-name{@starting-style{opacity:0}animation:3s forwards fadeIn}& .projectTitle{background-color:#000000d9;border-radius:8px}& .project-title-name{flex-direction:column;justify-content:center;display:flex;& h3,& p{margin:0}}&.ondark,&.onlight{color:#fff}}}section.projects li{width:calc(100% - 32px);height:auto;margin:0 auto}.projectHero img{position:relative}#project-4 .projectTitle{width:auto}.projects li img.overlay{opacity:1}.body-img{height:76svh;@supports (hanging-punctuation:first){background-attachment:scroll}}h3.about{text-align:left}#about_side_projects .row .col-sm-6{padding-top:15px;padding-bottom:15px}#teacherteaching{background-position:93%}.workwithlogo{text-align:center;padding:15px}}@media only screen and (device-width>=320px) and (device-width<=690px) and (-webkit-device-pixel-ratio>=2) and (orientation:landscape){.topbar{flex-direction:row;height:84px}p.greeting{padding:16px}.topbar>div{width:50%}.header-1 .logo{text-align:left;height:60px;padding-left:20px}menu,menu item{height:84px}menu item a{line-height:84px}}