.preview-nav{padding:16px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:12px}.preview-nav small{opacity:.65;margin-left:15px}.preview-nav nav{display:flex;gap:25px;font:italic 20px var(--serif)}.preview-nav #langToggle{margin:0}.experience>.section-heading>p{max-width:460px;font-size:14px;line-height:2}.chapter-index{display:flex;gap:30px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:38px;font-size:13px}.chapter-index span{font-size:10px;opacity:.6;margin-right:8px}.chapter-index a:hover{text-decoration:underline}.chapter{scroll-margin-top:25px;border-top:3px solid var(--green);padding:25px 30px 36px;margin-top:30px;background:#fffdf452;position:relative}.chapter:after{content:'';position:absolute;top:-11px;right:35px;width:65px;height:20px;background:#ddc49d60;transform:rotate(5deg);pointer-events:none}.chapter-top{display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px}.chapter-number{font:italic 55px var(--serif);color:#748160}.chapter-top h2{font:500 27px var(--serif)}.chapter-top p{font-size:11px;margin-top:6px}.chapter-top time{margin-left:auto;font-size:11px;letter-spacing:1px}.chapter-body{display:grid;grid-template-columns:1fr 1.45fr;gap:7%;padding-top:30px}.chapter-story h3{font:500 23px/1.9 var(--serif);margin:18px 0}.reflection{font-size:12px;line-height:2;color:#526049}.metrics{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.metrics strong{display:block;font:500 35px/1.2 var(--serif)}.metrics span{font-size:10px;display:block;margin-top:5px}.practice{display:flex;gap:16px;margin-bottom:22px}.practice:last-child{margin-bottom:0}.practice-number{font:italic 22px var(--serif);color:#879476;flex-shrink:0;padding-top:2px}.practice h4{font:500 16px/1.8 var(--serif);margin:0 0 8px}.practice p{font-size:12px;line-height:2.1}.chapter-1{background:#e5e8d354}.chapter-2{background:#edbacb18}.preview-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.essay{background:var(--cream);padding:28px;display:flex;flex-direction:column;transform:rotate(-1deg);border-top:1px solid #ffffff70;box-shadow:2px 5px 8px #263b2010}.essay-1{background:var(--green);color:var(--cream);transform:translateY(12px) rotate(1deg)}.essay-2{background:#dce1bc;transform:rotate(-.5deg)}.essay h3{font:500 23px/1.6 var(--serif);margin:22px 0}.essay p{font-size:13px;line-height:2.2}.essay .essay-end{margin-top:20px;font-family:var(--serif)}.essay-phrase{font:italic 32px/1.1 var(--serif);border-top:1px solid currentColor;padding-top:20px;margin-top:30px}.contact-bottom{align-items:start}.contact-bottom>p{max-width:410px;font-size:17px;line-height:2.2}.contact-links{min-width:42%}.contact-links a{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #edbacb55}.contact-links a:hover{color:var(--cream)}.contact-links span{font:9px 'DM Sans',sans-serif;letter-spacing:1.5px;min-width:70px}.contact-links strong{font:400 25px var(--serif)}.contact-links b{margin-left:auto;font-weight:400}.contact h2{margin-top:35px}.lang-en .chapter-story h3{line-height:1.5}.lang-en .practice h4{line-height:1.5}.lang-en .essay p{line-height:1.9}@media(max-width:900px){.chapter-body{grid-template-columns:1fr;gap:30px}.metrics{margin-top:20px}.preview-notes{grid-template-columns:1fr}.essay{transform:none}.essay-phrase{margin-top:22px}.contact-bottom{flex-direction:column}.contact-links{width:100%}.preview-nav small{display:block;margin-left:0}.preview-nav nav{font-size:16px;gap:13px}}@media(max-width:600px){.preview-nav{flex-wrap:wrap;gap:12px}.preview-nav nav{order:3;width:100%;justify-content:space-between}.chapter{padding:20px 18px 28px}.chapter-top{flex-wrap:wrap;gap:14px}.chapter-top time{width:100%;margin:0}.chapter-number{font-size:42px}.chapter-top h2{font-size:24px}.chapter-story h3{font-size:21px}.practice p{font-size:13px}.chapter-index{gap:15px;font-size:11px}.essay{padding:25px}.contact-links strong{font-size:21px}.contact-links a{gap:8px}.contact-bottom>p{font-size:16px}.contact .section-label{flex-wrap:wrap}.metrics{gap:20px}.metrics strong{font-size:30px}}
/* Live-page typography and continuous section colors. */
.hero .intro h2{font-size:clamp(24px,2.25vw,34px);letter-spacing:0;line-height:1.8}
.intro>p{max-width:460px}
.about-layout{grid-template-columns:.85fr 1.15fr;gap:8%}
.about-copy .large-copy{font-size:clamp(22px,2.1vw,30px)}
.about-copy>p:not(.large-copy)+p{margin-top:18px}
.interest-line{flex-wrap:wrap}
.contact-newline{display:inline-block;margin-top:10px}
#contact .contact-bottom>p{max-width:460px}
main>.section-pad{--transition-height:100px;padding-top:calc(var(--transition-height) + 35px);background-repeat:no-repeat}
main>#about{background-color:var(--green);background-image:linear-gradient(to bottom,var(--pink) 0px,#b7ad9a 28px,#71805a 65px,var(--green) 100px)}
main>#experience{background-color:var(--cream);background-image:linear-gradient(to bottom,var(--green) 0px,#829070 38px,#d8d9be 73px,var(--cream) 100px)}
main>#life{background-color:#dce1bc;background-image:linear-gradient(to bottom,var(--cream) 0px,#e9e9cf 45px,#dce1bc 100px)}
main>#thoughts{background-color:var(--pink);background-image:linear-gradient(to bottom,#dce1bc 0px,#e4d3bd 45px,var(--pink) 100px)}
main>#contact{background-color:var(--green);background-image:linear-gradient(to bottom,var(--pink) 0%,#b6ad9b 16%,#6c7a4d 33%,var(--green) 57%)}
@media(max-width:850px){.about-layout{grid-template-columns:1fr;gap:30px}.hero .intro h2{font-size:clamp(20px,2.8vw,26px)}}
@media(max-width:600px){.hero .intro h2{font-size:clamp(21px,5.65vw,29px)}.about-copy .large-copy{font-size:clamp(20px,5.4vw,25px)}main>.section-pad{--transition-height:100px;padding-top:125px}.contact-newline{margin-top:12px}}