/* Shared navigation and the photo-led homepage. */
.home-header{font-family:"Manrope","Avenir Next","Segoe UI",sans-serif;color:var(--text);background:rgba(250,248,243,.96);border-bottom:1px solid var(--line)}
.home-header .container,.home-hero.container{width:min(1200px,calc(100% - 96px))}
.home-header .header-inner{min-height:96px;gap:24px}
.home-brand{display:inline-flex;align-items:center;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.045em;line-height:1.16;gap:10px;white-space:nowrap;flex-shrink:0}
.home-brand-logo{width:43px;height:46px;object-fit:contain;flex-shrink:0}
.home-navigation{display:flex;gap:20px;align-items:center}
.home-navigation a{text-decoration:none;font-size:16px;font-weight:600;white-space:nowrap;position:relative;color:var(--text)}
.home-navigation a:hover,.home-navigation a.active{color:var(--brand)}
.home-navigation a.active:not([href="/practice/"]):after{content:"";position:absolute;height:2px;background:var(--brand);bottom:-10px;left:0;right:0}
.home-navigation a[href="/practice/"]{border:1px solid #acb2a3;border-radius:5px;padding:11px 16px;color:var(--green);order:6}
.home-navigation a[href="/practice/"]:hover{background:#e9ede3}
.home-navigation a[href="/practice/"].active{color:var(--brand);border-color:var(--brand);background:#f4ece6}
.home-navigation a[href="/contact/"]{order:5}
.home-menu-toggle{display:none;border:1px solid var(--line);background:transparent;border-radius:5px;padding:10px 14px;gap:10px;font:inherit;font-size:12px;font-weight:600;color:var(--text)}
.home-header .skip-link{position:fixed;left:20px;top:-100px;padding:14px 20px;background:var(--text);color:white;z-index:100}
.home-header .skip-link:focus{top:10px}
.home-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:76px 0 84px}
.home-hero h1{font-size:clamp(48px,5.3vw,72px);line-height:1.08;margin:24px 0;max-width:none;font-weight:400;letter-spacing:-.055em}
.home-hero h1 em{color:var(--brand);font-weight:400}
.home-hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.15em;line-height:1.6}
.home-hero .little-line{width:24px;height:1px;background:var(--brand);flex-shrink:0}
.home-hero .hero-description{font-size:14px;line-height:1.9;max-width:440px;margin:0;color:var(--muted)}
.home-hero .cta-row{margin-top:28px;gap:25px;align-items:center}
.home-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:5px;padding:15px 22px;font-size:12px;font-weight:600;line-height:1.6}
.home-hero .text-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:700;text-decoration:none;color:var(--text);line-height:1.8}
.home-hero .text-link:hover{color:var(--brand)}
.home-hero .text-link>span,.home-hero .btn>span{font-size:20px;line-height:1}
.home-hero .hero-note{display:flex;align-items:center;gap:14px;margin-top:35px;font-size:10px;line-height:1.9;color:var(--muted)}
.home-hero .hero-note strong{font-weight:500;color:var(--text)}
.home-hero .note-symbol{font-size:32px;color:var(--green)}
.home-hero-visual{position:relative;height:440px;margin:10px 0 0 15px}
.hero-photo-wrap{position:absolute;inset:0 0 44px 0;transform:rotate(2deg);border-radius:110px 9px 9px 9px;overflow:hidden;background:#e7e1d5}
.hero-main-photo{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.photo-caption{position:absolute;right:15px;bottom:16px;background:#fffaf1f2;border-radius:3px;padding:8px 13px;font-size:10px;letter-spacing:.025em;color:var(--text)}
.hero-small-photo{position:absolute;bottom:-5px;left:-35px;width:185px;height:185px;transform:rotate(-7deg);border:8px solid var(--bg);border-radius:10px;overflow:hidden}
.hero-small-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hero-stamp{position:absolute;bottom:-3px;right:-6px;display:flex;align-items:center;gap:13px;padding:20px;background:#e8ecdf;border-radius:6px;transform:rotate(3deg)}
.hero-stamp>span{font-size:43px;color:var(--green)}
.hero-stamp p{margin:0;font-size:11px;line-height:1.7;color:var(--green)}
.hero-stamp em{font-family:var(--heading-font);font-size:14px}
.hero-spark{position:absolute;top:-32px;left:-30px;width:66px;height:66px;color:var(--brand)}
@media(max-width:1100px){
 .home-header .container,.home-hero.container{width:calc(100% - 64px)}
 .home-navigation{gap:16px}.home-brand{font-size:19px}.home-navigation a{font-size:15px}
 .home-hero{gap:40px}.home-hero h1{font-size:59px}.home-hero-visual{height:390px}
 .hero-small-photo{width:155px;height:155px}.hero-stamp{padding:14px}.hero-stamp em{font-size:12px}.home-hero .cta-row{gap:18px}
}
@media(max-width:900px){
 .home-menu-toggle{display:inline-flex}.home-header .header-inner{min-height:84px}
 .home-navigation{display:none;position:absolute;top:83px;right:24px;left:24px;padding:20px;border-radius:7px;flex-direction:column;align-items:stretch;background:#fffdfa;border:1px solid var(--line);box-shadow:0 15px 25px #292b2510;gap:4px}
 .home-navigation.open{display:flex}.home-navigation a{padding:12px;font-size:14px}
 .home-navigation a.active:not([href="/practice/"]):after{display:none}
 .home-hero{gap:30px;padding:56px 0 64px}.home-hero h1{font-size:51px}.home-hero .eyebrow{font-size:8px}
 .home-hero-visual{height:360px;margin-left:10px}.hero-small-photo{width:140px;height:140px;left:-16px}
 .hero-stamp{padding:10px;right:-8px;bottom:12px;gap:6px}.hero-stamp>span{font-size:30px}.hero-stamp p{font-size:9px}.hero-stamp em{font-size:10px}
 .home-hero .hero-description{font-size:13px}.home-hero .cta-row{align-items:flex-start;flex-direction:column;gap:15px}.home-hero .hero-note{margin-top:20px}
}
@media(max-width:640px){
 .home-header .container,.home-hero.container{width:calc(100% - 40px)}
 .home-brand{font-size:17px}.home-brand-logo{width:38px;height:42px}
 .home-hero{grid-template-columns:1fr;padding:38px 0 48px;gap:35px}
 .home-hero h1{font-size:clamp(45px,10.4vw,63px);margin:21px 0}
 .home-hero .eyebrow{font-size:8px;letter-spacing:.12em}
 .home-hero .cta-row{flex-direction:row;align-items:center;gap:18px}
 .home-hero .btn{font-size:11px;padding:13px 15px;gap:15px}.home-hero .text-link{font-size:10px;gap:10px}
 .home-hero .hero-note{margin-top:26px}.home-hero-visual{height:360px;margin:0 8px 12px 18px}
 .hero-photo-wrap{border-top-left-radius:90px;inset:0 0 45px}
 .hero-small-photo{width:145px;height:145px;left:-20px;bottom:-5px}
 .hero-stamp{bottom:0;right:-10px;padding:14px;gap:9px}.hero-stamp p{font-size:10px}.hero-stamp em{font-size:11px}
 .hero-spark{width:45px;height:45px;top:-17px;left:-20px}
}
@media(max-width:360px){
 .home-hero h1{font-size:clamp(37px,11.5vw,45px)}
 .home-hero .cta-row{gap:16px;flex-direction:column;align-items:flex-start}
 .hero-small-photo{width:125px;height:125px}.hero-stamp{padding:10px;gap:6px}.hero-stamp em{font-size:10px}
}

/* Keep larger navigation type and a single-line wordmark at every size. */
@media(max-width:1080px){
 .home-menu-toggle{display:inline-flex}
 .home-navigation{display:none;position:absolute;top:95px;right:24px;left:24px;padding:20px;border-radius:7px;flex-direction:column;align-items:stretch;background:#fffdfa;border:1px solid var(--line);box-shadow:0 15px 25px #292b2510;gap:4px}
 .home-navigation.open{display:flex}
 .home-navigation a{padding:12px;font-size:16px}
 .home-navigation a.active:not([href="/practice/"]):after{display:none}
}
@media(max-width:900px){.home-navigation{top:83px}}
@media(max-width:640px){
 .home-header .container{width:calc(100% - 32px)}
 .home-header .header-inner{gap:12px}
 .home-brand{font-size:16px;gap:8px}
 .home-brand-logo{width:32px;height:38px}
 .home-menu-label{display:none}
 .home-menu-toggle{padding:8px 10px;font-size:18px;line-height:1;flex-shrink:0}
}
@media(max-width:360px){
 .home-header .header-inner{gap:8px}
 .home-brand{font-size:14px;gap:6px}
 .home-brand-logo{width:28px;height:34px}
}
