:root{
  --cream:#fffaf4; --paper:#f7efe4; --sand:#ead8bf; --petrol:#213b52; --teal:#0d5966;
  --orange:#ed9726; --orange2:#f58d1d; --brown:#6b4730; --ink:#213b52; --muted:#50646f;
  --soft:#efe0ce; --white:#fffaf4; --shadow:0 24px 58px rgba(33,59,82,.16);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden} a{text-decoration:none;color:inherit} img{display:block;max-width:100%} p{margin:0;line-height:1.62} h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:0} .skip-link{position:absolute;left:-999px;top:12px;background:#fff;color:#213b52;padding:10px 14px;border-radius:999px;z-index:200} .skip-link:focus{left:18px}
.site-header{position:absolute!important;top:34px!important;left:0!important;right:0!important;z-index:60!important;display:flex;align-items:flex-start;justify-content:space-between;padding:0 72px!important;color:#fff;background:transparent!important;pointer-events:none!important} .site-header .logo,.site-header .nav{pointer-events:auto!important} .logo{display:flex;align-items:center;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))} .logo img{width:92px!important;height:92px!important;object-fit:cover!important;border-radius:50%!important} .nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:13px;font-weight:800;letter-spacing:.01em;line-height:1;transform:translateY(8px)!important;max-width:calc(100vw - 210px);flex-wrap:wrap} .nav a{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.40);opacity:.96;padding:6px 0} .nav a:hover,.nav a:focus-visible,.nav a.active{color:#ffd08d} .nav a.shop{color:#ffd78a;font-weight:900} .em-nav-search{width:24px!important;height:24px!important;padding:0!important;margin-left:2px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transform:translateY(-1px)} .em-nav-search svg{width:18px;height:18px;display:block;fill:currentColor;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))} .em-nav-search:hover,.em-nav-search:focus-visible{color:#ffd08d!important;outline:0}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:168px 72px 98px;overflow:hidden;color:#fff;background:#213b52 url('/__page_assets/stories/assets/images/stories/hero-stories-cultural-architect.webp') center center/cover no-repeat} .hero-bg{position:absolute;inset:0;z-index:0} .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.03) contrast(1.02);display:block;opacity:1;visibility:visible} .hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(9,24,35,.74),rgba(12,30,42,.42) 44%,rgba(20,40,52,.05) 78%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.16))} .hero::after{content:"";position:absolute;right:-10vw;bottom:-18vw;width:58vw;height:58vw;border-radius:48%;background:radial-gradient(circle at 50% 50%,rgba(255,250,244,.22),transparent 7%),conic-gradient(from 20deg,transparent 0 6%,rgba(237,151,38,.50) 6% 10%,transparent 10% 17%,rgba(255,250,244,.19) 17% 19%,transparent 19% 29%,rgba(13,89,102,.35) 29% 34%,transparent 34% 100%);opacity:.28;z-index:1;pointer-events:none} .hero-inner{position:relative;z-index:2;width:min(1180px,100%)} .hero-copy{max-width:930px} .hero-kicker,.kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:900;color:var(--orange)} .hero-kicker{color:#ffd08d} .hero h1{font-size:clamp(68px,8.9vw,136px);line-height:.86;max-width:980px;text-shadow:0 4px 28px rgba(0,0,0,.36)} .hero p{font-size:clamp(18px,1.45vw,23px);max-width:780px;margin-top:28px;color:rgba(255,250,244,.92)} .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px} .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;background:#fffaf3;color:var(--petrol);font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease} .btn:hover,.btn:focus-visible{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.20)} .btn.gold{background:var(--orange);color:#fff} .btn.ghost{background:rgba(255,250,244,.14);color:#fff;border:1px solid rgba(255,250,244,.52);box-shadow:none}
.section{position:relative;overflow:hidden;padding:92px 72px} .shell{max-width:1500px;margin:0 auto;position:relative;z-index:2} .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px} .section-head.center{display:block;text-align:center;max-width:960px;margin-left:auto;margin-right:auto} .section-head h2{font-size:clamp(44px,4.7vw,78px);line-height:.95;color:var(--petrol)} .section-head p{max-width:680px;color:var(--muted);font-size:17px;margin-top:12px} .section.reading{background:linear-gradient(180deg,#fff8f0,#f1deca)} .section.editorial{background:linear-gradient(180deg,#fffaf4,#ead8bf)} .section.city-essays{background:linear-gradient(180deg,#eef5ef 0%,#d8e7d5 100%)} .section.dark{background:linear-gradient(135deg,#213b52,#0d5966);color:#fff} .section.dark .section-head h2,.section.dark .section-head p{color:#fff}
.grid{display:grid;gap:24px} .grid.three{grid-template-columns:repeat(3,minmax(0,1fr))} .grid.four{grid-template-columns:repeat(4,minmax(0,1fr))} .story-card,.path-card,.city-card{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(180deg,#fffdf8,#fff3e6);box-shadow:var(--shadow);border:1px solid rgba(237,151,38,.18);min-height:100%;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease} .story-card:hover,.path-card:hover,.city-card:hover{transform:translateY(-5px);box-shadow:0 30px 64px rgba(33,59,82,.20)} .card-media{margin:0;height:238px;overflow:hidden;background:#d7c2aa;border-radius:0} .card-media img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .5s ease} .story-card:hover .card-media img,.path-card:hover .card-media img,.city-card:hover .card-media img{transform:scale(1.045)} .card-copy{position:relative;padding:26px 26px 28px;display:flex;flex:1;flex-direction:column} .card-copy span,.pill{display:inline-flex;width:max-content;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;background:rgba(237,151,38,.12);border:1px solid rgba(237,151,38,.22);color:var(--petrol);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900} .card-copy h3{font-size:clamp(27px,2vw,38px);line-height:1;color:var(--petrol);margin-top:14px} .card-copy p{color:var(--muted);margin-top:12px;font-size:15px} .card-copy b{margin-top:auto;padding-top:18px;color:var(--orange);font-size:14px}
.split-feature{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:30px;align-items:stretch} .feature-photo{position:relative;min-height:420px;height:440px;border-radius:40px;overflow:hidden;box-shadow:0 28px 58px rgba(33,59,82,.16);background:#213b52} .feature-photo img{width:100%;height:100%;object-fit:cover;object-position:center center} .feature-panel{border-radius:40px;padding:42px;background:linear-gradient(145deg,#1f4050 0%,#2b5f67 52%,#8d633d 100%);color:#fff;box-shadow:0 28px 58px rgba(33,59,82,.18);display:flex;flex-direction:column;justify-content:center;min-height:440px} .feature-panel .pill{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20)} .feature-panel h3{font-size:clamp(34px,3vw,54px);line-height:.98;color:#fff;margin-top:18px;max-width:10ch} .feature-panel p{font-size:17px;color:rgba(255,250,244,.92);margin-top:20px;max-width:680px} .badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} .badge{border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);font-size:12px;font-weight:800;color:#fff} .quote-card{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.2vw,52px);line-height:1;color:var(--petrol);padding:42px;border-radius:38px;background:#fffaf4;box-shadow:0 20px 48px rgba(33,59,82,.10);margin-top:24px;border-left:8px solid var(--orange)}
.rail-wrap{position:relative} .rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 20px;scrollbar-width:none} .rail::-webkit-scrollbar{display:none} .city-card{flex:0 0 390px;scroll-snap-align:start;background:#fffaf4} .city-card .card-media{height:310px} .rail-controls{display:flex;justify-content:center;gap:16px;margin-top:14px} .rail-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(237,151,38,.25);background:#fffaf3;color:var(--orange);font-size:24px;font-family:Georgia,"Times New Roman",serif;box-shadow:0 12px 26px rgba(33,59,82,.14);cursor:pointer} .rail-btn:hover,.rail-btn:focus-visible{background:var(--orange);color:#fff}
.path-card{background:linear-gradient(180deg,rgba(255,250,244,.98),rgba(247,239,228,.93))} .path-card .card-media{height:210px} .section.dark .path-card{border-color:rgba(255,255,255,.16)} .reading-note{margin-top:40px;border-radius:42px;background:rgba(255,250,244,.74);border:1px solid rgba(237,151,38,.18);box-shadow:var(--shadow);padding:34px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center} .reading-note h3{font-size:clamp(36px,3.3vw,58px);line-height:.95;color:var(--petrol)} .reading-note p{color:var(--muted);font-size:16px} .mini-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .mini{padding:15px 16px;border-radius:18px;background:#fffaf4;border:1px solid rgba(237,151,38,.16);font-weight:900;color:var(--petrol)}
.cta-section{position:relative;overflow:hidden;padding:86px 72px;background:linear-gradient(135deg,var(--petrol),#0b5360);color:#fff;text-align:center} .cta-section h2{font-size:clamp(50px,5.2vw,90px);line-height:.94} .cta-section p{max-width:790px;margin:20px auto 0;color:rgba(255,250,244,.86);font-size:18px} .cta-section .actions{justify-content:center}    
.em-global-footer{background:#213b52;color:#e8f0f2;padding:64px 64px 28px;font-family:Arial,Helvetica,sans-serif} .em-footer-shell{display:grid;grid-template-columns:minmax(260px,380px) repeat(3,minmax(0,1fr));gap:44px;max-width:1500px;margin:0 auto} .em-footer-logo img{width:86px;height:86px;object-fit:cover;border-radius:50%} .em-footer-brand p{max-width:360px;margin:18px 0;color:#cbd8de;line-height:1.55} .em-footer-copyright{font-size:12px!important;color:#aabac3!important} .em-footer-col h3{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin:0 0 12px;font-family:Arial,Helvetica,sans-serif} .em-footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px} .em-footer-col a{color:#cbd8de;font-size:14px} .em-footer-col a:hover,.em-footer-col a:focus-visible{color:#fff} .em-footer-social{max-width:1500px;margin:32px auto 0;display:flex;gap:12px} .em-footer-social a{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#fff}
             
@media(max-width:1360px){.nav{gap:13px;font-size:12px}}
@media(max-width:1180px){.site-header{top:24px!important;padding:0 28px!important} .logo img{width:78px!important;height:78px!important} .nav{max-width:calc(100vw - 136px);gap:12px;transform:translateY(4px)!important} .section,.hero,.cta-section{padding-left:28px;padding-right:28px} .grid.three,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))} .split-feature,.reading-note{grid-template-columns:1fr} .feature-photo{min-height:340px;height:360px} .feature-panel{min-height:auto} .em-footer-shell{grid-template-columns:1fr 1fr} }
@media(max-width:760px){.site-header{top:16px!important;padding:0 18px!important;align-items:flex-start} .logo img{width:64px!important;height:64px!important} .nav{gap:9px;font-size:11px;max-width:calc(100vw - 92px);line-height:1.1;justify-content:flex-end;transform:translateY(0)!important} .nav a{padding:3px 0} .em-nav-search{width:22px!important;height:22px!important} .hero{min-height:92vh;padding-top:130px;padding-bottom:68px} .hero h1{font-size:clamp(54px,16vw,82px)} .hero p{font-size:17px} .section{padding-top:62px;padding-bottom:62px} .section-head{display:block} .section-head h2{font-size:clamp(40px,12vw,58px)} .grid.three,.grid.four{grid-template-columns:1fr} .card-media{height:220px} .feature-photo{min-height:280px;height:300px;border-radius:32px} .feature-panel{min-height:auto;border-radius:32px;padding:30px} .feature-panel,.quote-card{border-radius:34px;padding:30px} .city-card{flex-basis:84vw} .city-card .card-media{height:260px} .mini-list{grid-template-columns:1fr} .actions{gap:10px} .btn{min-height:48px;padding:0 18px;font-size:14px} .em-footer-shell{grid-template-columns:1fr;gap:28px} .em-global-footer{padding-left:28px;padding-right:28px}   }
.city-card .card-media img{border-radius:0!important;clip-path:none!important;mask:none!important;-webkit-mask:none!important}.city-card .card-media{height:320px;background:#d7c2aa;overflow:hidden}.city-card .card-media img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.18);border-radius:0!important;clip-path:none!important;mask:none!important;-webkit-mask:none!important}.city-card:hover .card-media img{transform:scale(1.22)} .section.city-essays .section-head h2{color:#213b52}.section.city-essays .section-head p{color:#50646f}
/* V10: wider final-section cards + remove shadows */
#pathways .grid.four{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important}
@media(max-width:1180px){#pathways .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){#pathways .grid.four{grid-template-columns:1fr!important}}
:root{--shadow:none!important}
.story-card,.path-card,.city-card,.feature-photo,.feature-panel,.quote-card,.reading-note,.rail-btn,.btn,.em-site-search-panel,.cta-section,.em-search-result,.mini,.badge,.em-footer-social a{box-shadow:none!important}
.story-card:hover,.path-card:hover,.city-card:hover,.btn:hover,.btn:focus-visible,.rail-btn:hover,.rail-btn:focus-visible,.feature-panel:hover,.feature-photo:hover{box-shadow:none!important}


/* V11: section 1 brown/chocolate tone restored */
.section.reading{
  background:linear-gradient(180deg,#d9bea4 0%,#caa583 52%,#bd9674 100%)!important;
}
.section.reading .section-head h2{color:#213b52!important}
.section.reading .section-head p{color:#2f4c58!important}


/* V12: section 1 exact user color */
.section.reading{
  background:#c9b9ad !important;
}
.section.reading .section-head h2{color:#213b52!important}
.section.reading .section-head p{color:#2f4c58!important}


/* V13: featured editorial + city essays refinement */
.section.editorial{
  background:linear-gradient(180deg,#f7efe4 0%,#ecd9c4 100%)!important;
  padding-top:76px!important;
  padding-bottom:80px!important;
}
.section.editorial .split-feature{
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
  gap:34px!important;
  align-items:stretch!important;
}
.section.editorial .feature-photo{
  min-height:520px!important;
  height:520px!important;
  border-radius:42px!important;
  overflow:hidden!important;
  background:#213b52!important;
}
.section.editorial .feature-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.section.editorial .feature-panel{
  min-height:520px!important;
  border-radius:42px!important;
  padding:48px!important;
  background:linear-gradient(145deg,#173848 0%,#2a5d64 54%,#8e6746 100%)!important;
}
.section.editorial .feature-panel h3{
  font-size:clamp(38px,3.25vw,62px)!important;
  line-height:1.0!important;
  max-width:11ch!important;
}
.section.editorial .feature-panel p{
  font-size:18px!important;
  line-height:1.58!important;
  max-width:700px!important;
}
.section.editorial .badge-row{margin-top:26px!important}
.section.editorial .quote-card{
  position:relative!important;
  margin-top:28px!important;
  padding:64px 38px 36px 94px!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,#fffaf4 0%,#f6ede1 100%)!important;
  border:1px solid rgba(141,103,70,.16)!important;
  border-left:0!important;
  font-size:clamp(24px,2.2vw,36px)!important;
  line-height:1.32!important;
  color:#213b52!important;
  box-shadow:none!important;
}
.section.editorial .quote-card::before{
  content:"“";
  position:absolute;
  left:28px;
  top:16px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:88px;
  line-height:1;
  color:rgba(237,151,38,.34);
}

.section.city-essays .rail{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:28px!important;
  overflow:visible!important;
  padding:0!important;
  scroll-snap-type:none!important;
}
.section.city-essays .city-card{
  flex:initial!important;
  min-width:0!important;
}
.section.city-essays .city-card .card-media{
  height:240px!important;
}
.section.city-essays .rail-controls{display:none!important}
@media(max-width:1180px){
  .section.editorial .split-feature{grid-template-columns:1fr!important}
  .section.editorial .feature-photo,
  .section.editorial .feature-panel{min-height:420px!important;height:auto!important}
  .section.city-essays .rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .section.editorial .feature-photo{min-height:300px!important;height:320px!important;border-radius:34px!important}
  .section.editorial .feature-panel{min-height:auto!important;border-radius:34px!important;padding:30px!important}
  .section.editorial .quote-card{padding:56px 24px 26px 74px!important;font-size:24px!important;border-radius:28px!important}
  .section.editorial .quote-card::before{left:18px;top:12px;font-size:68px}
  .section.editorial .quote-card::after{left:76px;top:16px;font-size:10px}
  .section.city-essays .rail{grid-template-columns:1fr!important}
}


/* V14: zellige image same height as text block + city slider restored */
.section.editorial .split-feature{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  gap:34px!important;
  align-items:stretch!important;
}
.section.editorial .feature-photo,
.section.editorial .feature-panel{
  height:560px!important;
  min-height:560px!important;
}
.section.editorial .feature-photo{
  border-radius:42px!important;
  overflow:hidden!important;
}
.section.editorial .feature-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.section.city-essays .rail{
  display:flex!important;
  gap:28px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  padding:2px 2px 20px!important;
  scrollbar-width:none!important;
}
.section.city-essays .rail::-webkit-scrollbar{display:none!important}
.section.city-essays .city-card{
  flex:0 0 440px!important;
  min-width:440px!important;
  scroll-snap-align:start!important;
}
.section.city-essays .city-card .card-media{
  height:260px!important;
}
.section.city-essays .rail-controls{
  display:flex!important;
  justify-content:center!important;
  gap:16px!important;
  margin-top:14px!important;
}
@media(max-width:1180px){
  .section.editorial .split-feature{grid-template-columns:1fr!important}
  .section.editorial .feature-photo,
  .section.editorial .feature-panel{height:440px!important;min-height:440px!important}
  .section.city-essays .city-card{flex:0 0 400px!important;min-width:400px!important}
}
@media(max-width:760px){
  .section.editorial .feature-photo{height:320px!important;min-height:320px!important;border-radius:34px!important}
  .section.editorial .feature-panel{height:auto!important;min-height:auto!important;border-radius:34px!important}
  .section.city-essays .city-card{flex:0 0 84vw!important;min-width:84vw!important}
}


/* V15: exact requested fix — zellige image equals text block, city slider kept */
.section.editorial .split-feature{
  align-items:stretch!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  gap:34px!important;
}
.section.editorial .feature-photo{
  margin:0!important;
  align-self:stretch!important;
  height:560px!important;
  min-height:560px!important;
  max-height:560px!important;
  border-radius:42px!important;
  overflow:hidden!important;
  display:block!important;
}
.section.editorial .feature-panel{
  margin:0!important;
  align-self:stretch!important;
  height:560px!important;
  min-height:560px!important;
  max-height:560px!important;
  box-sizing:border-box!important;
  border-radius:42px!important;
}
.section.editorial .feature-photo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.section.city-essays .rail{
  display:flex!important;
  gap:28px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  padding:2px 2px 20px!important;
  scrollbar-width:none!important;
}
.section.city-essays .rail::-webkit-scrollbar{display:none!important}
.section.city-essays .city-card{
  flex:0 0 calc((100% - 56px) / 3)!important;
  min-width:calc((100% - 56px) / 3)!important;
  scroll-snap-align:start!important;
}
.section.city-essays .city-card .card-media{
  height:260px!important;
}
.section.city-essays .rail-controls{
  display:flex!important;
  justify-content:center!important;
  gap:16px!important;
  margin-top:14px!important;
}
@media(max-width:1180px){
  .section.editorial .split-feature{grid-template-columns:1fr!important}
  .section.editorial .feature-photo,
  .section.editorial .feature-panel{
    height:440px!important;
    min-height:440px!important;
    max-height:none!important;
  }
  .section.city-essays .city-card{
    flex:0 0 calc((100% - 28px) / 2)!important;
    min-width:calc((100% - 28px) / 2)!important;
  }
}
@media(max-width:760px){
  .section.editorial .feature-photo{
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    border-radius:34px!important;
  }
  .section.editorial .feature-panel{
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
    border-radius:34px!important;
  }
  .section.city-essays .city-card{
    flex:0 0 84vw!important;
    min-width:84vw!important;
  }
}


/* V16: CTA / cultural bridge background color */
.cta-section{
  background:#d67e31 !important;
}


/* V17: City Essays zellige transparent background */
.section.city-essays{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(238,245,239,.94) 0%,rgba(216,231,213,.94) 100%)!important;
}
.section.city-essays::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('/__page_assets/stories/assets/images/stories/city-essays-zellige-pattern.webp') center center/920px auto repeat;
  opacity:.08;
  pointer-events:none;
}
.section.city-essays > .shell{
  position:relative!important;
  z-index:1!important;
}


/* V19: darker City Essays background + Story Pathways as large circles */
.section.city-essays{
  background:linear-gradient(180deg,rgba(222,233,223,.96) 0%,rgba(198,216,195,.96) 100%)!important;
}
#pathways .grid.four{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:26px!important;
  align-items:start!important;
}
#pathways .path-card{
  border-radius:50%!important;
  aspect-ratio:1/1!important;
  min-height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  padding:22px 18px 26px!important;
  text-align:center!important;
  background:linear-gradient(180deg,rgba(255,250,244,.98),rgba(245,235,220,.96))!important;
}
#pathways .path-card .card-media{
  width:76%!important;
  height:42%!important;
  margin:4% auto 0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#d7c2aa!important;
  flex:0 0 auto!important;
}
#pathways .path-card .card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
#pathways .path-card .card-copy{
  padding:16px 8px 0!important;
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
#pathways .path-card .card-copy span{
  margin:0 auto!important;
}
#pathways .path-card .card-copy h3{
  font-size:clamp(21px,1.8vw,30px)!important;
  line-height:1.02!important;
  margin-top:12px!important;
}
#pathways .path-card .card-copy p{
  font-size:14px!important;
  line-height:1.42!important;
  max-width:24ch!important;
  margin-top:10px!important;
}
#pathways .path-card .card-copy b{
  margin-top:auto!important;
  padding-top:12px!important;
}
@media(max-width:1180px){
  #pathways .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #pathways .path-card{aspect-ratio:1/1!important}
}
@media(max-width:760px){
  #pathways .grid.four{grid-template-columns:1fr!important}
  #pathways .path-card{max-width:84vw!important;margin:0 auto!important}
}


/* V20: Story Pathways inner images fixed as beautiful circles */
#pathways .path-card{
  border-radius:50%!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  padding:24px 22px 28px!important;
}
#pathways .path-card .card-media{
  width:170px!important;
  height:170px!important;
  min-width:170px!important;
  min-height:170px!important;
  max-width:170px!important;
  max-height:170px!important;
  margin:12px auto 0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#d7c2aa!important;
  flex:0 0 170px!important;
  aspect-ratio:1/1!important;
}
#pathways .path-card .card-media img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
#pathways .path-card .card-copy{
  width:100%!important;
  padding:16px 12px 0!important;
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
#pathways .path-card .card-copy h3{
  max-width:10ch!important;
}
#pathways .path-card .card-copy p{
  max-width:24ch!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:1180px){
  #pathways .path-card .card-media{
    width:160px!important;
    height:160px!important;
    min-width:160px!important;
    min-height:160px!important;
    max-width:160px!important;
    max-height:160px!important;
    flex:0 0 160px!important;
  }
}
@media(max-width:760px){
  #pathways .path-card .card-media{
    width:150px!important;
    height:150px!important;
    min-width:150px!important;
    min-height:150px!important;
    max-width:150px!important;
    max-height:150px!important;
    flex:0 0 150px!important;
  }
}


/* V21: Story Pathways fixed to Home-style circular images */
#pathways .grid.four{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:34px!important;
  align-items:start!important;
}
#pathways .path-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  aspect-ratio:auto!important;
  min-height:auto!important;
  padding:0!important;
  overflow:visible!important;
  display:block!important;
  text-align:center!important;
  transform:none!important;
}
#pathways .path-card:hover,
#pathways .path-card:focus-visible{
  transform:none!important;
  box-shadow:none!important;
}
#pathways .path-card .card-media{
  width:260px!important;
  height:260px!important;
  min-width:260px!important;
  min-height:260px!important;
  max-width:260px!important;
  max-height:260px!important;
  margin:0 auto 22px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#fffaf4!important;
  border:10px solid rgba(255,250,244,.92)!important;
  box-shadow:none!important;
  aspect-ratio:1/1!important;
}
#pathways .path-card .card-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:50%!important;
  transform:none!important;
}
#pathways .path-card:hover .card-media img{
  transform:scale(1.04)!important;
}
#pathways .path-card .card-copy{
  padding:0!important;
  display:block!important;
  text-align:center!important;
}
#pathways .path-card .card-copy span{
  display:inline-flex!important;
  margin:0 auto 12px!important;
  background:rgba(255,250,244,.14)!important;
  border-color:rgba(255,250,244,.25)!important;
  color:#fffaf4!important;
}
#pathways .path-card .card-copy h3{
  color:#fffaf4!important;
  font-size:clamp(27px,2.1vw,38px)!important;
  line-height:.96!important;
  max-width:10ch!important;
  margin:0 auto!important;
}
#pathways .path-card .card-copy p{
  color:rgba(255,250,244,.84)!important;
  font-size:15px!important;
  line-height:1.55!important;
  max-width:260px!important;
  margin:12px auto 0!important;
}
#pathways .path-card .card-copy b{
  display:block!important;
  color:#ffd08d!important;
  margin-top:14px!important;
  padding-top:0!important;
}
@media(max-width:1180px){
  #pathways .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #pathways .path-card .card-media{
    width:240px!important;
    height:240px!important;
    min-width:240px!important;
    min-height:240px!important;
    max-width:240px!important;
    max-height:240px!important;
  }
}
@media(max-width:760px){
  #pathways .grid.four{grid-template-columns:1fr!important}
  #pathways .path-card{max-width:330px!important;margin:0 auto!important}
  #pathways .path-card .card-media{
    width:230px!important;
    height:230px!important;
    min-width:230px!important;
    min-height:230px!important;
    max-width:230px!important;
    max-height:230px!important;
  }
}


