/* A photographic direction: forest green, sunlight, warm yellow, real working scenes. */
:root{--green:#165944;--green-dark:#103d31;--lime:#f6d978;--wash:#f4f6f3;--ink:#243b33;--line:#dfe6df}
.photo-intro{display:block;padding-top:28px;padding-bottom:30px}
.hero-story{position:relative;isolation:isolate;min-height:430px;overflow:hidden;border-radius:20px;background:#24362b;display:flex;align-items:center}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero-story:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09241dc4 0%,#09241d63 38%,#09241d00 66%);z-index:-1}
.hero-story .intro-copy{padding:38px 46px;color:white;max-width:700px}
.hero-story .eyebrow{color:#fff3c7;font-size:.8125rem;letter-spacing:.09em;font-weight:500}
.hero-story h1{font-size:clamp(2rem,3.25vw,2.9rem);line-height:1.52;letter-spacing:.025em;margin:15px 0 18px;font-weight:800;text-shadow:0 2px 12px #09221933}
.hero-story .highlight{background:none;color:#ffe595;position:relative;white-space:nowrap}
.hero-story .intro-description{color:#f0f3ed;font-size:1rem;line-height:1.95}
.hero-story .hero-button{margin-top:24px;background:#f7d87a;color:#263e32;border-radius:8px;padding:13px 22px;gap:40px;box-shadow:0 4px 18px #13241c20}
.hero-story .hero-button:hover{background:#ffe69c;transform:translateY(-2px)}
.hero-story .trust-row{margin-top:18px;gap:22px;color:#f2f4eb;font-size:.75rem}
.photo-intro .quiz-invite{margin-top:18px;border-radius:13px;display:flex;justify-content:space-between;align-items:center;gap:26px;background:#edf3e9;border:1px solid #dee8da;padding:22px 30px}
.quiz-summary{min-width:0}.quiz-summary .pill{color:#42704d;background:#fff;border:1px solid #ccd9c5;padding:3px 10px;font-size:.75rem;display:inline-block}
.photo-intro .quiz-invite h2{font-size:1.23rem;line-height:1.7;margin-top:7px;font-weight:700;letter-spacing:.02em}
.quiz-summary p{font-size:.875rem;color:#607063;margin-top:3px}
.quiz-action{min-width:240px;text-align:center}.photo-intro .quiz-action .button{margin:0;min-height:50px;gap:35px;width:100%;justify-content:space-between}
.quiz-action small{display:block;color:#627044;font-size:.75rem;margin-top:7px}
.explore-section{border-top:none;padding-top:30px}.section-heading .eyebrow{color:#ab6e24;letter-spacing:.14em}
.category-tabs button{border-color:#dbe3da}.category-tabs button.active{box-shadow:0 3px 9px #16594418}
.cards{gap:20px}.filters{border-radius:14px}.guide-card:nth-child(1){background:#f4f1e5}.guide-card:nth-child(2){background:#eaf0eb}.guide-card:nth-child(3){background:#ecf1f6}.guide-card{border:0}
.guide-card:nth-child(1) .guide-number{color:#a88034}.guide-card:nth-child(2) .guide-number{color:#619274}.guide-card:nth-child(3) .guide-number{color:#6488a8}
.closing{background:#165944;color:#fff}.closing .eyebrow{color:#f5d783}.closing .button.green{background:#f7d87a;color:#243d31}.closing .button.green:hover{background:#ffe89f}
@media(min-width:1400px){.hero-story{min-height:455px}.hero-story .intro-copy{padding:40px 52px}}
@media(max-width:1150px){.hero-story{min-height:410px}.hero-story .intro-copy{padding:32px 36px}.hero-story h1{font-size:2.4rem}.photo-intro .quiz-invite{padding:21px 24px}.quiz-action{min-width:210px}}
@media(max-width:800px){.hero-story{min-height:390px}.hero-story .intro-copy{padding:28px;max-width:72%}.hero-story h1{font-size:2.05rem}.hero-story .intro-description{font-size:1rem}.hero-story:after{background:linear-gradient(90deg,#09241ddb 0%,#09241d85 48%,#09241d05 90%)}.photo-intro .quiz-invite{gap:20px;padding:20px}.quiz-action{min-width:180px}.photo-intro .quiz-invite h2{font-size:1.05rem}.quiz-summary p{font-size:.875rem}.photo-intro .quiz-action .button{font-size:.875rem;padding:12px 14px;gap:12px}.hero-story .hero-button{gap:24px}}
@media(max-width:600px){.photo-intro{padding-top:16px;padding-bottom:24px}.hero-story{min-height:570px;align-items:flex-end;border-radius:15px}.hero-photo{object-position:78% center}.hero-story:after{background:linear-gradient(180deg,#102b1e00 10%,#102b1e08 22%,#102b1e82 39%,#102b1eed 64%,#102b1ef7 100%)}.hero-story .intro-copy{padding:26px 24px;max-width:100%;width:100%}.hero-story .eyebrow{font-size:.75rem;letter-spacing:.015em}.hero-story h1{font-size:clamp(1.65rem,6.3vw,2.35rem);line-height:1.65;margin:12px 0 13px;letter-spacing:0}.hero-story .intro-description{font-size:1rem;line-height:1.9}.hero-story .intro-description br{display:none}.hero-story .hero-button{margin-top:21px;width:100%;justify-content:space-between;padding:13px 17px;font-size:.875rem}.hero-story .trust-row{gap:13px;flex-wrap:wrap;font-size:.75rem;margin-top:16px}.photo-intro .quiz-invite{display:block;padding:21px;margin-top:15px;border-radius:12px}.photo-intro .quiz-invite h2{font-size:1.14rem;line-height:1.8;margin-top:10px}.quiz-summary p{margin-top:7px;font-size:.875rem;line-height:1.9}.quiz-action{margin-top:16px;min-width:0}.quiz-action .button{min-height:48px}.quiz-action small{margin-top:8px}.cards{gap:22px}.closing .button{justify-content:space-between}.guide-card{border-radius:13px}}
.job-card{padding:0;border:1px solid #e0e5dd;border-radius:15px;box-shadow:0 3px 12px #233f3305;transition:transform .2s,box-shadow .2s,border-color .2s}
.job-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #26453513;border-color:#c7d4c5}
.job-card.is-selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.card-photo{width:100%;aspect-ratio:1.62;display:block;position:relative;overflow:hidden;padding:0;background:#e5ebe5;border-radius:0;flex-shrink:0;text-align:left}
.card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.card-photo:hover img{transform:scale(1.04)}
.card-photo:focus-visible{outline-offset:-5px;outline-color:#ffe391;outline-width:4px}
.photo-category{position:absolute;left:13px;top:13px;background:#ffffffed;box-shadow:0 2px 7px #263d3210;border-radius:5px;padding:5px 9px;color:#304e3b;font-size:.75rem;font-weight:500;line-height:1.6}
.photo-open{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff;color:var(--green);font-size:21px;box-shadow:0 2px 8px #0002}
.card-body{padding:21px 20px 0;display:flex;flex-direction:column;flex:1;min-width:0}
.card-body h3{font-size:1.1rem;line-height:1.75}.card-body .card-description{font-size:1rem;min-height:5.7em;margin:9px 0 15px;line-height:1.9;color:#627168}
.card-body .tags{margin-bottom:18px}.card-body .tags span{background:#eef3ea;color:#4b6b50;padding:3px 7px}
.card-body .card-facts{font-size:.8125rem;line-height:1.8;margin-bottom:17px;gap:8px}
.card-body .card-facts dt{font-size:.8125rem}.card-body .card-facts dd{font-size:.8125rem}
.card-body .card-bottom{padding:12px 0;border-top:1px solid #e7ece4;gap:4px}
.card-body .card-bottom label,.card-body .detail-button{font-size:.8125rem;min-height:34px}
.detail-photo{width:100%;height:220px;border-radius:12px;overflow:hidden;margin:22px 0;background:#e7ede7}.detail-photo img{width:100%;height:100%;display:block;object-fit:cover}
.footer-top>div{gap:17px}.footer-top button,.footer-top>div>a{font-size:.8rem}.footer-top>div>a{color:var(--muted);padding:7px 0}.footer-top>div>a:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1150px){.card-photo{aspect-ratio:1.8}.card-body .card-description{min-height:3.8em}}
@media(max-width:800px){.card-body{padding:18px 18px 0}.card-photo{aspect-ratio:1.55}.card-body .card-facts div{flex-direction:column;gap:2px}.card-body .card-facts dd{margin-left:0}.card-body .card-bottom{column-gap:10px}}
@media(max-width:560px){.card-photo{aspect-ratio:1.65}.card-body{padding:21px 22px 0}.card-body h3{font-size:1.17rem}.card-body .card-description{min-height:auto}.card-body .card-facts div{flex-direction:row;justify-content:space-between;gap:8px}.card-body .card-facts dd{margin-left:auto}.card-body .card-facts,.card-body .card-facts dt,.card-body .card-facts dd,.card-body .card-bottom label,.card-body .detail-button{font-size:.875rem}.photo-category{left:15px;top:15px}.detail-photo{height:170px}.footer-top>div{gap:7px 15px}}
.card-body .card-facts,.card-body .card-facts dt,.card-body .card-facts dd,.card-body .card-bottom label,.card-body .detail-button{font-size:.875rem}
@media(prefers-reduced-motion:reduce){.hero-story .hero-button:hover,.job-card:hover,.card-photo:hover img{transform:none}}