:root{--ink:#080a0d;--night:#0d1725;--blue:#142a43;--white:#f5f4f0;--muted:#9ca5ae;--line:rgba(245,244,240,.18);--warm:#c9b99b;--sans:'DM Sans',sans-serif;--display:'Playfair Display',serif;--label:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit} .site-header{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,5vw,72px);mix-blend-mode:normal}.wordmark{display:flex;align-items:center;gap:10px;font-family:var(--label);font-size:14px;letter-spacing:.16em;text-transform:uppercase}.wordmark i{display:block;width:1px;height:16px;background:var(--warm);transform:rotate(20deg)}.wordmark em{font-family:var(--display);font-size:17px;letter-spacing:0;text-transform:none;color:var(--warm)}.site-nav{display:flex;align-items:center;gap:clamp(22px,3.5vw,56px);font-family:var(--label);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.site-nav a{color:rgba(245,244,240,.72);transition:color .25s ease}.site-nav a:hover{color:var(--white)}.site-nav .nav-contact{color:var(--white);padding:11px 16px;border:1px solid var(--line)}.nav-contact b{font-size:16px;font-weight:400;margin-left:9px}.menu-toggle{display:none;background:transparent;border:0;color:var(--white);padding:8px}.hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(115deg,var(--ink) 0%,#0a0f16 49%,var(--blue) 100%)}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(175,188,200,.16),transparent 1px),radial-gradient(circle at 73% 42%,rgba(20,42,67,.8),transparent 31%);background-size:18px 18px,100% 100%;opacity:.4}.hero-grain{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");pointer-events:none}.hero-copy{position:relative;z-index:1;width:min(650px,60vw);margin-left:clamp(24px,11vw,175px);padding-top:40px}.eyebrow,.section-label{font-family:var(--label);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 28px}.eyebrow span{width:31px;height:1px;background:var(--warm)}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:500;line-height:1.02;letter-spacing:-.025em}h1{font-size:clamp(58px,8vw,124px);max-width:700px}h1 i,h2 i{font-weight:500;color:var(--warm)}.hero-intro{max-width:385px;margin:32px 0 32px;color:#c0c6cc;font-size:15px;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:20px;font-family:var(--label);font-size:10px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:12px;transition:border-color .25s,color .25s}.text-link span{font-size:18px;color:var(--warm);transition:transform .25s}.text-link:hover{border-color:var(--warm)}.text-link:hover span{transform:translate(3px,-3px)}.hero-orbit{position:absolute;right:clamp(7%,12vw,17%);top:50%;width:clamp(240px,28vw,420px);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid rgba(245,244,240,.28);border-radius:50%;transform:rotate(-28deg)}.ring-one{inset:0;border-right-color:var(--warm);border-left-color:transparent;animation:spin 24s linear infinite}.ring-two{inset:13%;border-color:rgba(245,244,240,.16);border-top-color:var(--warm);transform:rotate(36deg);animation:spin-reverse 18s linear infinite}.hero-orbit::before{content:'';position:absolute;width:20%;aspect-ratio:1;border-radius:50%;background:var(--white);box-shadow:0 0 60px 15px rgba(245,244,240,.16)}.orbit-core{position:relative;text-align:center;font-family:var(--label);font-size:clamp(20px,2.4vw,34px);font-weight:700;letter-spacing:.16em}.orbit-core small{display:block;margin-top:8px;font-size:8px;font-weight:400;letter-spacing:.25em;color:var(--muted)}@keyframes spin{to{transform:rotate(332deg)}}@keyframes spin-reverse{to{transform:rotate(-324deg)}}.hero-footer{position:absolute;bottom:30px;left:clamp(24px,5vw,72px);right:clamp(24px,5vw,72px);display:flex;justify-content:space-between;font-family:var(--label);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero-footer b{font-size:15px;color:var(--warm);font-weight:400;margin-left:8px}.intro-band,.work-section,.approach-section{padding:clamp(88px,12vw,170px) clamp(24px,11vw,175px)}.intro-band{background:var(--white);color:var(--ink)}.intro-content{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;margin-top:70px}.intro-content h2,.approach-section h2,.contact-section h2{font-size:clamp(45px,6.3vw,92px)}.intro-content p{max-width:370px;color:#4c555d;font-size:17px;line-height:1.8;margin-bottom:35px}.text-link.dark{border-color:rgba(8,10,13,.25)}.work-section{background:#f0efeb;color:var(--ink)}.section-heading,.contact-top{display:flex;justify-content:space-between;align-items:baseline;gap:24px}.section-heading p,.contact-top p{color:#5c6369;font-size:14px}.project-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:clamp(24px,4vw,60px);margin-top:66px;align-items:end}.project{display:block}.project-image{position:relative;overflow:hidden;aspect-ratio:1.25;background:var(--night);display:grid;place-items:center;transition:transform .5s ease}.project-small .project-image{aspect-ratio:.9}.project:hover .project-image{transform:translateY(-7px)}.image-one{background:linear-gradient(135deg,#111820,#193a58)}.image-two{background:#090b0e}.image-one::before,.image-two::before{content:'';position:absolute;inset:17%;border:1px solid rgba(245,244,240,.26);transform:rotate(-12deg)}.image-one::after{content:'';position:absolute;width:36%;aspect-ratio:1;border:1px solid var(--warm);transform:rotate(43deg)}.image-two::after{content:'';position:absolute;inset:35% 23%;border:1px solid var(--warm);transform:rotate(45deg)}.project-mark{position:absolute;top:20px;left:22px;font-family:var(--label);font-size:10px;letter-spacing:.16em;color:var(--muted)}.project-symbol{position:relative;z-index:1;font-family:var(--display);font-size:clamp(70px,11vw,150px);color:var(--white);font-style:italic}.mpx-symbol{font-family:var(--label);font-style:normal;font-size:clamp(50px,8vw,100px);letter-spacing:.12em;color:var(--warm)}.project-meta{display:flex;justify-content:space-between;align-items:start;margin-top:18px}.project-meta h3{font-family:var(--display);font-size:24px;font-weight:500}.project-meta p{font-family:var(--label);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#6c7378;margin-top:6px}.project-meta>span{font-size:24px;color:#707981}.project-note{display:flex;align-items:center;justify-content:space-between;grid-column:2;max-width:280px;margin-top:30px;font-family:var(--display);font-size:28px;line-height:1.1}.project-note i{color:#617083}.circle-arrow{width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(8,10,13,.3);border-radius:50%;font-size:22px;color:var(--blue);transition:background .3s,color .3s}.circle-arrow:hover{background:var(--blue);color:var(--white)}.approach-section{background:var(--night)}.approach-section .section-label{color:#aab2ba}.approach-section h2{margin:70px 0 85px}.approach-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.approach-list article{padding:25px 30px 0 0;border-right:1px solid var(--line);margin-right:30px}.approach-list article:last-child{border:0;margin:0}.approach-list span{font-family:var(--label);font-size:10px;color:var(--warm);letter-spacing:.15em}.approach-list h3{font-family:var(--display);font-size:30px;font-weight:500;margin:46px 0 15px}.approach-list p{max-width:250px;font-size:14px;line-height:1.75;color:#aab2ba}.contact-section{padding:clamp(80px,11vw,150px) clamp(24px,11vw,175px) 36px;background:var(--white);color:var(--ink)}.contact-top p{color:#59616a}.contact-section h2{margin:90px 0 50px}.contact-link{display:inline-flex;gap:18px;align-items:center;font-family:var(--label);font-size:clamp(18px,2.4vw,30px);letter-spacing:.03em;border-bottom:1px solid rgba(8,10,13,.35);padding-bottom:14px}.contact-link span{font-size:24px;color:var(--blue)}.contact-bottom{display:flex;justify-content:space-between;margin-top:clamp(100px,15vw,220px);padding-top:20px;border-top:1px solid rgba(8,10,13,.2);font-family:var(--label);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#697179}footer{display:flex;justify-content:space-between;padding:20px clamp(24px,5vw,72px);font-family:var(--label);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7f878d;background:var(--ink)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:760px){.site-header{padding:22px 24px}.menu-toggle{display:flex;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:25px;height:1px;background:var(--white);transition:transform .3s}.site-nav{position:absolute;top:0;right:0;left:0;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:26px;background:var(--ink);opacity:0;visibility:hidden;transition:opacity .3s}.site-nav.is-open{opacity:1;visibility:visible}.site-nav a{font-size:14px}.site-nav .nav-contact{margin-top:15px}.hero{min-height:760px;align-items:flex-start;padding-top:150px}.hero-copy{width:auto;margin:0 24px;padding:0}.hero-orbit{right:-15%;top:auto;bottom:95px;width:290px;opacity:.72}.hero-footer{bottom:22px;gap:18px;font-size:8px}.hero-footer span:last-child{display:none}.intro-band,.work-section,.approach-section,.contact-section{padding:84px 24px}.intro-content{display:block;margin-top:52px}.intro-content h2{margin-bottom:42px}.section-heading,.contact-top{display:block}.section-heading p,.contact-top p{margin-top:18px}.project-grid{display:block;margin-top:48px}.project-small{margin-top:52px}.project-note{margin-top:58px}.approach-section h2{margin:52px 0 65px}.approach-list{display:block}.approach-list article{border-right:0;border-bottom:1px solid var(--line);padding:25px 0 35px;margin:0}.approach-list h3{margin:28px 0 12px}.contact-section h2{margin:70px 0 40px}.contact-bottom,footer{gap:16px;flex-direction:column}.contact-bottom{margin-top:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ring-one,.ring-two{animation:none}.reveal{transition:none}}