@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--paper:#f7f7f2;--ink:#18221f;--muted:#68716b;--line:#daddd5;--blue:#244ed8;--display:"Space Grotesk", sans-serif;--body:"DM Sans", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}::selection{color:#18221f;background:#d5df9e}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.skip-link{z-index:100;background:var(--blue);color:#fff;padding:15px;position:fixed;top:-100px}.skip-link:focus{top:0}.container{max-width:1220px;margin:auto;padding:0 44px}.site-header{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f7f2f2;height:88px;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;max-width:1220px;height:100%;margin:auto;padding:0 44px;display:flex}.logo{font:700 38px var(--display);letter-spacing:-4px}.logo span{color:var(--blue)}.nav-links{align-items:center;gap:38px;font-size:13px;font-weight:500;display:flex}.nav-links>a:hover{color:var(--blue)}.nav-contact{border:1px solid var(--ink);margin-left:30px;padding:12px 18px}.nav-contact span{margin-left:28px}.menu-toggle{display:none}.hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:45px;padding-top:76px;padding-bottom:75px;display:grid}.status{letter-spacing:1.2px;align-items:center;gap:8px;margin-bottom:40px;font-size:9px;font-weight:600;display:flex}.status>span{background:#6c8c40;border-radius:100%;width:6px;height:6px;box-shadow:0 0 0 4px #6c8c4015}.hero-name{letter-spacing:1.1px;color:var(--muted);margin:0 0 18px;font-size:9px}.hero h1{font:500 clamp(48px, 5.7vw, 77px)/1.03 var(--display);letter-spacing:-4px;margin:0 0 25px}.hero h1>span{color:var(--blue)}.hero-description{color:var(--muted);max-width:400px;margin:0 0 30px;font-size:14px;line-height:1.85}.hero-buttons{gap:11px;display:flex}.button{justify-content:space-between;align-items:center;gap:30px;padding:15px 19px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button span{font-size:19px;font-weight:400}.blue{background:var(--blue);color:#fff;border:1px solid var(--blue)}.blue:hover{background:#173bb2}.outline{border:1px solid #bfc5bc}.outline:hover{background:#e9ece2}.hero-location{color:var(--muted);align-items:center;gap:9px;margin-top:39px;font-size:10px;display:flex}.location-mark{font-size:19px}.divider{border-left:1px solid #b9c0b6;height:10px;margin:0 4px}.portrait-panel{background:#dfe3da;padding:20px 25px 0;position:relative;overflow:hidden}.portrait-label{letter-spacing:1px;color:#606a60;z-index:1;justify-content:space-between;font-size:7px;display:flex;position:relative}.portrait-image{height:395px;margin:14px 0 0;position:relative}.portrait-image img{object-fit:cover;object-position:center 30%;mix-blend-mode:multiply}.portrait-caption{border-top:1px solid #b8c0b4;justify-content:space-between;align-items:center;padding:18px 0 20px;font-size:14px;line-height:1.5;display:flex;position:relative}.portrait-caption strong{font-weight:500}.asterisk{color:var(--blue);font-size:50px;line-height:1}.vertical-label{writing-mode:vertical-rl;letter-spacing:2px;color:#65715f;font-size:7px;position:absolute;top:90px;right:7px}.credibility{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:24px;padding-bottom:24px;display:flex}.credibility>p{letter-spacing:.8px;color:var(--muted);margin:0;font-size:8px;line-height:1.6}.credibility strong{color:var(--ink);font-weight:500}.credibility>span{font:600 22px var(--display);letter-spacing:-.8px}.credibility small{font:9px var(--body);letter-spacing:0;color:var(--muted);margin-top:5px;display:block}.section{padding-top:100px;padding-bottom:100px}.eyebrow{letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin:0 0 22px;font-size:9px;font-weight:500}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px;display:flex}h2{font:500 clamp(32px, 3.8vw, 48px)/1.13 var(--display);letter-spacing:-2px;margin:0}h2>span{color:var(--blue)}.section-description{max-width:250px;color:var(--muted);margin:0 0 5px;font-size:12px;line-height:1.9}.projects{grid-template-columns:1fr 1fr;gap:48px 30px;display:grid}.project-card:last-child{background:#e8ebe2;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:30px;display:grid}.project-card:last-child .project-caption{align-self:center;padding:25px 35px 25px 0}.project-image{background:#e5e7e2;height:310px;position:relative;overflow:hidden}.project-image img{object-fit:cover;transition:transform .6s}.project-02 img,.project-03 img{object-fit:contain;mix-blend-mode:multiply;padding:30px}.project-02{background:#dce4ec}.project-03{background:#e0e4d8}.project-card:hover .project-image img{transform:scale(1.04)}.project-number{background:var(--paper);letter-spacing:1px;padding:7px 9px;font-size:8px;position:absolute;top:17px;left:17px}.project-arrow{background:var(--paper);place-items:center;width:38px;height:38px;font-size:23px;transition:background .2s,color .2s;display:grid;position:absolute;bottom:17px;right:17px}.project-card:hover .project-arrow{background:var(--blue);color:#fff}.project-caption{padding-top:23px}.project-caption .eyebrow{margin-bottom:12px;font-size:8px}.project-caption h3{font:500 26px/1.2 var(--display);letter-spacing:-.9px;margin:0 0 12px}.project-caption>p:not(.eyebrow){color:var(--muted);max-width:390px;margin:0;font-size:12px;line-height:1.8}.tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.tags>span{border:1px solid #cdd3c8;padding:6px 8px;font-size:9px}.case-link{border-bottom:1px solid #a8b1a2;gap:35px;margin-top:24px;padding-bottom:6px;font-size:10px;font-weight:600;display:inline-flex}.experience-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eaede5;padding:80px 0}.experience-grid{grid-template-columns:1fr 1.35fr;gap:100px;display:grid}.experience-intro>p:not(.eyebrow){color:var(--muted);max-width:270px;margin:24px 0;font-size:12px;line-height:1.9}.inline-link{border-bottom:1px solid #a6b2a2;padding-bottom:6px;font-size:11px;display:inline-block}.experience-seal{border:1px solid #a8b5a1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:120px;height:120px;margin-top:65px;display:flex;transform:rotate(-12deg)}.experience-seal span{letter-spacing:1.4px;font-size:7px}.experience-seal b{color:var(--blue);font-size:36px;font-weight:400}.experience{border-left:1px solid #bbc5b4;padding:0 0 27px 23px;position:relative}.experience:before{content:"";border:1px solid var(--blue);background:#eaede5;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:-4px}.experience:first-child:before{background:var(--blue)}.experience:last-child{padding-bottom:0}.experience .eyebrow{margin-bottom:12px;font-size:8px}.experience h3{font:500 20px var(--display);letter-spacing:-.6px;margin:0 0 7px}.experience h4{margin:0 0 10px;font-size:11px;font-weight:500}.experience>p:last-child{color:var(--muted);max-width:430px;margin:0;font-size:11px;line-height:1.85}.about-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.about-grid h2{font-size:40px;line-height:1.2}.about-copy>p{color:var(--muted);margin:0 0 19px;font-size:13px;line-height:1.9}.education{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;padding:22px 0}.education>span{letter-spacing:1px;color:var(--muted);margin-bottom:10px;font-size:8px;display:block}.education>strong{font-size:13px;font-weight:500}.education>p{color:var(--muted);margin:7px 0 0;font-size:11px}.about-copy .language-note{margin-top:15px;font-size:10px}.capability-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px;display:grid}.capability-grid article{border-top:1px solid #bfc9b8;padding-top:22px}.capability-number{color:var(--blue);font-size:10px}.capability-grid h3{font:500 23px var(--display);letter-spacing:-.8px;margin:25px 0 13px}.capability-grid p{color:var(--muted);max-width:270px;min-height:65px;font-size:12px;line-height:1.85}.capability-tools{letter-spacing:.3px;font-size:9px}.contact-band{color:#f5f7ef;background:#20392c;padding:75px 0}.contact-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.eyebrow.light{color:#b8c9b5}.contact-inner h2{font-size:46px}.contact-inner h2>span{color:#cfdd96}.contact-inner p:not(.eyebrow){color:#b8c9b5;margin-top:20px;font-size:12px;line-height:1.9}.contact-actions{flex-direction:column;align-items:flex-start;display:flex}.white{color:#20392c;background:#eff2e6;min-width:240px}.contact-email{margin:23px 0 11px;font-size:12px}.contact-phone{color:#b8c9b5;font-size:11px}.site-footer{min-height:90px;color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}.site-footer .logo{color:var(--ink);font-size:30px}.project-detail{padding-top:45px;padding-bottom:80px}.detail-header{max-width:800px;padding:65px 0 45px}.detail-header h1{font:500 clamp(40px, 6vw, 70px)/1.07 var(--display);letter-spacing:-3px;margin:0 0 24px}.detail-header>p:not(.eyebrow){color:var(--muted);max-width:600px;font-size:16px;line-height:1.8}.detail-cover{background:#e2e7dd;height:520px;position:relative}.detail-cover img{object-fit:contain;mix-blend-mode:multiply;padding:25px}.project-video{border-bottom:1px solid var(--line);padding:48px 0}.project-video h2{margin-bottom:26px;font-size:clamp(28px,4vw,40px)}.video-frame{aspect-ratio:16/9;background:var(--ink);margin-bottom:20px}.video-frame iframe{border:0;width:100%;height:100%;display:block}.detail-content{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:50px;padding:50px 0;display:grid}.detail-content h2{letter-spacing:-1px;font-size:29px}.detail-content>p,.detail-content li{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.detail-content ul{margin:0;padding-left:18px}.detail-content li{margin-bottom:12px}.detail-gallery{grid-template-columns:1fr 1fr;gap:25px;padding:40px 0;display:grid}.detail-gallery figure{margin:0}.detail-gallery figure>div{background:#e4e8df;height:330px;position:relative}.detail-gallery img{object-fit:contain;padding:25px}.detail-gallery figcaption{color:var(--muted);margin-top:15px;font-size:11px;line-height:1.6}.next-project{padding-top:50px;display:block}.next-project h2{font-size:34px}.next-project h2 span{margin-left:20px}@media (min-width:1450px){.hero{padding-top:95px;padding-bottom:95px}.hero h1{font-size:80px}.portrait-image{height:430px}}@media (max-width:900px){.container,.nav-shell{padding-left:28px;padding-right:28px}.hero{gap:28px}.hero h1{letter-spacing:-3px;font-size:56px}.portrait-image{height:340px}.portrait-label{font-size:6px}.experience-grid{gap:45px}.about-grid{gap:30px}.about-grid h2{font-size:34px}.contact-inner h2{font-size:38px}}@media (max-width:760px){.site-header{height:70px}.logo{font-size:32px}.menu-toggle{background:0 0;border:0;font-size:12px;display:block}.nav-links{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:25px;padding:25px 28px;display:none;position:absolute;top:69px;left:0;right:0}.nav-links.is-open{display:flex}.nav-contact{margin-left:0}.container,.nav-shell{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:38px;padding-top:45px;padding-bottom:45px}.status{margin-bottom:32px;font-size:8px}.hero h1{letter-spacing:-3px;font-size:clamp(48px,10vw,72px)}.hero-description{max-width:440px;font-size:14px}.hero-location{margin-top:25px;font-size:9px}.portrait-panel{width:100%;max-width:450px;margin:auto}.portrait-image{height:380px}.portrait-label{font-size:7px}.credibility{flex-wrap:wrap;justify-content:flex-start;gap:25px 35px;padding-top:25px;padding-bottom:25px}.credibility>p{width:100%}.credibility>span{font-size:20px}.section{padding-top:65px;padding-bottom:65px}.section-heading{margin-bottom:30px;display:block}.section-description{max-width:330px;margin-top:20px}h2{font-size:36px}.projects{grid-template-columns:1fr;gap:35px}.project-card:last-child{background:0 0;grid-column:auto;display:block}.project-card:last-child .project-caption{padding:23px 0 0}.project-image{height:310px}.project-caption h3{font-size:26px}.experience-section{padding:60px 0}.experience-grid{grid-template-columns:1fr;gap:40px}.experience-seal{display:none}.experience-intro>p:not(.eyebrow){max-width:380px}.about-grid{grid-template-columns:1fr;gap:28px}.about-grid h2{font-size:36px}.capability-grid{grid-template-columns:1fr;gap:26px;margin-top:40px}.capability-grid h3{margin-top:18px}.capability-grid p{max-width:390px;min-height:auto}.contact-band{padding:60px 0}.contact-inner{display:block}.contact-inner h2{font-size:37px}.contact-actions{margin-top:30px}.site-footer{flex-wrap:wrap;gap:20px;padding-top:20px;padding-bottom:20px}.site-footer>span{text-align:right;width:60%}.detail-header{padding-top:45px}.detail-header h1{letter-spacing:-2px;font-size:45px}.detail-cover{height:340px}.detail-content{grid-template-columns:1fr;gap:25px;padding:35px 0}.detail-gallery{grid-template-columns:1fr}.detail-gallery figure>div{height:330px}.next-project h2{font-size:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}
