.dhero{position:relative;overflow:hidden;background:var(--herobg) center/cover no-repeat}
.dhero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.88) 38%,rgba(255,255,255,.35) 62%,rgba(255,255,255,.05) 100%)}
.dhero .wrap{position:relative}
.dhero .grid{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:end;min-height:560px;padding:56px 0 0}
.dhero .crumb{font-size:12px;letter-spacing:.1em;color:var(--muted);margin-bottom:26px;text-transform:uppercase}
.dhero .crumb a{color:var(--ink);text-decoration:none;font-weight:600;border-bottom:1px solid var(--line)}
.dhero img.logo{height:64px;margin-bottom:26px;display:block}
.dhero .cat{font-size:11px;letter-spacing:.16em;color:var(--accent2);font-weight:700;margin-bottom:12px}
.dhero h1{font-size:40px;line-height:1.25;letter-spacing:-.02em;margin:0 0 16px}
.dhero p{font-size:16px;max-width:480px;margin:0 0 28px}
.dhero .ph{min-height:520px;padding:0;border-radius:0;position:relative;background-color:transparent!important;box-shadow:none;background-size:contain!important;background-position:center bottom!important;background-repeat:no-repeat}
.dhero .ph i{position:absolute;right:8px;top:10px;font-family:'Caveat',cursive;font-size:34px;line-height:1.1;color:var(--ink);font-style:normal;text-align:right;transform:rotate(-3deg)}
.dabout .grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.dabout h2{font-size:34px;line-height:1.3;margin:0 0 18px}
.dabout p{font-size:16px;margin:0 0 26px}
.dabout .meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.dabout .meta div{padding:18px 16px 0 0;border-right:1px solid var(--line);margin-right:16px}
.dabout .meta div:last-child{border-right:0}
.dabout .meta em{display:block;font-style:normal;font-size:10px;letter-spacing:.16em;color:var(--accent2);font-weight:700;margin-bottom:6px}
.dabout .meta b{font-size:14px;font-weight:600;line-height:1.5}
.dabout .ph{min-height:460px;padding:0;border-radius:0;border-bottom-right-radius:40px}
.pcat{background:var(--bg)}
.ptabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:32px}
.ptabs a{padding:0 0 14px;font-size:12px;letter-spacing:.14em;font-weight:600;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.ptabs a.on{color:var(--accent);border-bottom-color:var(--accent)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pgrid .card{background:var(--bg);border:1px solid var(--line)}
.pgrid .ph{aspect-ratio:1/1;min-height:0;padding:0;border-radius:0;background-size:cover;background-position:center}
.pgrid .b{padding:18px 20px 20px}
.pgrid h4{font-size:14px;letter-spacing:.1em;margin:0 0 6px}
.pgrid p{font-size:14px;color:var(--muted);margin:0 0 12px}
.pgrid a{font-size:13px;font-weight:600;color:var(--accent);text-decoration:none}
.philo{display:grid;grid-template-columns:1fr 1fr;gap:0}
.philo .ph{min-height:520px;padding:0;border-radius:0;position:relative}
.philo .ph i{position:absolute;left:36px;bottom:36px;font-style:normal;color:#fff;font-size:12px;letter-spacing:.3em;line-height:2;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.philo .tx{background:var(--bg2);padding:64px 56px;display:flex;flex-direction:column;justify-content:center}
.philo h2{font-size:32px;line-height:1.3;margin:0 0 16px}
.philo p{font-size:15px;margin:0 0 28px}
.philo dl{margin:0;border-top:1px solid var(--line)}
.philo dl div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
.philo dt{font-size:11px;letter-spacing:.14em;color:var(--accent2);font-weight:700;padding-top:3px}
.philo dd{margin:0}
.help{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.help .box{background:var(--bg2);padding:34px 36px;display:flex;gap:22px;align-items:flex-start}
.help svg{width:44px;height:44px;stroke:var(--ink);fill:none;stroke-width:1.4;flex:0 0 44px}
.help .k{font-size:11px;letter-spacing:.16em;color:var(--accent2);font-weight:700;margin-bottom:8px}
.help h3{font-size:20px;margin:0 0 8px}
.help p{font-size:14px;color:var(--muted);margin:0 0 16px}
.help a{font-size:14px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--ink);text-decoration:none}
.rel3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rel3 a{display:block;color:var(--ink);text-decoration:none}
.rel3 .ph{min-height:220px;padding:0;border-radius:0;margin-bottom:16px}
.rel3 .lg{height:36px;display:flex;align-items:center;margin-bottom:8px}
.rel3 .lg img{height:26px;width:auto}
.rel3 p{font-size:14px;color:var(--muted);margin:0 0 8px}
.rel3 small{font-size:13px;font-weight:600;color:var(--accent)}
.dcta{background:var(--warm);position:relative;overflow:hidden}
.dcta .grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.dcta h2{font-size:32px;line-height:1.3;margin:0}
.dcta p{font-size:15px;color:var(--muted);margin:0 0 22px}
@media (max-width:900px){.dhero .grid,.dabout .grid,.philo,.help,.dcta .grid{grid-template-columns:1fr} .dhero .ph{min-height:260px} .dhero .grid{min-height:0;padding:32px 0 0} .dhero::before{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.9) 55%,rgba(255,255,255,.3) 100%)} .dhero h1{font-size:28px} .dhero img.logo{height:44px!important} .dabout h2,.philo h2,.dcta h2{font-size:26px} .dabout .ph{min-height:300px} .philo .ph{min-height:320px} .dhero .ph i{font-size:26px} .pgrid,.rel3{grid-template-columns:1fr 1fr} .dabout .meta{grid-template-columns:1fr} .philo .tx{padding:36px 20px} .ptabs{overflow-x:auto} .ptabs a{white-space:nowrap}}