@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
:root{--paper:#f4f3ef;--ink:#292b2c;--muted:#646a68;--line:#c2c6c1;--blue:#bed9e5;--mint:#bddfd1;--peach:#edc7b5;--lilac:#cbc3df;--signal:#c9fa45;--stroke:2px;--radius:28px;--ease:cubic-bezier(.22,.72,.18,1);--slow:9s;--shell:min(1240px,calc(100vw - 72px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:20;left:16px;top:12px;transform:translateY(-150%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:24px}.skip-link:focus{transform:none}.hero{min-height:100svh;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.organism{position:absolute;inset:0;width:100%;height:100%;opacity:.94}.nav{height:100px;display:flex;position:relative;z-index:2;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(41,43,44,.16)}.wordmark{text-decoration:none;font:600 18px/1 Manrope;letter-spacing:-.07em}.wordmark span{color:#667f75}.nav-contact{font-size:12px;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}.hero-copy{position:relative;z-index:1;padding-top:clamp(9vh,13vh,145px);pointer-events:none}h1{margin:0;font:500 clamp(68px,10vw,150px)/.85 Manrope;letter-spacing:-.075em}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.identity-line{margin:22px 0 0;font:500 clamp(24px,3.1vw,45px)/1 Manrope;letter-spacing:-.045em;color:#627b72}.hero-question{margin-top:clamp(45px,7vh,78px);font:400 clamp(20px,2.15vw,32px)/1.28 Manrope;letter-spacing:-.03em}.hero-question p{margin:0}.hero-invitation{margin-top:20px!important;color:var(--muted)}.scroll-cue{position:absolute;z-index:2;bottom:38px;right:max(36px,calc((100% - 1240px)/2));display:flex;align-items:center;gap:14px;text-decoration:none;font-size:12px}.scroll-cue i{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;position:relative}.scroll-cue i:after{content:"";position:absolute;width:3px;height:3px;background:var(--ink);border-radius:50%;left:19px;top:12px;animation:scroll 2.5s var(--ease) infinite}.section-index,.way-copy>span{font:500 11px/1.2 Manrope;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.ways{padding:150px 0 80px}.section-heading,.background,.contact{display:grid;grid-template-columns:1fr 3fr}.section-heading h2,.background h2{font:500 clamp(52px,7vw,94px)/.92 Manrope;letter-spacing:-.06em;margin:0}.way-list{margin-top:110px;border-top:1px solid var(--line)}.way{min-height:390px;padding:70px 0;display:grid;grid-template-columns:5fr 7fr;gap:8%;align-items:center;border-bottom:1px solid var(--line)}.way-copy h3{font:500 clamp(43px,5vw,68px)/1 Manrope;letter-spacing:-.055em;margin:20px 0}.way-copy p{max-width:390px;color:var(--muted);line-height:1.65}.way-visual{aspect-ratio:2/1;background:rgba(255,255,255,.35);border:1px solid rgba(41,43,44,.12);border-radius:var(--radius);overflow:hidden;transition:background .7s var(--ease),transform .7s var(--ease)}.way:hover .way-visual,.way.is-visible .way-visual{background:rgba(255,255,255,.6)}.way:hover .way-visual{transform:translateY(-4px)}.way svg{width:100%;height:100%}.way svg *{vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center}.way path{fill:none;stroke:var(--ink);stroke-width:var(--stroke);stroke-linecap:round}.way circle,.way rect{stroke:var(--ink);stroke-width:1.5}.scatter circle{fill:var(--blue);opacity:.35}.ordered circle{fill:var(--mint)}.understand>svg>path{stroke:var(--line)}.branch{stroke-dasharray:190;stroke-dashoffset:190}.explore circle,.signal{fill:var(--signal)}.piece{fill:var(--peach);stroke-linecap:round}.result{fill:rgba(203,195,223,.35)}.background{padding:130px 0;border-bottom:1px solid var(--line)}.background-list{margin-top:55px;border-top:1px solid var(--line)}.background-item{display:grid;grid-template-columns:1fr 1.5fr auto;gap:30px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline}.background-item p{margin:0}.background-item .detail,.background-item time{color:var(--muted);font-size:13px}.contact{padding:160px 0 130px}.contact h2{font:500 clamp(43px,6vw,82px)/1.06 Manrope;letter-spacing:-.055em;margin:0}.contact h2 em{font-style:normal;color:#71877f}.contact-copy{max-width:480px;color:var(--muted);line-height:1.65;margin:40px 0}.contact-links{display:flex;align-items:center;gap:30px}.primary-link{width:max-content;text-decoration:none;border-bottom:1px solid;padding-bottom:6px}.quiet-link{font-size:13px;color:var(--muted);text-decoration:none}.contact-links b{font-weight:400;margin-left:5px}.footer{border-top:1px solid var(--line);height:100px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em}
@keyframes scroll{0%{transform:translateY(0);opacity:0}25%,75%{opacity:1}100%{transform:translateY(15px);opacity:0}}@keyframes organize{0%,15%{opacity:.7;transform:translate(0)}50%,85%{opacity:.05;transform:scale(.6)}100%{opacity:.7}}@keyframes reveal{0%,18%{opacity:.15;transform:scale(.7)}45%,85%{opacity:1;transform:none}100%{opacity:.15;transform:scale(.7)}}@keyframes branch{0%,15%{stroke-dashoffset:190;opacity:.2}48%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-190;opacity:.2}}@keyframes assemble1{0%,15%{transform:translate(-45px,-25px)}48%,85%{transform:translate(135px,53px)}100%{transform:translate(-45px,-25px)}}@keyframes assemble2{0%,15%{transform:translate(45px,-20px)}48%,85%{transform:translate(-127px,48px)}100%{transform:translate(45px,-20px)}}@keyframes assemble3{0%,15%{transform:translate(-35px,20px)}48%,85%{transform:translate(114px,-55px)}100%{transform:translate(-35px,20px)}}@keyframes assemble4{0%,15%{transform:translate(35px,20px)}48%,85%{transform:translate(-118px,-55px)}100%{transform:translate(35px,20px)}}
.scatter,.ordered,.branch,.piece{animation-duration:var(--slow);animation-timing-function:var(--ease);animation-iteration-count:infinite;animation-play-state:paused}.scatter{animation-name:organize}.ordered{animation-name:reveal}.branch{animation-name:branch}.b2{animation-delay:.35s}.b3{animation-delay:.7s}.p1{animation-name:assemble1}.p2{animation-name:assemble2}.p3{animation-name:assemble3}.p4{animation-name:assemble4}.way.is-visible :is(.scatter,.ordered,.branch,.piece),.way:hover :is(.scatter,.ordered,.branch,.piece){animation-play-state:running}
@media(max-width:760px){:root{--shell:calc(100vw - 38px);--radius:20px}.nav{height:76px}.hero{min-height:720px;height:100svh}.hero-copy{padding-top:12vh}h1{font-size:clamp(60px,19vw,86px);max-width:5ch}.identity-line{font-size:28px;margin-top:18px}.hero-question{font-size:20px;margin-top:50px}.scroll-cue{right:19px;bottom:25px}.scroll-cue span{display:none}.ways{padding:100px 0 45px}.section-heading,.background,.contact{display:block}.section-index{margin:0 0 42px}.section-heading h2,.background h2{font-size:58px}.way-list{margin-top:75px}.way{display:flex;min-height:0;flex-direction:column;align-items:stretch;gap:42px;padding:58px 0 65px}.way-copy h3{font-size:50px}.way-visual{aspect-ratio:1.45}.background{padding:90px 0}.background-list{margin-top:45px}.background-item{grid-template-columns:1fr;gap:7px}.contact{padding:105px 0 90px}.contact h2{font-size:48px}.contact-links{align-items:flex-start;flex-direction:column;gap:24px}.footer{height:85px}.footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.organism{opacity:.65}.scatter,.ordered,.branch,.piece{opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}
.projects{padding:150px 0}.project-list{margin-top:110px;border-top:1px solid var(--line)}.project-card{display:grid;grid-template-columns:1fr 3fr auto;gap:30px;align-items:end;padding:42px 0 46px;border-bottom:1px solid var(--line);transition:padding-inline .45s var(--ease),background .45s var(--ease)}.project-card:hover{padding-inline:22px;background:rgba(255,255,255,.38)}.project-number{align-self:start;margin:7px 0 0;font:500 11px/1.2 Manrope;letter-spacing:.16em;color:var(--muted)}.project-copy h3{margin:0;font:500 clamp(42px,5.4vw,74px)/.93 Manrope;letter-spacing:-.065em}.project-copy p{margin:20px 0 0;color:var(--muted);font:400 clamp(17px,1.7vw,24px)/1.28 Manrope;letter-spacing:-.03em}.project-link{margin-bottom:5px;white-space:nowrap;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:6px;font-size:12px}.project-link span{margin-left:8px;font-size:16px}.project-link:hover{color:#627b72;border-color:#627b72}@media(max-width:760px){.projects{padding:100px 0 45px}.project-list{margin-top:75px}.project-card{grid-template-columns:1fr;gap:26px;padding:32px 0 38px}.project-card:hover{padding-inline:12px}.project-number{margin:0}.project-copy h3{font-size:52px}.project-link{justify-self:start;margin:4px 0 0}}