/* Portrait-led home page. All content remains available without JavaScript. */
.home-page{--dark:#142c3d;--dark2:#203e50;--gold:#b79b6d;--gold-d:#80623c;--ink:#172e3f;--muted:#536575;--bg:#f1f5f7;--line:#dae2e7;background:var(--bg)}
.home-page .wrap{max-width:1160px}
.home-page main{container-type:inline-size}
.home-page h1,.home-page h2,.home-page h3{letter-spacing:-.025em}
.home-page :where(main) .btn{border-radius:7px;box-shadow:none;min-height:52px;font-size:16px;font-weight:600;padding:13px 22px;line-height:1.5}
.home-page :where(main) .btn-gold{background:#b79b6d;color:#122939}
.home-page :where(main) .btn-gold:hover{background:#c7ad83;transform:none}
.home-page :where(main) .btn-line{color:var(--gold-d);border:1px solid #b79b6d;background:transparent}
.home-page :where(main) .btn-wa{background:#19665b;color:#fff}
.home-intro{background:var(--dark);color:white;overflow:clip}
.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding-block:54px 0}
.intro-copy{padding-block:16px 64px}
.intro-identity{font-size:16px;color:#d1b98f;margin-bottom:22px;display:flex;align-items:center;gap:12px}
.intro-identity::before{content:"";height:1px;width:30px;background:#b79b6d}
.intro-copy h1{font-size:clamp(38px,4.8vw,62px);line-height:1.2;font-weight:700;max-width:680px;text-wrap:balance}
.intro-copy .intro-lead{font-size:19px;line-height:1.85;color:#d6e0e6;max-width:480px;margin:24px 0 28px}
.intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.intro-actions .btn-line{color:#fff;border-color:#71838e}
.intro-note{display:block;margin-top:19px;font-size:14px;color:#bfd0dc}
.intro-portrait{position:relative;margin:0;align-self:end;border-top:3px solid #b79b6d;border-radius:8px 8px 0 0;overflow:hidden;background:#d7d9dd;width:100%;max-width:420px;justify-self:center}
.intro-portrait img{display:block;width:100%;height:auto;object-fit:contain}
.intro-portrait figcaption{position:static;padding:18px 24px;background:#203e50;color:#fff;display:flex;flex-direction:column;gap:3px}
.intro-portrait figcaption strong{font-size:24px;font-weight:600}
.intro-portrait figcaption span{font-size:15px;color:#e2d1b3}
.home-trust{background:#fff;border-bottom:1px solid var(--line)}
.trust-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px}
.trust-row p{font-size:15px;color:var(--muted);display:flex;align-items:center;gap:10px}
.trust-row svg{width:22px;height:22px;color:var(--gold-d);flex-shrink:0}
.home-section{padding:76px 0}
.home-section h2{font-size:34px;line-height:1.3;color:var(--dark);font-weight:700;text-wrap:balance}
.section-intro{max-width:640px;color:var(--muted);font-size:17px;line-height:1.85;margin:14px 0 30px}
.routes-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.route-card{display:grid;grid-template-columns:48px 1fr 24px;gap:20px;align-items:start;border:1px solid #d3dde4;background:#fff;padding:30px;border-radius:10px;text-decoration:none;color:var(--ink);transition:border-color .18s,background .18s}
.route-card:hover{border-color:var(--gold-d);background:#fafdff}
.route-card>svg{width:36px;height:36px;color:var(--gold-d);margin-top:3px}
.route-card>svg:last-child{width:22px;height:22px;color:var(--muted);align-self:center}
.route-card h3{font-size:24px;font-weight:700;line-height:1.4;margin-bottom:9px}
.route-card p{font-size:16px;line-height:1.75;color:var(--muted)}
.route-card .route-action{display:block;margin-top:18px;font-size:15px;color:var(--gold-d);font-weight:600}
.home-about{background:#fff}
.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.about-photo{margin:0;position:relative}
.about-photo img{display:block;width:100%;aspect-ratio:1.05;object-fit:cover;border-radius:8px}
.about-photo figcaption{margin-top:12px;font-size:14px;color:var(--muted)}
.about-copy p{font-size:17px;line-height:1.9;color:var(--muted);margin-top:19px}
.about-copy p strong{color:var(--dark);font-weight:600}
.qualification{display:flex;align-items:center;gap:14px;border-block-start:1px solid var(--line);margin-top:26px;padding-top:22px}
.qualification svg{width:34px;height:34px;color:var(--gold-d);flex-shrink:0}
.qualification span{display:block;font-size:14px;color:var(--muted)}
.qualification strong{font-size:16px;color:var(--ink)}
.process-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:34px;counter-reset:process}
.process-list li{counter-increment:process;border-top:1px solid #c6d3dc;padding-top:20px}
.process-list li::before{content:"0" counter(process);font-size:16px;color:var(--gold-d);font-weight:600;display:block;margin-bottom:14px;direction:ltr;text-align:right}
.process-list h3{font-size:21px;font-weight:600;margin-bottom:9px;color:var(--ink)}
.process-list p{font-size:16px;color:var(--muted);line-height:1.8}
.home-services{background:#fff}
.services-list{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;margin-top:28px}
.service-link{display:grid;grid-template-columns:1fr 22px;gap:8px 20px;padding:23px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.service-link h3{font-size:20px;font-weight:600;line-height:1.5}
.service-link p{color:var(--muted);font-size:16px;line-height:1.8;grid-column:1}
.service-link svg{width:22px;height:22px;color:var(--gold-d);grid-column:2;grid-row:1/3;align-self:center}
.service-link:hover h3{color:var(--gold-d)}
.proof-link{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;background:#f1f5f7;border-radius:8px;padding:22px 24px}
.proof-link p{flex:1;min-width:180px;font-size:16px;color:var(--muted)}
.proof-link a{color:var(--gold-d);font-weight:600;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}
.tools-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.home-tool{display:grid;grid-template-columns:36px 1fr 20px;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid #cedbe3;text-decoration:none;color:var(--ink)}
.home-tool:first-child{padding-top:0}
.home-tool svg{width:28px;height:28px;color:var(--gold-d)}
.home-tool svg:last-child{width:20px}
.home-tool strong{display:block;font-size:19px;font-weight:600;line-height:1.45}
.home-tool span{display:block;font-size:15px;color:var(--muted);margin-top:5px}
.home-reading{background:#fff}
.reading-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.reading-head>a{color:var(--gold-d);font-weight:600;min-height:44px;display:flex;align-items:center;text-underline-offset:5px}
.reading-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.reading-list a{display:block;border-top:2px solid #b79b6d;padding:24px 0 0;color:var(--ink);text-decoration:none}
.reading-list span{font-size:14px;color:var(--muted)}
.reading-list h3{font-size:21px;font-weight:600;line-height:1.6;margin:10px 0 18px}
.reading-list b{font-size:15px;font-weight:600;color:var(--gold-d);display:inline-flex;gap:8px;align-items:center;min-height:44px}
.reading-list svg{width:18px;height:18px}
.home-contact{background:var(--dark);color:#fff;padding-block:64px}
.contact-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:60px}
.home-contact h2{font-size:36px;line-height:1.35;font-weight:600;color:#fff;text-wrap:balance}
.home-contact p{font-size:17px;color:#d3dfe7;line-height:1.85;margin:18px 0 26px}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px}
.contact-details{border-inline-start:1px solid #476070;padding-inline-start:40px;display:flex;flex-direction:column;gap:13px;justify-content:center;font-style:normal}
.contact-details a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;min-height:44px;font-size:16px;overflow-wrap:anywhere}
.contact-details .contact-phone{font-size:29px;letter-spacing:.01em;font-weight:500}
.contact-details svg{width:20px;height:20px;color:#d1b98f;flex-shrink:0}
.contact-details p{margin:0;font-size:15px;color:#cbd8e0}
.home-page .site-footer{margin-top:0}
@media(max-width:960px){
 .intro-grid{grid-template-columns:1fr 1fr;gap:30px;padding-top:36px}.intro-copy h1{font-size:38px}
 .about-layout,.tools-layout{gap:32px}.home-section{padding-block:52px}.home-section h2{font-size:30px}.contact-layout{gap:30px}
}
@media(max-width:760px){
 .home-page .wrap{padding-inline:22px}
 .intro-grid{grid-template-columns:1fr;gap:0;padding-top:22px;padding-bottom:28px}
 .intro-copy{display:contents}.intro-identity{order:0;font-size:14px;margin-bottom:10px;gap:9px}.intro-identity::before{width:20px}
 .intro-copy h1{order:1}.intro-portrait{order:2;margin-top:22px}.intro-copy .intro-lead{order:3}.intro-actions{order:4}.intro-note{order:5}
 .intro-copy h1{font-size:clamp(32px,9vw,41px);line-height:1.23;max-width:460px;letter-spacing:-.04em}
 .intro-copy .intro-lead{font-size:17px;line-height:1.75;margin:15px 0 20px;max-width:480px}
 .intro-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:10px}
 .intro-actions .btn{padding:12px 8px;font-size:15px;min-height:50px}
 .intro-note{font-size:13px;margin-top:12px}
 .intro-portrait{border-radius:6px;width:100%;max-width:280px;justify-self:center}
 .intro-portrait img{height:auto;object-fit:contain}
 .intro-portrait figcaption{padding:12px 17px}.intro-portrait figcaption strong{font-size:20px}.intro-portrait figcaption span{font-size:13px}
 .trust-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-block:19px}.trust-row p{font-size:13px;line-height:1.6;gap:7px}.trust-row svg{width:20px;height:20px}.trust-row p:last-child{grid-column:1/-1}
 .home-section{padding-block:42px}.home-section h2{font-size:28px;line-height:1.4}.section-intro{font-size:16px;margin:10px 0 22px}
 .routes-grid{grid-template-columns:1fr;gap:14px;margin-top:23px}.route-card{grid-template-columns:30px 1fr 18px;gap:13px;padding:23px 19px;border-radius:9px}.route-card>svg{width:27px;height:27px}.route-card h3{font-size:22px;margin-bottom:8px}.route-card p{font-size:16px}.route-card .route-action{margin-top:12px}
 .about-layout{grid-template-columns:1fr;gap:27px}.about-photo{order:2}.about-photo img{aspect-ratio:1.4}.about-copy p{font-size:17px;line-height:1.85;margin-top:15px}
 .process-list{grid-template-columns:1fr;gap:22px;margin-top:26px}.process-list li{position:relative;padding:19px 43px 0 0}.process-list li::before{position:absolute;right:0;top:20px}.process-list h3{font-size:20px}.process-list p{font-size:16px}
 .services-list{grid-template-columns:1fr;margin-top:15px}.service-link{padding-block:20px}.service-link h3{font-size:19px}.service-link p{font-size:16px}.proof-link{padding:20px;gap:8px;margin-top:25px}
 .tools-layout{grid-template-columns:1fr;gap:8px}.home-tool{gap:13px}.home-tool strong{font-size:18px}.home-tool span{font-size:15px}
 .reading-head{align-items:start;flex-wrap:wrap;gap:8px;margin-bottom:18px}.reading-head>a{font-size:15px}.reading-list{grid-template-columns:1fr;gap:25px}.reading-list a{padding-top:16px}.reading-list h3{font-size:21px;margin-bottom:5px}
 .home-contact{padding-block:42px}.contact-layout{grid-template-columns:1fr;gap:30px}.home-contact h2{font-size:29px}.home-contact p{font-size:17px;margin-block:14px 23px}.contact-actions{display:grid;grid-template-columns:1fr 1fr}.contact-actions .btn{padding-inline:12px}.contact-details{border-inline-start:0;border-top:1px solid #476070;padding:24px 0 0;gap:10px}.contact-details p{margin:0;font-size:15px}
}
@media(max-width:350px){.home-page .wrap{padding-inline:18px}.intro-actions{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr}.trust-row p:last-child{grid-column:auto}.contact-actions{grid-template-columns:1fr}.route-card{padding-inline:15px}}
@container(max-width:300px){
 .intro-actions,.contact-actions,.trust-row{grid-template-columns:minmax(0,1fr)}
 .intro-copy h1{font-size:28px;overflow-wrap:anywhere}
 .intro-portrait{border-radius:6px}.intro-portrait img{height:auto}
 .route-card{grid-template-columns:minmax(0,1fr)}.route-card>svg:last-child{display:none}
 .home-section h2{font-size:25px;overflow-wrap:anywhere}.home-contact h2{font-size:26px}
 .qualification{align-items:start;gap:10px}.qualification svg{width:22px}
 .home-tool{grid-template-columns:24px minmax(0,1fr);gap:10px}.home-tool svg:last-child{display:none}
 .contact-details .contact-phone{font-size:22px}.contact-details a{font-size:14px}
 .proof-link p{min-width:0}.contact-details bdi{overflow-wrap:anywhere;min-width:0}
}
