.athkhelii-story{--story-space:clamp(64px,8vw,120px);max-width:1320px;padding-top:56px;padding-bottom:80px}.athkhelii-story p{font-size:16px;line-height:1.9;margin:0 0 22px}.athkhelii-story h1{font-size:clamp(46px,5.1vw,76px);letter-spacing:-.045em;line-height:1.07;max-width:780px;margin:24px 0 30px;text-wrap:balance}.athkhelii-story h2{font-size:clamp(34px,3.4vw,52px);letter-spacing:-.035em;line-height:1.13;margin:18px 0 32px;text-wrap:balance}.story-opening{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;padding:30px 0 var(--story-space);border-bottom:1px solid #d7cfc2}.story-opening-copy>p:first-child,.story-reading>p:first-child,.story-maker-copy>p:first-child,.story-section-title>p:first-child,.story-philosophy>p:first-child{font-size:11px;letter-spacing:.16em;line-height:1.6;color:#625e52}.story-opening-copy>p:last-child{font:italic 20px/1.6 Georgia,serif;max-width:360px;color:#77523f}.story-image{margin:0}.story-image img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.story-image figcaption{font-size:10px;color:#625e52;line-height:1.6;margin-top:12px}.story-placeholder{aspect-ratio:4/5;background:#e6ddcf;display:grid;place-items:center;position:relative;overflow:hidden}.story-material{width:57%;height:60%;background:repeating-linear-gradient(90deg,#cbb89a 0 3px,#eddfc6 3px 8px,#ae9774 8px 9px);clip-path:polygon(0 0,100% 0,100% 83%,50% 100%,0 83%);transform:rotate(-5deg);box-shadow:12px 12px 30px #826a4d20}.story-maker .story-placeholder{background:#d7d6c6}.story-maker .story-material{width:63%;height:52%;transform:rotate(6deg)}.story-reading{max-width:690px;margin:var(--story-space) auto}.story-dream{position:relative}.story-dream:before{content:'';display:block;width:44px;height:1px;background:#92573f;margin-bottom:28px}.story-maker{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:start;padding-top:25px}.story-maker .story-image{position:sticky;top:140px}.story-maker-copy{padding-top:16px}.athkhelii-story .story-quote{border:0;margin:var(--story-space) auto;padding:45px 0;max-width:970px;text-align:center;border-top:1px solid #d7cfc2;border-bottom:1px solid #d7cfc2}.athkhelii-story .story-quote p{font:clamp(30px,3.2vw,46px)/1.35 Georgia,serif;letter-spacing:-.025em;color:#835039;margin:0;text-wrap:balance}.story-roots{display:grid;grid-template-columns:1fr 1.05fr;gap:12%;margin-bottom:var(--story-space)}.story-philosophy{background:#ece6dc;padding:clamp(28px,6vw,80px);margin:0 calc(-1 * min(40px,3vw))}.story-philosophy h2{max-width:650px}.story-philosophy-body{max-width:680px}.story-philosophy blockquote{border:0;padding:30px 0 0;margin:25px 0 0;max-width:940px}.story-philosophy blockquote p{font:clamp(27px,3vw,40px)/1.4 Georgia,serif;color:#835039;letter-spacing:-.02em}.story-beginning{margin-bottom:0}.story-signature{margin:45px 0 30px}.story-signature p:first-child{font:27px Georgia,serif;letter-spacing:.14em;margin-bottom:7px}.story-signature p:last-child{font:italic 17px Georgia,serif}.story-explore a{background:transparent!important;color:#292b28!important;padding:12px 0!important;border-radius:0!important;border-bottom:1px solid #92573f;font-size:14px!important}.story-opening-copy{animation:story-intro 650ms ease-out both}.story-opening .story-image{animation:story-intro 750ms ease-out both}@keyframes story-intro{from{opacity:.65;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:900px){.story-opening{gap:5%;grid-template-columns:1.15fr 1fr}.athkhelii-story h1{font-size:48px}.story-maker{gap:6%}.story-roots{gap:6%}.story-maker .story-image{position:static}}@media(max-width:600px){.athkhelii-story{padding-top:28px}.story-opening{grid-template-columns:1fr;gap:34px;padding-top:16px}.athkhelii-story h1{font-size:clamp(43px,11.8vw,58px);max-width:500px}.story-opening-copy>p:last-child{font-size:19px}.story-image img,.story-placeholder{aspect-ratio:5/4}.story-material{height:70%;width:45%}.story-reading{margin:64px 0}.story-maker{display:flex;flex-direction:column;gap:35px;padding-top:0}.story-maker .story-image{width:100%}.story-maker-copy{padding:0}.story-roots{grid-template-columns:1fr;gap:8px}.athkhelii-story .story-quote{margin:64px 0;padding:34px 0}.story-philosophy{margin:0 -20px;padding:40px 20px}.athkhelii-story p{font-size:16px;line-height:1.85}.story-beginning{margin-bottom:0}.story-signature{margin-top:35px}}@media(prefers-reduced-motion:reduce){.story-opening-copy,.story-opening .story-image{animation:none!important}}
