.about-hero{position:relative;width:100vw;height:100svh;min-height:100svh;max-height:100svh;padding:6.25em 2em 1.5em;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-content:stretch;row-gap:.25rem;background-color:#edf1e8;color:var(--fg);overflow:hidden}.about-hero .about-hero-header{grid-row:1;text-align:center;position:relative;z-index:2}.about-hero .about-hero-header h1{font-family:Montserrat,sans-serif;font-size:7.5rem}.about-hero .about-hero-header .about-hero-brand{color:#ea8529;display:block}.about-page .contact-cta .contact-text-large h2{font-family:Cabinet Grotesk,sans-serif;font-style:normal;font-weight:800;font-synthesis:none}.about-hero .about-hero-portrait{grid-row:2;position:relative;z-index:1;align-self:center;justify-self:center;width:42%;height:100%;max-height:100%;aspect-ratio:auto;overflow:visible;background:none}.about-hero .about-hero-portrait img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;transform:scale(1.3);transform-origin:center center}.about-hero .about-hero-bio{grid-row:3;position:relative;z-index:2;text-align:center;width:50%;display:flex;flex-direction:column;gap:1em;padding-top:0;flex-shrink:0}.about-hero .about-hero-bio p.ss{font-family:Playfair Display,serif;font-weight:400;line-height:1.5}.about-hero .about-hero-bio>p.mn{color:#ea8529}.about-copy{position:relative;width:100vw;height:100%;padding:8em 2em}.about-copy .about-copy-content{text-align:center;width:50%;margin:0 auto;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff55c,#ff8c69);border:.25em solid var(--fg);border-radius:1em;padding:2em;gap:1.25em}.about-copy .about-copy-content h3{font-family:Montserrat,sans-serif;font-style:italic;font-weight:400;color:#2b2620}.about-copy .about-copy-content h3 span{font-weight:900;color:var(--fg)}.about-copy .tag{position:absolute;width:max-content;background-color:#ea8529;border-radius:.5em}.about-copy .tag p{text-transform:uppercase;color:var(--bg);font-size:1rem;padding:.75em .5em .5em}.about-copy #tag-1{top:50%;left:25%;transform:translate(-50%,-50%) rotate(20deg)}.about-copy #tag-2{top:65%;left:10%;transform:translate(-50%,-50%) rotate(-45deg)}.about-copy #tag-3{top:50%;left:75%;transform:translate(-50%,-50%) rotate(5deg)}.about-copy #tag-4{top:75%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.about-copy #tag-5{top:100%;left:80%;transform:translate(-50%,-50%) rotate(-60deg)}.skills{position:relative;width:100%;height:100%;padding:4em 2em}.skills .skills-copy{margin:0 auto;padding:2em;width:min(100%,30rem);border:.2em dashed var(--fg);border-radius:1em;display:flex;flex-direction:column;align-items:stretch;gap:.45em}.skills .skill-line{display:flex;flex-direction:row;align-items:baseline;width:100%;gap:0}.skills-copy .skill-num,.skills-copy .skill-label{margin:0}.skills-copy .skill-num{flex:0 0 2.75ch;text-align:right;font-variant-numeric:tabular-nums}.skills-copy .skill-leader{flex:1 1 auto;min-width:.75em;margin:0 .6em;height:.875rem;position:relative;align-self:center}.skills-copy .skill-leader:after{content:"";position:absolute;left:0;right:0;bottom:.28em;border-bottom:1px dotted var(--fg);opacity:.42}.skills-copy .skill-label{flex:0 1 auto;text-align:left}.stats{--stats-orange-1: #f7bc79;--stats-orange-2: #f39a42;--stats-orange-3: #e97617;--stats-orange-4: #cb4209;padding:8em 2em;display:flex;flex-direction:column;gap:2em}.stats .stats-row{display:flex;gap:2em}.stats .stats-item-1{flex:0 1 70rem;background-color:var(--stats-orange-4);color:#f6f0e8}.stats .stats-item-2{flex:0 1 64rem;background-color:var(--stats-orange-3)}.stats .stats-item-3{flex:0 1 74rem;background-color:var(--stats-orange-1)}.stats .stats-item-1,.stats .stats-item-2,.stats .stats-item-3{aspect-ratio:16/7;padding:1.5em;border-radius:1em}.stats .stats-item-1{aspect-ratio:auto;height:28rem;padding:1.15em 1.5em}.stats .stats-item-3{aspect-ratio:auto;height:28rem}.stats .stats-col{display:flex;flex-direction:column;justify-content:space-between}.stats .stats-col h2{font-family:Cabinet Grotesk,sans-serif}.stats .stats-col.stats-item-1{justify-content:space-between;gap:0}.stats .stats-row:first-child{justify-content:center}.stats .stats-row:last-child{justify-content:center}@media(max-width:1000px){.about-hero{padding:7em 1.5em 1.75em;row-gap:.35rem}.about-hero .about-hero-header h1{font-size:4rem}.about-hero .about-hero-bio{width:100%;padding-top:1.25rem}.about-hero .about-hero-portrait{width:58%}.about-hero .about-hero-portrait img{transform:scale(1.3)}.about-copy .about-copy-content{width:100%}.about-copy .about-copy-content h3{font-size:1.5rem}.about-copy .tag{display:none}.skills .skills-copy{padding:0;width:100%;border:none;border-radius:0;gap:.5em}.stats .stats-row{flex-direction:column}.stats .stats-col{width:100%;text-align:center;gap:4em}.stats .stats-col.stats-item-1{justify-content:space-between;gap:4em}.stats .stats-item-1,.stats .stats-item-3{flex:1 1 auto;width:100%;height:auto;aspect-ratio:16 / 7}}
