.hero-editorial { padding:clamp(3rem,6vw,6rem) 0 2rem; background:#f8f5ec; color:#071624; }
.hero-editorial::after { display:none; }
.hero-editorial .hero-grid { width:min(calc(100% - 3rem),1320px); display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr); gap:3rem 5rem; align-items:center; }
.hero-editorial .hero-copy { text-align:left; }
.hero-editorial .eyebrow { color:#0c6b50; font-weight:600; letter-spacing:.09em; font-size:.8rem; }
.hero-editorial h1 { margin:1.5rem 0 2rem; max-width:100%; font-size:clamp(3.5rem,7.1vw,7.3rem); letter-spacing:-.065em; line-height:1.02; font-weight:500; color:#071624; }
.hero-editorial h1 span { display:inline-block; color:#0c6b50; font-family:Georgia,serif; font-style:italic; font-weight:400; letter-spacing:-.06em; }
.hero-bottom p { margin:0; max-width:450px; color:#42545b; font-size:1.05rem; line-height:1.7; }
.hero-editorial .hero-actions { margin:2rem 0 0; justify-content:flex-start; }
.hero-editorial .btn { font-size:.85rem; font-weight:650; border-radius:2px; }
.hero-editorial .btn-primary { background:#071624; color:#fff; border-color:#071624; }
.hero-editorial .btn-secondary { color:#071624; border-color:#07162440; background:transparent; }
.hero-directory { display:block; position:static; background:transparent; padding:1rem 0 0 2rem; border-left:1px solid #07162425; }
.hero-directory-label { font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; margin:0 0 1.5rem; color:#52645b; }
.hero-directory a { display:grid; grid-template-columns:1.5rem 1fr auto; align-items:center; gap:1rem; padding:1.4rem 0; border-top:1px solid #07162425; color:#071624; text-decoration:none; font-size:clamp(1rem,1.5vw,1.3rem); transition:color .2s; }
.hero-directory a:hover,.hero-directory a:focus-visible { color:#0c6b50; }
.hero-directory a:focus-visible { outline:2px solid #0c6b50; outline-offset:5px; }
.hero-number { font-size:.75rem; color:#0c6b50; }
.hero-directory small { display:block; font-size:.875rem; font-weight:400; margin-top:.35rem; color:#52645b; }
.hero-directory-note { font-size:.875rem; color:#52645b; line-height:1.7; margin:1.5rem 0 0; }
.hero-scroll { grid-column:1/-1; display:flex; align-items:center; gap:1.5rem; color:#52645b; font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; margin-top:1rem; }
.hero-scroll-track { flex:1; height:1px; background:#07162420; overflow:hidden; }
.hero-scroll-track i { display:block; width:100%; height:1px; background:#0c6b50; transform-origin:left; }
@media(max-width:900px) { .hero-editorial .hero-grid { grid-template-columns:1fr; gap:3rem; } .hero-directory { border-left:0; padding:0; } .hero-editorial h1 { font-size:clamp(3.5rem,10vw,6rem); } .hero-directory a { padding:1rem 0; } .hero-scroll span:last-child { display:none; } }
@media(max-width:480px) { .hero-editorial .hero-grid { width:calc(100% - 2rem); } .hero-editorial h1 { font-size:clamp(3rem,13vw,4rem); } .hero-editorial .hero-actions { width:100%; } .hero-editorial .hero-actions .btn { flex:1 1 100%; } }