/* V22: Story Pathways bigger circles, no outer border */
#pathways .path-card .card-media{
  width:300px!important;
  height:300px!important;
  min-width:300px!important;
  min-height:300px!important;
  max-width:300px!important;
  max-height:300px!important;
  margin:0 auto 24px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  aspect-ratio:1/1!important;
}
#pathways .path-card .card-media img{
  border-radius:50%!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
@media(max-width:1180px){
  #pathways .path-card .card-media{
    width:270px!important;
    height:270px!important;
    min-width:270px!important;
    min-height:270px!important;
    max-width:270px!important;
    max-height:270px!important;
  }
}
@media(max-width:760px){
  #pathways .path-card .card-media{
    width:240px!important;
    height:240px!important;
    min-width:240px!important;
    min-height:240px!important;
    max-width:240px!important;
    max-height:240px!important;
  }
}


/* V23: careful final premium polish — preserves all previous approved choices */
main > section{
  isolation:isolate;
}
.section{
  border-top:1px solid rgba(33,59,82,.05);
}
.section-head h2{
  text-wrap:balance;
}
.section-head p,
.card-copy p,
.feature-panel p,
.hero p,
.cta-section p{
  text-wrap:pretty;
}
.story-card,
.city-card{
  background:linear-gradient(180deg,rgba(255,253,248,.98),rgba(255,246,236,.96))!important;
  border:1px solid rgba(141,103,70,.12)!important;
}
.story-card .card-copy,
.city-card .card-copy{
  background:linear-gradient(180deg,rgba(255,250,244,.96),rgba(255,250,244,.98))!important;
}
.card-copy span,
.pill{
  border-color:rgba(237,151,38,.26)!important;
  background:rgba(237,151,38,.12)!important;
}
.story-card .card-media,
.city-card .card-media{
  background:#d8c6b6!important;
}
.story-card .card-media img,
.city-card .card-media img{
  filter:saturate(1.02) contrast(1.02)!important;
}
.section.reading{
  background:#c9b9ad!important;
}
.section.reading::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,250,244,.16),transparent 28%),
    radial-gradient(circle at 86% 12%,rgba(33,59,82,.08),transparent 30%);
  pointer-events:none;
}
.section.reading > .shell{
  position:relative;
  z-index:1;
}
.section.editorial{
  background:linear-gradient(180deg,#f5eadc 0%,#ead7c3 100%)!important;
}
.section.editorial .feature-panel{
  border:1px solid rgba(255,255,255,.16)!important;
}
.section.editorial .quote-card{
  background:linear-gradient(180deg,#fffaf4 0%,#f7efe6 100%)!important;
  border:1px solid rgba(141,103,70,.12)!important;
}
.section.city-essays .section-head{
  align-items:end!important;
}
.section.city-essays .city-card{
  border-radius:34px!important;
}
.section.city-essays .city-card .card-media{
  border-radius:0!important;
}
#pathways{
  background:
    radial-gradient(circle at 14% 18%,rgba(237,151,38,.10),transparent 26%),
    linear-gradient(135deg,#213b52 0%,#0d5966 100%)!important;
}
#pathways .path-card .card-media{
  filter:none!important;
}
#pathways .path-card .card-copy h3{
  text-shadow:none!important;
}
#pathways .path-card .card-copy p{
  color:rgba(255,250,244,.82)!important;
}
.cta-section{
  background:#d67e31!important;
}
.cta-section .btn.gold{
  background:#213b52!important;
  color:#fff!important;
}
.cta-section .btn.ghost{
  background:rgba(255,250,244,.14)!important;
  border-color:rgba(255,250,244,.42)!important;
  color:#fff!important;
}
.em-global-footer{
  border-top:1px solid rgba(255,250,244,.08);
}
@media(max-width:760px){
  .section-head h2{
    text-wrap:balance;
  }
  .story-card,
  .city-card{
    border-radius:28px!important;
  }
}


