*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f7f7f2;color:#17241e;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #5b763c;outline-offset:5px}header{position:sticky;top:0;z-index:10;background:#f7f7f2ee;backdrop-filter:blur(16px);border-bottom:1px solid #17241e18}.nav{max-width:1280px;margin:auto;min-height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1.3px}.brand i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#758e4d;margin-left:3px}.nav-right{display:flex;gap:24px;align-items:center}.nav-right span{font-size:12px;color:#58645c}.nav-right a{font-size:13px;text-decoration:none;border-bottom:1px solid;padding:7px 0}.wrap{max-width:1280px;padding:0 32px;margin:auto}.hero{padding:66px 0 55px;position:relative;border-bottom:1px solid #17241e24}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:650;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:22px;height:1px;background:currentColor}h1{font-size:clamp(42px,6.5vw,82px);line-height:1.02;font-weight:500;letter-spacing:-.065em;margin:26px 0 30px;max-width:900px}h1 em{font-family:Georgia,serif;font-weight:400;color:#637b45;letter-spacing:-.04em}.hero-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end}.hero-bottom p{font-size:15px;color:#59665d;max-width:465px;line-height:1.65;margin:0}.collection-count{font-size:13px;display:flex;gap:12px;align-items:center;white-space:nowrap}.collection-count strong{font-size:46px;letter-spacing:-.06em;font-weight:400}.toolbar{padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:22px}.toolbar-label{display:flex;gap:16px;align-items:center}.toolbar-label h2{font-size:16px;font-weight:500;margin:0}.pill{background:#e9ede2;color:#41573a;padding:5px 9px;border-radius:20px;font-size:11px}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #acb5aa;padding:10px 0;max-width:260px;width:100%;color:#657162}.search svg{width:18px;flex-shrink:0}.search input{background:none;border:0;outline:none;width:100%;font-size:13px;color:#17241e}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;padding-bottom:70px}.project{text-decoration:none;min-width:0}.project.wide{grid-column:span 2}.visual{position:relative;overflow:hidden;background:#dfe4db;border-radius:12px;height:270px}.wide .visual{height:270px}.visual img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.project:hover .visual img{transform:scale(1.04)}.number{position:absolute;top:14px;left:14px;background:#ffffffed;color:#243328;border-radius:5px;padding:6px 8px;font-size:11px}.open{position:absolute;bottom:14px;right:14px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#243328;font-size:23px;transition:background .2s,transform .2s}.project:hover .open{background:#d7e8b4;transform:rotate(45deg)}.details{padding:20px 0 0;display:flex;gap:13px;align-items:start}.icon{width:40px;height:40px;border:1px solid #d9e0d2;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:#eff2e8;color:#45603c}.icon svg{width:21px;height:21px}.category{text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:#63715f}.details h2{font-size:23px;letter-spacing:-.04em;font-weight:550;margin:4px 0 5px}.details p{font-size:12px;line-height:1.5;color:#617060;margin:0}.view{margin-left:auto;font-size:11px;padding-top:14px;white-space:nowrap}.empty{padding:30px 0 60px;color:#617060}footer{background:#182b22;color:#e9eee4;padding:36px 0}.foot{display:flex;justify-content:space-between;align-items:start;gap:30px}.foot strong{font-size:22px;font-weight:500;letter-spacing:-.04em}.foot p{font-size:12px;color:#b5c3b7;line-height:1.7;max-width:460px;margin:0}.hero{animation:arrive .7s both}.project{animation:arrive .7s both;animation-timeline:view();animation-range:entry 0% entry 25%}@keyframes arrive{from{opacity:.25;transform:translateY(20px)}to{opacity:1;transform:none}}[hidden]{display:none!important}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project.wide{grid-column:span 1}.view{display:none}.nav-right span{display:none}}@media(max-width:560px){.wrap,.nav{padding-left:20px;padding-right:20px}.nav{min-height:66px}.brand{font-size:23px}.hero{padding:42px 0 32px}h1{font-size:48px;margin:24px 0;letter-spacing:-.055em}.hero-bottom{display:block}.collection-count{margin-top:22px}.collection-count strong{font-size:30px}.toolbar{align-items:start;flex-direction:column;padding:24px 0;gap:14px}.search{max-width:none}.grid{grid-template-columns:1fr;gap:32px;padding-bottom:42px}.visual,.wide .visual{height:250px}.foot{flex-direction:column;gap:20px}.details h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}