/* DHAUL project detail pages */
.detail-page{background:#f8f8f5}
.detail-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#091e1b,#1b332e);color:#f6f8f2}
.detail-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.detail-layout{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center;min-height:415px;padding-top:65px;padding-bottom:65px}
.detail-kicker{font-size:11px;letter-spacing:.17em;font-weight:800;color:#e4ab6d;margin:0 0 20px}
.detail-hero h1{font-size:clamp(40px,5.3vw,74px);letter-spacing:-.055em;line-height:1.08;font-weight:600;margin:0 0 20px}
.detail-intro{font-size:15px;line-height:1.75;color:#d5e0d8;max-width:620px;margin:0 0 26px}
.detail-back{display:inline-block;padding:12px 16px;background:#e6c59b;color:#122821;text-decoration:none;font-size:13px;font-weight:700;border-radius:3px}
.detail-back:hover{background:#fff0d3}
.detail-art{height:270px;position:relative;overflow:hidden;border:1px solid #758b7844;background:#102c27}
.detail-art img{width:100%;height:100%;object-fit:cover;opacity:.64}
.detail-art span{position:absolute;bottom:16px;left:17px;color:#f4d09b;font-size:10px;letter-spacing:.14em;font-weight:800}
.detail-body{padding-top:61px;padding-bottom:64px}
.detail-eyebrow{color:#b77742;font-size:11px;font-weight:800;letter-spacing:.16em}
.detail-body h2{font-size:clamp(32px,3.3vw,46px);letter-spacing:-.045em;line-height:1.1;font-weight:600;margin:12px 0 14px}
.detail-lead{color:#5a6d65;max-width:710px;font-size:15px;line-height:1.75;margin:0 0 29px}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:34px}
.detail-feature{padding:24px;background:#fff;border:1px solid #dfe4dd;min-height:165px}
.detail-feature small{font-size:10px;font-weight:800;letter-spacing:.13em;color:#b67843}
.detail-feature h3{font-size:19px;letter-spacing:-.025em;margin:22px 0 10px}
.detail-feature p{font-size:13px;line-height:1.7;color:#56655e;margin:0}
.detail-notice{background:#edf0ea;border-left:3px solid #b27f46;padding:22px 25px;color:#324b3e;font-size:13px;line-height:1.75}
.detail-notice strong{display:block;margin-bottom:5px;letter-spacing:.1em;font-size:11px}
.detail-related{margin-top:42px;padding-top:25px;border-top:1px solid #dce3d9}
.detail-related p{font-size:11px;letter-spacing:.14em;font-weight:800;color:#6c796e}
.detail-related a{display:inline-block;margin:7px 9px 0 0;text-decoration:none;font-size:13px;font-weight:700;padding:10px 14px;border:1px solid #cbd6ca;background:#fff;color:#183e33}
.detail-related a:hover{background:#e8eee7}
@media(max-width:850px){.detail-layout{grid-template-columns:1fr;gap:30px;min-height:0;padding-top:55px;padding-bottom:45px}.detail-art{height:225px}.detail-grid{grid-template-columns:1fr}.detail-feature{min-height:0}.detail-body{padding-top:45px;padding-bottom:45px}}