@font-face{font-family:Legacy How Serif;src:url(nimbus-roman-700-normal.otf) format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Legacy How Sans;src:url(nimbus-sans-400-normal.otf) format('opentype');font-weight:400;font-display:swap}
:root{--hw-navy:#0b2256;--hw-gold:#805c29;--hw-paper:#fef9f3;--hw-line:#ddd4c6}
html{scroll-behavior:smooth;scroll-padding-top:var(--anchor-offset,100px)}
.how-page{margin:0;color:var(--hw-navy);background:white;font:1rem/1.6 'Legacy How Sans',Arial,sans-serif}
.how-page *{box-sizing:border-box}
.how-page main h1,.how-page main h2,.how-page main h3{font-family:'Legacy How Serif',Georgia,serif;font-weight:700;line-height:1.08;letter-spacing:-.025em;margin:0}
.how-page main h2{font-size:clamp(2rem,3.3vw,2.5rem)}
.how-page main h3{font-size:1.6rem}
.how-page main p{margin:0}
.how-page main a{color:inherit}
.hw-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.hw-skip{position:fixed;left:12px;top:12px;padding:12px 20px;background:var(--hw-navy);color:white;z-index:100;transform:translateY(-180%)}
.hw-skip:focus{transform:none}
.hw-eyebrow{font:700 .875rem/1.4 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--hw-gold)}
.hw-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:13px 24px;border:1px solid var(--hw-gold);border-radius:4px;background:var(--hw-gold);color:white!important;text-decoration:none;font:700 1.125rem/1.3 'Legacy How Serif',Georgia,serif;text-align:center}
.hw-button:hover{background:#65451e}
.hw-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding-block:5px;text-decoration:none;border-bottom:1px solid #b59664;color:var(--hw-gold)!important;font:700 1rem/1.4 Arial,sans-serif}
.hw-link:hover{color:#583812!important;border-color:#583812}
.hw-link span,.hw-button span{flex:none}
.hw-hero{display:grid;grid-template-columns:45% 55%;max-width:1600px;margin:auto;background:var(--hw-paper)}
.hw-hero-copy{align-self:center;padding:50px clamp(26px,4.7vw,70px)}
.how-page h1{font-size:clamp(2.8rem,4.3vw,4.3rem);line-height:1.01;margin:18px 0 24px!important;letter-spacing:-.035em}
.hw-lead{font-size:1.2rem;line-height:1.5;max-width:460px}
.hw-hero .hw-button{margin-top:24px}
.hw-hero-note{font-size:.9375rem;margin-top:14px!important}
.hw-hero img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover;object-position:58% center}
.hw-heading{text-align:center;margin-bottom:30px}
.hw-heading>p:not(.hw-eyebrow){margin-top:12px;font-size:1.0625rem;color:#45516a}
.hw-heading .hw-eyebrow{margin-bottom:12px}
.hw-process{padding-block:42px 32px}
.hw-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
.hw-steps li{position:relative;min-width:0}
.hw-steps li+li:before{content:'';position:absolute;left:-14px;top:68px;bottom:0;border-left:1px solid #e4e5e8}
.hw-number{display:block;color:#a57b35;font:700 2.7rem/1 'Legacy How Serif',Georgia,serif;margin-bottom:10px}
.hw-number:before{content:'';display:block;width:60px;border-top:2px solid #805c29;margin-bottom:14px}
.hw-steps h3{font-size:1.4rem!important;margin-bottom:10px!important}
.hw-steps p{line-height:1.55}
.hw-process-note{margin-top:26px!important;text-align:center;font-size:.875rem;color:#45516a}
.hw-options{background:var(--hw-paper);padding-block:40px}
.hw-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.hw-option{padding:8px 40px 14px}
.hw-option:first-child{padding-left:0;border-right:1px solid #cbbda7}
.hw-option:last-child{padding-right:0}
.hw-option h3{font-size:clamp(1.55rem,2.1vw,1.85rem)!important;margin:12px 0 16px!important}
.hw-option>p:not(.hw-eyebrow){max-width:520px;line-height:1.65}
.hw-option .hw-link{margin-top:16px}
.hw-finance-note{font-size:.875rem;line-height:1.6;color:#45516a;border-top:1px solid var(--hw-line);margin-top:20px!important;padding-top:18px}
.hw-finance-note a{text-underline-offset:3px}
.hw-practical{padding-block:42px 34px}
.hw-practical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.hw-practical-grid article{display:flex;align-items:flex-start;flex-direction:column}
.hw-practical-grid article+article{position:relative}
.hw-practical-grid article+article:before{content:'';position:absolute;left:-16px;top:0;bottom:0;border-left:1px solid #ddd4c6}
.hw-practical-grid h3{margin-bottom:12px!important}
.how-page #main-content .hw-practical-grid h3{min-height:0}
.hw-practical-grid p{margin-bottom:14px!important}
.hw-practical-grid .hw-link{margin-top:auto}
.hw-practical-grid .hw-service-price{font:700 1rem/1.5 Arial,sans-serif;margin-bottom:6px!important}
.hw-service-price span{white-space:nowrap}
.how-page #main-content .hw-practical-grid article{grid-row:span 4}
.how-page #main-content .hw-practical-grid .hw-link{grid-row:4}
.hw-individual{margin-top:28px;padding:20px 24px;background:var(--hw-paper);text-align:center}
.hw-individual-flow{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:8px 16px;font-size:1rem}
.hw-individual-flow ol{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}
.hw-individual-flow li+li:before{content:'→';color:var(--hw-gold);margin-right:16px}
.how-page .hw-service-note{font-size:.875rem;color:#45516a;line-height:1.6;margin-top:10px}
.how-page .hw-reassurance{margin-top:10px;font:700 1rem/1.5 Arial,sans-serif;text-align:center}
.hw-faq{padding-block:16px 40px}
.hw-faq .hw-heading{margin-bottom:24px}
.hw-faq details{border-top:1px solid #d9dde2}
.hw-faq details:last-child{border-bottom:1px solid #d9dde2}
.hw-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:15px 12px;cursor:pointer;list-style:none;font-size:1.0625rem;line-height:1.45}
.hw-faq summary::-webkit-details-marker{display:none}
.hw-faq summary:after{content:'+';font:400 1.65rem/1 Arial,sans-serif;color:var(--hw-gold);flex:none}
.hw-faq details[open] summary:after{content:'−'}
.hw-faq details[open] summary{font-weight:700}
.hw-faq details>div{padding:0 46px 22px 12px;max-width:950px;color:#354564}
.how-page .hw-faq details>div p+p{margin-top:12px}
.hw-faq details .hw-link{margin-top:12px}
.hw-business{padding:28px 0;background:var(--hw-paper);text-align:center}
.how-page .hw-business h2{font-size:clamp(1.55rem,2.6vw,2rem);line-height:1.2}
.how-page .hw-business p{margin-top:10px}
.hw-business-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 48px;margin-top:12px}
.hw-business-links .hw-link{max-width:100%;text-align:left}
.hw-closing{background:var(--hw-navy);color:white;text-align:center;padding:30px 0 34px}
.hw-closing p{margin:14px 0 22px!important;font-size:1.0625rem}
.how-page main :is(a,summary):focus-visible{outline:2px solid var(--hw-gold);outline-offset:5px}
@media(max-width:1050px){.hw-steps li:nth-child(odd):before{display:none}}
@media(max-width:760px){.hw-practical-grid article+article:before{display:none}.hw-individual{padding:20px}.hw-business-links{gap:12px 24px}}
@media(max-width:600px){.hw-individual-flow{display:block}.hw-individual-flow ol{display:block;margin-top:8px}.hw-individual-flow li+li{margin-top:8px}.hw-individual-flow li+li:before{display:none}.hw-business-links{flex-direction:column;align-items:center}}
@media(max-width:430px){.hw-steps li+li:before{display:none}}
@media(max-width:1050px){.hw-hero-copy{padding:36px 28px}.hw-hero img{min-height:400px}.hw-steps{grid-template-columns:1fr 1fr}.hw-practical-grid{gap:24px}.hw-option{padding-inline:28px}}
@media(max-width:760px){.hw-wrap{width:calc(100% - 40px)}.hw-hero{grid-template-columns:1fr}.hw-hero-copy{padding:36px 6%}.how-page h1{font-size:clamp(2.65rem,7vw,3.7rem)}.hw-hero img{height:auto;min-height:0;aspect-ratio:3/2;max-height:440px}.hw-options-grid{grid-template-columns:1fr}.hw-option{padding:0!important}.hw-option:first-child{border-right:0;border-bottom:1px solid var(--hw-line);padding-bottom:24px!important}.hw-option:last-child{padding-top:24px!important}.hw-option h3 br{display:none}.hw-practical-grid{grid-template-columns:1fr;gap:28px}.hw-practical-grid p{margin-bottom:8px!important}.hw-heading{margin-bottom:24px}.hw-process,.hw-practical{padding-block:32px}.hw-options{padding-block:32px}.hw-faq summary{padding-inline:0;font-size:1rem}.hw-faq details>div{padding-left:0;padding-right:20px}.hw-reassurance{line-height:1.35}}
@media(max-width:430px){.hw-steps{grid-template-columns:1fr;gap:22px}.hw-button{max-width:100%;padding-inline:18px}.hw-link{font-size:.9375rem}.hw-heading h2 br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