/* V24: REAL visible final restyle — preserves all approved content and sections */
body{
  background:#f3eadf!important;
}
main > section{
  position:relative!important;
}

/* Stronger premium section rhythm */
.section{
  padding-top:98px!important;
  padding-bottom:98px!important;
}
.section-head{
  margin-bottom:48px!important;
}
.section-head h2{
  letter-spacing:-.055em!important;
}

/* Section 1: clearly styled reading room block, exact approved color preserved */
.section.reading{
  background:
    radial-gradient(circle at 9% 9%,rgba(255,250,244,.22),transparent 30%),
    radial-gradient(circle at 92% 4%,rgba(33,59,82,.10),transparent 30%),
    #c9b9ad!important;
}
.section.reading .section-head{
  padding:36px 38px!important;
  border-radius:36px!important;
  background:rgba(255,250,244,.28)!important;
  border:1px solid rgba(255,250,244,.28)!important;
}
.section.reading .grid.three{
  gap:30px!important;
}
.section.reading .story-card{
  border-radius:38px!important;
  overflow:hidden!important;
  background:rgba(255,250,244,.92)!important;
  border:1px solid rgba(255,250,244,.38)!important;
}
.section.reading .story-card .card-media{
  height:270px!important;
}
.section.reading .story-card .card-copy{
  padding:30px 30px 32px!important;
}

