.story-page{background:#f4f1e9;color:#20221f}.story-page .story-hero{background:#181b18;color:#f4f1e9;overflow:hidden}.story-page .story-hero-inner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:7%;min-height:640px;padding-top:92px;padding-bottom:92px}.story-page .story-hero-copy{position:relative;z-index:1}.story-page .story-hero .eyebrow{color:#bdab80}.story-page .story-hero h1{max-width:750px;margin:24px 0 30px;font-family:var(--serif);font-size:clamp(3.4rem,6.1vw,6.7rem);font-weight:400;line-height:1.03;letter-spacing:-.055em}.story-page .story-hero-intro{max-width:400px;color:#cccfc5;font-size:1.05rem;line-height:1.75}.story-page .story-lion{margin:0;align-self:center;padding:30px;border:1px solid #ffffff1b}.story-page .story-lion img{display:block;width:100%;max-height:390px;object-fit:contain;filter:invert(1);opacity:.87;mix-blend-mode:screen}.story-page .story-lion figcaption{margin-top:28px;color:#bdab80;font-size:.64rem;letter-spacing:.19em;text-transform:uppercase;text-align:center}.story-page .story-reading{display:grid;grid-template-columns:.7fr 1.3fr;gap:11%;padding-top:108px;padding-bottom:110px}.story-page .story-margin{align-self:start;position:sticky;top:120px}.story-page .story-margin-title{max-width:250px;margin:26px 0 30px;font-family:var(--serif);font-size:2.5rem;font-weight:400;line-height:1.15;letter-spacing:-.035em}.story-page .story-margin-rule{display:block;width:56px;height:1px;background:#a38d58;margin:35px 0}.story-page .story-margin-note{max-width:220px;color:#696d62;font-size:.8rem;line-height:1.75}.story-page .story-words{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.story-page .story-words li{padding:7px 10px;border:1px solid #d6d7cc;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.story-page .story-text{max-width:700px}.story-page .story-text p{margin:0 0 29px;color:#40443b;font-size:1.1rem;line-height:1.85}.story-page .story-text .story-lead{color:#20221f;font-family:var(--serif);font-size:clamp(1.7rem,2.7vw,2.35rem);line-height:1.35;letter-spacing:-.025em;margin-bottom:35px}.story-page .story-text .story-signature{margin-top:45px;padding-top:30px;border-top:1px solid #d6d7cc;color:#20221f}.story-page .story-signature>span{display:block}.story-page .story-signature .story-signature-name{font-family:var(--serif);font-style:italic;font-size:32px;font-weight:400;line-height:1.3;margin-bottom:12px}.story-page .story-signature .story-signature-credential,.story-page .story-signature .story-signature-title{font-family:var(--sans);font-size:12px;font-style:normal;line-height:1.7;color:#696d62}.story-page .story-signature .story-signature-title{margin-top:4px}.story-page .story-next{border-top:1px solid #d6d7cc;padding:70px 0 80px}.story-page .story-next-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.story-page .story-next h2{margin:18px 0 0;font-family:var(--serif);font-size:clamp(1.8rem,3.4vw,3rem);font-weight:400;line-height:1.15;letter-spacing:-.035em}.story-page .story-next .button{flex-shrink:0}@media(max-width:850px){.story-page .story-hero-inner{gap:8%;min-height:540px;padding-top:75px;padding-bottom:75px}.story-page .story-lion{padding:24px 16px}.story-page .story-lion img{max-height:300px}.story-page .story-reading{grid-template-columns:.6fr 1.4fr;gap:8%;padding-top:75px;padding-bottom:75px}.story-page .story-margin-title{font-size:1.95rem}.story-page .story-text p{font-size:1rem}}@media(max-width:600px){.story-page .story-hero-inner{display:block;min-height:auto;padding-top:55px;padding-bottom:48px}.story-page .story-hero h1{font-size:clamp(3rem,12.6vw,4.5rem);margin-top:22px;margin-bottom:26px}.story-page .story-hero-intro{max-width:330px;font-size:.94rem}.story-page .story-lion{display:flex;align-items:center;gap:24px;margin-top:37px;padding:23px}.story-page .story-lion img{width:90px;height:106px;flex-shrink:0}.story-page .story-lion figcaption{margin:0;max-width:140px;text-align:left;font-size:.63rem;line-height:1.7}.story-page .story-reading{display:block;padding-top:48px;padding-bottom:55px}.story-page .story-margin{position:static;margin-bottom:36px}.story-page .story-margin-title,.story-page .story-margin-rule,.story-page .story-margin-note{display:none}.story-page .story-words{margin-top:18px}.story-page .story-text .story-lead{font-size:1.95rem}.story-page .story-text p{font-size:1rem;line-height:1.85;margin-bottom:25px}.story-page .story-text .story-signature{margin-top:32px;padding-top:24px}.story-page .story-next{padding:44px 0 50px}.story-page .story-next-inner{align-items:flex-start;flex-direction:column;gap:26px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/stoic-story.css.map */