:root{--ink:#000000;--paper:#fff;--muted:#b9b1bc;--accent:#a83b83;--highlight:#df83d3;--violet:#c963df;--pad:clamp(1.25rem,5vw,5rem);--line:#ffffff29}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:12rem;background:var(--ink)}body{margin:0;color:#faf8fb;font-family:Manrope,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,p{margin:0}h1,h2{text-wrap:balance}a:focus-visible,button:focus-visible{outline:3px solid #c963df;outline-offset:6px}
.skip-link{position:fixed;top:0;left:1rem;z-index:100;background:white;color:var(--ink);padding:1rem;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:calc(.8rem + env(safe-area-inset-top,0px)) var(--pad) .8rem;background:var(--ink);border-bottom:1px solid var(--line)}
.brand{position:relative;display:block;flex:none;width:152px;height:152px;overflow:hidden;background:#000}.brand img{position:absolute;display:block;width:239px;height:239px;max-width:none;left:-43px;top:-60px}nav{display:flex;gap:2rem}nav a{font-size:.875rem;padding:.6rem 0;color:#cec7d0}nav a:hover{color:white;text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--violet)}.menu-button{display:none}
.hero{padding:clamp(3.5rem,7vw,7rem) var(--pad) clamp(3rem,6vw,6rem)}.eyebrow,.section-label{font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hero h1{font-size:clamp(2.6rem,6.4vw,6.8rem);font-weight:500;letter-spacing:-.055em;line-height:1.12;max-width:1250px;margin:2.25rem 0 3rem}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;color:#d580e6}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.hero-bottom p{max-width:660px;font-size:clamp(1rem,1.4vw,1.18rem);color:#cec7d0;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:1rem;font-size:.9375rem;border-bottom:1px solid currentColor;padding:.65rem 0;align-self:flex-start;flex-shrink:0}.text-link:hover{color:#d580e6}
.statement{background:linear-gradient(180deg,#000 0%,#202023 65%,#171719 100%);color:var(--paper);padding:clamp(3rem,5vw,5rem) var(--pad)}.statement>p{font-size:clamp(1.7rem,3vw,3rem);font-weight:500;line-height:1.25;letter-spacing:-.035em}.capabilities{display:grid;grid-template-columns:1fr 1fr;column-gap:4rem;list-style:none;padding:0;margin:3rem 0 0}.statement>p em,.about-subtitle{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--highlight)}.capabilities li{padding:1.3rem 0;border-top:1px solid #ffffff26;font-size:clamp(1.0625rem,1.6vw,1.375rem);font-weight:400;line-height:1.5;color:#f5eff6}.about-subtitle{font-size:clamp(1.5rem,2.8vw,2.5rem);line-height:1.35;margin-top:1.5rem;max-width:32ch}
.section{padding:clamp(3.5rem,7vw,7rem) var(--pad)}.about{display:grid;grid-template-columns:1fr 3fr;gap:3rem;border-bottom:1px solid var(--line)}.about h2,.founder h2,.contact h2{font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:1.15;letter-spacing:-.045em}.columns{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2.5rem}.columns p,.founder-copy p{font-size:1rem;line-height:1.85;color:#cec7d0}
.founder{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);background:linear-gradient(180deg,#000 0%,#202023 55%,#171719 100%);color:var(--paper)}.founder .section-label{color:var(--muted);margin-bottom:1rem}.founder h2{font-size:clamp(2rem,3.5vw,3.5rem)}.experience{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.4;margin-top:1.75rem;color:var(--highlight);max-width:28ch}.experience span{display:inline-block;margin-top:.75rem;font-family:Manrope,Arial,sans-serif;font-style:normal;font-size:1rem;color:#cec7d0}.founder-copy{align-self:center}.founder-copy p{color:#cec7d0}.founder-copy p+p{margin-top:1.25rem}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-head>p{font-size:.875rem;color:var(--muted)}.project-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:470px;aspect-ratio:1.95;padding:clamp(1.25rem,3vw,3rem);overflow:hidden}.project-card img,.project-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-overlay{background:linear-gradient(180deg,#140c167a 0%,#140c1620 35%,#140c16e8 100%)}.project-top,.project-title{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.project-top{font-size:1rem;flex-wrap:wrap;align-items:flex-start}.project-top>span:first-child{padding:.65rem .85rem;background:#08080be8}.project-date{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;padding:.65rem 1rem;background:#08080bf5;border-left:3px solid var(--highlight);font-weight:700;font-size:clamp(1rem,1.6vw,1.375rem);line-height:1.4;color:#fff}.project-date>span:last-child{color:var(--highlight)}.project-title small{display:block;font-size:clamp(1rem,1.8vw,1.5rem);margin-bottom:.4rem}.project-title h2{font-size:clamp(2.6rem,6vw,6rem);font-weight:500;letter-spacing:-.055em;line-height:1.1}.project-card:hover .project-title h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.project-description{display:flex;justify-content:space-between;gap:2.5rem;padding-top:1.75rem}.project-description p{font-size:1rem;max-width:680px;color:#cec7d0;line-height:1.8}
.contact{background:linear-gradient(180deg,#000 0%,#202023 60%,#101012 100%);color:var(--paper)}.contact .section-label{color:var(--muted);margin-bottom:2rem}.contact-intro{margin:1rem 0 1.5rem;color:#cec7d0;font-size:1rem}.contact>a{color:var(--highlight);display:inline-flex;gap:1.25rem;align-items:center;font-size:clamp(1rem,3vw,2.5rem);letter-spacing:-.025em;border-bottom:1px solid #a58aa0;padding:.5rem 0;overflow-wrap:anywhere;max-width:100%}.contact>a:hover{color:#fff}.contact-footer{font-size:.875rem;color:var(--muted);margin-top:2rem}footer{padding:2rem var(--pad) calc(2rem + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:1rem}footer>span{font-size:.875rem;color:var(--muted)}
@media(min-width:1500px){:root{--pad:max(5rem,calc((100vw - 1360px)/2))}}
@media(max-width:800px){html{scroll-padding-top:10rem}.brand{width:120px;height:120px}.brand img{width:195px;height:195px;left:-38px;top:-49px}.site-header{min-height:72px;flex-wrap:wrap}html.js .menu-button{display:flex;width:48px;height:48px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:0;background:none;cursor:pointer}.menu-button span{display:block;width:22px;height:2px;background:#faf8fb;transition:transform .18s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{width:100%;gap:1rem;flex-wrap:wrap;padding:.5rem 0}html.js nav{display:none}html.js nav.open{display:flex;flex-direction:column;gap:0;padding:.75rem 0}nav a{font-size:1rem;min-height:44px}.hero{padding-top:3rem}.hero h1{font-size:clamp(2.5rem,7.5vw,4rem);margin:1.5rem 0 2rem}.hero-bottom{align-items:flex-start;flex-direction:column;gap:1.2rem}.capabilities{grid-template-columns:1fr;gap:0;margin-top:2.25rem}.capabilities li{padding:1.2rem 0}.capabilities li:last-child{border-bottom:1px solid #ffffff26}.about{grid-template-columns:1fr;gap:1.5rem}.columns{grid-template-columns:1fr;gap:1.25rem;margin-top:1.5rem}.founder{grid-template-columns:1fr;gap:1.75rem}.section-head{align-items:flex-start;flex-wrap:wrap}.project-card{min-height:380px;aspect-ratio:auto}.project-description{flex-direction:column;gap:.75rem}.project-title h2{font-size:clamp(2.5rem,8vw,4rem)}.contact>a{font-size:clamp(1rem,4.4vw,1.8rem);gap:.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Prominent opening logo; footer keeps its existing proportions. */
.site-header .brand{width:216px;height:216px}
.site-header .brand img{width:340px;height:340px;left:-61px;top:-85px}
html{scroll-padding-top:17rem}
@media(max-width:800px){.site-header .brand{width:176px;height:176px}.site-header .brand img{width:286px;height:286px;left:-56px;top:-72px}html{scroll-padding-top:14rem}}

footer{flex-wrap:wrap}footer .company-details{flex-basis:100%;margin:1rem 0 0;padding-top:1.5rem;border-top:1px solid #ffffff26;color:var(--muted);font-size:.8125rem;line-height:1.7;overflow-wrap:anywhere}