.sob-story{--paper:#fcf6ee;--ink:#301710;--orange:#ec6c19;--line:#ead4c2}
.sob-story__today { margin: 28px 0 0; }
.sob-story__today img { display: block; width: 100%; height: auto; border-radius: 16px; }
.sob-story__today figcaption { margin-top: 10px; font-size: 13px; line-height: 1.5; color: #795c46; }
.sob-story *{box-sizing:border-box}
.sob-story{scroll-behavior:smooth;scroll-padding-top:110px}
.sob-story{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body),Arial,sans-serif;font-size:21px}
.sob-story button,.sob-story a{-webkit-tap-highlight-color:transparent}
.sob-story header{height:80px;position:sticky;top:0;z-index:10;background:#fcf6eef5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw;backdrop-filter:blur(12px)}
.sob-story .brand{font:22px var(--font-display);line-height:.95}
.sob-story .brand span{color:var(--orange)}
.sob-story .status{font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#86614c}
.sob-story .story-inner{max-width:1320px;margin:auto;padding:0 6vw}
.sob-story .intro{padding:85px 0 60px;display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end}
.sob-story .eyebrow{font:14px var(--font-body);letter-spacing:3px;text-transform:uppercase;display:flex;gap:15px;align-items:center;margin:0 0 25px}
.sob-story .eyebrow:before{content:"";height:2px;width:34px;background:var(--orange)}
.sob-story .story-title{font:clamp(52px,6.5vw,94px)/.95 var(--font-display);margin:0;letter-spacing:-2px}
.sob-story .story-title em{font-style:normal;color:var(--orange)}
.sob-story .intro p{line-height:1.5;max-width:400px;margin:0 0 3px;color:#775e50}
.sob-story .chapters{display:flex;gap:10px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}
.sob-story .chapters span{font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-right:auto}
.sob-story .chapters a{padding:8px 17px;border-radius:30px;color:#775e50;text-decoration:none;font-size:18px;transition:background .3s,color .3s}
.sob-story .chapters a.active{background:var(--ink);color:var(--paper)}
.sob-story .timeline{position:relative;margin-top:20px}
.sob-story .track{position:absolute;left:30%;top:65px;bottom:80px;width:2px;background:var(--line)}
.sob-story .fill{height:100%;background:var(--orange);transform:scaleY(0);transform-origin:top;will-change:transform}
.sob-story .chapter{position:relative;display:grid;grid-template-columns:30% 70%;min-height:355px;padding:65px 0;border-bottom:1px solid var(--line);align-items:start}
.sob-story .chapter:last-child{border:0;padding-bottom:100px}
.sob-story .year{font:clamp(68px,8vw,112px)/1 var(--font-display);letter-spacing:-3px;color:#b9a596;transition:color .5s,transform .5s}
.sob-story .chapter.active .year,.sob-story .chapter.passed .year{color:var(--orange)}
.sob-story .year small{display:block;font:12px var(--font-body);letter-spacing:2px;text-transform:uppercase;color:#897060;margin:18px 0 0 5px}
.sob-story .copy{padding:7px 0 0 64px;max-width:700px;transition:transform .65s,opacity .65s}
.sob-story .dot{position:absolute;left:calc(30% - 7px);top:77px;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2px solid #d9baa4;transition:background .4s,box-shadow .4s}
.sob-story .active .dot,.sob-story .passed .dot{background:var(--orange);border-color:var(--orange)}
.sob-story .active .dot{box-shadow:0 0 0 7px #ec6c1918}
.sob-story .story-subtitle{font:clamp(27px,3.1vw,44px)/1.08 var(--font-display);margin:0 0 22px;max-width:570px;letter-spacing:-.6px}
.sob-story .copy p{margin:0;color:#765e50;line-height:1.5;max-width:550px}
.sob-story .chapter.active .copy{transform:translateY(-4px)}
.sob-story .chapter.active .story-subtitle{color:#301710}
.sob-story .final-word{font-size:clamp(64px,7vw,100px)}
.sob-story .chapter:last-child .copy:after{content:"";display:block;width:56px;height:4px;background:var(--orange);margin-top:30px}
.sob-story .founder{background:#f3dfcb;margin-top:0;padding:65px 6vw 75px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.sob-story .founder .story-subtitle{margin:0;font-size:clamp(32px,4vw,52px);max-width:640px}
.sob-story .founder p{font-size:17px;line-height:1.4;max-width:270px;color:#82634f}
.sob-story .preview-footer{padding:18px 6vw;display:flex;justify-content:space-between;font-size:14px;color:#876b5b}
.sob-story .toggle{background:none;border:1px solid #cbb39f;border-radius:20px;padding:7px 14px;color:var(--ink);font:14px var(--font-body);cursor:pointer}
.sob-story .toggle:focus-visible,.sob-story a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:700px){.sob-story header{height:68px}
.sob-story .status{font-size:10px;letter-spacing:.6px}
.sob-story .intro{display:block;padding:55px 0 35px}
.sob-story .intro p{margin-top:26px;font-size:19px}
.sob-story .chapters{gap:0;justify-content:space-between}
.sob-story .chapters span{display:none}
.sob-story .chapters a{padding:8px 11px;font-size:16px}
.sob-story .track{left:8px;top:40px;bottom:65px}
.sob-story .chapter{display:block;padding:40px 0 40px 37px;min-height:0}
.sob-story .year{font-size:70px;letter-spacing:-2px}
.sob-story .year small{display:none}
.sob-story .copy{padding:20px 0 0}
.sob-story .dot{left:1px;top:62px}
.sob-story .copy p{font-size:20px}
.sob-story .chapter:last-child{padding-bottom:60px}
.sob-story .story-subtitle{font-size:30px;margin-bottom:15px}
.sob-story .founder{display:block;padding-top:45px}
.sob-story .founder p{margin-top:25px}
.sob-story .preview-footer{gap:20px;align-items:center}
}@media(prefers-reduced-motion:reduce){.sob-story{scroll-behavior:auto}
.sob-story *{transition:none!important}
.sob-story .fill{will-change:auto}
}.sob-story.still *{transition:none!important}
.sob-story.still .chapter.active .copy{transform:none}
.sob-story{--paper:#faf3e9;--ink:#422315;--line:#e6d2bd;--orange:#e96c20}
.sob-story{background:radial-gradient(ellipse at 90% 8%,#f1dcc344,transparent 42%),var(--paper)}
.sob-story header{position:relative;background:transparent;border-bottom:0;height:88px}
.sob-story .status{font-size:12px;letter-spacing:1.6px}
.sob-story .story-inner{max-width:1390px}
.sob-story .intro{padding:72px 0 68px;gap:90px;position:relative}
.sob-story .intro .story-title{font-size:clamp(64px,7.4vw,108px);line-height:.93;letter-spacing:-3px}
.sob-story .intro p{font-size:23px;line-height:1.45;padding-bottom:7px;max-width:350px}
.sob-story .eyebrow{font-size:12px;letter-spacing:2.8px;margin-bottom:30px}
.sob-story .chapters{position:sticky;top:0;z-index:5;background:#faf3e9f5;backdrop-filter:blur(12px);padding:17px 0;gap:16px;border-top:1px solid #d6bda5;border-bottom:1px solid #d6bda5}
.sob-story .chapters span{font-size:12px}
.sob-story .chapters a{font-size:18px;padding:10px 19px}
.sob-story .chapters a.active{background:var(--orange);color:#fff8ef}
.sob-story .chapters a:hover{background:#efdcc7;color:var(--ink)}
.sob-story .timeline{margin-top:28px}
.sob-story .track{left:34%;top:86px;bottom:125px;background:#ddc7b1}
.sob-story .chapter{grid-template-columns:34% 66%;min-height:360px;padding:72px 0;border:0;isolation:isolate}
.sob-story .chapter:before{content:'';position:absolute;z-index:-1;inset:22px -30px;border-radius:20px;background:linear-gradient(100deg,#f0dcc7aa,#f0dcc733);opacity:0;transition:opacity .65s}
.sob-story .chapter.active:before{opacity:1}
.sob-story .chapter:not(:last-child):after{content:'';position:absolute;bottom:0;left:calc(34% + 64px);right:0;height:1px;background:var(--line)}
.sob-story .year{font-size:clamp(80px,9vw,132px);letter-spacing:-5px;color:#faf3e9;-webkit-text-stroke:1px #a68a72;transition:color .65s,-webkit-text-stroke .65s,transform .65s}
.sob-story .chapter.active .year{color:var(--orange);-webkit-text-stroke:1px var(--orange);transform:translateX(5px)}
.sob-story .chapter.passed .year{color:#a88c75;-webkit-text-stroke:1px #a88c75}
.sob-story .year small{font-size:12px;letter-spacing:2.5px;color:#80634d;-webkit-text-stroke:0;margin-top:23px}
.sob-story .dot{left:calc(34% - 6px);top:87px;width:14px;height:14px;background:var(--paper)}
.sob-story .active .dot{box-shadow:0 0 0 7px var(--paper),0 0 0 8px #e96c2055}
.sob-story .copy{padding-top:10px;padding-left:64px;max-width:710px}
.sob-story .story-subtitle{font-size:clamp(30px,3vw,43px);line-height:1.1;letter-spacing:-.9px;margin-bottom:23px}
.sob-story .copy p{font-size:22px;line-height:1.5;color:#795c46;max-width:530px}
.sob-story .chapter.active .copy{transform:translateY(0)}
.sob-story .chapter:last-child{padding-bottom:95px}
.sob-story .chapter:last-child .copy:after{height:3px;width:40px;margin-top:24px}
.sob-story .final-word{font-size:110px}
.sob-story .founder{margin-top:35px;background:#422315;color:var(--paper);padding-top:75px;padding-bottom:80px;position:relative}
.sob-story .founder:before{content:'';position:absolute;top:-12px;left:0;width:100%;height:13px;background:radial-gradient(circle at 12px 0,transparent 12px,#422315 12.5px) 0 0/24px 13px repeat-x}
.sob-story .founder .eyebrow{color:#e2bb93}
.sob-story .founder .story-subtitle{font-size:clamp(36px,4vw,56px);line-height:1.03}
.sob-story .founder p{color:#dcc2ab}
.sob-story .preview-footer{font-size:12px;padding-top:22px;padding-bottom:22px;align-items:center}
@media(max-width:700px){.sob-story header{height:72px}
.sob-story .status{font-size:9px;letter-spacing:.6px;max-width:155px;text-align:right}
.sob-story .intro{padding:38px 0 38px}
.sob-story .intro .story-title{font-size:65px;letter-spacing:-2px}
.sob-story .intro p{font-size:20px;max-width:330px}
.sob-story .chapters{gap:0;padding:12px 0}
.sob-story .chapters a{font-size:16px;padding:10px 12px;display:inline-flex;align-items:center;min-height:40px}
.sob-story .timeline{margin-top:10px}
.sob-story .track{left:8px;top:58px;bottom:100px}
.sob-story .chapter{min-height:0;padding:45px 0 45px 36px}
.sob-story .chapter:before{inset:18px -12px;border-radius:12px}
.sob-story .chapter:not(:last-child):after{left:36px}
.sob-story .year{font-size:84px;letter-spacing:-3px}
.sob-story .chapter.active .year{transform:none}
.sob-story .dot{left:2px;top:63px}
.sob-story .copy{padding:22px 0 0}
.sob-story .copy p{font-size:20px}
.sob-story .story-subtitle{font-size:31px}
.sob-story .chapter:last-child{padding-bottom:60px}
.sob-story .founder{margin-top:20px;padding-top:50px;padding-bottom:48px}
.sob-story .preview-footer{align-items:start}
.sob-story .toggle{flex-shrink:0;max-width:130px}
}@media(prefers-reduced-motion:reduce){.sob-story .chapter.active .year{transform:none}
}
.sob-story{font-family:var(--font-body);font-size:21px;color:var(--ink);overflow:clip;overflow-clip-margin:40px}
.sob-story .chapters{top:90px}.sob-story .chapter{scroll-margin-top:190px}
.sob-story .story-title,.sob-story .story-subtitle{text-transform:none;font-weight:900}
.sob-story .intro p{font-family:var(--font-body)}
.sob-bio{position:relative;background:#422315;color:#faf3e9;padding-top:65px}
.sob-bio:before{content:'';position:absolute;top:-12px;left:0;width:100%;height:13px;background:radial-gradient(circle at 12px 0,transparent 12px,#422315 12.5px) 0 0/24px 13px repeat-x}
.sob-bio .ta-h2,.sob-bio .sob-bio__creds li{color:#faf3e9}.sob-bio .ta-eyebrow{color:#eeaa72}.sob-bio .sob-bio__creds{border-color:#faf3e930}.sob-bio .sob-bio__grid{margin-top:0}
@media(max-width:700px){.sob-story .chapters{top:72px}.sob-story .chapter{scroll-margin-top:160px}}
@media(prefers-reduced-motion:reduce){.sob-story .fill{transform:scaleY(1)!important}.sob-story *{transition:none!important;scroll-behavior:auto!important}}