/* SAYTR Verhaal — reference layout only. Shared approved home header untouched. */
.saytr-story-ref{color:#211a16;background:#f8ede0;font-family:Arial,Helvetica,sans-serif}
.saytr-story-ref *{box-sizing:border-box}
.story-hero-reference{background:linear-gradient(105deg,#f6e8d7 0%,#f1dec9 45%,#dec0a0 100%)}
.story-hero-inner{max-width:1260px;margin:0 auto;min-height:560px;display:grid;grid-template-columns:42% 58%;align-items:center;overflow:hidden}
.story-hero-text{position:relative;z-index:2;padding:58px 15px 55px clamp(28px,5vw,72px)}
.story-eyebrow{font-weight:700;font-size:13px;letter-spacing:.12em;color:#805225}
.story-hero-text h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(44px,5vw,76px);line-height:.98;letter-spacing:-.03em;margin:18px 0 30px;color:#1d1714}
.story-intro,.story-quote{font-size:clamp(14px,1.35vw,17px);line-height:1.65;color:#2c241e;max-width:430px}
.story-quote{margin-top:22px}
.story-founder{font-family:Georgia,serif;font-style:italic;font-size:15px;padding-top:12px;margin-top:18px;color:#412d1d}
.story-founder:before{content:'';display:inline-block;width:32px;height:1px;background:#a26f38;vertical-align:middle;margin-right:10px}
.story-hero-art{height:100%;min-height:560px;position:relative;overflow:hidden}
.story-hero-art img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.story-hero-art:before{content:'';position:absolute;z-index:1;inset:0 auto 0 0;width:18%;background:linear-gradient(90deg,#ecdac5,transparent);pointer-events:none}
.story-use-section{background:#f9efe4;padding:30px clamp(18px,4.4vw,65px) 55px}
.story-use-row{max-width:1160px;margin:0 auto;border:1px solid #e5cdb4;background:rgba(255,252,248,.45);border-radius:22px;display:grid;grid-template-columns:repeat(3,1fr);padding:32px 20px}
.story-use-row article{text-align:center;padding:0 20px}
.story-use-row article+article{border-left:1px solid #dfc5aa}
.story-use-row svg{width:62px;height:62px;fill:none;stroke:#292118;stroke-width:2.8;stroke-linejoin:round;stroke-linecap:round}
.story-use-row h2{font-size:24px;font-weight:700;margin:12px 0 6px}
.story-use-row p{max-width:220px;margin:0 auto;color:#322a24;font-size:15px;line-height:1.55}
.story-original-content{background:#f8f3ec;padding:75px 24px}
.story-original-inner{max-width:1050px;margin:0 auto}
.story-original-inner>h2{font:normal clamp(30px,4vw,48px)/1.15 Georgia,serif;max-width:670px;margin:14px 0 37px}
.story-original-chapters article{display:grid;grid-template-columns:210px 1fr;gap:30px;padding:27px 0;border-top:1px solid #dbc8b3}
.story-original-chapters article>span{font-size:12px;letter-spacing:.12em;color:#986f48;font-weight:700;padding-top:8px}
.story-original-chapters h3{font:normal clamp(24px,3vw,32px)/1.25 Georgia,serif;margin:0 0 13px}
.story-original-chapters p{font-size:16px;line-height:1.8;color:#54483e;max-width:720px;margin:0}
@media(max-width:700px){.story-hero-inner{grid-template-columns:1fr}.story-hero-text{padding:42px 24px 24px}.story-hero-art{min-height:360px;height:360px}.story-hero-art img{object-position:center 40%}.story-hero-art:before{display:none}.story-use-section{padding:18px 14px 38px}.story-use-row{padding:22px 8px;gap:0}.story-use-row article{padding:0 6px}.story-use-row svg{width:40px;height:40px}.story-use-row h2{font-size:17px}.story-use-row p{font-size:12px}.story-original-content{padding:54px 22px}.story-original-chapters article{display:block}.story-original-chapters article>span{display:block;margin-bottom:14px}}

/* Minor alignment refinements for Verhaal after removal of repeated use-case row. */
.story-hero-inner{width:100%;margin-inline:auto}
.story-original-content{width:100%;margin-inline:auto}
.story-original-inner{width:100%;margin-inline:auto}
.story-original-chapters{width:100%}

/* Hero-uitlijning: alleen Verhaal, desktop en mobiel */
@media (min-width:701px) {
body.page-verhaal .story-hero-inner {width:min(1050px, calc(100% - 48px));max-width:1050px; margin-inline:auto; min-height:500px; grid-template-columns:minmax(0,45%) minmax(0,55%); align-items:center; overflow:hidden;}
body.page-verhaal .story-hero-text{padding:45px 30px 45px 0;}
body.page-verhaal .story-hero-art{height:500px;min-height:500px;}
body.page-verhaal .story-hero-text h1{font-size:clamp(42px,4.3vw,66px);}
}
@media (max-width:700px) {
body.page-verhaal .story-hero-inner{width:100%;max-width:none;grid-template-columns:minmax(0,1fr)}
body.page-verhaal .story-hero-text{padding:36px 22px 28px}
body.page-verhaal .story-hero-art{height:320px;min-height:320px}
}