/* Ció's own story: a portrait, complete copy and the established Alinéate palette. */
.story-page{--story-copy:#625A52}
.story-page main{overflow:clip}
.story-page .story-section{padding-block:clamp(72px,8vw,118px)}
.story-page h2{font-size:clamp(35px,3.5vw,52px);line-height:1.25;text-wrap:balance}
.story-page p{max-width:none}
.story-hero{padding-block:calc(var(--header-height) + 26px) 85px;background:#FAF5EE}
.story-breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;line-height:1.5;color:var(--story-copy)}
.story-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.story-breadcrumb>span:last-child{color:var(--wine)}
.story-hero-layout{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-areas:'portrait heading' 'portrait intro';column-gap:clamp(45px,6vw,90px);row-gap:26px;align-items:start;padding-top:35px}
.story-heading{grid-area:heading}
.story-heading h1{font-size:clamp(50px,5.2vw,78px);line-height:1.13;letter-spacing:-.045em}
.story-name{display:block;font-weight:400;color:var(--wine)}
.story-personality{font-family:'Playfair Display',Georgia,serif;font-size:clamp(22px,2vw,27px);line-height:1.5;letter-spacing:-.02em;color:var(--ink);margin-top:24px;max-width:39ch!important;text-wrap:pretty}
.story-portrait{grid-area:portrait;position:relative;isolation:isolate;margin:0 15px 15px 0}
.story-portrait::before{content:'';position:absolute;inset:15px -15px -15px 15px;border:1px solid var(--gold-light);z-index:-1}
.story-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 32%}
.story-intro{grid-area:intro}
.story-copy{font-size:16px;line-height:1.95;color:var(--story-copy)}
.story-copy p+p{margin-top:18px}
.story-intro p:last-child{color:var(--wine);font-family:'Playfair Display',Georgia,serif;font-size:24px;line-height:1.5;letter-spacing:-.02em;margin-top:23px}
.story-editorial-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,8vw,120px);align-items:start}
.story-editorial-layout h2{max-width:21ch}
.story-natal{border-top:1px solid var(--line)}
.story-pullquote{font-family:'Playfair Display',Georgia,serif;font-size:clamp(26px,2.4vw,35px);line-height:1.48;letter-spacing:-.025em;color:var(--wine)}
.story-pullquote strong,.story-practical-note strong{font-weight:400}
.story-natal .story-pullquote{margin-block:29px 25px;padding-left:23px;border-left:1px solid var(--gold)}
.story-discovery{background:#E9E8DE}
.story-discovery-heading{text-align:center;max-width:900px;margin-inline:auto}
.story-discovery-heading h2{max-width:25ch;margin-inline:auto}
.story-discovery-heading>p{font-size:16px;line-height:1.95;color:var(--story-copy);max-width:69ch;margin:25px auto 0}
.story-discovery-heading .story-pullquote{max-width:39ch;margin:32px auto 0}
.story-discovery-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px);margin-top:50px;padding-top:39px;border-top:1px solid #CCC9B8}
.story-discovery-body .story-discovery-origin{font-family:'Playfair Display',Georgia,serif;font-size:25px;line-height:1.5;color:var(--wine);letter-spacing:-.025em;margin-bottom:20px}
.story-discovery-body .story-pullquote{margin-top:20px}
.story-practical{background:var(--wine);color:var(--paper)}
.story-practical h2{color:var(--paper);max-width:19ch}
.story-practical .story-copy{color:#EFE4DB}
.story-practical-intro{margin-top:29px;max-width:40ch}
.story-practical .story-pullquote{color:#EBD1A8;margin-bottom:25px}
.story-questions{list-style:none;padding:0;margin:26px 0 29px;border-top:1px solid #B78B71}
.story-questions li{font-size:17px;line-height:1.8;padding-block:16px;border-bottom:1px solid #B78B71;color:var(--paper)}
.story-practical .story-copy>p:last-child strong{font-weight:600;color:var(--paper)}
.story-practical-note{font-family:'Playfair Display',Georgia,serif;font-size:clamp(27px,2.8vw,39px);line-height:1.5;letter-spacing:-.025em;color:#EBD1A8;max-width:36ch;margin:52px auto 0;padding-top:37px;border-top:1px solid #B78B71;text-align:center}
.story-birth{background:#FAF5EE}
.story-birth-intro{margin-top:24px}
.story-birth-symbol{width:140px;margin-block:27px}
.story-values{list-style:none;padding:0;margin:0}
.story-values li{border-top:1px solid var(--line);padding-block:26px 30px;font-size:17px;line-height:1.9;color:var(--story-copy)}
.story-values li:last-child{padding-bottom:0}
.story-values strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:21px;line-height:1.5;letter-spacing:.015em;color:var(--wine);margin-bottom:13px;font-weight:600}
.story-growth{height:auto;min-height:650px}
.story-growth-copy{max-width:840px;margin-inline:auto;padding-block:70px 320px;text-align:center}
.story-growth h2{font-size:clamp(37px,4vw,58px);color:var(--ink)}
.story-growth-copy>p{font-size:17px;line-height:1.9;color:#5C5146;max-width:59ch;margin:24px auto 0}
.story-growth-copy .story-pullquote{max-width:39ch;margin:28px auto 0}
.story-mission h2{margin-bottom:42px}
.story-mission-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px)}
.story-mission-promise .story-promise-intro{font-size:25px;line-height:1.5;color:var(--story-copy);margin-bottom:20px}
.story-mission-promise>p{font-size:16px;line-height:1.9;color:var(--story-copy);margin-top:29px}
.story-mission-promise .button{font-size:14px;min-height:52px;max-width:100%;margin-top:24px;gap:30px}
@media(hover:hover) and (pointer:fine){
 .story-breadcrumb a:hover{color:var(--wine)}
}
@media(min-width:761px) and (max-width:1050px){
 .story-hero-layout{column-gap:40px;grid-template-columns:.85fr 1.15fr}
 .story-heading h1{font-size:54px}
 .story-personality{font-size:22px}
 .story-portrait{position:sticky;top:calc(var(--header-height) + 25px)}
 .story-editorial-layout,.story-mission-layout,.story-discovery-body{gap:44px}
 .story-page h2{font-size:37px}
}
@media(max-width:760px){
 .story-page .story-section{padding-block:64px}
 .story-page h2{font-size:35px;line-height:1.26}
 .story-hero{padding-top:calc(var(--header-height) + 17px);padding-bottom:65px}
 .story-breadcrumb{font-size:11px;gap:10px}
 .story-hero-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'portrait' 'intro';padding-top:25px;gap:30px}
 .story-heading h1{font-size:clamp(44px,11vw,65px);line-height:1.14}
 .story-personality{font-size:22px;line-height:1.5;margin-top:22px;max-width:none!important}
 .story-portrait{position:relative;width:calc(100% - 10px);max-width:440px;margin:3px auto 10px 0}
 .story-portrait::before{inset:10px -10px -10px 10px}
 .story-portrait img{aspect-ratio:4/4.5;object-position:50% 26%}
 .story-copy,.story-discovery-heading>p{font-size:16px;line-height:1.9}
 .story-intro p:last-child{font-size:25px}
 .story-editorial-layout,.story-discovery-body,.story-mission-layout{grid-template-columns:minmax(0,1fr);gap:30px}
 .story-editorial-layout h2{max-width:none}
 .story-pullquote{font-size:28px;line-height:1.48}
 .story-natal .story-pullquote{padding-left:18px;margin-block:26px 23px}
 .story-discovery-heading{text-align:left}
 .story-discovery-heading h2{max-width:none}
 .story-discovery-heading>p{margin-top:24px}
 .story-discovery-heading .story-pullquote{margin-top:27px;max-width:none}
 .story-discovery-body{margin-top:33px;padding-top:30px;gap:31px}
 .story-discovery-body .story-discovery-origin{font-size:25px}
 .story-discovery-body .story-pullquote{margin-top:18px}
 .story-practical-intro{margin-top:25px;max-width:none}
 .story-questions{margin-block:24px}
 .story-questions li{font-size:17px}
 .story-practical-note{font-size:29px;line-height:1.48;text-align:left;margin-top:34px;padding-top:29px;max-width:none}
 .story-birth-intro{margin-top:25px}
 .story-birth-symbol{width:120px;margin-block:25px}
 .story-values li{font-size:16px;padding-block:23px 27px}
 .story-values strong{font-size:20px;margin-bottom:12px}
 .story-growth{min-height:0}
 .story-growth-copy{padding-block:56px 275px;text-align:left}
 .story-growth h2{font-size:37px}
 .story-growth-copy>p{font-size:16px;margin-top:23px;max-width:none}
 .story-growth-copy .story-pullquote{font-size:28px;max-width:none;margin-top:24px}
 .story-mission h2{margin-bottom:29px}
 .story-mission-layout{gap:35px}
 .story-mission-promise .story-promise-intro{font-size:24px;margin-bottom:19px}
 .story-mission-promise>.story-pullquote:not(.story-promise-intro){font-size:30px}
 .story-mission-promise>p{font-size:16px;margin-top:25px}
 .story-mission-promise .button{margin-top:22px;font-size:14px}
}