/* Featured editorial: big real editorial band */
.section.editorial{
  background:
    linear-gradient(180deg,#f2e2cf 0%,#e7cfb7 100%)!important;
}
.section.editorial .shell{
  max-width:1540px!important;
}
.section.editorial .split-feature{
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
  gap:38px!important;
  align-items:stretch!important;
}
.section.editorial .feature-photo,
.section.editorial .feature-panel{
  min-height:590px!important;
  height:590px!important;
  max-height:590px!important;
}
.section.editorial .feature-photo{
  border-radius:46px!important;
}
.section.editorial .feature-photo img{
  object-fit:cover!important;
  object-position:center center!important;
}
.section.editorial .feature-panel{
  border-radius:46px!important;
  padding:58px!important;
  background:
    radial-gradient(circle at 100% 100%,rgba(214,126,49,.38),transparent 36%),
    linear-gradient(145deg,#173848 0%,#245764 52%,#7e6046 100%)!important;
}
.section.editorial .feature-panel h3{
  font-size:clamp(44px,3.7vw,72px)!important;
  line-height:.94!important;
  max-width:10.5ch!important;
}
.section.editorial .feature-panel p{
  font-size:18px!important;
  line-height:1.62!important;
}
.section.editorial .quote-card{
  margin-top:34px!important;
  border-radius:40px!important;
  padding:58px 58px 58px 128px!important;
  background:
    radial-gradient(circle at 95% 15%,rgba(214,126,49,.12),transparent 32%),
    #fffaf4!important;
  color:#213b52!important;
  border:1px solid rgba(141,103,70,.14)!important;
  font-size:clamp(30px,2.55vw,48px)!important;
  line-height:1.18!important;
}

/* City Essays: obvious zellige editorial slider, approved background preserved but darker */
.section.city-essays{
  background:
    linear-gradient(180deg,rgba(210,226,207,.94),rgba(185,207,181,.94))!important;
}
.section.city-essays .section-head{
  padding:34px 38px!important;
  border-radius:36px!important;
  background:rgba(255,250,244,.34)!important;
  border:1px solid rgba(255,250,244,.26)!important;
}
.section.city-essays .rail{
  gap:30px!important;
}
.section.city-essays .city-card{
  flex:0 0 450px!important;
  min-width:450px!important;
  border-radius:38px!important;
  background:#fffaf4!important;
  border:1px solid rgba(33,59,82,.10)!important;
  overflow:hidden!important;
}
.section.city-essays .city-card .card-media{
  height:295px!important;
}
.section.city-essays .city-card .card-copy{
  padding:30px!important;
}
.section.city-essays .city-card .card-copy h3{
  font-size:clamp(34px,2.4vw,46px)!important;
}
.section.city-essays .rail-btn{
  box-shadow:none!important;
  border:1px solid rgba(214,126,49,.28)!important;
}

/* Story Pathways: Home-style large image circles, no border, no circle-card mistake */
#pathways{
  background:
    radial-gradient(circle at 12% 8%,rgba(214,126,49,.14),transparent 26%),
    radial-gradient(circle at 92% 16%,rgba(255,250,244,.08),transparent 28%),
    linear-gradient(135deg,#213b52 0%,#0d5966 100%)!important;
}
#pathways .grid.four{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:42px!important;
}
#pathways .path-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  aspect-ratio:auto!important;
  min-height:auto!important;
  overflow:visible!important;
  text-align:center!important;
}
#pathways .path-card .card-media{
  width:320px!important;
  height:320px!important;
  min-width:320px!important;
  min-height:320px!important;
  max-width:320px!important;
  max-height:320px!important;
  margin:0 auto 26px!important;
  border:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:transparent!important;
}
#pathways .path-card .card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:50%!important;
}
#pathways .path-card .card-copy{
  padding:0!important;
  background:transparent!important;
}
#pathways .path-card .card-copy span{
  color:#fffaf4!important;
  background:rgba(255,250,244,.12)!important;
  border-color:rgba(255,250,244,.22)!important;
  margin-bottom:14px!important;
}
#pathways .path-card .card-copy h3{
  color:#fffaf4!important;
  max-width:10ch!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#pathways .path-card .card-copy p{
  color:rgba(255,250,244,.84)!important;
  max-width:28ch!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#pathways .path-card .card-copy b{
  color:#ffd08d!important;
}

