.guide-hero{position:relative;min-height:780px;height:94svh;isolation:isolate;overflow:hidden;display:flex;align-items:end}.guide-hero-image,.guide-hero-overlay{position:absolute;inset:0;z-index:-1}.guide-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.guide-hero-overlay{background:linear-gradient(90deg,#080d09c9,#080d0926),linear-gradient(0deg,#080d09b3,transparent 70%,#080d0966)}.guide-hero-copy{padding:170px 7% 85px;max-width:1300px}.guide-hero h1{font-size:clamp(55px,6.5vw,110px);line-height:1.07;margin-bottom:35px}.guide-lead{font-size:17px;max-width:590px;color:#e2e5dc;margin-bottom:35px}.guide-image-kind{font-size:11px;letter-spacing:.08em;color:#d1d5c6}.guide-intro{display:grid;grid-template-columns:1fr 2fr;gap:70px}.guide-intro h2{font-size:clamp(43px,4.8vw,76px);margin-bottom:35px}.guide-intro>div>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:660px;margin:0}.guide-principles{background:#e6e7df;color:#252b21}.guide-principles .section-meta{color:#5d6654;margin-bottom:50px}.guide-principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.guide-principles-grid article{border-top:1px solid #7b856e66;padding-top:25px}.guide-principles-grid article>span{font-size:11px;color:#626b57}.guide-principles-grid h3{font-size:26px;font-weight:400;letter-spacing:-.03em;margin:32px 0 20px}.guide-principles-grid p{font-size:15px;line-height:1.75;color:#58614e;margin:0}.guide-preparation .section-title h2{font-size:clamp(45px,5.3vw,84px)}.guide-checklist{display:grid;grid-template-columns:1fr 2fr;gap:65px;margin-top:65px}.guide-checklist ol{margin:0;padding:0;list-style:none;counter-reset:check}.guide-checklist li{counter-increment:check;border-top:1px solid var(--line);padding:22px 0 22px 40px;position:relative;font-size:17px;line-height:1.65}.guide-checklist li::before{content:'0' counter(check);font-size:11px;color:var(--muted);position:absolute;left:0;top:29px}.guide-note{border-left:1px solid #849173;color:var(--muted);font-size:14px;line-height:1.8;padding-left:25px;max-width:760px;margin:50px 0 0 auto}.guide-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.guide-photo-grid figure{margin:0}.guide-photo-grid img{height:470px;width:100%;object-fit:cover}.guide-photo-grid figcaption{font-size:12px;color:var(--muted);margin-top:16px}.guide-faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.35fr;gap:40px 70px}.guide-faq>.eyebrow{grid-column:1/-1;margin-bottom:10px}.guide-faq h2{font-size:65px;margin:0}.guide-faq details p{margin-left:0;font-size:15px;line-height:1.8;max-width:none}.guide-faq summary{font-size:19px;line-height:1.5}.guide-cta{background:#263022}.guide-cta h2{font-size:clamp(45px,5.6vw,86px);margin:0 0 30px}.guide-cta>p:not(.eyebrow){font-size:16px;color:#d3d9ca}.guide-contact-link{display:inline-block;padding:15px 0;border-bottom:1px solid #ffffff85;margin-top:15px;font-size:16px}.guide-related{padding-top:70px;padding-bottom:75px}.guide-related nav{display:flex;flex-wrap:wrap;gap:20px 45px}.guide-related nav a{font-size:24px;border-bottom:1px solid #ffffff40;padding-bottom:10px}.back-portfolio{display:inline-block;color:var(--muted);font-size:14px;margin-top:40px}.guide-footer-links{display:flex;justify-content:center;gap:25px 45px;flex-wrap:wrap;padding:35px 7%;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
@media(max-width:1050px){.guide-hero h1{font-size:65px}.guide-principles-grid{grid-template-columns:1fr 1fr;gap:40px}.guide-intro{grid-template-columns:1fr 2fr;gap:35px}.guide-checklist{gap:35px}.guide-photo-grid img{height:360px}.guide-faq{gap:35px}.guide-faq h2{font-size:54px}}
@media(max-width:700px){.guide-hero{height:auto;min-height:760px}.guide-hero-copy{padding:175px 6% 65px}.guide-hero h1{font-size:clamp(42px,9vw,66px);line-height:1.13;margin-bottom:28px}.guide-lead{font-size:15px}.guide-image-kind{font-size:10px;display:block;max-width:180px}.guide-hero-image img{object-position:55% center}.guide-intro{display:block}.guide-intro>.eyebrow{margin-bottom:35px}.guide-intro h2{font-size:42px}.guide-intro>div>p{font-size:15px}.guide-principles-grid{gap:32px 22px}.guide-principles-grid h3{font-size:23px;margin-top:20px}.guide-principles-grid p{font-size:14px}.guide-preparation .section-title h2{font-size:44px}.guide-checklist{display:block;margin-top:35px}.guide-checklist>.eyebrow{margin-bottom:30px}.guide-checklist li{font-size:15px}.guide-note{font-size:13px;margin-top:35px;padding-left:20px}.guide-photo-grid{grid-template-columns:1fr;gap:28px}.guide-photo-grid img{height:auto;max-height:600px}.guide-photo-grid figure:nth-child(2){width:82%;margin-left:auto}.guide-faq{display:block}.guide-faq>.eyebrow{margin-bottom:30px}.guide-faq h2{font-size:50px;margin-bottom:40px}.guide-faq summary{font-size:17px}.guide-faq details p{font-size:14px}.guide-cta h2{font-size:46px}.guide-cta>p:not(.eyebrow){font-size:15px}.guide-related nav{display:block}.guide-related nav a{display:table;font-size:23px;margin:0 0 20px}.guide-footer-links{justify-content:flex-start;gap:18px 25px;padding:30px 6%;font-size:13px}}

.guide-principles-grid p,.guide-faq details p{font-size:16px}@media(max-width:700px){.guide-lead,.guide-intro>div>p,.guide-principles-grid p,.guide-checklist li,.guide-faq details p,.guide-cta>p:not(.eyebrow){font-size:16px}.guide-note{font-size:14px}}

/* Mobile guide pages: single-column reading flow and larger controls. */
@media(max-width:700px){
  .guide-hero{min-height:max(720px,100svh)}
  .guide-hero-copy{padding:max(150px,calc(120px + env(safe-area-inset-top))) 6% max(70px,calc(55px + env(safe-area-inset-bottom)))}
  .guide-hero h1{font-size:clamp(40px,11.4vw,54px);text-wrap:balance}
  .guide-lead{line-height:1.65}
  .guide-principles-grid{grid-template-columns:1fr;gap:36px}
  .guide-principles-grid article{padding-top:22px}
  .guide-principles-grid h3{margin-bottom:14px}
  .guide-checklist li{padding-top:20px;padding-bottom:20px}
  .guide-checklist li::before{top:27px}
  .guide-faq details{padding:18px 0}
  .guide-contact-link,.back-portfolio,.guide-related nav a{min-height:44px;display:inline-flex;align-items:center}
  .guide-related nav a{margin-bottom:12px}
}
@media(max-width:380px){
  .guide-hero h1{font-size:clamp(38px,11vw,44px)}
  .guide-intro h2,.guide-preparation .section-title h2,.guide-cta h2{font-size:40px}
  .guide-faq h2{font-size:44px}
}