.drac-hero{--drac-green:#214c3e;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,3vw,52px);padding:clamp(25px,3vw,48px);margin:0 10px 36px;background:#edf0e5;border:1px solid #dce3d3;border-radius:24px;color:var(--drac-green);text-align:left;box-sizing:border-box}
.drac-hero *{box-sizing:border-box}.drac-hero .drac-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;line-height:1.5;margin:0 0 20px;color:#41634b}.drac-hero #drac-hero-title{font-family:Georgia,serif;font-size:clamp(34px,3.5vw,60px);line-height:1.08;letter-spacing:-1.5px;margin:0 0 24px;color:#214c3e;font-weight:400}.drac-hero .drac-lead{font-size:17px;line-height:1.65;margin:0 0 22px;color:#3e5548}.drac-hero a.drac-project-link{display:inline-block;font-size:16px;color:#214c3e;border-bottom:1px solid #79947c;padding-bottom:6px;font-weight:700}.drac-project-link span{margin-left:16px}.drac-hero-note{display:flex;align-items:center;gap:16px;margin-top:30px}.drac-hero img.drac-portrait{width:88px;height:100px;object-fit:cover;border-radius:44px 44px 12px 12px;flex:none;object-position:center 40%}.drac-hero-note p{font-size:15px;line-height:1.6;margin:0;color:#48604d}.drac-subscribe{background:#fff;border-radius:16px;padding:clamp(22px,2.5vw,34px);box-shadow:0 9px 30px #214c3e0a;align-self:center;min-width:0}.drac-subscribe .drac-eyebrow{color:#725a87;margin-bottom:14px}.drac-subscribe h2{font-family:Georgia,serif;font-size:clamp(27px,2.6vw,38px);font-weight:400;line-height:1.14;margin:0 0 18px;color:#214c3e;letter-spacing:-.6px}.drac-subscribe>p:not(.drac-eyebrow){font-size:16px;line-height:1.55;color:#526052;margin:0 0 22px}.drac-subscribe label:not(.drac-consent){display:block;font-size:14px;font-weight:700;margin:16px 0 8px;color:#344e40}.drac-subscribe label>span{font-weight:400}.drac-subscribe input:not([type=checkbox]):not([type=hidden]){width:100%;max-width:100%;font:inherit;font-size:16px;background:#fafbf8;border:1px solid #ccd5c8;border-radius:7px;padding:12px;color:#213e30;box-shadow:none}.drac-subscribe .drac-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;margin:18px 0;color:#526052}.drac-consent input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:#214c3e}.drac-consent a{color:#214c3e;text-decoration:underline}.drac-subscribe button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;background:#214c3e;color:white;border:0;border-radius:7px;padding:16px;font-size:16px;line-height:1.3;font-weight:700;text-transform:none;letter-spacing:0;cursor:pointer}.drac-subscribe button:hover{background:#34634d}.drac-subscribe .drac-small{font-size:12px;line-height:1.5;margin:12px 0 0;color:#5c685b}.drac-subscribe :is(input,button,a):focus-visible,.drac-hero a:focus-visible{outline:3px solid #9364b5;outline-offset:3px}.drac-subscribe .drac-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.drac-message{padding:14px;border:1px solid #b0c4a8;border-radius:6px;background:#edf4e8;color:#214c3e;font-size:15px;line-height:1.5;margin-bottom:20px}.drac-news-title{font-family:Georgia,serif;font-size:28px;color:#214c3e;font-weight:400;margin:0 10px 24px}
@media(min-width:1001px) and (max-width:1200px){.drac-hero{gap:22px;padding:26px}.drac-subscribe{padding:24px}.drac-hero #drac-hero-title{font-size:39px}}
@media(max-width:760px){.drac-hero{grid-template-columns:1fr;margin:0 0 28px;padding:24px;gap:26px;border-radius:18px}.drac-hero #drac-hero-title{font-size:43px}.drac-hero .drac-lead{font-size:16px}.drac-hero-note{margin-top:22px}.drac-subscribe{padding:24px}.drac-news-title{margin-left:0}.drac-subscribe h2{font-size:32px}}
@media(max-width:380px){.drac-hero{padding:18px}.drac-subscribe{padding:20px}.drac-hero #drac-hero-title{font-size:37px}.drac-subscribe button{font-size:15px}}

/* Graphic hero: full-height artwork, overlaid story, contrasting subscription panel. */
.drac-hero{background:#f4edfa;border:0;padding:0;gap:0;overflow:hidden;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);box-shadow:0 12px 40px #36164b10}
.drac-hero-intro{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:750px;overflow:hidden;padding:30px}
.drac-hero img.drac-hero-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:53% center;margin:0}
.drac-hero-intro:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(38,14,53,.12) 15%,rgba(38,14,53,0) 28%,rgba(38,14,53,.80) 52%,#281039 100%)}
.drac-hero .drac-project-badge{align-self:flex-start;background:#fff4d6;color:#442153;border-radius:6px;padding:12px 15px;font-size:10px;line-height:1.5;letter-spacing:1.3px;box-shadow:0 4px 18px #2f153322}.drac-project-badge strong{font-size:16px;letter-spacing:1.5px}
.drac-hero #drac-hero-title{color:#fff5c8;font-size:clamp(36px,3.4vw,58px);line-height:1.06;letter-spacing:-1.4px;margin-bottom:20px}.drac-hero .drac-lead{color:#f5edf9;font-size:16px;line-height:1.6;margin-bottom:20px}.drac-hero a.drac-project-link{color:#fff4bf;border-color:#b9a77e;font-size:15px}.drac-hero-story{padding-top:180px}.drac-subscribe{margin:24px 22px;padding:28px 24px;border:1px solid #e8ddef;box-shadow:0 9px 30px #4c245810;border-radius:12px}.drac-subscribe h2{color:#442153}.drac-subscribe button{background:#6a3490}.drac-subscribe button:hover{background:#51246f}.drac-subscribe .drac-eyebrow{color:#6a3490}.drac-subscribe input[type=checkbox]{accent-color:#6a3490}
@media(min-width:1001px) and (max-width:1200px){.drac-hero{padding:0;gap:0}.drac-hero-intro{padding:26px;min-height:760px}.drac-hero #drac-hero-title{font-size:41px}.drac-subscribe{margin:20px 16px;padding:24px 20px}}
@media(max-width:760px){.drac-hero{grid-template-columns:1fr;padding:0;gap:0}.drac-hero-intro{min-height:690px;padding:26px}.drac-hero #drac-hero-title{font-size:44px}.drac-hero-story{padding-top:220px}.drac-hero img.drac-hero-art{object-position:55% top}.drac-subscribe{margin:20px;padding:24px}.drac-subscribe h2{font-size:34px}}
@media(max-width:380px){.drac-hero-intro{padding:22px;min-height:700px}.drac-hero #drac-hero-title{font-size:38px}.drac-hero .drac-lead{font-size:15px}.drac-subscribe{margin:16px;padding:22px}}

/* Preserve the face and horns in the original costume photograph. */
.drac-hero img.drac-hero-art{object-position:50% top}