/* CTA: approved orange, made more designed */
.cta-section{
  background:
    radial-gradient(circle at 18% 10%,rgba(255,250,244,.18),transparent 30%),
    radial-gradient(circle at 84% 92%,rgba(33,59,82,.18),transparent 38%),
    #d67e31!important;
  padding-top:98px!important;
  padding-bottom:98px!important;
}
.cta-section h2{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.cta-section p{
  font-size:19px!important;
}
.cta-section .btn.gold{
  background:#213b52!important;
  color:#fff!important;
}

/* Footer / bottom finish */
.em-global-footer{
  border-top:8px solid rgba(214,126,49,.82)!important;
}

/* Responsive */
@media(max-width:1180px){
  .section.editorial .split-feature{grid-template-columns:1fr!important}
  .section.editorial .feature-photo,
  .section.editorial .feature-panel{
    height:460px!important;
    min-height:460px!important;
    max-height:none!important;
  }
  .section.city-essays .city-card{
    flex:0 0 410px!important;
    min-width:410px!important;
  }
  #pathways .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #pathways .path-card .card-media{
    width:290px!important;
    height:290px!important;
    min-width:290px!important;
    min-height:290px!important;
    max-width:290px!important;
    max-height:290px!important;
  }
}
@media(max-width:760px){
  .section{padding-top:68px!important;padding-bottom:68px!important}
  .section.editorial .feature-photo{
    height:330px!important;
    min-height:330px!important;
  }
  .section.editorial .feature-panel{
    height:auto!important;
    min-height:auto!important;
    padding:34px!important;
  }
  .section.editorial .quote-card{
    padding:48px 28px!important;
  }
  .section.city-essays .city-card{
    flex:0 0 84vw!important;
    min-width:84vw!important;
  }
  #pathways .grid.four{grid-template-columns:1fr!important}
  #pathways .path-card .card-media{
    width:250px!important;
    height:250px!important;
    min-width:250px!important;
    min-height:250px!important;
    max-width:250px!important;
    max-height:250px!important;
  }
}


