.bento-slat-section{background:linear-gradient(135deg,#bf953f,#fcf6ba 25%,#b38728 50%,#fbf5b7 75%,#aa771c);box-sizing:border-box;color:var(--color-brown-light);height:auto;min-height:auto;padding:clamp(2.5rem,5vh,5rem) clamp(1.2rem,4vw,3rem)}.slat-section-intro{margin:0 auto clamp(1.8rem,3.5vh,3rem);max-width:clamp(800px,75vw,1200px);text-align:left}.slat-section-intro .section-sub{background:linear-gradient(135deg,var(--color-brown-light) 0,#1c0f05 100%);-webkit-background-clip:text;font-family:Syncopate,sans-serif;-webkit-text-fill-color:transparent;display:block;font-size:clamp(.8rem,1vw,.95rem);font-weight:700;letter-spacing:.2em;margin-bottom:.5rem}.slat-section-intro .section-main{color:var(--color-brown);font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:600;letter-spacing:.05em;margin:0}.bento-slat-life-ah-oscillation{background:linear-gradient(135deg,#e16e67,#f4b065 28%,#fbf6f3 55%,#c39f56 82%,#9d641d)}.bento-slat-life-ah-oscillation .slat-section-intro .section-main{color:#261404;text-shadow:0 1px 2px hsla(0,0%,100%,.3)}.bento-slat-life-ah-oscillation .slat-section-intro .section-sub{background:linear-gradient(135deg,#9d641d,#f4b065);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.bento-slat-container{display:flex;flex-direction:column;gap:clamp(.8rem,1.8vh,1.2rem);margin:0 auto;max-width:clamp(800px,75vw,1200px)}.bento-slat{position:relative;width:100%}.slat-collapsed-wrapper{align-items:center;background:var(--color-beige);border:1px solid rgba(64,34,15,.05);border-radius:var(--radius-md);box-shadow:0 4px 20px rgba(64,34,15,.02);cursor:pointer;display:flex;height:clamp(90px,11vh,125px);opacity:.8;overflow:hidden;transition:var(--transition-base)}.slat-collapsed-wrapper:hover{background:var(--color-white);box-shadow:0 10px 25px rgba(180,120,66,.08),0 0 0 1.5px #b38728;opacity:1;transform:translateY(-2px)}.slat-thumb-box{background-color:var(--color-beige);flex-shrink:0;height:100%;overflow:hidden;width:clamp(120px,16vw,200px)}.slat-thumb-img{filter:brightness(.97) contrast(1.01);height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%}.slat-collapsed-wrapper:hover .slat-thumb-img{transform:scale(1.04)}.slat-info-box{flex-grow:1;overflow:hidden;padding:0 clamp(1rem,2.5vw,2rem)}.slat-tag{color:var(--color-brown-light);display:block;font-size:clamp(.7rem,.8vw,.75rem);font-weight:600;letter-spacing:.1em;margin-bottom:.3rem}.slat-title{color:var(--color-brown);font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:600;line-height:1.4;margin:0 0 .5rem;transition:color .3s ease}.slat-collapsed-wrapper:hover .slat-title{color:var(--color-brown-light)}.slat-collapsed-wrapper:hover .slat-tag{color:var(--color-brown)}.slat-arrow-box{color:var(--color-brown-light);padding-right:clamp(1rem,2.5vw,2rem)}.premium-arrow-icon{transition:transform .4s var(--ease-brand),color .4s ease}.arrow-circle{transition:stroke .4s ease,fill .4s ease}.slat-collapsed-wrapper:hover .premium-arrow-icon{color:#aa771c;transform:translateX(4px)}.slat-collapsed-wrapper:hover .arrow-circle{fill:rgba(241,193,73,.06);stroke:#bf953f}.slat-expanded-reader{background-color:var(--color-cream);height:100vh;left:0;opacity:0;position:fixed;top:0;transform:scale(1.01);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),visibility .5s;visibility:hidden;width:100vw;z-index:10000}.bento-slat.active-expanded .slat-expanded-reader{opacity:1;transform:scale(1);visibility:visible}.reader-scroll-container{height:100%;overflow-y:auto;width:100%;-webkit-overflow-scrolling:touch}.reader-top-bar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(255,253,245,.85);border-bottom:1px solid rgba(64,34,15,.04);box-sizing:border-box;display:flex;height:75px;justify-content:space-between;left:0;padding:0 clamp(1.5rem,4vw,3rem);position:fixed;top:0;width:100%;z-index:10002}.back-to-list-btn{align-items:center;background:var(--color-white);border:1px solid var(--color-beige);border-radius:30px;box-shadow:0 2px 6px rgba(64,34,15,.03);color:var(--color-brown);cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;padding:.55rem 1.3rem;transition:var(--transition-base)}.back-to-list-btn:hover{border-color:#bf953f;box-shadow:0 4px 12px rgba(179,135,40,.12);color:#aa771c}.top-progress-indicator{color:var(--color-brown-light);font-size:.75rem;font-weight:600;letter-spacing:.2em}.reader-hero-header{align-items:flex-end;background:linear-gradient(170deg,var(--color-beige) 0,var(--color-cream) 100%);box-sizing:border-box;display:flex;min-height:clamp(25vh,32vh,40vh);padding:8rem clamp(1.5rem,5vw,3rem) 3rem;position:relative;width:100%}.reader-hero-header:after{background:linear-gradient(90deg,transparent,rgba(191,149,63,.3) 50%,transparent);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.hero-text-wrap{margin:0 auto;max-width:clamp(800px,65vw,1200px);width:100%}.hero-main-title,.hero-meta,.reader-body-content>*{filter:blur(5px);opacity:0;transform:translateY(24px);will-change:transform,opacity,filter}.hero-meta{color:var(--color-brown-light);display:block;font-size:clamp(.8rem,.95vw,.9rem);font-weight:700;letter-spacing:.15em;margin-bottom:.8rem}.hero-main-title{color:var(--color-brown);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:700;letter-spacing:.02em;line-height:1.25;margin:0}.reader-body-content{box-sizing:border-box;margin:2rem auto 8rem;max-width:clamp(800px,65vw,1200px);padding:0 clamp(1.5rem,2vw,3rem)}.reader-body-content p{color:var(--color-brown);font-size:clamp(1.2rem,2.5vw,1.5rem);letter-spacing:.03em;line-height:2;margin-bottom:2rem;text-align:justify}.reader-highlight-blockquote{background:rgba(180,120,66,.03);border-left:3px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#aa771c;font-size:clamp(1.35rem,3.5vw,2.2rem);line-height:1.6;margin:clamp(1.5rem,4vw,2.5rem) 0;overflow-wrap:break-word;padding:clamp(1.25rem,2.5vw,2.2rem);position:relative;text-align:justify;text-justify:inter-ideograph;text-wrap:pretty}.reader-highlight-blockquote:before{background:linear-gradient(180deg,#bf953f 0,#fcf6ba 50%,#aa771c);content:"";height:100%;left:-3px;position:absolute;top:0;width:3px}.reader-signature-author{color:var(--color-brown-light);font-size:clamp(1.25rem,1.7vw,1.5rem);font-weight:700;margin-top:1.5rem;text-align:right}@media (max-width:64rem) or (orientation:portrait){.bento-slat-section{padding:2rem 1rem}.slat-collapsed-wrapper{height:92px}.slat-thumb-box{width:100px}.slat-info-box{padding:0 .8rem}.slat-arrow-box{padding-right:.8rem}.premium-arrow-icon{height:26px;width:26px}.reader-top-bar{height:65px}.hero-main-title,.hero-meta,.reader-body-content>*{transform:translateY(12px)}.en-content .reader-highlight-blockquote,.en-content p{hyphens:auto;overflow-wrap:break-word;text-align:left;text-justify:inter-ideograph}}.reader-image-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:calc(75px + 2rem) 2rem 4rem;position:relative;width:100%}.reader-display-img{display:block;height:auto;width:100%;-webkit-touch-callout:none;user-select:none}@media (max-width:64rem) or (orientation:portrait){.reader-image-wrapper{align-items:flex-start;max-width:100%;min-height:auto;padding:calc(65px + 1.5rem) 1rem 4rem}.reader-display-img{border-radius:var(--radius-sm);box-shadow:0 10px 25px rgba(64,34,15,.06);max-height:none}}.milestone-item{align-items:flex-start;display:flex;margin-bottom:2.5rem;padding-left:2rem;position:relative}.milestone-item:before{background:linear-gradient(180deg,#bf953f 0,rgba(191,149,63,.1));bottom:-2.5rem;content:"";left:0;position:absolute;top:.6rem;width:2px}.milestone-item:last-child:before{bottom:0}.milestone-year{color:#aa771c;flex:0 0 110px;font-size:1.45rem;font-weight:700;line-height:1.6}.milestone-detail{flex:1}.milestone-detail p,.milestone-list li{color:var(--color-brown);font-size:1.5rem;line-height:1.6;margin:0}.milestone-list{margin:0;padding-left:1.2rem}.milestone-list li{margin-bottom:.8rem;text-align:justify}.milestone-list li:last-child{margin-bottom:0}.en-content .milestone-year{flex:0 0 145px}.en-content .milestone-detail p,.en-content .milestone-list li{font-size:1.4rem;line-height:1.7}.en-content .milestone-list li{margin-bottom:1rem}.en-content .milestone-list li:last-child{margin-bottom:0}.en-content .milestone-list li{text-align:left}@media (max-width:64rem) or (orientation:portrait){.milestone-item{flex-direction:column;margin-bottom:2rem;padding-left:1.5rem}.en-content .milestone-year,.milestone-year{flex:none;margin-bottom:1.5rem;width:auto}}