:root{--ink:#16131e;--paper:#f4f2eb;--violet:#4d275f;--acid:#d8fa55;--muted:#77727d}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1240px,100% - 96px);margin:auto}main{overflow:hidden}.living-map{z-index:-1;background:radial-gradient(circle at 72% 40%,#322344 0,#1a1625 43%,#15121e 75%);height:830px;position:absolute;inset:0 0 auto}.living-map:after{content:"";pointer-events:none;background:linear-gradient(90deg,#15121ecc,#0000 60%),linear-gradient(#0000 65%,#16131e 100%);position:absolute;inset:0}.nav{color:#fff;z-index:1;justify-content:space-between;align-items:center;height:112px;display:flex;position:relative}.brand{letter-spacing:-.7px;align-items:center;gap:10px;font-size:16px;font-weight:600;line-height:.8;display:flex}.brand em{letter-spacing:2.6px;font-size:10px;font-style:normal;font-weight:400}.brand-mark{color:#d8fa55;border:1px solid #d8fa55;border-radius:50%;place-items:center;width:26px;height:26px;font:italic 20px Playfair Display;display:grid}.nav-links{letter-spacing:.7px;text-transform:uppercase;gap:32px;font-size:12px;display:flex}.nav-links a:hover,.text-link:hover{color:var(--acid)}.menu{border:1px solid #ffffff73;border-radius:99px;padding:11px 17px;font-size:12px}.hero{color:#fff;height:718px;padding-top:108px;position:relative}.eyebrow,.section-label{letter-spacing:1.8px;color:var(--muted);font:10px DM Mono,monospace}.hero .eyebrow{color:#e6e1ee}.eyebrow span{border-top:1px solid var(--acid);width:33px;margin:0 10px 3px 0;display:inline-block}h1,h2,h3,p{margin:0}h1{letter-spacing:-5px;margin-top:34px;font:500 clamp(59px,8.5vw,122px)/.88 Playfair Display,serif}h1 i,h2 i{color:var(--acid);font-weight:500}.hero-bottom{justify-content:space-between;align-items:end;width:74%;margin-top:93px;display:flex}.hero-bottom p{color:#e6e1ee;max-width:330px;font-size:15px;line-height:1.55}.circle-link{border:1px solid var(--acid);color:var(--acid);border-radius:50%;width:142px;height:142px;padding:46px 20px;font-size:12px;line-height:1.4;transition:all .3s}.circle-link:hover{color:var(--ink);background:var(--acid);transform:rotate(-8deg)}.arrow{margin-left:5px;font-size:18px}.hero-index{color:#d8fa55;font:11px DM Mono;position:absolute;bottom:35px;right:0}.hero-index span{color:#9d95aa;margin:0 7px}.thesis{padding:150px 0 115px}.thesis-grid{grid-template-columns:1.25fr .75fr;align-items:end;gap:80px;margin-top:45px;display:grid}h2{letter-spacing:-3px;font:500 clamp(44px,5.2vw,78px)/.98 Playfair Display,serif}.thesis h2 i{color:var(--violet)}.thesis-grid div p{max-width:425px;font-size:18px;line-height:1.55}.text-link{border-bottom:1px solid var(--ink);margin-top:35px;padding-bottom:7px;font-size:13px;display:inline-block}.pillars{color:var(--muted);border-top:1px solid #cdc9c1;justify-content:space-between;margin-top:100px;padding-top:17px;font:10px DM Mono;display:flex}.portfolio{background:var(--ink);color:#f7f5ef;padding:125px 0 65px}.portfolio .section-label{color:#aaa2b0}.portfolio-heading h2{margin-top:43px}.project-list{margin-top:100px}.project{border-top:1px solid #48434c;grid-template-columns:110px 1.15fr 1fr 38px;align-items:center;gap:28px;padding:30px 0 33px;transition:all .35s;display:grid}.project:last-child{border-bottom:1px solid #48434c}.project:hover{background:linear-gradient(90deg,#d8fa5517,#0000);padding-left:20px}.project-number,.project-type{color:var(--acid);font:10px DM Mono}.project-type{color:#aaa2b0;margin-bottom:8px}.project h3{letter-spacing:-1.5px;font:500 clamp(30px,3vw,47px)/1 Playfair Display}.project-description{color:#bcb6c2;max-width:320px;font-size:14px;line-height:1.45}.project>a{color:var(--acid);font-size:26px}.mentawai{padding:145px 0 160px}.mentawai>div{grid-template-columns:220px 1fr .62fr;align-items:end;gap:35px;margin-top:40px;display:grid}.giant-i{color:var(--violet);font:italic 230px/.55 Playfair Display}.mentawai h2 i{color:var(--violet)}.mentawai div>p{padding-bottom:5px;font-size:16px;line-height:1.55}.footer{color:#f7f5ef;background:var(--violet);width:100%;padding:90px max(48px,50vw - 620px) 30px}.footer .section-label{color:#d0c4da}.footer h2{margin:45px 0}.footer h2 i{color:var(--acid)}.email{color:var(--acid);border-bottom:1px solid var(--acid);padding-bottom:7px;font-size:clamp(18px,2.2vw,32px);display:inline-block}.footer-bottom{color:#d0c4da;border-top:1px solid #ffffff38;justify-content:space-between;margin-top:135px;padding-top:20px;font:10px DM Mono;display:flex}.footer-bottom a{color:var(--acid)}@media (max-width:700px){.shell{width:calc(100% - 40px)}.nav{height:80px}.nav-links{display:none}.menu{padding:9px 12px;font-size:10px}.living-map{height:710px}.hero{height:630px;padding-top:90px}.hero-bottom{flex-direction:column;align-items:start;gap:30px;width:100%;margin-top:75px}.circle-link{border-radius:99px;width:auto;height:auto;padding:10px 15px}.hero-index{bottom:10px}.thesis,.mentawai{padding:90px 0}.thesis-grid,.mentawai>div{grid-template-columns:1fr;gap:30px}.pillars{flex-direction:column;gap:13px;margin-top:70px}.project-list{margin-top:60px}.project{grid-template-columns:35px 1fr 25px;gap:12px}.project-description,.giant-i{display:none}.footer{padding:70px 20px 25px}.footer-bottom{flex-wrap:wrap;gap:15px;margin-top:80px}h1{letter-spacing:-3px}h2{letter-spacing:-2px}}.page-dark,.project-page{background:var(--ink);color:#f7f5ef}.sub-nav{justify-content:space-between;align-items:center;height:105px;display:flex}.sub-nav-dark{color:#fff}.sub-nav .nav-links{display:flex}.sub-nav-dark .menu{border-color:#ffffff73}.page-hero{min-height:555px;padding:105px 0 90px;position:relative}.page-hero .eyebrow,.project-hero .eyebrow,.contact-hero .eyebrow{color:#d6cde0}.page-hero h1{margin-top:33px}.page-hero>p:last-child{color:#d8d2dd;max-width:425px;margin:48px 0 0 48%;font-size:17px;line-height:1.55}.portfolio-grid{grid-template-columns:1fr 1fr;gap:20px;padding:115px 0;display:grid}.portfolio-card{background:#e9e6dc;min-height:360px;padding:26px 29px;transition:transform .35s,background .35s;position:relative;overflow:hidden}.portfolio-card:nth-child(2),.portfolio-card:nth-child(3){background:#e1d7e7}.portfolio-card:nth-child(4){background:#d6dfd7}.portfolio-card:hover{background:var(--acid);transform:translateY(-8px)}.portfolio-card>span,.portfolio-card>p{color:#706c76;font:10px DM Mono}.portfolio-card>p{float:right}.portfolio-card h2{color:var(--ink);font-size:clamp(34px,4vw,58px);position:absolute;bottom:62px;left:28px}.portfolio-card em{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:12px;font-style:normal;position:absolute;bottom:25px;left:29px}.card-orbit{border:1px solid #4d275f59;border-radius:50%;width:265px;height:265px;position:absolute;bottom:-60px;right:-35px;transform:rotate(25deg)}.card-orbit:before,.card-orbit:after{content:"";border:1px solid #4d275f45;border-radius:50%;position:absolute;inset:30px -45px}.card-orbit:after{inset:74px -63px}.card-orbit b{color:var(--violet);font:italic 88px Playfair Display;position:absolute;top:32%;left:45%}.sub-footer{margin-top:0}.story{padding:135px 0}.story>div:nth-child(2){grid-template-columns:1.2fr .8fr;gap:100px;margin:45px 0 100px;display:grid}.story h2{color:var(--violet)}.story>div:nth-child(2) p{padding-top:8px;font-size:18px;line-height:1.6}.story-rule{border-top:1px solid #c8c2bc}.three-steps{grid-template-columns:repeat(3,1fr);gap:20px;padding-top:20px;font-size:14px;display:grid}.three-steps b{color:var(--violet);margin-right:10px;font:12px DM Mono}.quote{background:#d8fa55;padding:120px 0}.quote p{max-width:850px;color:var(--violet);letter-spacing:-2px;font:italic 500 clamp(37px,5vw,67px)/1.1 Playfair Display}.contact-page{background:linear-gradient(120deg,#ece9df,#ded7e4);min-height:820px}.contact-page .sub-nav{color:var(--ink)}.contact-page .menu{border-color:#66536c}.contact-hero{padding:105px 0}.contact-hero h1{color:var(--violet);margin-top:34px}.contact-hero h1 i{color:var(--ink)}.contact-hero>div{justify-content:space-between;align-items:end;margin-top:95px;display:flex}.contact-hero>div p{max-width:390px;font-size:17px;line-height:1.55}.contact-hero .email{color:var(--violet);border-color:var(--violet)}.addresses{grid-template-columns:1fr 1fr;gap:20px;padding:0 0 110px;display:grid}.addresses>div{border-top:1px solid #938a98;padding-top:18px}.addresses h3{color:var(--violet);margin:38px 0 15px;font:500 38px Playfair Display}.addresses div>p:last-child{font-size:15px;line-height:1.55}.project-page{min-height:820px;position:relative;overflow:hidden}.project-hero{z-index:1;padding:95px 0 125px;position:relative}.project-label{color:var(--acid);text-transform:uppercase;letter-spacing:1.2px;margin-top:75px;font:11px DM Mono}.project-hero h1{max-width:760px;margin-top:17px}.project-hero h1 i{display:block}.project-hero>p:last-child{color:#d8d2dd;max-width:420px;margin:45px 0 0 50%;font-size:17px;line-height:1.55}.project-sphere{border:1px solid #d8fa5580;border-radius:50%;width:690px;height:690px;position:absolute;top:145px;right:-220px;transform:rotate(-22deg)}.project-sphere:before,.project-sphere:after,.project-sphere div{content:"";border:1px solid #b487da7a;border-radius:50%;position:absolute}.project-sphere:before{inset:65px -120px}.project-sphere:after{inset:-120px 80px}.project-sphere div{inset:185px -190px}.project-detail{grid-template-columns:1.05fr .95fr;gap:130px;padding:120px 0 140px;display:grid}.project-detail>p{letter-spacing:-1px;color:var(--violet);font:500 clamp(29px,3.2vw,48px)/1.1 Playfair Display}.facts{border-top:1px solid #c8c2bc}.facts div{border-bottom:1px solid #c8c2bc;justify-content:space-between;gap:20px;padding:17px 0;display:flex}.facts span{color:var(--muted);text-transform:uppercase;font:10px DM Mono}.facts b{text-align:right;font-size:14px;font-weight:500}@media (max-width:700px){.sub-nav{height:80px}.sub-nav .nav-links{display:none}.page-hero{min-height:500px;padding:80px 0 60px}.page-hero>p:last-child,.project-hero>p:last-child{margin-left:0}.portfolio-grid{grid-template-columns:1fr;padding:60px 0}.portfolio-card{min-height:300px}.story{padding:85px 0}.story>div:nth-child(2),.project-detail{grid-template-columns:1fr;gap:36px;margin-bottom:60px}.three-steps,.addresses{grid-template-columns:1fr}.quote{padding:85px 0}.contact-page{min-height:0}.contact-hero{padding:80px 0}.contact-hero>div{flex-direction:column;align-items:start;gap:34px;margin-top:65px}.addresses{padding-bottom:80px}.project-hero{padding:70px 0 100px}.project-label{margin-top:55px}.project-sphere{width:440px;height:440px;top:190px;right:-290px}.project-detail{padding:75px 0}.facts div{flex-direction:column;gap:8px}.facts b{text-align:left}}