/* V25: Story Pathways bigger circles + more beautiful section styling */
#pathways{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 10% 8%,rgba(214,126,49,.16),transparent 24%),
    radial-gradient(circle at 88% 14%,rgba(255,250,244,.10),transparent 24%),
    radial-gradient(circle at 76% 82%,rgba(214,126,49,.10),transparent 22%),
    linear-gradient(135deg,#213b52 0%,#154d5a 100%)!important;
}
#pathways::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%,transparent 78%,rgba(0,0,0,.05));
  pointer-events:none;
}
#pathways > .shell{
  position:relative!important;
  z-index:1!important;
  max-width:1600px!important;
}
#pathways .section-head{
  padding:34px 38px!important;
  border-radius:36px!important;
  background:rgba(255,250,244,.08)!important;
  border:1px solid rgba(255,250,244,.10)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  margin-bottom:48px!important;
}
#pathways .section-head .kicker{
  color:#ffd08d!important;
}
#pathways .section-head h2{
  color:#fffaf4!important;
  font-size:clamp(46px,4.2vw,78px)!important;
  line-height:.94!important;
}
#pathways .section-head p{
  color:rgba(255,250,244,.82)!important;
  max-width:820px!important;
  font-size:18px!important;
}
#pathways .grid.four{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:46px!important;
  align-items:start!important;
}
#pathways .path-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  aspect-ratio:auto!important;
  min-height:auto!important;
  overflow:visible!important;
  text-align:center!important;
  max-width:360px!important;
  margin:0 auto!important;
}
#pathways .path-card:hover,
#pathways .path-card:focus-visible{
  transform:none!important;
  box-shadow:none!important;
}
#pathways .path-card .card-media{
  width:340px!important;
  height:340px!important;
  min-width:340px!important;
  min-height:340px!important;
  max-width:340px!important;
  max-height:340px!important;
  margin:0 auto 28px!important;
  border:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
  aspect-ratio:1/1!important;
}
#pathways .path-card .card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:50%!important;
  display:block!important;
}
#pathways .path-card .card-copy{
  padding:0!important;
  background:transparent!important;
  display:block!important;
  text-align:center!important;
}
#pathways .path-card .card-copy span{
  color:#fffaf4!important;
  background:rgba(255,250,244,.10)!important;
  border-color:rgba(255,250,244,.16)!important;
  margin:0 auto 14px!important;
}
#pathways .path-card .card-copy h3{
  color:#fffaf4!important;
  font-size:clamp(31px,2.25vw,44px)!important;
  line-height:.98!important;
  max-width:10ch!important;
  margin:0 auto!important;
}
#pathways .path-card .card-copy p{
  color:rgba(255,250,244,.84)!important;
  font-size:15px!important;
  line-height:1.58!important;
  max-width:29ch!important;
  margin:14px auto 0!important;
}
#pathways .path-card .card-copy b{
  color:#ffd08d!important;
  display:block!important;
  margin-top:16px!important;
}
@media(max-width:1340px){
  #pathways .grid.four{gap:34px!important}
  #pathways .path-card{max-width:320px!important}
  #pathways .path-card .card-media{
    width:300px!important;
    height:300px!important;
    min-width:300px!important;
    min-height:300px!important;
    max-width:300px!important;
    max-height:300px!important;
  }
}
@media(max-width:1180px){
  #pathways .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:38px!important}
  #pathways .section-head{padding:28px 28px!important}
  #pathways .path-card{max-width:340px!important}
  #pathways .path-card .card-media{
    width:300px!important;
    height:300px!important;
    min-width:300px!important;
    min-height:300px!important;
    max-width:300px!important;
    max-height:300px!important;
  }
}
@media(max-width:760px){
  #pathways .section-head{padding:24px 22px!important;border-radius:28px!important}
  #pathways .grid.four{grid-template-columns:1fr!important;gap:34px!important}
  #pathways .path-card{max-width:330px!important;margin:0 auto!important}
  #pathways .path-card .card-media{
    width:250px!important;
    height:250px!important;
    min-width:250px!important;
    min-height:250px!important;
    max-width:250px!important;
    max-height:250px!important;
  }
  #pathways .path-card .card-copy h3{font-size:32px!important}
}


/* V26: section 1 large transparent zellige background */
.section.reading{
  position:relative!important;
  overflow:hidden!important;
  background:#c9b9ad!important;
}
.section.reading::after{
  content:"";
  position:absolute;
  inset:0;
  background:url('/__page_assets/stories/assets/images/stories/section1-zellige-geometric-large.webp') center center/1080px auto repeat;
  opacity:.12;
  pointer-events:none;
}
.section.reading > .shell{
  position:relative!important;
  z-index:1!important;
}


/* V27: finer transparency + portrait featured editorial + wider city cards */
.section.reading::after{
  opacity:.07 !important;
  background-size:1240px auto !important;
}

.section.editorial{
  background:
    radial-gradient(circle at 10% 12%,rgba(255,250,244,.34),transparent 28%),
    radial-gradient(circle at 92% 88%,rgba(214,126,49,.14),transparent 30%),
    linear-gradient(180deg,#f4e5d6 0%,#e9d4bf 100%)!important;
}
.section.editorial .split-feature{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:42px!important;
  align-items:stretch!important;
}
.section.editorial .feature-photo,
.section.editorial .feature-panel{
  min-height:660px!important;
  height:660px!important;
  max-height:660px!important;
}
.section.editorial .feature-photo{
  max-width:520px!important;
  width:100%!important;
  justify-self:end!important;
  align-self:stretch!important;
  border-radius:44px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  background:#e7dccf!important;
}
.section.editorial .feature-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
.section.editorial .feature-panel{
  border-radius:44px!important;
  padding:58px 58px 54px!important;
  background:
    radial-gradient(circle at 100% 100%,rgba(214,126,49,.36),transparent 35%),
    linear-gradient(145deg,#193b4c 0%,#235765 52%,#876447 100%)!important;
  box-shadow:none!important;
}
.section.editorial .feature-panel h3{
  font-size:clamp(44px,3.7vw,70px)!important;
  line-height:.94!important;
  max-width:10.5ch!important;
}
.section.editorial .feature-panel p{
  font-size:18px!important;
  line-height:1.62!important;
  max-width:44ch!important;
}
.section.editorial .quote-card{
  position:relative!important;
  margin-top:34px!important;
  padding:74px 56px 46px 122px!important;
  border-radius:42px!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(214,126,49,.12),transparent 28%),
    linear-gradient(180deg,#fffdf9 0%,#f8f0e5 100%)!important;
  border:1px solid rgba(141,103,70,.12)!important;
  box-shadow:none!important;
  color:#213b52!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(32px,2.7vw,50px)!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
}
.section.editorial .quote-card::before{
  content:"“";
  position:absolute;
  left:34px;
  top:18px;
  font-size:112px;
  line-height:1;
  color:rgba(214,126,49,.28);
  font-family:Georgia,"Times New Roman",serif;
}


.section.city-essays{
  background:
    linear-gradient(180deg,rgba(208,225,205,.95),rgba(188,207,183,.95))!important;
}
.section.city-essays .city-card{
  flex:0 0 500px!important;
  min-width:500px!important;
  border-radius:36px!important;
}
.section.city-essays .city-card .card-media{
  height:285px!important;
}
.section.city-essays .city-card .card-copy{
  padding:28px 28px 30px!important;
}
.section.city-essays .city-card .card-copy h3{
  font-size:clamp(30px,2.2vw,42px)!important;
  line-height:.98!important;
}
.section.city-essays .rail{gap:28px!important}

@media(max-width:1180px){
  .section.editorial .split-feature{grid-template-columns:1fr!important}
  .section.editorial .feature-photo,
  .section.editorial .feature-panel{
    height:auto!important;
    max-height:none!important;
    min-height:auto!important;
  }
  .section.editorial .feature-photo{
    max-width:100%!important;
    height:540px!important;
  }
  .section.city-essays .city-card{
    flex:0 0 430px!important;
    min-width:430px!important;
  }
}
@media(max-width:760px){
  .section.editorial .feature-photo{
    height:420px!important;
    border-radius:34px!important;
  }
  .section.editorial .feature-panel{
    border-radius:34px!important;
    padding:34px!important;
  }
  .section.editorial .quote-card{
    padding:64px 26px 28px 78px!important;
    border-radius:30px!important;
    font-size:28px!important;
  }
  .section.editorial .quote-card::before{left:18px;top:10px;font-size:76px}
  .section.editorial .quote-card::after{left:78px;top:18px}
  .section.city-essays .city-card{
    flex:0 0 84vw!important;
    min-width:84vw!important;
  }
}


/* V28: transparent pattern background for editorial note + richer editorial text */
.section.editorial .quote-card{
  position:relative!important;
  overflow:hidden!important;
}
.section.editorial .quote-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('/__page_assets/stories/assets/images/stories/editorial-quote-soft-pattern.webp') center center/cover no-repeat;
  opacity:.18;
  pointer-events:none;
}
.section.editorial .quote-card > *{
  position:relative!important;
  z-index:1!important;
}
.section.editorial .quote-card .quote-lead{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(32px,2.7vw,50px)!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
  color:#213b52!important;
}
.section.editorial .quote-card p{
  margin-top:18px!important;
  max-width:60ch!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  line-height:1.72!important;
  color:#435b66!important;
}


/* V29: whole featured editorial section gets the soft transparent background */
.section.editorial{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(244,229,214,.94) 0%,rgba(233,212,191,.94) 100%)!important;
}
.section.editorial::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('/__page_assets/stories/assets/images/stories/featured-editorial-section-soft-bg.webp') center center/cover no-repeat;
  opacity:.22;
  pointer-events:none;
}
.section.editorial > .shell{
  position:relative!important;
  z-index:1!important;
}
.section.editorial .feature-photo,
.section.editorial .feature-panel,
.section.editorial .quote-card{
  position:relative!important;
  z-index:1!important;
}

