.values-section{position:relative;isolation:isolate;overflow:hidden;background:#fff;color:#20352f;padding:clamp(120px,10vw,160px) 0 130px}
.values-section *{box-sizing:border-box}
.values-section__header{position:relative;z-index:1;width:calc(100% - 48px);max-width:960px;margin:0 auto;text-align:center}
.values-section__label{display:table;margin:0 auto;padding:6px 30px;background:#e5f2e2;color:#43876e;border-radius:99px;font:500 14px/1.5 YBConceptLabel,sans-serif;letter-spacing:.075em}
.values-section__title{font:500 clamp(40px,4.3vw,66px)/1.5 YorisoiHeadline,serif;letter-spacing:-.025em;margin:24px 0 20px}
.values-section__title span{position:relative;isolation:isolate;display:inline-block}
.values-section__title span::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:9%;height:18%;border-radius:48% 36% 57% 42%;background:#edf4e7;transform:rotate(-1deg)}
.values-section__title span:last-child::after{background:#fbece2;transform:rotate(1deg)}
.values-section__lead{font:17px/1.85 YorisoiBody,sans-serif;color:#444;margin:0 auto;max-width:750px}
.values-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;width:calc(100% - 64px);max-width:1380px;margin:36px auto 0;padding-bottom:90px}
.value-item{--value-tint:#fdf4f0;--value-accent:#eea18b;position:relative;background:var(--value-tint);border-radius:43% 37% 31% 28% / 24% 27% 17% 22%;min-width:0}
.value-item--accept{--value-tint:#f4f8ee;--value-accent:#8fbe85;margin-top:90px;border-radius:34% 48% 28% 19% / 24% 24% 20% 15%}
.value-item--nearby{--value-tint:#f0f7fc;--value-accent:#9ac2ee;margin-top:24px;border-radius:35% 40% 34% 39% / 23% 30% 23% 15%}
.value-item__image{width:100%;aspect-ratio:1.6;background-image:url('assets/values-artwork.webp');background-repeat:no-repeat;background-size:301.667% 350.323%;background-position:3.099% 34.149%;border-radius:38% 44% 29% 27% / 52% 40% 36% 32%}
.value-item--accept .value-item__image{background-position:50.62% 50.258%}
.value-item--nearby .value-item__image{background-position:99.17% 38.66%}
.value-item__body{position:relative;padding:34px 28px 38px}
.value-item__number{display:grid;place-items:center;position:relative;margin:-76px 0 12px -10px;width:78px;height:78px;border:4px solid #fff;border-radius:50%;background:var(--value-accent);color:#fff;font:48px/1 Georgia,serif}
.value-item h3{font:500 clamp(23px,1.9vw,29px)/1.55 YorisoiHeadline,serif;letter-spacing:-.055em;margin:0 0 16px}
.value-item h3::after{content:"";display:block;width:48px;height:2px;border-radius:50%;background:var(--value-accent);margin-top:6px}
.value-item__body>p{font:17px/1.9 YorisoiBody,sans-serif;color:#3f4441;margin:0;overflow-wrap:anywhere}
.value-item__note,.values-section__note{font:16px/1.8 YorisoiHandFull,cursive;color:#706b76;letter-spacing:.08em;transform:rotate(-9deg)}
.value-item__note{position:absolute;right:14px;top:-75px;margin:0;text-align:center}
.value-item__note::after{content:"";display:block;width:145px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 24' fill='none'%3E%3Cpath d='M2 16C50 29 133 0 218 8' stroke='%2379B67C' stroke-width='1.3'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.values-section__closing{position:relative;z-index:1;font:22px/1.9 YorisoiBody,sans-serif;text-align:center;max-width:900px;width:calc(100% - 48px);margin:-52px auto 0;color:#33403a}
.values-section__closing p{margin:0 0 6px}.values-section__closing::after{content:"";display:block;width:360px;max-width:85%;height:24px;margin:8px auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 24' fill='none'%3E%3Cpath d='M2 12C100 0 130 28 220 16S330 2 398 12' stroke='%238ab580' stroke-width='1.3'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.values-mobile-break{display:none}
.values-section__note{position:absolute;top:200px;z-index:1;margin:0}.values-section__note--left{left:4%}.values-section__note--right{right:3%}
.values-section__decoration{position:absolute;top:120px;pointer-events:none;background:url('assets/values-artwork.webp') 0 0/1448px 1086px no-repeat;width:425px;height:260px;z-index:0;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
.values-section__decoration--left{left:0;clip-path:polygon(0 0,100% 0,100% 55%,70% 55%,70% 100%,0 100%)}
.values-section__decoration--right{right:0;background-position:right top;width:395px}
.values-section__landscape{position:absolute;bottom:0;left:0;right:0;height:6vw;max-height:100px;background:url('assets/values-artwork.webp') center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 30%);pointer-events:none}
@media(max-width:1250px){.values-section__note,.values-section__decoration{display:none}.values-list{gap:18px}.value-item__body{padding:32px 20px}.value-item h3{font-size:24px}.value-item__body>p{font-size:16px}}
@media(max-width:1000px){.values-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;gap:36px;padding-bottom:0}.value-item--accept,.value-item--nearby{margin-top:0}.value-item--nearby{grid-column:1/-1;width:calc(50% - 18px);justify-self:center}.value-item__note{position:static;transform:none;margin:12px 0;text-align:center}.value-item__note::after{display:none}.value-item--accept{display:flex;flex-direction:column}.value-item--accept .value-item__note{order:3;margin:0 20px 24px}.values-section__closing{margin:36px auto 0;font-size:20px}.values-section__title{font-size:clamp(34px,5vw,48px)}}
@media(max-width:600px){.values-section{padding:80px 0 85px}.values-section__label{font-size:11px;padding:7px 18px}.values-section__title{font-size:clamp(28px,7.6vw,36px);line-height:1.55}.values-section__lead{font-size:15px}.values-list{display:flex;flex-direction:column;width:calc(100% - 48px);max-width:440px;gap:32px;margin-top:30px}.value-item,.value-item--nearby{width:100%}.value-item__body{padding:32px 24px}.value-item h3{font-size:24px}.value-item__number{width:67px;height:67px;font-size:40px;margin-top:-68px}.value-item__body>p{font-size:16px}.values-section__closing{font-size:17px;margin-top:32px}.values-mobile-break{display:block}.values-section__landscape{height:42px;background-size:auto 460px}}
/* Keep each reference photograph and its organic edge intact. */
.value-item--family .value-item__image{aspect-ratio:480/300;background-size:301.667% 362%;background-position:3.306% 33.842%}
.value-item--accept .value-item__image{aspect-ratio:447/278;background-size:323.937% 390.647%;background-position:50.45% 49.257%}
.value-item--nearby .value-item__image{aspect-ratio:458/330;background-size:316.157% 329.091%;background-position:98.384% 38.095%}
.value-item__number{font-weight:400;font-family:Georgia,'Times New Roman',serif}
.value-item--accept::before{content:"";position:absolute;z-index:1;top:-42px;left:30px;width:66px;height:78px;background:url('assets/values-artwork.webp') -556px -341px/1448px 1086px no-repeat;mix-blend-mode:multiply;pointer-events:none}
.value-item--nearby::after{content:"";position:absolute;right:12px;top:54%;width:61px;height:80px;background:url('assets/values-artwork.webp') -1047.2px -483.2px/1158.4px 868.8px no-repeat;mix-blend-mode:multiply;pointer-events:none}
.values-section__decoration--left{height:330px;clip-path:polygon(0 0,100% 0,100% 45%,36% 45%,36% 100%,0 100%);mask-image:linear-gradient(transparent,#000 8%,#000 97%,transparent)}
.values-section__decoration--right{height:282px;mask-image:linear-gradient(transparent,#000 8%,#000 97%,transparent)}
@media(max-width:1000px){.value-item--accept::before,.value-item--nearby::after{display:none}}
.value-item--accept .value-item__image{aspect-ratio:447/262;background-size:323.937% 414.504%;background-position:50.45% 50.243%}
.values-section__decoration--left{clip-path:polygon(0 0,100% 0,100% 64%,36% 64%,36% 70%,22% 80%,8% 100%,0 100%)}
.value-item__number{font-family:'Times New Roman',serif}
/* Separate the branch from the large decorative crop to preserve its outline. */
.values-section__decoration--left{height:210px;clip-path:none;mask-image:linear-gradient(transparent,#000 10%,#000 98%,transparent);overflow:visible}
.values-section::before{content:"";position:absolute;top:330px;left:24px;width:85.5px;height:96px;background:url('assets/day-story-artwork.webp') -1162.5px -474px/2508px 1411.5px no-repeat;mix-blend-mode:multiply;pointer-events:none;z-index:0}
@media(max-width:1250px){.values-section::before{display:none}}

.values-section::before{width:110px;height:110px;background:url('assets/values-leaf-hires.webp') center/contain no-repeat;left:12px;top:320px}
/* Remove the partial green shape at the sprite boundary and draw it independently. */
.values-section__decoration--left{height:200px;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
.values-section::after{content:"";position:absolute;z-index:-1;top:325px;left:-65px;width:180px;height:135px;background:#edf5e7;border-radius:42% 58% 63% 37% / 40% 38% 62% 60%;transform:rotate(-12deg);opacity:.8;pointer-events:none}
@media(max-width:1250px){.values-section::after{display:none}}
/* Let the original organic photo edge blend into one continuous peach backdrop. */
.value-item--family{overflow:hidden}
.value-item--family .value-item__image{border-radius:0;mix-blend-mode:multiply}
/* Use a single artwork region for the photograph and peach shape, avoiding a seam. */
.value-item--family{background-color:transparent;background-image:url('assets/values-artwork.webp');background-repeat:no-repeat;background-size:314.783% 208.846%;background-position:3.239% 46.996%;border-radius:38% 38% 30% 25% / 25% 25% 18% 18%}
.value-item--family .value-item__image{background:none;mix-blend-mode:normal}
.value-item--family{background:none;isolation:isolate}
.value-item--family::before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/values-artwork.webp') 3.239% 46.996%/314.783% 208.846% no-repeat;border-radius:inherit;mask-image:linear-gradient(#000 0 86%,transparent 96%);pointer-events:none}
/* Independent transparent leaf and a single uninterrupted mint backdrop. */
.value-item--accept::before{background:url('assets/values-leaf-hires.webp') center/contain no-repeat;width:66px;height:78px;mix-blend-mode:normal;transform:rotate(45deg);top:-40px;left:24px}
.value-item--accept .value-item__image{width:calc(100% - 20px);margin:12px 10px 0;aspect-ratio:1.62;border-radius:43% 57% 34% 28% / 47% 38% 40% 28%;background-size:cover;background-position:center;mix-blend-mode:normal}

.value-item--accept .value-item__image{background-image:url('assets/values-accept-photo.webp')}

.value-item--accept .value-item__image{background-size:120% auto;background-position:center 48%}
/* Independent photo and transparent foliage over one blue backdrop. */
.value-item--nearby::after{background:url('assets/values-leaf-hires.webp') center/contain no-repeat;mix-blend-mode:normal;width:58px;height:74px;transform:rotate(45deg);right:18px;top:54%}
.value-item--nearby .value-item__image{width:calc(100% - 20px);margin:12px 10px 0;aspect-ratio:458/330;border-radius:42% 37% 32% 36% / 39% 42% 34% 29%;background-size:cover;background-position:center;mix-blend-mode:normal}

.value-item--nearby .value-item__image{background-image:url('assets/values-nearby-photo.webp')}

.values-section__decoration--right::before{content:'';position:absolute;left:0;top:8px;width:165px;height:140px;background:#fff url('assets/values-bird-twig.webp') center/contain no-repeat}
/* Family: independent photograph above a complete, solid peach silhouette. */
.value-item--family{background:#fdf4f0;border-radius:43% 37% 31% 28% / 24% 27% 17% 22%;overflow:visible}
.value-item--family::before{display:none}
.value-item--family .value-item__image{width:calc(100% - 20px);margin:12px 10px 0;aspect-ratio:1.6;border-radius:42% 39% 30% 28% / 45% 40% 34% 30%;background-size:cover;background-position:center;mix-blend-mode:normal}

.value-item--family .value-item__image{background-image:url('assets/values-family-photo.webp')}
/* Transparent foliage frames the closing message without covering its text. */
.values-section__closing{padding-inline:90px;max-width:1120px;box-sizing:border-box}
.values-section__closing-leaf{position:absolute;top:8px;width:76px;height:88px;background:url('assets/values-leaf-hires.webp') center/contain no-repeat;pointer-events:none}
.values-section__closing-leaf--left{left:0;transform:rotate(-24deg)}
.values-section__closing-leaf--right{right:0;transform:scaleX(-1) rotate(-24deg)}
@media(max-width:1000px){.values-section__closing{padding-inline:60px}.values-section__closing-leaf{width:50px;height:66px;top:16px}}
@media(max-width:600px){.values-section__closing{padding-inline:0;padding-bottom:28px}.values-section__closing-leaf{top:auto;bottom:0;width:34px;height:42px}.values-section__closing-leaf--left{left:12px}.values-section__closing-leaf--right{right:12px}}
/* One quiet reveal per reading group; decoration stays attached to its group. */
@media(prefers-reduced-motion:no-preference){
  .values-motion{opacity:0;translate:0 12px;transition:opacity 900ms ease var(--values-delay,0ms),translate 900ms cubic-bezier(.22,.61,.36,1) var(--values-delay,0ms)}
  .values-section__label.values-motion{translate:0 6px}
  .values-section__closing.values-motion{translate:none;transition-duration:1100ms}
  .values-motion--visible{opacity:1;translate:0 0}
  .values-section__label.values-motion--visible{translate:0 0}
}
@media(prefers-reduced-motion:reduce){.values-motion{opacity:1;translate:none;transition:none}}