.about-story{max-width:1440px;margin:auto;font-size:17px;color:#343a35}
.about-story h1,.about-story h2,.about-story h3{color:#111510;font-weight:700}
.about-story h1{font-size:clamp(36px,4.2vw,54px);line-height:1.08;margin:0 auto 26px}
.about-story h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1;margin-bottom:20px}
.about-story p{line-height:1.48;margin:0 0 15px}
.about-story p:last-child{margin-bottom:0}
.about-story strong{color:#171c17}
.about-story .about-reading{width:min(760px,80%);margin:auto}
.about-story .about-evolution{width:min(760px,66.6%)}
.about-story .about-finish{width:min(660px,68%)}
.about-opening{text-align:center;padding:55px 0 44px}
.about-opening .eyebrow{color:#626762;font-weight:600;margin-bottom:18px}
.about-print{display:grid;grid-template-columns:52% 48%;align-items:stretch}
.about-print-photo{position:relative;min-height:350px}
.about-print-photo img{position:absolute;inset:0;object-position:43% center;mask-image:linear-gradient(to right,#000 76%,transparent)}
.about-print-copy{padding:36px 48px 36px 30px;align-self:center}
.about-evolution{padding:48px 0}
.about-purpose{background:#edf5ef;padding:42px 0}
.about-purpose-inner{width:min(1020px,calc(100% - 100px));margin:auto;display:grid;grid-template-columns:180px minmax(0,1fr);gap:42px;align-items:start}
.about-purpose-inner>img{width:180px;height:180px;object-fit:contain;mix-blend-mode:multiply}
.about-purpose h2{margin-bottom:8px}
.about-purpose h2+p{font-weight:700;font-size:20px;color:#111510}
.about-trees{position:relative;min-height:340px;display:flex;align-items:center;isolation:isolate}
.about-tree-photo{position:absolute;inset:0 0 0 55%;z-index:-1}
.about-tree-photo img{object-position:65% center;mask-image:linear-gradient(to right,transparent 35%,#000 70%)}
.about-tree-inner{display:grid;grid-template-columns:140px minmax(0,1fr);gap:26px;width:68%;padding:35px 0 35px 45px}
.about-tree-mark{width:140px;height:165px;object-fit:contain}
.about-tree-inner>div{padding-right:10px}
.about-tree-inner h2{font-size:clamp(28px,3.1vw,38px)}
.about-finish{text-align:center;padding:40px 0 50px}
.about-finish h2{margin-bottom:18px}
.about-finish h3{font-size:21px;line-height:1.35;margin:18px 0}
.about-finish>p:nth-of-type(4),.about-finish>p:nth-of-type(5),.about-finish>p:nth-of-type(6){font-weight:700;color:#171c17;margin-bottom:0}
.about-finish>p:nth-of-type(7){margin-top:18px}
.about-finish .actions{justify-content:center;gap:30px;margin-top:22px}
.about-small-photo{width:72%;max-width:1040px;aspect-ratio:2.35;height:auto;margin:28px auto 0;border-radius:6px;overflow:hidden}
.about-small-photo img{object-position:center 57%}
@media(min-width:1100px){.about-story{font-size:18px}.about-opening{padding-top:64px;padding-bottom:50px}.about-print-copy{padding-right:65px}.about-tree-inner{width:68%}}
@media(max-width:700px){
 .about-story{font-size:16px}
 .about-story .about-reading{width:calc(100% - 40px)}
 .about-story h1{font-size:34px}.about-story h2{font-size:29px}
 .about-opening{padding:36px 0}.about-opening h1 br{display:none}
 .about-print{display:flex;flex-direction:column-reverse}
 .about-print-copy{padding:30px 20px 20px}
 .about-print-photo{min-height:0;aspect-ratio:1.65}
 .about-print-photo img{mask-image:linear-gradient(to bottom,transparent,#000 12%)}
 .about-evolution{padding:36px 0}
 .about-purpose{padding:30px 0}
 .about-purpose-inner{width:calc(100% - 40px);grid-template-columns:75px minmax(0,1fr);gap:18px}
 .about-purpose-inner>img{width:75px;height:75px}.about-purpose h2{font-size:27px}.about-purpose h2+p{font-size:17px}
 .about-trees{display:flex;flex-direction:column;min-height:0}
 .about-tree-inner{width:100%;padding:32px 20px 20px;grid-template-columns:66px minmax(0,1fr);gap:18px}
 .about-tree-mark{width:66px;height:95px}.about-tree-inner>div{padding:0}
 .about-tree-photo{position:relative;inset:auto;order:2;width:100%;height:230px;z-index:0}
 .about-tree-photo img{mask-image:linear-gradient(to bottom,transparent,#000 15%);object-position:center}
 .about-finish{padding:32px 0 40px}.about-finish h3{font-size:19px}
 .about-finish .actions{gap:22px}.about-small-photo{width:calc(100% - 40px);height:auto;aspect-ratio:1.8}
}

.about-story .about-finish{width:100%}
.about-finish>p,.about-finish>h2,.about-finish>h3{max-width:min(660px,68%);margin-left:auto;margin-right:auto}
@media(max-width:700px){.about-finish>p,.about-finish>h2,.about-finish>h3{max-width:calc(100% - 40px)}}