/* restore the quote block as a clean elegant panel */
.section.editorial .quote-card{
  overflow:hidden!important;
  margin-top:34px!important;
  padding:74px 56px 42px 122px!important;
  border-radius:42px!important;
  background:rgba(255,250,244,.90)!important;
  backdrop-filter:blur(1px)!important;
  -webkit-backdrop-filter:blur(1px)!important;
  border:1px solid rgba(141,103,70,.12)!important;
  box-shadow:none!important;
}
.section.editorial .quote-card::before{
  content:"“"!important;
  position:absolute!important;
  left:34px!important;
  top:18px!important;
  font-size:112px!important;
  line-height:1!important;
  color:rgba(214,126,49,.28)!important;
  font-family:Georgia,"Times New Roman",serif!important;
}
.section.editorial .quote-card::after{
  content:""!important;
  position:absolute!important;
  left:124px!important;
  top:24px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  color:#9c7550!important;
}
.section.editorial .quote-card .quote-lead{
  position:relative!important;
  z-index:1!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(32px,2.7vw,50px)!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
  color:#213b52!important;
}
.section.editorial .quote-card p{
  position:relative!important;
  z-index:1!important;
  margin-top:18px!important;
  max-width:62ch!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  line-height:1.74!important;
  color:#435b66!important;
}
@media(max-width:760px){
  .section.editorial .quote-card{
    padding:64px 24px 28px 78px!important;
    border-radius:30px!important;
  }
  .section.editorial .quote-card::before{left:18px!important;top:10px!important;font-size:76px!important}
  .section.editorial .quote-card::after{left:78px!important;top:18px!important}
  .section.editorial .quote-card p{font-size:17px!important;line-height:1.68!important}
}


/* V30: zellige title and editorial text refinement */
.section.editorial .feature-panel h3{
  font-size:clamp(38px,3.15vw,60px)!important;
  line-height:.98!important;
  max-width:12.8ch!important;
  text-wrap:balance!important;
}
.section.editorial .feature-panel p{
  font-size:18px!important;
  line-height:1.66!important;
  max-width:47ch!important;
}

.section.editorial .quote-card{
  padding:58px 58px 48px 104px!important;
}
.section.editorial .quote-card .quote-lead{
  font-size:clamp(30px,2.45vw,46px)!important;
  line-height:1.16!important;
  max-width:18ch!important;
  text-wrap:balance!important;
}
.section.editorial .quote-card p{
  max-width:72ch!important;
  font-size:18px!important;
  line-height:1.74!important;
  color:#415766!important;
}
@media(max-width:760px){
  .section.editorial .quote-card{
    padding:52px 26px 30px 70px!important;
  }
  .section.editorial .quote-card .quote-lead{
    max-width:100%!important;
    font-size:28px!important;
  }
  .section.editorial .quote-card p{
    font-size:16.5px!important;
  }
}


/* V31: restore editorial quote content and remove empty white placeholder effect */
.section.editorial .quote-card{
  min-height:auto!important;
  height:auto!important;
}
.section.editorial .quote-card .quote-lead,
.section.editorial .quote-card p{
  display:block!important;
}


/* V32: Story Pathways restyled with beautiful placeholders while keeping circle size */
#pathways{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(214,126,49,.14),transparent 24%),
    radial-gradient(circle at 88% 14%,rgba(255,250,244,.08),transparent 24%),
    radial-gradient(circle at 78% 88%,rgba(214,126,49,.10),transparent 22%),
    linear-gradient(135deg,#183749 0%,#0d5561 54%,#12414d 100%)!important;
}
#pathways::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 26%,transparent 74%,rgba(0,0,0,.06));
  pointer-events:none;
}
#pathways > .shell{
  position:relative!important;
  z-index:1!important;
  max-width:1620px!important;
}
#pathways .section-head{
  padding:34px 38px!important;
  border-radius:36px!important;
  background:rgba(255,250,244,.08)!important;
  border:1px solid rgba(255,250,244,.12)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
  margin-bottom:50px!important;
}
#pathways .section-head .kicker{
  color:#ffd08d!important;
}
#pathways .section-head h2{
  color:#fffaf4!important;
  font-size:clamp(48px,4.1vw,78px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
}
#pathways .section-head p{
  color:rgba(255,250,244,.84)!important;
  font-size:18px!important;
  line-height:1.68!important;
  max-width:760px!important;
}
#pathways .grid.four{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:34px!important;
  align-items:stretch!important;
}
#pathways .path-card{
  max-width:390px!important;
  margin:0 auto!important;
  padding:24px 22px 28px!important;
  background:linear-gradient(180deg,rgba(255,250,244,.14),rgba(255,250,244,.08))!important;
  border:1px solid rgba(255,250,244,.12)!important;
  border-radius:36px!important;
  box-shadow:none!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  overflow:hidden!important;
}
#pathways .path-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 14%,rgba(255,250,244,.10),transparent 26%);
  pointer-events:none;
}
#pathways .path-card > *{
  position:relative!important;
  z-index:1!important;
}
#pathways .path-card .card-media{
  width:340px!important;
  height:340px!important;
  min-width:340px!important;
  min-height:340px!important;
  max-width:340px!important;
  max-height:340px!important;
  margin:2px auto 24px!important;
  border:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
