.story-page{background:#fcf8ef;color:#172f48}.story-header{height:94px}.story-header .nav{max-width:1320px}.story-header .logo-link{width:108px;height:108px;margin-top:22px}.story-header .nav-links{margin-left:auto}
.story-hero{position:relative;min-height:610px;overflow:hidden}.story-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.story-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,30,48,.86),rgba(8,30,48,.55) 48%,rgba(8,30,48,.05) 78%)}.story-hero-copy{position:relative;z-index:1;max-width:1320px;margin:auto;padding:135px 42px 100px;color:#fff}.story-kicker{font:700 .78rem/1.2 ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.24em;color:#f0d18f;margin:0 0 18px}.story-hero h1{max-width:760px;font-size:clamp(3rem,5.6vw,5.8rem);line-height:.98;letter-spacing:-.04em;margin:0 0 28px}.story-hero h1 em{font-family:"Segoe Script","Bradley Hand",cursive;font-weight:400;color:#f0d18f}.story-hero h1 b{color:#f0d18f;font-weight:400}.story-hero-copy>p:last-child{max-width:690px;font-size:1.18rem;line-height:1.55;margin:0}
.story-content{max-width:1120px;margin:auto;padding:94px 32px 110px}.story-chapter{max-width:800px;margin:0 auto 74px}.hello-chapter{max-width:960px;display:grid;grid-template-columns:180px 1fr;gap:65px;align-items:start}.chapter-mark{position:sticky;top:28px}.chapter-mark img{width:170px;height:170px;border-radius:50%;object-fit:cover;box-shadow:0 12px 35px rgba(9,40,75,.14)}.chapter-number{font:700 .73rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.2em;color:#bd913f;margin:0 0 16px}.chapter-copy h2,.story-finale h2{font-size:clamp(2.15rem,4vw,3.85rem);line-height:1.06;letter-spacing:-.028em;color:#09284b;margin:0 0 27px}.chapter-copy p{font-size:1.08rem;line-height:1.72;margin:0 0 20px}.chapter-copy .chapter-lead{font-size:1.32rem;line-height:1.5;color:#445633}.chapter-copy .short-line{font-size:1.35rem;font-style:italic;color:#536138;margin:29px 0}.chapter-copy strong{color:#445633}
.story-pullquote{position:relative;margin:90px auto;max-width:1030px;padding:64px clamp(30px,7vw,92px);text-align:center;border-top:1px solid #bd913f;border-bottom:1px solid #bd913f;background:rgba(255,253,248,.62)}.story-pullquote>span{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:5rem;line-height:1;color:#bd913f}.story-pullquote p{font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.2;color:#09284b;margin:15px 0 0}
.story-mantra{max-width:1000px;margin:90px auto;padding:70px 45px;text-align:center;background:#e9eadf;color:#09284b;font-size:clamp(2rem,4vw,3.6rem);line-height:1.15}.story-mantra em{display:block;margin-top:10px;font-family:"Segoe Script","Bradley Hand",cursive;font-weight:400;color:#536138}
.story-finale{max-width:1000px;margin:100px auto 0;padding:80px clamp(30px,8vw,100px);text-align:center;background:linear-gradient(rgba(9,40,75,.77),rgba(9,40,75,.77)),url("/assets/brand/home-hero.jpeg") center/cover;color:#fff;border-radius:14px;box-shadow:0 16px 44px rgba(9,40,75,.16)}.story-finale h2{color:#fff}.story-finale>p:not(.chapter-number){font-size:1.2rem;line-height:1.55;max-width:720px;margin:0 auto 22px}.story-finale .final-line{font-style:italic;color:#f0d18f}.story-finale .button{margin-top:12px}
@media(max-width:980px){.story-header{height:86px}.story-header .logo-link{width:88px;height:88px;margin-top:18px}.story-hero{min-height:570px}.story-hero-copy{padding-top:125px}.hello-chapter{grid-template-columns:135px 1fr;gap:40px}.chapter-mark img{width:130px;height:130px}}
@media(max-width:760px){.story-header .nav{padding:0 20px}.story-header .menu{display:block;margin-left:auto}.story-header .nav-links{top:86px}.story-hero{min-height:620px}.story-hero>img{object-position:48% center}.story-hero-shade{background:linear-gradient(0deg,rgba(8,30,48,.88),rgba(8,30,48,.38) 70%,rgba(8,30,48,.05))}.story-hero-copy{padding:240px 24px 55px}.story-hero h1{font-size:clamp(2.75rem,12vw,4rem)}.story-hero-copy>p:last-child{font-size:1.04rem}.story-content{padding:65px 21px 80px}.hello-chapter{display:block}.chapter-mark{position:static;margin:0 0 35px}.chapter-mark img{width:105px;height:105px}.story-chapter{margin-bottom:58px}.chapter-copy p{font-size:1.02rem;line-height:1.65}.chapter-copy .chapter-lead{font-size:1.2rem}.story-pullquote{margin:65px 0;padding:58px 23px 45px}.story-mantra{margin:65px 0;padding:50px 23px}.story-finale{margin-top:70px;padding:60px 24px;border-radius:10px}}