﻿.guides-index-page{--guide-paper:#f4efe5;--guide-card:#faf7f0;--guide-ink:#211b17;--guide-muted:#665c53;--guide-line:#d8cdbf;--guide-rust:#8b6044;background:var(--guide-paper);color:var(--guide-ink)}
.guides-index-page .page-main{overflow:hidden}
.guides-index-page .eyebrow{margin:0 0 17px;color:var(--guide-rust);font:700 11px/1.4 "DM Sans",sans-serif;letter-spacing:.17em;text-transform:uppercase}
.guides-hero{position:relative;background:#eae1d3;border-block:1px solid #dfd3c4}
.guides-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,7vw,92px);align-items:center;min-height:495px;padding-block:66px}
.guides-hero-copy h1{margin:0;color:var(--guide-ink);font:400 clamp(64px,7.1vw,94px)/.88 "Libre Caslon Display",Georgia,serif;letter-spacing:-.04em}
.guides-hero-copy h1 em{color:var(--guide-rust);font-weight:400}
.guides-hero-copy>p:not(.eyebrow){max-width:550px;margin:24px 0 22px;color:#554a40;font-size:18px;line-height:1.65}
.guides-hero-link,.guide-card-link{color:#75472e;font-weight:700;text-underline-offset:5px}
.guides-hero-link{display:inline-flex;gap:14px;align-items:center;font-size:15px}
.guides-hero-visual{position:relative;min-height:305px;padding:24px 27px;background:#f8f4ec;border:1px solid #d5c7b5;box-shadow:12px 12px 0 #d8c8b5;overflow:hidden}
.visual-topline{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #d7cbbd;color:#80664f;font-size:9px;font-weight:700;letter-spacing:.16em}
.visual-path{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;gap:6px;margin-top:37px}
.visual-path>div{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:7px}
.visual-path i{display:grid;width:29px;height:29px;place-items:center;border:1px solid #a77a58;border-radius:50%;color:#8b6044;font-size:10px;font-style:normal}
.visual-path strong{font:400 clamp(17px,1.7vw,23px)/1 "Libre Caslon Display",Georgia,serif}
.visual-path small{color:#71665b;font-size:10px;line-height:1.35}
.visual-path>b{height:1px;background:#c6b29e}
.guides-hero-visual .visual-rule{height:1px;margin-top:31px;background:#e0d6c9}
.guides-hero-visual>p{margin:12px 0 0;color:#66594c;font:italic 17px "Libre Caslon Display",Georgia,serif}
.visual-mark{position:absolute;right:23px;bottom:-22px;color:#b59a7c1a;font:400 115px/.9 "Libre Caslon Display",Georgia,serif}
.guides-library{padding-top:88px;padding-bottom:96px}
.guides-section-head{display:grid;grid-template-columns:1fr minmax(250px,.56fr);gap:48px;align-items:end;margin-bottom:35px}
.guides-section-head h2,.guides-method h2,.guides-cta h2{margin:0;font:400 clamp(43px,4.7vw,61px)/.98 "Libre Caslon Display",Georgia,serif;letter-spacing:-.025em}
.guides-section-head>p{max-width:400px;margin:0 0 4px;color:var(--guide-muted);font-size:16px;line-height:1.65}
.guides-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.field-guide-card{display:flex;min-height:365px;flex-direction:column;padding:30px 32px 28px;background:var(--guide-card);border:1px solid var(--guide-line);color:var(--guide-ink);text-decoration:none;transition:border-color .18s ease,transform .18s ease}
.field-guide-card:hover{border-color:#a88a70;transform:translateY(-2px)}
.field-guide-top{display:flex;min-height:50px;justify-content:space-between;align-items:flex-start;color:#80664f;font-size:10px;font-weight:700;letter-spacing:.14em}
.field-guide-top b{margin-left:6px;color:#9b6f4e}
.field-guide-card h3{max-width:520px;margin:22px 0 14px;font:400 clamp(31px,3.3vw,43px)/1 "Libre Caslon Display",Georgia,serif;letter-spacing:-.02em}
.field-guide-card>p{margin:0 0 22px;color:var(--guide-muted);font-size:15px;line-height:1.7}
.field-guide-card>p:before{content:"THE PRACTICAL QUESTION  /  ";display:block;margin-bottom:9px;color:#8b6044;font-size:9px;font-weight:700;letter-spacing:.14em}
.guide-card-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;border-top:1px solid #e1d7ca;font-size:14px}
.guide-card-link span{font-size:19px}
.guide-symbol{position:relative;display:flex;width:68px;height:42px;align-items:center;justify-content:center}
.guide-symbol-path i{position:absolute;width:11px;height:11px;border:1px solid #a77a58;border-radius:50%;background:#faf7f0}
.guide-symbol-path i:nth-child(1){left:4px}.guide-symbol-path i:nth-child(2){left:28px}.guide-symbol-path i:nth-child(3){right:4px}
.guide-symbol-path:before,.guide-symbol-path:after{position:absolute;top:20px;width:22px;height:1px;background:#c2a88f;content:""}.guide-symbol-path:before{left:13px}.guide-symbol-path:after{right:13px}
.guide-symbol-loop i{position:absolute;width:23px;height:23px;border:1px solid #a77a58;border-radius:50%}.guide-symbol-loop i:first-child{left:13px;top:5px}.guide-symbol-loop i:last-child{right:13px;bottom:5px}
.guides-method{padding:73px 0 78px;background:#292b27;color:#f8f3e9}
.guides-method-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,110px);align-items:start}
.guides-method .eyebrow{color:#c89b76}
.guides-method h2{color:#fbf5eb}
.guides-method-list{border-top:1px solid #5a554e}
.guides-method-list article{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #5a554e}
.guides-method-list article>span{padding-top:4px;color:#c89b76;font-size:11px;font-weight:700;letter-spacing:.12em}
.guides-method-list h3{margin:0 0 5px;color:#fbf5eb;font:400 25px/1.05 "Libre Caslon Display",Georgia,serif}
.guides-method-list p{margin:0;color:#d4cbc0;font-size:14px;line-height:1.6}
.guides-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:72px;margin-bottom:72px;padding:33px 36px;background:#eee5d8;border:1px solid #dfd1bf}
.guides-cta h2{max-width:690px;font-size:clamp(34px,4vw,48px)}
.guides-cta .button{white-space:nowrap}
.guides-cta .button span{margin-left:8px}
@media(max-width:850px){.guides-hero-grid{grid-template-columns:1fr 1fr;gap:30px}.guides-hero-copy h1{font-size:clamp(59px,8vw,76px)}.guides-hero-visual{padding:21px 18px}.visual-path{grid-template-columns:1fr 15px 1fr 15px 1fr;gap:3px}.visual-path small{font-size:9px}.field-guide-card{padding:25px}.guides-method-inner{gap:38px}}
@media(max-width:650px){.guides-hero-grid{grid-template-columns:1fr;gap:36px;min-height:0;padding-block:48px 43px}.guides-hero-copy h1{font-size:clamp(62px,15vw,78px)}.guides-hero-copy>p:not(.eyebrow){font-size:16px}.guides-hero-visual{min-height:272px;padding:22px}.visual-path{grid-template-columns:1fr 24px 1fr 24px 1fr;gap:5px;margin-top:32px}.visual-path strong{font-size:21px}.visual-path small{max-width:80px;font-size:10px}.guides-library{padding-top:61px;padding-bottom:64px}.guides-section-head{grid-template-columns:1fr;gap:15px;margin-bottom:24px}.guides-section-head h2{font-size:46px}.guides-section-head>p{font-size:15px}.guides-card-grid{grid-template-columns:1fr;gap:13px}.field-guide-card{min-height:0;padding:23px 22px 21px}.field-guide-card h3{font-size:36px;margin-top:17px}.field-guide-card>p{font-size:14px}.guides-method{padding:52px 0 55px}.guides-method-inner{grid-template-columns:1fr;gap:26px}.guides-method h2{font-size:45px}.guides-method-list article{grid-template-columns:34px 1fr;gap:12px;padding:17px 0}.guides-cta{flex-direction:column;align-items:flex-start;margin-top:38px;margin-bottom:42px;padding:25px 22px}.guides-cta h2{font-size:38px}.guides-cta .button{white-space:normal}}
@media(max-width:360px){.guides-hero-grid{padding-top:41px}.guides-hero-copy h1{font-size:59px}.guides-hero-visual{padding:18px;min-height:255px}.visual-path{grid-template-columns:1fr 12px 1fr 12px 1fr;gap:2px}.visual-path strong{font-size:18px}.visual-path small{font-size:9px}.guides-section-head h2{font-size:41px}.field-guide-card{padding:20px 18px}.field-guide-card h3{font-size:33px}.guides-method h2{font-size:41px}.guides-cta h2{font-size:35px}}
