:root{--paper:#f5f3ed;--ink:#1d211d;--muted:#7f8278;--line:#d5d3ca;--lime:#cbf36b;--blue:#bfd6ef;--orange:#f4a276;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.site-header{height:76px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 6.25vw;background:rgba(245,243,237,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(29,33,29,.1)}.wordmark{font-size:25px;font-weight:800;letter-spacing:-2px;text-decoration:none;color:var(--ink)}.wordmark span,.period{color:#8eae30}.main-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:34px}.main-nav a,.header-note{font-size:12px;text-decoration:none;color:var(--ink)}.main-nav a{transition:opacity .2s}.main-nav a:hover,.social-links a:hover{opacity:.55}.header-note{font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#8eae30;border-radius:50%;box-shadow:0 0 0 4px #8eae3025}.section-wrap{padding-left:12.5vw;padding-right:12.5vw}.hero{min-height:calc(100vh - 76px);position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:6vw;padding-top:50px;padding-bottom:100px;overflow:hidden}.eyebrow,.section-count,.hero-bottom,.art-caption,.art-side,.image-index,.image-label,.project-meta,.update-meta,.timeline-controls,.site-footer>a:last-child{font-family:var(--mono);font-size:9px;letter-spacing:.12em}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;color:var(--muted)}.eyebrow-line{height:1px;width:38px;background:#a9aaa0}.hero h1{font-size:clamp(55px,8.3vw,118px);line-height:.96;letter-spacing:-.085em;margin:40px 0 28px;font-weight:600}.name-highlight{font-weight:800}.intro-row{display:flex;gap:20px;max-width:390px;align-items:flex-start}.intro-mark{font-size:21px;color:#8eae30;margin-top:0}.intro-row p,.contact-right>p{font-size:14px;line-height:1.8;color:#666a60;margin:0}.text-link{display:inline-flex;gap:18px;align-items:center;color:var(--ink);text-decoration:none;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #aeb0a5;padding-bottom:9px;margin-top:27px}.text-link span{font-size:16px}.hero-art{width:min(31vw,390px);aspect-ratio:.88;justify-self:end;position:relative;display:grid;place-items:center}.art-ring{position:absolute;inset:7%;border:1px solid #b8bbad;border-radius:48% 52% 49% 51%;transform:rotate(25deg)}.ring-two{inset:12% 3%;transform:rotate(-34deg);border-color:#d5d3ca}.art-core{width:68%;aspect-ratio:1;border-radius:48% 52% 56% 44%;background:#dfe6cf;display:grid;place-items:center;position:relative;transform:rotate(-7deg);box-shadow:12px 16px 0 #e9e6da}.art-core span{font-family:var(--mono);font-size:10px;line-height:1.6;letter-spacing:.16em;text-align:center;transform:rotate(7deg)}.art-core i{position:absolute;right:4%;top:8%;font-style:normal;font-size:48px;color:#8eae30}.art-caption{position:absolute;bottom:4%;left:0;color:var(--muted)}.art-side{position:absolute;right:-9%;top:50%;writing-mode:vertical-rl;color:var(--muted)}.hero-bottom{position:absolute;bottom:30px;left:12.5vw;right:12.5vw;display:flex;align-items:center;gap:17px;color:var(--muted)}.scroll-line{height:1px;flex:1;background:var(--line)}.updates,.projects,.contact{padding-top:115px;padding-bottom:115px}.updates{background:#ecebe3}.section-heading{display:flex;align-items:center;gap:18px}.section-heading .eyebrow{white-space:nowrap;margin:0;color:var(--ink)}.heading-rule{height:1px;background:#c4c4b9;flex:1}.section-count{color:var(--muted);white-space:nowrap}.updates-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:72px;align-items:start}.updates-grid h2,.projects-intro h2,.contact-layout h2{font-size:clamp(36px,5.2vw,69px);letter-spacing:-.07em;line-height:1.04;font-weight:600;margin:0}.update-card{padding:26px 0 0;border-top:1px solid #bdbfb3}.update-meta{display:flex;justify-content:space-between;color:var(--muted)}.tag{border:1px solid #c7c8bf;padding:5px 8px;margin-top:-8px}.update-card h3{font-size:27px;letter-spacing:-.05em;margin:31px 0 12px}.update-card p,.project-info p{font-size:13px;line-height:1.8;color:#6e7168;max-width:390px;margin:0}.projects{overflow:hidden}.projects-intro{display:flex;align-items:end;justify-content:space-between;margin:68px 0 50px}.projects-intro h2 em,.contact-layout h2 em{font-weight:400;font-family:Georgia,serif}.projects-intro>p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 5px}.timeline-axis{height:16px;display:flex;align-items:center;margin:0 0 26px}.axis-dot{width:9px;height:9px;border-radius:50%;background:#8eae30;box-shadow:0 0 0 5px #8eae3026}.axis-line{height:1px;background:#d0d0c4;flex:1}.axis-tip{font-family:var(--mono);font-size:9px;color:var(--muted);padding-left:14px}.timeline{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;padding-bottom:10px;overscroll-behavior-x:contain}.timeline::-webkit-scrollbar{display:none}.timeline:active{cursor:grabbing}.project-card{flex:0 0 min(32%,290px);scroll-snap-align:start}.project-image{height:218px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-lime{background:var(--lime)}.image-blue{background:var(--blue)}.image-orange{background:var(--orange)}.image-index{position:absolute;top:14px;left:16px}.image-symbol{font-family:Georgia,serif;font-size:95px;line-height:1;opacity:.52;transform:rotate(-12deg)}.image-label{position:absolute;bottom:14px;right:14px}.project-info{padding-top:19px}.project-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.project-status{color:#6d861d}.project-info h3{font-size:19px;letter-spacing:-.04em;margin:13px 0 8px}.project-info p{font-size:11px;min-height:59px}.project-info>a{display:inline-flex;justify-content:space-between;width:100%;border-top:1px solid #d0d0c4;margin-top:18px;padding-top:12px;color:var(--ink);text-decoration:none;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.project-info>a span{font-size:14px}.timeline-controls{display:flex;justify-content:space-between;align-items:center;margin-top:28px;color:var(--muted)}.timeline-controls>div{display:flex;gap:8px}.arrow-button{width:35px;height:35px;border:1px solid #c9c9bf;background:transparent;border-radius:50%;font-size:16px;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}.arrow-button:hover{background:var(--ink);color:var(--paper)}.contact{background:#e6eadc;padding-bottom:28px}.contact-layout{display:grid;grid-template-columns:1fr .72fr;gap:10vw;margin:74px 0 118px}.contact-right>p{font-size:12px;max-width:340px}.email-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #aeb5a2;padding:18px 0 13px;margin-top:25px;text-decoration:none;color:var(--ink);font-size:clamp(17px,2vw,24px);letter-spacing:-.04em}.email-link span{font-size:16px}.social-links{display:flex;gap:20px;margin-top:26px}.social-links a{color:#6b7064;text-decoration:none;font-family:var(--mono);font-size:9px;transition:opacity .2s}.site-footer{border-top:1px solid #bdc4b1;padding:22px 0 0;display:flex;align-items:center;justify-content:space-between;color:#777c70;font-family:var(--mono);font-size:9px;letter-spacing:.08em}.site-footer .wordmark{color:var(--ink)}.site-footer>a:last-child{color:var(--ink);text-decoration:none}
@media(max-width:800px){.section-wrap{padding-left:7vw;padding-right:7vw}.site-header{padding:0 7vw;height:66px}.main-nav{gap:18px}.main-nav a{font-size:11px}.header-note{display:none}.hero{min-height:auto;grid-template-columns:1fr .64fr;gap:3vw;padding-top:80px;padding-bottom:110px}.hero h1{font-size:clamp(53px,10vw,88px);margin:35px 0 23px}.hero-art{width:100%}.art-side{right:-3%}.hero-bottom{left:7vw;right:7vw}.updates,.projects,.contact{padding-top:85px;padding-bottom:85px}.updates-grid{gap:6vw}.project-card{flex-basis:40%}.contact-layout{gap:6vw;margin:60px 0 90px}}
@media(max-width:560px){.site-header{height:60px}.wordmark{font-size:23px}.main-nav{position:static;transform:none;margin-left:auto;gap:15px}.main-nav a{font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:69px;padding-bottom:90px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(57px,15vw,83px);margin-top:31px}.intro-row p{font-size:12px}.hero-art{position:absolute;width:43%;right:5vw;top:52px;opacity:.48}.hero-art .art-core{background:#dfe6cf}.art-side{display:none}.art-caption{font-size:7px;left:10%;bottom:0}.hero-bottom{font-size:7px;bottom:23px;gap:9px}.updates,.projects,.contact{padding-top:70px;padding-bottom:70px}.section-heading{gap:10px}.section-heading .eyebrow,.section-count{font-size:7px;letter-spacing:.08em}.updates-grid{grid-template-columns:1fr;gap:38px;margin-top:45px}.updates-grid h2,.projects-intro h2,.contact-layout h2{font-size:clamp(38px,10vw,53px)}.update-card h3{font-size:23px}.projects-intro{display:block;margin:45px 0 37px}.projects-intro>p{margin-top:18px}.project-card{flex-basis:76%}.project-image{height:205px}.contact-layout{grid-template-columns:1fr;gap:32px;margin:46px 0 70px}.contact-right>p{font-size:12px}.social-links{gap:17px}.site-footer{font-size:7px;letter-spacing:.04em}.site-footer .wordmark{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important;transition:none!important}}

/* Editorial, warm-paper direction inspired by the reference's typography and restraint. */
:root{--paper:#faf8f4;--ink:#201d1a;--muted:#77716a;--line:#ded9d1;--lime:#bd6848;--blue:#e4e1d8;--orange:#e6d2c2}
body{background:var(--paper);color:var(--ink)}
.site-header{background:rgba(250,248,244,.94);border-bottom-color:#e8e4dc}
.main-nav a{font-size:11px;color:#38342f}
.main-nav a:hover{opacity:1;color:#a45a3f}
.header-note{border:1px solid #d7d1c8;border-radius:999px;padding:9px 13px;color:#514b44;letter-spacing:.04em}
.status-dot{background:#a45a3f;box-shadow:0 0 0 4px #a45a3f1c}
.hero{min-height:min(860px,calc(100vh - 76px));padding-top:65px}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;line-height:1.02}
.hero-lead{font-family:var(--sans);font-weight:700;font-size:.69em;letter-spacing:-.065em}
.name-highlight{font-family:var(--sans);font-weight:700;letter-spacing:-.085em}
.period{color:#a45a3f}
.eyebrow{color:#706a62;letter-spacing:.1em}
.intro-mark{color:#a45a3f}
.text-link{border-bottom-color:#b9afa4}
.text-link span{color:#a45a3f}
.hero-art .art-core{background:#e9e1d5;box-shadow:10px 12px 0 #f0ece5}
.art-core i{color:#a45a3f}
.art-ring{border-color:#c9bfb3}
.ring-two{border-color:#ded7cc}
.updates{background:#f0eee8}
.updates-grid h2,.projects-intro h2,.contact-layout h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.06}
.updates-grid h2 .period{color:#a45a3f}
.update-card{border-top-color:#bdb5aa}
.update-card h3,.project-info h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}
.tag{border-color:#cfc6ba;color:#635b53}
.projects-intro h2 em,.contact-layout h2 em{font-style:italic;color:#655d54}
.axis-dot{background:#a45a3f;box-shadow:0 0 0 5px #a45a3f20}
.axis-line{background:#d5cec4}
.image-lime{background:#e9e2d6}.image-blue{background:#e2e1dc}.image-orange{background:#e8d4c6}
.image-symbol{color:#8b6b55;opacity:.58}
.image-index,.image-label{color:#5e554b}
.project-status{color:#a45a3f}
.arrow-button{border-color:#cfc7bd}
.arrow-button:hover{background:#201d1a;color:#faf8f4}
.contact{background:#eee9df}
.email-link{border-bottom-color:#b9ada1}
.email-link span{color:#a45a3f}
.social-links a{color:#655d54}
.site-footer{border-top-color:#cfc7bd}
.site-footer>a:nth-last-child(2),.site-footer>a:last-child{color:#655d54;text-decoration:none}
.site-footer>a:nth-last-child(2):hover,.site-footer>a:last-child:hover{color:#a45a3f}
@media(max-width:560px){.hero{padding-top:65px}.hero-lead{font-size:.72em}.site-footer{gap:12px;flex-wrap:wrap}.site-footer>span{margin-right:auto}}