#pathways .path-card .card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:50%!important;
  display:block!important;
}
#pathways .path-card .card-copy{
  padding:0 10px 2px!important;
  background:transparent!important;
  text-align:center!important;
  display:block!important;
}
#pathways .path-card .card-copy span{
  display:inline-flex!important;
  margin:0 auto 14px!important;
  background:rgba(255,250,244,.10)!important;
  border:1px solid rgba(255,250,244,.18)!important;
  color:#fffaf4!important;
}
#pathways .path-card .card-copy h3{
  color:#fffaf4!important;
  font-size:clamp(30px,2.2vw,42px)!important;
  line-height:.98!important;
  max-width:10.5ch!important;
  margin:0 auto!important;
  text-shadow:none!important;
}
#pathways .path-card .card-copy p{
  color:rgba(255,250,244,.84)!important;
  font-size:15px!important;
  line-height:1.62!important;
  max-width:29ch!important;
  margin:14px auto 0!important;
}
#pathways .path-card .card-copy b{
  display:block!important;
  margin-top:16px!important;
  color:#ffd08d!important;
  font-weight:800!important;
}
@media(max-width:1360px){
  #pathways .grid.four{gap:28px!important}
  #pathways .path-card{max-width:360px!important;padding:22px 18px 26px!important}
  #pathways .path-card .card-media{
    width:320px!important;height:320px!important;min-width:320px!important;min-height:320px!important;max-width:320px!important;max-height:320px!important;
  }
}
@media(max-width:1180px){
  #pathways .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important}
  #pathways .section-head{padding:28px 28px!important}
  #pathways .path-card{max-width:380px!important}
}
@media(max-width:760px){
  #pathways .section-head{padding:24px 22px!important;border-radius:28px!important}
  #pathways .grid.four{grid-template-columns:1fr!important;gap:26px!important}
  #pathways .path-card{max-width:340px!important;padding:20px 16px 24px!important;border-radius:30px!important}
  #pathways .path-card .card-media{
    width:250px!important;height:250px!important;min-width:250px!important;min-height:250px!important;max-width:250px!important;max-height:250px!important;
  }
  #pathways .path-card .card-copy h3{font-size:31px!important}
}


/* V33: style the zellige text block + recolor Story Pathways section and cards */
.section.editorial .quote-card{
  background:rgba(255,250,244,.92)!important;
  border:1px solid rgba(141,103,70,.12)!important;
  border-radius:42px!important;
  box-shadow:none!important;
}
.section.editorial .quote-card .quote-lead{
  display:block!important;
  max-width:18ch!important;
  margin:0 0 22px!important;
  padding:22px 24px 20px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,rgba(33,59,82,.06),rgba(214,126,49,.10))!important;
  border-left:4px solid #d67e31!important;
  font-size:clamp(30px,2.45vw,44px)!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  color:#1f3a50!important;
  text-wrap:balance!important;
}
.section.editorial .quote-card p{
  max-width:72ch!important;
  margin-top:16px!important;
  color:#465d69!important;
  font-size:18px!important;
  line-height:1.76!important;
}

#pathways{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 11% 10%,rgba(255,250,244,.30),transparent 24%),
    radial-gradient(circle at 88% 14%,rgba(214,126,49,.16),transparent 24%),
    radial-gradient(circle at 84% 82%,rgba(255,250,244,.18),transparent 22%),
    linear-gradient(180deg,#bcc8b9 0%,#aab9a8 100%)!important;
}
#pathways::before,
#pathways::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
}
#pathways::before{
  background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%,transparent 76%,rgba(255,255,255,.04))!important;
}
#pathways::after{
  background:radial-gradient(circle at 50% 0%,rgba(255,250,244,.10),transparent 46%)!important;
}
#pathways > .shell{
  position:relative!important;
  z-index:1!important;
}
#pathways .section-head{
  padding:34px 38px!important;
  border-radius:36px!important;
  background:rgba(255,250,244,.40)!important;
  border:1px solid rgba(255,250,244,.42)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
#pathways .section-head .kicker{
  color:#b86d2c!important;
}
#pathways .section-head h2{
  color:#213b52!important;
  letter-spacing:-.05em!important;
}
#pathways .section-head p{
  color:#445c67!important;
}
#pathways .path-card{
  background:linear-gradient(180deg,rgba(255,249,242,.96),rgba(241,231,217,.96))!important;
  border:1px solid rgba(33,59,82,.10)!important;
  border-radius:38px!important;
  box-shadow:none!important;
}
#pathways .path-card::before{
  background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.22),transparent 26%)!important;
}
#pathways .path-card .card-copy span{
  background:rgba(33,59,82,.06)!important;
  border:1px solid rgba(33,59,82,.10)!important;
  color:#4f6673!important;
}
#pathways .path-card .card-copy h3{
  color:#213b52!important;
}
#pathways .path-card .card-copy p{
  color:#5a6f79!important;
}
#pathways .path-card .card-copy b{
  color:#c9782e!important;
}
@media(max-width:760px){
  .section.editorial .quote-card .quote-lead{
    max-width:100%!important;
    padding:18px 18px 16px!important;
    border-radius:22px!important;
    font-size:28px!important;
  }
}


/* V34: final fixes — no visible credits bar, lighter hero, no Discover link */

.hero-bg img,
.hero img{
  filter:none!important;
}
.hero::before{
  background:
    linear-gradient(90deg,rgba(8,22,32,.38),rgba(8,22,32,.18) 42%,rgba(8,22,32,.02) 78%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08))!important;
}
.hero::after{
  opacity:.16!important;
}
.hero h1,
.hero p{
  text-shadow:0 3px 20px rgba(0,0,0,.28)!important;
}
.cta-section{
  border-bottom:0!important;
}
.em-global-footer{
  border-top:8px solid rgba(214,126,49,.82)!important;
}


/* V35: Home-locked hero title + aligned zellige note block */
.hero{
  min-height:100vh!important;
  padding:168px 72px 98px!important;
  align-items:center!important;
}
.hero-inner{
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin:0!important;
}
.hero-copy{
  max-width:930px!important;
}
.hero h1{
  font-size:clamp(68px,8.9vw,136px)!important;
  line-height:.86!important;
  max-width:980px!important;
  letter-spacing:-.055em!important;
  text-shadow:0 4px 28px rgba(0,0,0,.28)!important;
}
.hero p{
  font-size:clamp(18px,1.45vw,23px)!important;
  max-width:780px!important;
  margin-top:28px!important;
  color:rgba(255,250,244,.92)!important;
}
.hero-kicker{
  color:#ffd08d!important;
}
.hero .actions{
  margin-top:34px!important;
}

/* Keep hero image clear, not dark, but keep Home-style title readability */
.hero-bg img,
.hero img{
  filter:none!important;
}
.hero::before{
  background:
    linear-gradient(90deg,rgba(8,22,32,.40),rgba(8,22,32,.20) 42%,rgba(8,22,32,.03) 78%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08))!important;
}

/* Align the zellige note with the image + featured editorial blocks */
.section.editorial .quote-card{
  width:100%!important;
  max-width:none!important;
  margin-top:34px!important;
  box-sizing:border-box!important;
}
.section.editorial .quote-card .quote-lead{
  max-width:100%!important;
  margin:0!important;
  display:block!important;
  text-align:left!important;
}
.section.editorial .quote-card p{
  max-width:86ch!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:1180px){
  .hero{
    padding-left:28px!important;
    padding-right:28px!important;
  }
}
@media(max-width:760px){
  .hero{
    min-height:92vh!important;
    padding-top:130px!important;
    padding-bottom:68px!important;
  }
  .hero h1{
    font-size:clamp(54px,16vw,82px)!important;
  }
}


/* V36: corrected exact Home hero title scale and copy width */
.hero-copy{
  max-width:760px!important;
}
.hero h1{
  font-size:clamp(62px,7vw,116px)!important;
  line-height:.88!important;
  color:#fff!important;
  letter-spacing:-.055em!important;
  text-shadow:0 16px 38px rgba(0,0,0,.45)!important;
}
.hero p{
  max-width:690px!important;
  font-size:clamp(18px,1.4vw,23px)!important;
  color:rgba(255,255,255,.94)!important;
  margin-top:24px!important;
  text-shadow:0 4px 16px rgba(0,0,0,.44)!important;
}
@media(max-width:760px){
  .hero h1{
    font-size:clamp(52px,16vw,80px)!important;
  }
}


/* DEFINITIVE CLEANUP: no visible image credits block and no editorial-note placeholder */