@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--ink:#22222a;--muted:#6a6a72;--blue:#1867f6;--pink:#f8dce4;--bg:#fff;--border:#eaeaf0;--ease:cubic-bezier(.19,1,.22,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:'DM Sans','Montserrat',Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}.container{max-width:1240px;margin:auto;padding:0 30px}.announcement{background:#f4f6ff;color:#455273;text-align:center;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px}.site-header{border-bottom:1px solid #ebebed;background:#fff;position:sticky;top:0;z-index:30}.header-inner{max-width:1320px;margin:auto;padding:14px 31px;display:flex;gap:28px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand img{height:54px;width:54px;object-fit:contain;border-radius:50%}.brand-lines strong{font-size:1.43rem;font-weight:800;line-height:1;letter-spacing:-.07em;display:block}.brand-lines span{font-size:.63rem;letter-spacing:.14em;color:#777;display:block;margin-top:6px;text-transform:uppercase}.main-nav{display:flex;gap:34px;align-items:center}.main-nav a{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;padding:16px 0;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--blue)}.pill{border:1px solid var(--ink);padding:11px 18px;border-radius:99px;font-size:.76rem;font-weight:700;letter-spacing:.02em;transition:.2s}.pill:hover{background:var(--ink);color:white}.nav-toggle{display:none;border:0;background:none;font-size:25px}.hero{padding:74px 0 24px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--blue);font-weight:700}.hero h1{font-size:clamp(3.1rem,8vw,6.45rem);line-height:1.04;letter-spacing:-.075em;margin:10px 0 12px;font-weight:800}.hero p{margin:0 auto 26px;max-width:700px;color:#62626c;font-size:1.07rem}.hero-mark{background:#f8dfe8;display:inline-block;padding:4px 13px;border-radius:12px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:3px;font-weight:700;font-size:.84rem;border:2px solid var(--blue);transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#0052e6}.btn.secondary{color:var(--ink);border-color:#d4d6dd;background:#fff}.btn.secondary:hover{border-color:var(--blue);color:var(--blue)}.intro-line{max-width:950px;text-align:center;margin:28px auto 53px;color:#777;font-size:.85rem}.section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:20px 0 22px}.section-title h2{font-size:2.1rem;letter-spacing:-.06em;line-height:1.16;margin:0}.section-title p{color:#777;max-width:570px;margin:8px 0 0}.section-title a{color:var(--blue);font-size:.85rem;font-weight:700;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.card{min-width:0}.card-image{background:#f5f5f8;position:relative;overflow:hidden;border-radius:4px;aspect-ratio:1.35;display:block}.card-image img{height:100%;width:100%;object-fit:cover;transition:transform .55s var(--ease)}.card:hover .card-image img{transform:scale(1.035)}.card-text{padding:13px 2px}.tag{font-size:.65rem;font-weight:700;letter-spacing:.14em;color:var(--blue);text-transform:uppercase}.card h3{font-size:1.08rem;line-height:1.3;letter-spacing:-.02em;margin:7px 0}.card p{color:#6c6c73;font-size:.88rem;line-height:1.65;margin:5px 0}.feature{background:#f7f8fa;margin-top:65px;padding:58px 0}.feature-inner{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:55px}.feature-inner h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.07em;line-height:1.12;margin:10px 0}.feature-inner p{color:#666;max-width:520px}.feature-image{background:#f5dce3;border-radius:5px;overflow:hidden;aspect-ratio:1.3}.feature-image img{width:100%;height:100%;object-fit:cover}.inner-hero{padding:61px 0 33px}.inner-hero h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.08;letter-spacing:-.075em;margin:9px 0 15px}.inner-hero p{max-width:790px;color:#666;font-size:1.04rem}.breadcrumbs{font-size:.75rem;color:#787881}.breadcrumbs a:hover{color:var(--blue)}.page-img{width:100%;height:min(58vw,600px);object-fit:cover;border-radius:4px}.detail-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:55px;margin:35px auto 70px}.detail-copy h2{font-size:1.65rem;letter-spacing:-.04em}.detail-copy p{color:#62626d;line-height:1.83}.detail-panel{background:#fafafa;padding:30px;border:1px solid #eee;align-self:start}.detail-panel dt{color:#777;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}.detail-panel dd{margin:5px 0 17px;font-weight:600}.filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 25px}.filter button{background:#fff;border:1px solid #ddd;padding:9px 15px;font-size:.77rem;border-radius:30px}.filter button.active,.filter button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.search{margin-left:auto;max-width:210px;width:100%;border:1px solid #ddd;padding:10px 13px;font-size:.78rem}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:center;margin:0 auto 68px}.about-grid img{width:100%;max-height:590px;object-fit:cover}.about-grid h2{font-size:clamp(2.3rem,5vw,4.1rem);line-height:1.1;letter-spacing:-.07em;margin:0 0 15px}.about-grid p{color:#65656d;line-height:1.85}.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 35px;margin-bottom:75px}.directory a{border-bottom:1px solid #eee;padding:10px 0;font-size:.88rem}.directory a:hover{color:var(--blue)}.empty{display:none;color:#666;padding:24px}.foot{border-top:1px solid #e9e9ef;padding:55px 0 23px;margin-top:68px}.foot-inner{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:50px}.foot h3{letter-spacing:-.05em;font-size:1.4rem;margin:0 0 6px}.foot p{font-size:.85rem;color:#767680}.foot h4{text-transform:uppercase;letter-spacing:.11em;font-size:.75rem;margin:0 0 16px}.foot-links{display:grid;gap:11px}.foot-links a{color:#555;font-size:.83rem}.foot-links a:hover{color:var(--blue)}.copyright{border-top:1px solid #eee;padding-top:18px;margin-top:38px;font-size:.75rem;color:#92929b}.note{background:#fff9ef;border-left:3px solid #efac51;padding:15px 20px;font-size:.84rem;color:#6d6254}.form{display:grid;gap:14px;max-width:650px}.form label{font-size:.83rem;display:grid;gap:6px;font-weight:600}.form input,.form textarea{width:100%;border:1px solid #d9d9de;padding:13px 14px;border-radius:3px;font:inherit;background:white}.form textarea{min-height:130px}.form .btn{justify-self:start}.divider{height:1px;background:#eee;margin:50px 0}.related{padding-top:20px}.project-narrow{max-width:950px}.related h2{font-size:1.8rem;letter-spacing:-.05em}.tile-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin:28px auto 55px;height:420px}.tile-hero img{height:100%;width:100%;object-fit:cover}.tile-small{display:grid;grid-template-rows:1fr 1fr;gap:12px;overflow:hidden}.tile-small img{min-height:0}.float-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
@media(max-width:900px){.container{padding:0 20px}.grid{grid-template-columns:repeat(2,1fr)}.feature-inner,.detail-wrap,.about-grid{gap:30px}.main-nav{gap:18px}.nav-cta{display:none}.brand-lines strong{font-size:1.18rem}.tile-hero{height:330px}}
@media(max-width:650px){.header-inner{padding:12px 18px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:17px 22px 24px;background:#fff;border-bottom:1px solid #e6e6e6;box-shadow:0 10px 15px #0001;flex-direction:column;gap:0;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:13px 0}.brand img{height:45px;width:45px}.brand-lines span{font-size:.52rem}.brand-lines strong{font-size:1.15rem}.hero{padding-top:50px}.hero h1{font-size:3.25rem}.hero p{font-size:.93rem}.grid{grid-template-columns:1fr;gap:25px}.section-title h2{font-size:1.7rem}.feature-inner,.about-grid,.detail-wrap,.foot-inner{grid-template-columns:1fr;gap:22px}.feature{padding:35px 0}.inner-hero{padding:43px 0 23px}.inner-hero h1{font-size:2.8rem}.directory{grid-template-columns:1fr 1fr}.search{margin-left:0;max-width:none}.tile-hero{grid-template-columns:1fr;height:auto}.tile-hero>img{height:270px}.tile-small{grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:150px}.foot{margin-top:40px}.page-img{height:280px}}