:root{--ink:#151b19;--paper:#f4f2ec;--lime:#d6f44a;--muted:#64706b;--line:#cfd1ca;--display:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:16px}.skip-link{position:fixed;top:-100%;left:1rem;background:var(--ink);color:#fff;padding:.75rem;z-index:20}.skip-link:focus{top:1rem}.section-shell,.site-header{width:min(100% - 3rem,1240px);margin-inline:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{font-size:1.1rem;font-weight:800;letter-spacing:-.06em;color:inherit;text-decoration:none;display:flex;gap:.55rem;align-items:center}.brand-mark{border:1.5px solid currentColor;border-radius:50%;height:26px;width:26px;display:grid;place-items:center;font-family:Georgia,serif;font-size:1rem;letter-spacing:0}.site-nav{display:flex;align-items:center;gap:2rem;font-size:.84rem;font-weight:700}.site-nav a{color:inherit;text-decoration:none}.nav-contact{border-bottom:1px solid var(--ink);padding-bottom:.18rem}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font:700 .8rem var(--display)}.hero{position:relative;padding:8.5rem 0 9rem;overflow:hidden}.eyebrow{font:500 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.eyebrow span{background:var(--lime);width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:.55rem}.hero-grid{display:grid;grid-template-columns:1.5fr .55fr;gap:3rem;align-items:end;margin-top:1.5rem}.hero h1,.section-heading h2,.manifesto h2{font-size:clamp(3.1rem,7.2vw,7.6rem);line-height:.98;letter-spacing:-.085em;font-weight:800;margin:0}.hero h1 em,.manifesto h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.1em}.hero-copy{max-width:315px;padding-bottom:.5rem}.hero-copy p,.section-heading>p,.manifesto>div>p{color:var(--muted);font-size:.98rem;line-height:1.7;margin:0 0 2rem}.text-link{font-size:.78rem;font-weight:800;color:inherit;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:.3rem}.text-link span{margin-left:.55rem}.hero-orbit{position:absolute;right:1%;top:15%;height:150px;width:150px;border:1px solid var(--line);border-radius:50%;transform:rotate(-25deg);opacity:.8}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;inset:27px -23px}.hero-orbit:after{inset:-23px 27px}.hero-orbit span{position:absolute;background:var(--lime);width:11px;height:11px;border-radius:50%;top:16px;left:31px}.hero-orbit i{position:absolute;background:var(--ink);width:5px;height:5px;border-radius:50%;bottom:25px;right:25px}.hero-orbit b{position:absolute;left:10px;bottom:50%;width:16px;height:1px;background:var(--ink)}.projects{border-top:1px solid var(--line);padding-block:7rem}.section-heading{display:grid;grid-template-columns:1fr 1.5fr .7fr;gap:2rem;align-items:start;margin-bottom:5rem}.section-heading h2{font-size:clamp(2.8rem,5.5vw,5.8rem)}.section-heading>p{margin-top:.6rem}.project-card{display:grid;grid-template-columns:1.1fr .9fr;min-height:470px;background:var(--ink);color:#f8f7f1;text-decoration:none;transition:transform .25s ease}.project-card:hover{transform:translateY(-5px)}.project-info{padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.project-index,.project-type,.project-status{font:500 .7rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#aeb7b2}.project-type{margin:0 0 1.2rem}.project-info h3{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.09em;line-height:1;margin:0}.project-info h3 span{font-size:.4em;vertical-align:top;letter-spacing:0}.project-summary{font-size:1rem;line-height:1.6;max-width:330px;color:#c6cbc8;margin:1.75rem 0}.project-status span{background:var(--lime);display:inline-block;height:8px;width:8px;border-radius:50%;margin-right:.5rem}.mirror-art{background:#c9d6cc;display:grid;place-items:center;overflow:hidden}.mirror-frame{width:min(68%,340px);aspect-ratio:1/1.32;border-radius:48% 48% 44% 44% / 38% 38% 62% 62%;border:9px solid #e8ede6;position:relative;overflow:hidden;background:linear-gradient(135deg,#455a51 0%,#a8c0ad 42%,#dae5d7 52%,#6f8a79 100%);box-shadow:inset 8px 0 25px #31453a}.mirror-glow{position:absolute;width:180px;height:260px;background:var(--lime);filter:blur(38px);opacity:.65;bottom:-60px;right:-55px}.mirror-line{height:1px;background:#f7faf4;position:absolute;opacity:.7}.mirror-line.one{width:150%;transform:rotate(-44deg);top:45%;left:-20%}.mirror-line.two{width:100%;transform:rotate(55deg);top:28%;left:15%;opacity:.35}.manifesto{border-top:1px solid var(--line);padding-block:7rem 9rem;display:grid;grid-template-columns:1fr 2.2fr;gap:2rem}.manifesto h2{font-size:clamp(3.3rem,6.5vw,6.5rem);margin-bottom:2.5rem}.manifesto>div>p{max-width:560px;font-size:1.1rem}.site-footer{border-top:1px solid var(--line);padding-block:2rem;display:grid;grid-template-columns:1.4fr 1.4fr 1fr auto;gap:1rem;align-items:center;font-size:.72rem;color:var(--muted)}.site-footer .brand,.site-footer .text-link{color:var(--ink)}.copyright{white-space:nowrap}@media(max-width:760px){.section-shell,.site-header{width:min(100% - 2rem,1240px)}.site-header{height:70px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;right:0;top:60px;background:var(--ink);color:var(--paper);padding:1.2rem;min-width:200px;flex-direction:column;align-items:flex-start;gap:1.1rem}.site-nav.is-open{display:flex}.nav-contact{border-color:var(--paper)}.hero{padding:5.5rem 0 6rem}.hero-grid,.section-heading,.manifesto{grid-template-columns:1fr;gap:2rem}.hero-copy{max-width:340px}.hero-orbit{width:110px;height:110px;right:-20px;top:6%}.projects{padding-block:5rem}.section-heading{margin-bottom:3rem}.project-card{grid-template-columns:1fr;min-height:650px}.project-info{min-height:350px}.mirror-art{min-height:300px}.mirror-frame{width:45%;min-width:170px}.manifesto{padding-block:5rem 6rem}.site-footer{grid-template-columns:1fr;gap:1.2rem;padding-block:2rem 3rem}.site-footer p{margin:0}.copyright{margin-top:1rem!important}}
