@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;600;700&display=swap";:root{--black:#070807;--surface:#111310;--white:#f7f8f4;--muted:#c8cdc3;--lemon:#e9f45b;--leaf:#66a638;--red:#d95b45}html{box-sizing:border-box;scroll-behavior:smooth}*,:before,:after{box-sizing:inherit}body{background:var(--black);color:var(--white);margin:0;font-family:Montserrat,sans-serif;overflow-x:hidden}div#main{background:var(--black);flex-direction:column;width:100%;min-height:100vh;display:flex}section{background:var(--black);color:var(--white);width:100%;position:relative}section.min-height{min-height:100vh}section.padding{padding:7rem clamp(1.5rem,6vw,6rem)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:clamp(4rem,8vw,7.5rem);font-weight:700;line-height:.85}h2{margin-bottom:1.25rem;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;line-height:1.15}h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}p{color:var(--muted);font-size:1rem;font-weight:300;line-height:1.7}p.large{font-size:clamp(1.1rem,2vw,1.35rem)}p.small{font-size:.95rem}a{color:var(--white);text-decoration:none}a:hover,a:focus-visible{color:var(--lemon)}a:focus-visible{outline:3px solid var(--lemon);outline-offset:4px}.site-header{backdrop-filter:blur(12px);border-bottom:1px solid #ffffff1a}.site-header a{color:var(--white);font-size:.85rem;font-weight:600}.site-header a:hover,.site-header a:focus-visible{color:var(--lemon)}.hero{grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding:8rem clamp(1.5rem,7vw,7rem) 5rem;display:grid}.hero-copy{text-align:left;z-index:2;max-width:42rem}.hero-copy h2,.hero-copy p{max-width:36rem}.hero-copy p{margin-bottom:2rem}.cta-button{background:var(--lemon);border:2px solid var(--lemon);color:var(--black);border-radius:999px;justify-content:center;padding:.9rem 1.5rem;font-weight:700;transition:background .18s,color .18s,transform .18s;display:inline-flex}.cta-button:hover,.cta-button:focus-visible{color:var(--lemon);background:0 0;transform:translateY(-2px)}.hero-portrait-frame{isolation:isolate;justify-self:center;width:100%;max-width:36rem;position:relative}.hero-portrait{aspect-ratio:4/5;object-fit:cover;z-index:2;border-radius:48% 48% 1.5rem 1.5rem;width:100%;display:block;position:relative}.accent{border:4px solid var(--black);pointer-events:none;z-index:3;border-radius:999px;display:block;position:absolute}.accent-lemon{background:var(--lemon);width:18%;height:30%;top:8%;right:-4%}.accent-green{background:var(--leaf);width:42%;height:18%;bottom:-3%;left:-4%}.accent-red{background:var(--red);width:22%;height:14%;bottom:12%;right:-4%}.about-card{background:var(--surface);border-left:5px solid var(--leaf);text-align:left;max-width:60rem;margin:0;padding:clamp(2rem,5vw,4rem)}.about-card ul{columns:2;color:var(--white);margin:2rem 0;padding-left:1.25rem;font-size:1.1rem;line-height:1.8}.about-card li::marker{color:var(--lemon)}.about-card hr{border:0;border-top:1px solid #ffffff2e;margin:2.5rem 0}.about-quote{color:var(--lemon);margin-bottom:0;font-weight:600}.projects-section{overflow:hidden}.projects-heading{grid-template-columns:minmax(9rem,.35fr) minmax(16rem,1fr) minmax(15rem,.7fr);gap:1rem;margin-bottom:4rem;display:grid}.projects-heading h2,.projects-heading p{margin-bottom:0}.section-kicker{color:var(--lemon);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:700}.projects-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.project-card{background:var(--surface);aspect-ratio:1;border:1px solid #ffffff24;border-radius:1.25rem;flex-direction:column;grid-column:span 4;padding:clamp(1.5rem,3vw,2.25rem);transition:background .18s,border-color .18s,transform .18s,height .18s;display:flex;position:relative;container-type:inline-size}.project-card:hover{background:var(--lemon);border-color:var(--lemon);color:var(--black);aspect-ratio:auto;height:30rem;transform:translateY(5px)}.project-card-featured{grid-column:span 8}.project-card:hover h3,.project-card:hover p,.project-card:hover a,.project-card:hover .project-number,.project-card:hover .project-type{color:var(--black)}.project-card-topline{justify-content:space-between;align-items:center;margin-bottom:auto;display:flex}.project-number{color:var(--lemon);font-family:Cormorant Garamond,serif;font-size:2.25rem;font-weight:700}.project-type{color:var(--muted);letter-spacing:.08em;text-align:right;text-transform:uppercase;font-size:.7rem;font-weight:600}.project-card h3{overflow-wrap:anywhere;margin:2.5rem 0 .75rem;font-size:clamp(1.8rem,10cqw,3rem)}.project-stack{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.project-stack li{border:1px solid;border-radius:999px;padding:.35rem .65rem;font-size:.72rem}.project-links{flex-wrap:wrap;gap:1.25rem;margin-top:2rem;display:flex}.project-links a{border-bottom:1px solid;padding-bottom:.2rem;font-size:.85rem;font-weight:700}#footer{color:var(--white);border-top:1px solid #ffffff1f}img.socialIcon{width:30px;height:30px}@media (width<=800px){.site-header{overflow-x:auto;justify-content:flex-start!important;gap:1.15rem!important}.hero{grid-template-columns:1fr;padding-top:8rem}.hero-portrait-frame{max-width:28rem}section.padding{padding:5rem 1.5rem}.about-card ul{columns:1}.projects-heading{grid-template-columns:1fr}.project-card,.project-card-featured{grid-column:span 6}}@media (width<=440px){.hero{padding-inline:1.25rem}.hero-copy h1{font-size:3.75rem}.accent-lemon,.accent-red{right:-3%}.accent-green{left:-3%}.project-card,.project-card-featured{grid-column:1/-1;min-height:22rem}}
/*# sourceMappingURL=Dolapo-Mosuro_Portfolio.722eed0b.css.map */