/* Nine editorial compositions; shared Edayzoria brand. */
.story{width:min(1120px,calc(100% - 64px));margin:25px auto 65px}.story-back{display:flex;justify-content:space-between;font-size:13px;color:var(--rust);padding:15px 0 25px}.story-back a{text-decoration:none}.story-heading h1{font-size:clamp(36px,4.3vw,64px);line-height:1.03;max-width:850px;margin:15px 0 20px}.story-deck{font-size:21px;line-height:1.4;max-width:660px}.story-heading .article-meta{font:12px Arial,sans-serif;letter-spacing:.04em;margin-top:24px}.story-image{width:100%;object-fit:cover;display:block;aspect-ratio:2.15;border-radius:0}.story-hero{margin-bottom:40px}.story-body{min-width:0}.story-body p,.story-body li{font-size:19px;line-height:1.78}.story-section{margin:0 0 32px;scroll-margin-top:25px}.story-section h2{font-size:30px;line-height:1.14;margin:0 0 15px}.story-body>.story-section:first-child>p:not(.small-note):first-of-type:first-letter,.story-body>.story-section:first-child>.small-note+p:first-letter{float:left;font-size:69px;line-height:.85;padding:10px 9px 0 0;color:var(--rust)}.story-body>.story-image{margin:35px 0;aspect-ratio:1.9}.story-pullquote{margin:40px 0;padding:28px 0;border-block:1px solid var(--line);font:italic 34px/1.25 Georgia,serif;color:var(--green)}.story-shell{max-width:760px;margin:auto}.story-ending{max-width:760px;margin:40px auto}.story-ending .reflection-box{padding:28px 35px 28px 65px}.story-ending .reflection-box h2{font-size:30px}.story-ending .question{margin-top:30px}.story>.related{margin:50px auto 0;padding-top:15px;max-width:1000px}.story>.related h2{margin-bottom:20px}.story>.article-nav{max-width:1000px;margin:30px auto}.story-rail{min-width:0}.rail-inner{position:sticky;top:24px}.story-rail nav{display:grid;margin-top:20px}.story-rail nav a{display:flex;gap:10px;text-decoration:none;font:14px/1.5 Georgia,serif;padding:11px 0;border-bottom:1px solid #d8c5ae}.story-rail nav span{font:10px/2 Arial;color:var(--rust)}.rail-guide{display:block;margin-top:30px;font:italic 17px/1.5 Georgia;text-decoration:none;background:#ece8d5;padding:20px}.rail-guide strong{font:13px/2 Georgia;color:var(--rust)}
/* 1: immersive image opening and overlapping quiet reading sheet. */
.story-sanctuary .story-hero{position:relative;min-height:500px;display:flex;align-items:center;padding:55px;isolation:isolate;margin-bottom:0;background:#123b31}.story-sanctuary .story-image{position:absolute;inset:0;height:100%;z-index:-2;opacity:.65}.story-sanctuary .story-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#082f25f2,#082f2555);z-index:-1}.story-sanctuary .story-heading{max-width:630px;color:#fff5df}.story-sanctuary .story-heading p{color:#fff5df}.story-sanctuary .eyebrow{color:#edc48d}.story-sanctuary .story-shell{position:relative;background:#fffaf2;max-width:830px;padding:45px 60px 20px;margin-top:-35px;box-shadow:0 12px 35px #4c351908}.story-sanctuary .story-pullquote{border:0;border-left:3px solid #a97247;padding:10px 0 10px 30px;font-size:29px}
/* 2: magazine column, margin navigation, inset photograph after the opening. */
.story-editorial .story-heading{margin-left:27%;border-top:2px solid var(--rust);padding-top:25px}.story-editorial .story-heading h1{font-size:61px}.story-editorial .story-shell{display:grid;grid-template-columns:220px 1fr;gap:65px;max-width:1000px}.story-editorial .story-body>.story-image{width:calc(100% + 40px);max-width:none;margin-left:-20px;border:12px solid #fff9ee;box-shadow:0 0 0 1px #e0cbb2}.story-editorial .story-pullquote{text-align:right;border:0;border-right:3px solid var(--rust);padding:10px 25px;font-size:30px}
/* 3: wide photograph and a title panel that overlaps its lower edge. */
.story-horizon .story-image{height:420px}.story-horizon .story-heading{position:relative;text-align:center;margin:-85px auto 0;max-width:850px;background:var(--cream);padding:35px 50px 10px}.story-horizon .story-heading h1{font-size:58px}.story-horizon .story-deck{margin-inline:auto;font-style:italic}.story-horizon .story-pullquote{font-size:40px;text-align:center;border:0;position:relative}.story-horizon .story-pullquote:before{content:'✧';display:block;font-size:30px;color:var(--rust);margin-bottom:20px}
/* 4: portrait-led essay; asymmetric opening and a quiet two-column pause. */
.story-portrait .story-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;background:#f1e0cf;padding:38px}.story-portrait .story-image{aspect-ratio:.88;height:100%;min-height:430px;border-radius:48% 48% 0 0}.story-portrait .story-heading h1{font-size:52px}.story-portrait .story-shell{max-width:800px}.story-portrait .story-pullquote{background:#e8e8d8;padding:35px 45px;border:0;border-radius:50% 3% 40% 3% / 6% 35% 5% 30%}.story-portrait .story-ending{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;gap:35px;align-items:center}.story-portrait .story-ending .question{margin:0}
/* 5: feature story with a wide image and useful right sidebar. */
.story-companion .story-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:0 45px;align-items:center;padding:15px 0 30px}.story-companion .story-heading>.eyebrow{grid-column:1/-1}.story-companion h1{font-size:54px;grid-row:2/4}.story-companion .story-deck{font-size:19px;padding-left:25px;border-left:1px solid var(--rust)}.story-companion .article-meta{padding-left:25px}.story-companion .story-image{aspect-ratio:2.6;border-radius:10px}.story-companion .story-shell{max-width:none;display:grid;grid-template-columns:minmax(0,740px) 230px;gap:65px}.story-companion .story-rail{background:#eee9d9;padding:22px;align-self:start}.story-companion .rail-guide{background:#fff7eb;padding:18px 10px}.story-companion .story-pullquote{padding:25px 30px;border:0;background:#f3e0d0;font-size:29px}
/* 6: a vertical category rail and restrained typography. */
.story-margin{border-left:12px solid #b67b58;padding-left:35px}.story-margin .story-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center}.story-margin .story-image{aspect-ratio:1.15}.story-margin .story-heading h1{font-size:48px}.story-margin .story-shell{max-width:none;display:grid;grid-template-columns:200px minmax(0,720px);gap:60px}.story-margin .story-pullquote{font-size:30px;padding:20px 30px;border:1px solid var(--line)}
/* 7: a practical journey, numbered sections and a side contents list. */
.story-pathway .story-hero{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:0}.story-pathway .story-heading{position:relative;margin-right:-65px;background:var(--cream);padding:25px 30px 25px 0;z-index:1}.story-pathway .story-heading h1{font-size:50px}.story-pathway .story-image{height:430px}.story-pathway .story-shell{max-width:none;display:grid;grid-template-columns:220px minmax(0,740px);gap:65px}.story-pathway .story-section{position:relative;padding-left:70px;border-bottom:1px solid var(--line);padding-bottom:25px}.step-number{position:absolute;left:0;top:0;font:italic 38px Georgia;color:#a18151}.story-pathway .story-pullquote{margin-left:70px;font-size:30px;border:0;color:var(--rust)}
/* 8: an intimate letter with a photograph further into the story. */
.story-letter{max-width:920px}.story-letter .story-heading{max-width:680px;margin:35px auto 45px;text-align:center}.story-letter .story-heading h1{font-size:57px;font-style:italic}.story-letter .story-deck{font-size:20px}.story-letter .story-shell{max-width:680px}.story-letter .story-section h2{font-size:25px}.story-letter .story-body>.story-image{width:calc(100% + 100px);max-width:none;margin-left:-50px;aspect-ratio:2.2}.story-letter .story-pullquote{font-size:29px;padding:25px 40px;text-align:center;border-block:1px solid var(--rust)}
/* 9: a sage reading room, image-first with a compact journal heading. */
.story-stillness{background:#e7e9dc;padding:30px 45px 45px;border-radius:15px}.story-stillness .story-image{aspect-ratio:2.7;border-radius:8px}.story-stillness .story-heading{max-width:770px;padding:35px 0 0;margin:auto}.story-stillness .story-heading h1{font-size:51px}.story-stillness .story-shell{background:#fffaf2;padding:40px 45px;max-width:850px}.story-stillness .story-pullquote{background:#f0e4d4;border:0;padding:25px;font-size:29px}.story-stillness .story-ending{max-width:850px}
@media(max-width:800px){.story{width:calc(100% - 36px)}.story-heading h1,.story-editorial .story-heading h1,.story-horizon .story-heading h1,.story-letter .story-heading h1{font-size:44px}.story-editorial .story-heading{margin-left:0}.story-shell{gap:30px!important}.story-rail{display:none}.story-editorial .story-shell,.story-companion .story-shell,.story-margin .story-shell,.story-pathway .story-shell{display:block;max-width:740px}.story-portrait .story-hero{gap:25px;padding:25px}.story-portrait .story-heading h1,.story-companion h1,.story-margin .story-heading h1,.story-pathway .story-heading h1,.story-stillness .story-heading h1{font-size:40px}.story-sanctuary .story-hero{padding:35px}.story-sanctuary .story-shell{margin-inline:20px;padding:35px}.story-portrait .story-ending{display:block}.story-portrait .story-ending .question{margin-top:25px}}
@media(max-width:560px){.story{margin-top:10px}.story-back{font-size:12px}.story-heading h1,.story-editorial .story-heading h1,.story-horizon .story-heading h1,.story-portrait .story-heading h1,.story-companion h1,.story-margin .story-heading h1,.story-pathway .story-heading h1,.story-letter .story-heading h1,.story-stillness .story-heading h1{font-size:36px}.story-deck{font-size:18px}.story-body p,.story-body li{font-size:17px;line-height:1.7}.story-section h2{font-size:27px}.story-pullquote{font-size:27px!important;padding:25px 15px!important;margin:30px 0!important}.story-sanctuary .story-hero{padding:28px 20px;min-height:470px}.story-sanctuary .story-shell{padding:28px 20px;margin:-20px 10px 0}.story-sanctuary .story-heading{max-width:100%}.story-editorial .story-body>.story-image,.story-letter .story-body>.story-image{width:100%;margin:25px 0}.story-horizon .story-image{height:260px}.story-horizon .story-heading{margin:-45px 12px 0;padding:25px 15px 0}.story-portrait .story-hero,.story-margin .story-hero,.story-pathway .story-hero{display:flex;flex-direction:column;gap:20px}.story-portrait .story-image{min-height:0;height:320px;aspect-ratio:1.2}.story-companion .story-heading{display:block;padding:0 0 20px}.story-companion .story-deck,.story-companion .article-meta{padding-left:0;border:0}.story-companion .story-image{aspect-ratio:1.7}.story-margin{padding-left:15px;border-left-width:6px}.story-margin .story-image{aspect-ratio:1.8}.story-pathway .story-heading{margin:0;padding:0}.story-pathway .story-image{height:240px}.story-pathway .story-section{padding-left:45px}.step-number{font-size:27px}.story-letter .story-heading{margin-top:15px}.story-stillness{padding:16px 14px 25px}.story-stillness .story-shell{padding:25px 18px}.story-stillness .story-image{aspect-ratio:1.9}.story-ending .reflection-box{padding:25px 20px 25px 48px}.story>.related .related-grid{grid-template-columns:1fr 1fr}.story>.related .related-grid a:last-child{grid-column:1/-1}.story>.related .related-grid a:last-child img{aspect-ratio:2.6}}