[data-astro-cid-fvdot44n],[data-astro-cid-fvdot44n]:before,[data-astro-cid-fvdot44n]:after{margin:0;padding:0;box-sizing:border-box}[data-astro-cid-fvdot44n]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}:root{--bg: #06080f;--surface: #0d0d0d;--surface2: #141414;--text: #ffffff;--text-dim: rgba(255,255,255,.96);--text-muted: rgba(255,255,255,.62);--accent: #c8c4b8;--accent2: #a09890;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.14);--gold: #b8a882;--glass: rgba(255,255,255,.04)}body{background-image:linear-gradient(#000000a6,#000000a6),url(https://pub-ac7fa03922994ab2902c13fc622c5987.r2.dev/blog/best-homepage-layouts-architects/atelierevo-best-homepage-layouts-architects-hero-01.webp);background-attachment:fixed;background-size:cover;background-position:center;color:var(--text);font-family:Inter,sans-serif;font-size:17px;line-height:1.8;overflow-x:hidden}.post-hero[data-astro-cid-fvdot44n]{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;z-index:2}.hero-content[data-astro-cid-fvdot44n]{position:relative;z-index:2;max-width:1400px;margin:0 auto;width:100%;padding:0 4rem 6rem}.hero-eyebrow[data-astro-cid-fvdot44n]{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;opacity:0;transform:translateY(20px)}.hero-category[data-astro-cid-fvdot44n]{font-family:Michroma,sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.45em;color:var(--gold);background:#b8a8821f;border:1px solid rgba(184,168,130,.25);border-radius:99px;padding:5px 14px}.hero-sep[data-astro-cid-fvdot44n]{width:40px;height:1px;background:#fff3}.hero-meta-text[data-astro-cid-fvdot44n]{font-size:.72rem;text-transform:uppercase;letter-spacing:.25em;color:var(--text-muted)}.hero-title[data-astro-cid-fvdot44n]{font-family:Michroma,sans-serif;font-size:clamp(2.2rem,5.5vw,5rem);text-transform:uppercase;letter-spacing:-.02em;line-height:1.05;color:#fff;max-width:1000px;opacity:0;transform:translateY(30px)}.hero-subtitle[data-astro-cid-fvdot44n]{margin-top:2rem;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:300;color:#ffffffd1;max-width:720px;line-height:1.7;opacity:0;transform:translateY(20px)}.hero-scroll-hint[data-astro-cid-fvdot44n]{margin-top:4rem;display:flex;align-items:center;gap:1rem;font-family:Michroma,sans-serif;font-size:.58rem;letter-spacing:.4em;text-transform:uppercase;color:var(--text-muted);opacity:0}.hero-scroll-line[data-astro-cid-fvdot44n]{width:40px;height:1px;background:var(--border2)}.page-wrap[data-astro-cid-fvdot44n]{position:relative;z-index:2}.article-layout[data-astro-cid-fvdot44n]{max-width:1400px;margin:0 auto;padding:0 4rem;display:grid;grid-template-columns:240px 1fr;gap:0 5rem;align-items:start}.toc-sidebar[data-astro-cid-fvdot44n]{position:sticky;top:6rem;padding:2.5rem 0}.toc-label[data-astro-cid-fvdot44n]{font-family:Michroma,sans-serif;font-size:.58rem;text-transform:uppercase;letter-spacing:.45em;color:var(--text-muted);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.toc-label[data-astro-cid-fvdot44n]:after{content:"";flex:1;height:1px;background:var(--border)}.toc-list[data-astro-cid-fvdot44n]{list-style:none;display:flex;flex-direction:column}.toc-list[data-astro-cid-fvdot44n] a[data-astro-cid-fvdot44n]{display:block;padding:.55rem 0 .55rem 1rem;border-left:1px solid var(--border);font-size:.72rem;line-height:1.4;color:var(--text-muted);text-decoration:none;transition:all .25s ease}.toc-list[data-astro-cid-fvdot44n] a[data-astro-cid-fvdot44n]:hover,.toc-list[data-astro-cid-fvdot44n] a[data-astro-cid-fvdot44n].active{color:var(--accent);border-color:var(--accent2)}.toc-progress[data-astro-cid-fvdot44n]{margin-top:2.5rem;height:2px;background:var(--border);border-radius:99px;overflow:hidden}.toc-progress-bar[data-astro-cid-fvdot44n]{height:100%;width:0%;background:var(--gold);transition:width .1s linear}.article-body[data-astro-cid-fvdot44n]{padding:5rem 0 8rem;min-width:0}section[data-astro-cid-fvdot44n]{margin-bottom:0}section[data-astro-cid-fvdot44n]+section[data-astro-cid-fvdot44n]{margin-top:6rem}h2[data-astro-cid-fvdot44n]{font-family:Michroma,sans-serif;font-size:clamp(1.15rem,2.2vw,1.7rem);text-transform:uppercase;letter-spacing:.04em;line-height:1.25;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.6);margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border);opacity:0;transform:translateY(24px)}h2[data-astro-cid-fvdot44n] .section-number[data-astro-cid-fvdot44n]{font-family:Playfair Display,serif;font-size:.7em;font-style:italic;color:var(--gold);margin-right:.75rem;font-weight:400;text-transform:none;letter-spacing:0}h3[data-astro-cid-fvdot44n]{font-family:Michroma,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-top:3rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}h3[data-astro-cid-fvdot44n]:before{content:"";width:20px;height:1px;background:var(--accent2);flex-shrink:0}p[data-astro-cid-fvdot44n]{font-size:1rem;font-weight:300;line-height:1.85;color:var(--text-dim);margin-bottom:1.5rem}p[data-astro-cid-fvdot44n]:last-child{margin-bottom:0}a[data-astro-cid-fvdot44n]{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c8c4b859;transition:color .2s,text-decoration-color .2s}a[data-astro-cid-fvdot44n]:hover{color:#fff;text-decoration-color:#ffffff80}code[data-astro-cid-fvdot44n]{font-family:SF Mono,Fira Code,monospace;font-size:.85em;background:#ffffff0f;border:1px solid var(--border);border-radius:4px;padding:2px 6px;color:var(--accent)}.lead[data-astro-cid-fvdot44n]{font-size:1.15rem;font-weight:300;line-height:1.8;color:#e8e8e4eb;margin-bottom:1.5rem;border-left:2px solid var(--gold);padding-left:1.5rem}.section-image[data-astro-cid-fvdot44n]{width:calc(100% + 5rem);margin:3rem -2.5rem;border-radius:4px;overflow:hidden;position:relative}.section-image[data-astro-cid-fvdot44n] img[data-astro-cid-fvdot44n]{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}.section-image[data-astro-cid-fvdot44n]:hover img[data-astro-cid-fvdot44n]{transform:scale(1.02)}.section-image[data-astro-cid-fvdot44n] figcaption[data-astro-cid-fvdot44n]{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1.25rem;background:linear-gradient(to top,rgba(5,5,5,.7),transparent);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#fff9}.takeaways[data-astro-cid-fvdot44n]{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--gold);border-radius:0 0 8px 8px;padding:2rem 2.5rem;margin:2.5rem 0;opacity:0;transform:translateY(20px)}.takeaways-label[data-astro-cid-fvdot44n]{font-family:Michroma,sans-serif;font-size:.58rem;text-transform:uppercase;letter-spacing:.45em;color:var(--gold);margin-bottom:1.25rem}.takeaways[data-astro-cid-fvdot44n] ul[data-astro-cid-fvdot44n]{list-style:none}.takeaways[data-astro-cid-fvdot44n] li[data-astro-cid-fvdot44n]{position:relative;padding-left:1.5rem;margin-bottom:.65rem;font-size:.9rem;font-weight:300;color:var(--text-dim);line-height:1.6}.takeaways[data-astro-cid-fvdot44n] li[data-astro-cid-fvdot44n]:last-child{margin-bottom:0}.takeaways[data-astro-cid-fvdot44n] li[data-astro-cid-fvdot44n]:before{content:"→";position:absolute;left:0;color:var(--gold);font-size:.8rem}.data-point[data-astro-cid-fvdot44n]{margin:3.5rem 0;padding:2.5rem 3rem;position:relative;text-align:center;opacity:0;transform:translateY(20px)}.data-point[data-astro-cid-fvdot44n]:before,.data-point[data-astro-cid-fvdot44n]:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.data-point[data-astro-cid-fvdot44n]:before{top:0}.data-point[data-astro-cid-fvdot44n]:after{bottom:0}.data-point-text[data-astro-cid-fvdot44n]{font-family:Playfair Display,serif;font-style:italic;font-size:clamp(1.2rem,2.2vw,1.7rem);color:#fff;line-height:1.5;margin-bottom:.75rem}.data-point-source[data-astro-cid-fvdot44n]{font-size:.68rem;text-transform:uppercase;letter-spacing:.25em;color:var(--text-muted)}.table-wrap[data-astro-cid-fvdot44n]{width:100%;overflow-x:auto;margin:2rem 0;border-radius:8px;border:1px solid var(--border);opacity:0;transform:translateY(20px)}.comparison-table[data-astro-cid-fvdot44n]{width:100%;border-collapse:collapse;font-size:.88rem;background:var(--surface)}.comparison-table[data-astro-cid-fvdot44n] thead[data-astro-cid-fvdot44n] tr[data-astro-cid-fvdot44n]{background:var(--surface2)}.comparison-table[data-astro-cid-fvdot44n] th[data-astro-cid-fvdot44n]{padding:1rem 1.25rem;text-align:left;font-family:Michroma,sans-serif;font-size:.62rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);border-bottom:1px solid var(--border2);white-space:nowrap}.comparison-table[data-astro-cid-fvdot44n] th[data-astro-cid-fvdot44n]:first-child{color:var(--accent)}.comparison-table[data-astro-cid-fvdot44n] td[data-astro-cid-fvdot44n]{padding:.9rem 1.25rem;border-bottom:1px solid var(--border);color:var(--text-dim);font-weight:300;vertical-align:top}.comparison-table[data-astro-cid-fvdot44n] td[data-astro-cid-fvdot44n]:first-child{font-weight:500;color:var(--accent);white-space:nowrap}.comparison-table[data-astro-cid-fvdot44n] tbody[data-astro-cid-fvdot44n] tr[data-astro-cid-fvdot44n]:last-child td[data-astro-cid-fvdot44n]{border-bottom:none}.comparison-table[data-astro-cid-fvdot44n] tbody[data-astro-cid-fvdot44n] tr[data-astro-cid-fvdot44n]:hover td[data-astro-cid-fvdot44n]{background:#ffffff05}.comparison-table[data-astro-cid-fvdot44n] td[data-astro-cid-fvdot44n].best{color:#b8a882e6}.faq-list[data-astro-cid-fvdot44n]{margin-top:1.5rem}.faq-item[data-astro-cid-fvdot44n]{border-bottom:1px solid var(--border);padding:1.75rem 0;opacity:0;transform:translateY(16px)}.faq-item[data-astro-cid-fvdot44n]:first-child{border-top:1px solid var(--border)}.faq-question[data-astro-cid-fvdot44n]{font-family:Michroma,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#fff;line-height:1.5;margin-bottom:.9rem}.faq-answer[data-astro-cid-fvdot44n]{font-size:.95rem;font-weight:300;color:var(--text-dim);line-height:1.8}.cta-section[data-astro-cid-fvdot44n]{margin:5rem 0;padding:5rem 4rem;background:#fff;border-radius:12px;text-align:center;position:relative;overflow:hidden;opacity:0;transform:translateY(30px)}.cta-section[data-astro-cid-fvdot44n]:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:#0000000a}.cta-section[data-astro-cid-fvdot44n]:after{content:"";position:absolute;bottom:-40px;left:-40px;width:150px;height:150px;border-radius:50%;background:#00000008}.cta-eyebrow[data-astro-cid-fvdot44n]{font-family:Michroma,sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.45em;color:#00000059;margin-bottom:1.5rem}.cta-section[data-astro-cid-fvdot44n] h2[data-astro-cid-fvdot44n]{font-family:Michroma,sans-serif;font-size:clamp(1.3rem,3vw,2.2rem);text-transform:uppercase;color:#000;border:none;padding:0;margin-bottom:1.5rem;opacity:1;transform:none;text-shadow:none}.cta-section[data-astro-cid-fvdot44n] p[data-astro-cid-fvdot44n]{font-size:1rem;color:#0000008c;max-width:560px;margin:0 auto 1rem}.cta-button[data-astro-cid-fvdot44n]{display:inline-flex;align-items:center;gap:1rem;background:#000;color:#fff;padding:1rem 2.5rem;text-decoration:none;font-family:Michroma,sans-serif;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;margin-top:2rem;border-radius:2px;transition:transform .3s ease,gap .3s ease;position:relative;z-index:1}.cta-button[data-astro-cid-fvdot44n]:hover{transform:translateY(-2px);gap:1.5rem;color:#fff;text-decoration:none}.cta-arrow[data-astro-cid-fvdot44n]{font-size:1rem;transition:transform .3s ease}.cta-button[data-astro-cid-fvdot44n]:hover .cta-arrow[data-astro-cid-fvdot44n]{transform:translate(4px)}.author-bio[data-astro-cid-fvdot44n]{padding:3.5rem 0;border-top:1px solid var(--border);display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start}.author-avatar[data-astro-cid-fvdot44n]{width:56px;height:56px;border-radius:50%;background:var(--surface2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-family:Michroma,sans-serif;font-size:.7rem;color:var(--accent2);flex-shrink:0}.author-name[data-astro-cid-fvdot44n]{font-family:Michroma,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:.5rem}.author-bio[data-astro-cid-fvdot44n] p[data-astro-cid-fvdot44n]{font-size:.88rem;margin-bottom:.75rem}.post-footer[data-astro-cid-fvdot44n]{padding:3rem 0 5rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.back-link[data-astro-cid-fvdot44n]{font-family:Michroma,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.3em;color:var(--text-muted);text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:color .2s,gap .2s}.back-link[data-astro-cid-fvdot44n]:hover{color:var(--accent);gap:1.25rem}.post-footer-copy[data-astro-cid-fvdot44n]{font-size:.75rem;color:var(--text-muted)}@media(max-width:1100px){.article-layout[data-astro-cid-fvdot44n]{grid-template-columns:1fr;padding:0 2.5rem;gap:0}.toc-sidebar[data-astro-cid-fvdot44n]{display:none}.section-image[data-astro-cid-fvdot44n]{width:100%;margin-left:0;margin-right:0}}@media(max-width:768px){.article-layout[data-astro-cid-fvdot44n]{padding:0 1.5rem}.hero-content[data-astro-cid-fvdot44n]{padding:0 1.5rem 4rem}.cta-section[data-astro-cid-fvdot44n]{padding:3rem 1.5rem}.author-bio[data-astro-cid-fvdot44n]{grid-template-columns:1fr}.post-footer[data-astro-cid-fvdot44n]{flex-direction:column;align-items:flex-start}}