:root{--ink:#202123;--paper:#f1f1f3;--line:rgba(32,33,35,.18);--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;background:rgba(241,241,243,.76);backdrop-filter:blur(16px);border-bottom:1px solid rgba(32,33,35,.08)}.brand{display:flex;flex-direction:column;width:max-content}.brand span{font-family:Italiana,serif;font-size:22px;letter-spacing:.32em}.brand em{font-family:serif;font-size:12px;margin-top:-2px;letter-spacing:.08em}.nav nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav nav a:not(.nav-cta):after{content:"";display:block;width:0;height:1px;background:currentColor;transition:.3s}.nav nav a:hover:after{width:100%}.nav-cta{border:1px solid var(--ink);padding:10px 16px}.menu{display:none;background:none;border:0;font:inherit}.hero{position:relative;min-height:100svh;padding:19vh 8vw 10vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-tag{text-transform:uppercase;letter-spacing:.22em;font-size:12px}.hero h1{font-family:Italiana,serif;font-weight:400;font-size:clamp(48px,7.3vw,110px);line-height:1.02;letter-spacing:-.02em;margin:25px 0;max-width:1200px}.hero h1 i{font-weight:400}.lead{font-size:clamp(18px,1.6vw,24px);line-height:1.6;max-width:690px;margin-left:38%;position:relative;z-index:2}.arrow-link{margin-top:55px;text-transform:uppercase;letter-spacing:.15em;font-size:12px}.arrow-link span{display:inline-flex;margin-left:12px;border:1px solid var(--ink);border-radius:50%;width:34px;height:34px;align-items:center;justify-content:center}.side-note{position:absolute;right:4vw;bottom:8vh;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.18em;font-size:10px}.light{position:absolute;filter:blur(12px);opacity:.62;pointer-events:none}.light-one{width:75vw;height:22vw;right:-20vw;top:12vh;transform:rotate(-18deg);background:linear-gradient(90deg,transparent,rgba(120,196,255,.45),rgba(255,161,209,.45),rgba(255,227,152,.45),transparent);border-radius:50%}.light-two{width:55vw;height:18vw;left:-18vw;bottom:4vh;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(179,151,255,.35),rgba(136,236,225,.5),transparent);border-radius:50%}.intro,.expertise,.projects,.method,.contact{padding:110px 8vw}.intro{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line)}.intro h2,.section-head h2,.method h2,.contact h2{font-family:Italiana,serif;font-size:clamp(42px,6vw,86px);font-weight:400;line-height:1.05;margin:0}.intro div{max-width:800px}.intro div p{font-size:clamp(19px,2vw,28px);line-height:1.55}.expertise{background:#202123;color:#eee}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:70px}.section-head h2{text-align:right}.services{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.24)}.services article{padding:42px 8% 50px 0;border-bottom:1px solid rgba(255,255,255,.24)}.services article:nth-child(odd){border-right:1px solid rgba(255,255,255,.24)}.services article:nth-child(even){padding-left:8%}.services span{font-size:11px;opacity:.55}.services h3{font-family:Italiana,serif;font-size:32px;font-weight:400;margin:28px 0 16px}.services p{line-height:1.7;max-width:520px;color:#bbb}.projects{background:#e6e7ea}.project-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:24px;align-items:start}.project-card{position:relative}.image-wrap{overflow:hidden;background:#ccc}.project-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .7s}.project-card:hover img{transform:scale(1.025)}.project-card.large img{aspect-ratio:4/3}.project-copy{padding:22px 0 45px}.project-copy p,.coming>p{font-size:11px;letter-spacing:.17em}.project-copy h3{font-family:Italiana,serif;font-size:clamp(27px,3vw,44px);font-weight:400;line-height:1.15;margin:12px 0}.project-copy span,.project-copy small{color:#666}.coming{margin-top:80px;border-top:1px solid var(--line);display:grid;grid-template-columns:.6fr repeat(3,1fr)}.coming>*{padding:25px 18px 25px 0}.coming div{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.coming span{font-family:Italiana,serif;font-size:20px}.coming small{margin-top:8px;color:#666}.method{background:var(--paper)}.method h2{max-width:1000px;margin:30px 0 75px}.method-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:10vw}.method-grid>p{font-size:20px;line-height:1.6}.method ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.method li{padding:22px 0;border-bottom:1px solid var(--line);font-size:20px}.method li span{display:inline-block;width:80px;font-size:11px;color:#777}.contact{position:relative;text-align:center;overflow:hidden;min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f7f8}.contact h2{margin:28px 0}.contact>p:not(.section-tag){font-size:19px}.contact>a{margin-top:35px;border-bottom:1px solid;padding:12px 3px;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.contact>a span{margin-left:16px}.contact-light{position:absolute;width:90vw;height:24vw;left:5vw;bottom:-13vw;border-radius:50%;filter:blur(20px);background:linear-gradient(90deg,rgba(255,176,220,.45),rgba(255,238,163,.5),rgba(154,221,255,.55),rgba(197,169,255,.4));opacity:.75}footer{background:#202123;color:#eee;padding:38px 4vw;display:flex;justify-content:space-between;align-items:end;font-size:12px}footer .brand span{font-size:25px}@media(max-width:760px){.nav{padding:16px 20px}.menu{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.hero{padding:17vh 24px 9vh}.hero h1{font-size:48px}.lead{margin-left:0}.side-note{display:none}.intro,.expertise,.projects,.method,.contact{padding:80px 24px}.intro{grid-template-columns:1fr;gap:35px}.section-head{display:block}.section-head h2{text-align:left;margin-top:25px}.services,.project-grid,.method-grid{grid-template-columns:1fr}.services article:nth-child(odd){border-right:0}.services article:nth-child(even){padding-left:0}.project-card.large img{aspect-ratio:4/5}.coming{grid-template-columns:1fr}.coming>p{display:none}.method-grid{gap:35px}.contact{min-height:70vh}footer{align-items:start;flex-direction:column;gap:28px}.light-one{width:130vw;height:50vw}.light-two{width:120vw;height:48vw}.brand span{font-size:18px}}
