:root{--ink:#18231f;--paper:#f5f2ea;--green:#d4f28a;--orange:#f18462;--muted:#5c6962;--line:#cdd0c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.site-header{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:8px;align-items:center;text-decoration:none;color:var(--ink);font-size:16px;font-weight:800;letter-spacing:-.6px}.brand span{width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--green);font:600 18px Newsreader,serif;display:grid;place-items:center}.site-header nav{display:flex;gap:28px}.site-header nav a,.visit{font-size:11px;font-weight:800;color:var(--ink);text-decoration:none}.visit{border-bottom:1px solid var(--ink);padding-bottom:3px}.hero{padding:105px 12vw 74px;min-height:610px;background:radial-gradient(circle at 82% 36%,#d7eda8 0 9%,transparent 9.2%),radial-gradient(circle at 82% 36%,transparent 0 19%,#c9d5bd 19.2% 19.5%,transparent 19.7%),radial-gradient(circle at 82% 36%,transparent 0 29%,#c9d5bd 29.2% 29.4%,transparent 29.6%)}.label{font:500 10px 'DM Mono',monospace;letter-spacing:1.25px;margin:0;color:#637068}.hero h1,h2{font-size:clamp(48px,6.4vw,91px);letter-spacing:-3.4px;line-height:.97;font-weight:600;margin:21px 0 27px}.hero h1 em,h2 em{font-family:Newsreader,serif;font-weight:500;color:#5f7955}.intro{max-width:495px;font-size:15px;line-height:1.8;color:#435149}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:33px}.button{display:inline-flex;align-items:center;gap:17px;padding:15px 19px;border-radius:3px;text-decoration:none;font-size:11px;font-weight:800}.dark{background:var(--ink);color:white}.dark b{color:var(--green);font-size:16px}.text-link{font-size:12px;color:var(--ink);font-weight:800;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}.hero-note{display:flex;gap:9px;align-items:center;margin-top:85px;font-size:10px;color:#66736c}.hero-note span{width:7px;height:7px;border-radius:50%;background:var(--orange)}.hero-note p{margin:0}.plain{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:90px 9vw;display:grid;grid-template-columns:1.3fr .7fr;gap:80px}.plain h2,.timeline-title h2,.now h2{font-size:clamp(39px,4.4vw,63px);margin:16px 0 0}.plain>p{font-size:14px;line-height:1.85;color:var(--muted);align-self:end;margin:0 0 8px}.projects{padding:85px 9vw 105px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.project{grid-column:span 2;background:#dfe5d6;min-height:375px;padding:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.project.featured{grid-column:span 3;background:#cce9a2}.project:nth-child(2){grid-column:span 3;background:#f0d4bd}.project:nth-child(4){background:#d6dfd1}.project:nth-child(5){background:#e7dcaf}.number{font:500 10px 'DM Mono',monospace;margin:0}.project h3{font-size:27px;letter-spacing:-1.2px;margin:5px 0 9px}.project>div:last-child>p:not(.label){font-size:12px;line-height:1.65;max-width:330px;margin:0 0 14px}.project span{font:500 9px 'DM Mono',monospace;line-height:1.6;color:#4d5b53}.icon{position:absolute;right:30px;top:55px;width:135px;height:115px;color:var(--ink)}.chat-icon i{display:block;position:absolute;height:28px;border-radius:18px;background:var(--ink)}.chat-icon i:nth-child(1){width:80px;top:2px;left:0}.chat-icon i:nth-child(2){width:65px;top:36px;right:0;background:#627856}.chat-icon i:nth-child(3){width:103px;top:71px;left:12px}.steps-icon{display:flex;gap:9px;align-items:center}.steps-icon:before{content:"";position:absolute;width:110px;height:1px;background:var(--ink);top:58px}.steps-icon b{z-index:1;width:37px;height:37px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;background:#f5f2ea;font:500 11px 'DM Mono',monospace}.steps-icon b:nth-child(2){background:var(--orange)}.memory-icon,.book-icon,.side-icon{font:500 115px Newsreader,serif;line-height:.8}.book-icon{font-size:98px}.side-icon{font-size:118px}.timeline-section{background:var(--ink);color:white;padding:100px 9vw}.timeline-title{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;margin-bottom:65px}.timeline-title h2{color:white}.timeline-title h2 em{color:var(--green)}.timeline-title>p{font-size:13px;line-height:1.8;color:#c2c9c1;align-self:end;margin:0}.timeline{max-width:860px;margin-left:15%;position:relative}.timeline:before{content:"";position:absolute;left:127px;top:7px;bottom:18px;width:1px;background:#78847b}.timeline article{display:grid;grid-template-columns:108px 37px 1fr;min-height:145px}.timeline time{font:500 10px 'DM Mono',monospace;color:var(--green);padding-top:3px}.dot{position:relative}.dot:before{content:"";position:absolute;top:2px;left:13px;width:9px;height:9px;border:2px solid var(--green);border-radius:50%;background:var(--ink)}.timeline article>div:last-child{padding:0 0 41px 24px}.timeline h3{font-size:21px;letter-spacing:-.7px;margin:6px 0 7px}.timeline article>div:last-child>p:last-child{font-size:12px;line-height:1.65;color:#c3cbc3;margin:0;max-width:470px}.timeline .current .dot:before{background:var(--green);box-shadow:0 0 0 5px #364839}.timeline .next .dot:before{border-color:var(--orange)}.now{padding:112px 12vw;background:var(--green)}.now h2{margin:19px 0 24px}.now h2 em{color:var(--ink)}.now>p:not(.label){max-width:465px;font-size:14px;line-height:1.75;color:#405044;margin-bottom:28px}.light{background:var(--ink);color:white}footer{padding:27px 6vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}footer p{font-size:10px;color:#67736b;margin:0}@media(max-width:760px){.site-header{height:64px;padding:0 6vw}.site-header nav{display:none}.visit{font-size:9px}.hero{padding:76px 7vw 45px;min-height:540px;background:none}.hero h1{font-size:56px}.hero-note{margin-top:55px}.plain,.timeline-title{grid-template-columns:1fr;gap:24px;padding:70px 7vw}.projects{padding:65px 7vw;display:block}.project,.project.featured,.project:nth-child(2){min-height:340px;margin-bottom:14px}.timeline-section{padding:70px 7vw}.timeline-title{padding:0;margin-bottom:45px}.timeline{margin-left:0}.timeline:before{left:65px}.timeline article{grid-template-columns:54px 29px 1fr;min-height:185px}.timeline time{font-size:8px}.timeline article>div:last-child{padding-left:16px}.timeline h3{font-size:18px}.now{padding:78px 7vw}.now h2{font-size:51px}footer{padding:24px 7vw;align-items:flex-start;gap:15px;flex-direction:column}}
