:root{--ink:#152521;--paper:#f7f3eb;--lime:#d8f15b;--coral:#fa6548;--blue:#abc6f5;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",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(--sans)}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #15252124;position:relative;z-index:5}.logo{font-size:19px;font-weight:700;letter-spacing:-1.2px}.logo span{color:var(--coral);font-size:12px;vertical-align:middle;margin:0 1px}.site-nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.site-nav>a:not(.nav-cta):hover{color:var(--coral)}.nav-cta{background:var(--ink);color:var(--paper);padding:11px 16px;border-radius:99px}.nav-cta span,.contact a span{color:var(--lime);font-size:19px;margin-left:7px}.menu-button{display:none;background:none;border:0;font:inherit;color:var(--ink);font-weight:700}.hero{min-height:650px;padding:76px 5.5vw 55px;position:relative;overflow:hidden}.eyebrow{font:500 11px var(--mono);letter-spacing:.7px;text-transform:uppercase;margin:0;color:#3d514b}.hero h1,.section h2,.contact h2{font:600 clamp(55px,8.8vw,132px)/.89 var(--serif);letter-spacing:-.075em;max-width:900px;margin:37px 0 44px;position:relative;z-index:1}.hero em,h2 em,.quote em{color:var(--coral);font-weight:500}.hero-bottom{position:relative;z-index:1;display:flex;align-items:center;gap:35px}.hero-bottom p{font-size:17px;line-height:1.5;max-width:380px;margin:0}.round-link{display:grid;place-items:center;width:55px;height:55px;border:1px solid var(--ink);border-radius:50%;font-size:25px;transition:.2s}.round-link:hover{background:var(--ink);color:var(--lime);transform:translateY(4px)}.hero-art{position:absolute;right:5.5vw;bottom:0;width:min(42vw,570px);height:470px;background:var(--lime);border-radius:280px 280px 0 0;overflow:hidden}.hero-art p{position:absolute;right:12%;top:27%;font:500 13px/1.05 var(--mono);letter-spacing:1px}.orb{position:absolute;border-radius:50%}.orb-one{background:var(--coral);width:185px;height:185px;left:9%;bottom:10%}.orb-two{width:92px;height:92px;background:var(--blue);right:13%;bottom:13%}.line{position:absolute;border:1px solid var(--ink);border-radius:50%;width:610px;height:175px;transform:rotate(-28deg);opacity:.8}.line-one{top:42%;left:-22%}.line-two{top:50%;left:-18%}.section{padding:120px 5.5vw}.work{background:var(--ink);color:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.section h2{font-size:clamp(47px,6.6vw,97px);margin:32px 0 70px}.work .eyebrow{color:var(--lime)}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px 27px}.project:last-child{grid-column:2}.project-visual{height:380px;position:relative;overflow:hidden}.project:nth-child(2) .project-visual{height:300px}.saffron-visual{background:#cf4940}.saffron-visual span{position:absolute;top:15%;left:8%;font:600 clamp(40px,6vw,80px)/.8 var(--serif);letter-spacing:-.09em;color:#f9c463}.saffron-visual i{position:absolute;width:270px;height:270px;border:35px solid #ee8d3f;border-radius:50%;right:-30px;bottom:-100px}.form-visual{background:#bfd0fa}.form-visual span{position:absolute;top:16%;left:9%;font:500 clamp(38px,5vw,70px)/.75 var(--sans);letter-spacing:-.08em}.form-visual i{position:absolute;width:47%;height:64%;right:14%;bottom:0;background:var(--ink);clip-path:polygon(40% 0,100% 0,60% 100%,0 100%)}.kin-visual{background:#d6e2cf}.kin-visual span{position:absolute;z-index:1;left:9%;top:30%;font:600 clamp(74px,11vw,145px)/.8 var(--serif);letter-spacing:-.12em}.kin-visual i{position:absolute;width:47%;height:160%;background:#618775;border-radius:50%;right:14%;top:-26%}.project-meta{display:flex;justify-content:space-between;align-items:baseline;padding-top:15px}.project-meta h3{margin:0;font-size:17px}.project-meta p{font:400 10px var(--mono);text-transform:uppercase;color:#d8d7cf}.approach{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.approach h2{margin-bottom:0}.principles article{border-top:1px solid #15252152;padding:18px 0 28px;display:grid;grid-template-columns:48px 1fr}.principles span{font:500 11px var(--mono);color:var(--coral)}.principles h3{margin:0 0 7px;font-size:21px}.principles p{grid-column:2;margin:0;color:#53625e;line-height:1.5;font-size:15px;max-width:365px}.quote{background:var(--blue);padding:110px 14vw;text-align:center}.quote p{font:600 clamp(37px,5.2vw,76px)/1.02 var(--serif);letter-spacing:-.06em;margin:0 auto 27px;max-width:900px}.quote span{font:500 11px var(--mono);text-transform:uppercase}.contact{padding:130px 5.5vw;background:var(--coral);color:var(--ink)}.contact h2{margin:30px 0 45px}.contact h2 em{color:var(--paper)}.contact a{display:inline-flex;align-items:center;font:600 clamp(22px,3vw,41px) var(--serif);border-bottom:2px solid var(--ink);padding-bottom:5px}.contact a:hover{color:var(--paper)}footer{padding:32px 5.5vw;display:flex;align-items:center;justify-content:space-between;font-size:12px}footer p{margin:0;color:#5e6965}footer div{display:flex;gap:18px}footer div a:hover{color:var(--coral)}
@media(max-width:720px){.site-header{height:70px;padding:0 6vw}.menu-button{display:block}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:25px 6vw 30px;background:var(--paper);border-bottom:1px solid #15252124;flex-direction:column;align-items:flex-start;gap:22px}.site-nav.open{display:flex}.hero{padding:58px 6vw 0;min-height:685px}.hero h1{margin:28px 0 32px}.hero-bottom{align-items:flex-start}.hero-bottom p{font-size:15px;max-width:260px}.hero-art{right:6vw;width:88vw;height:315px}.hero-art p{top:17%;right:10%}.orb-one{width:125px;height:125px}.orb-two{width:65px;height:65px}.section{padding:77px 6vw}.section-heading{display:block}.section h2{margin:25px 0 45px}.project-grid{display:block}.project{margin-bottom:42px}.project:last-child{margin-bottom:0}.project-visual,.project:nth-child(2) .project-visual{height:265px}.project-meta{display:block}.project-meta p{margin:6px 0}.approach{display:block}.approach h2{margin-bottom:50px}.quote{padding:74px 8vw}.contact{padding:80px 6vw}footer{padding:28px 6vw;display:grid;gap:18px}footer p{order:3}}
.project a{display:block}.project-meta{gap:18px}.project-meta p{text-align:right}.contact a{max-width:100%;overflow-wrap:anywhere}@media(max-width:720px){.project-meta p{text-align:left}.contact a{font-size:clamp(18px,6vw,24px)}}