:root{--forest:#2d4538;--ink:#2d332e;--quiet:#657267;--border:#e5e8e1;--serif:'Noto Serif TC','Songti TC',serif;--sans:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}
.skip{position:absolute;top:-100px;left:18px;background:white;padding:12px;z-index:20}.skip:focus{top:12px}
.site-nav{border-bottom:1px solid #eef0ec;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,90px);max-width:1440px;margin:auto}
.logo{font:600 17px/1.5 var(--serif);letter-spacing:.13em;text-decoration:none;color:var(--forest)}.nav-back{font-size:12px;text-decoration:none;color:var(--quiet);border-bottom:1px solid #b9c7bc;padding:4px 0}
.title-area{width:min(1050px,calc(100% - 56px));margin:88px auto 51px}.loc{font-size:11px;color:#8d9a8f;letter-spacing:.22em;margin-bottom:23px}.title-area h1{font:600 clamp(46px,6.6vw,79px)/1.27 var(--serif);letter-spacing:.07em;color:var(--forest);margin:0 0 24px}.subtitle{font:400 clamp(18px,2.2vw,21px)/1.9 var(--serif);margin:0;color:#5f7566;max-width:740px}.trans{font-size:13px;letter-spacing:.04em;color:#889489;margin:18px 0 0}
.hero{width:min(1250px,calc(100% - 40px));margin:0 auto 0}.frame{display:block;background:#eff0e7;overflow:hidden;position:relative}.hero .frame{height:clamp(290px,51vw,580px)}.hero img{object-position:center 49%}.photo{margin:0}.photo img{filter:saturate(.93)}figcaption{font-size:11px;line-height:1.8;color:#879186;letter-spacing:.015em;margin-top:12px}.hero figcaption{width:min(770px,calc(100% - 48px));margin:12px auto 0}
.article{width:min(770px,calc(100% - 48px));margin:0 auto}.article p{font-size:16px;line-height:2.15;letter-spacing:.036em;margin:0 0 27px;text-align:justify;text-justify:inter-ideograph}.article p.lead{font:400 21px/2.0 var(--serif);color:#35533f}.intro{padding:90px 0 0}
section.text-section{margin-top:106px;display:flow-root}section.text-section h2{font:600 clamp(25px,3.1vw,32px)/1.55 var(--serif);color:var(--forest);letter-spacing:.035em;margin:0 0 30px}section.text-section::after{content:'';display:block;clear:both}
.float-portrait{float:left;width:43%;max-width:345px;margin:4px 35px 25px -90px}.float-portrait .frame{aspect-ratio:3/4}.float-portrait img{object-position:center 53%}
.float-square{float:right;width:46%;margin:7px -87px 22px 32px}.float-square .frame{aspect-ratio:1/1}
.long-photo{width:min(1030px,calc(100% - 38px));margin:79px auto 0}.long-photo .frame{height:clamp(330px,57vw,570px)}.long-photo .frame img{object-position:center 50%}.long-photo figcaption{max-width:770px;margin:13px auto 0}
.line-quote{width:min(760px,calc(100% - 50px));font:400 23px/1.95 var(--serif);color:#587564;text-align:center;margin:88px auto 0;padding:0 30px}.line-quote:before,.line-quote:after{content:'';display:block;width:35px;height:1px;background:#a1b0a3;margin:0 auto 19px}.line-quote:after{margin:19px auto 0}
.wrap-photo{width:min(800px,calc(100% - 55px));display:grid;grid-template-columns:1fr 1.1fr;gap:34px;align-items:center;margin:57px auto 0}.wrap-photo .frame{aspect-ratio:3/4}.wrap-photo .wrap-text{font:400 20px/1.95 var(--serif);letter-spacing:.04em;color:#566f5d}.wrap-photo .wrap-text span{display:block;font:400 13px/2 var(--sans);color:#899589;margin-top:17px}
.where{border-top:1px solid var(--border);padding-top:45px;margin-top:110px}.place{font:600 18px/1.7 var(--serif);color:#395541;margin:0 0 8px}.addr{font-size:13px;line-height:1.9;color:var(--quiet);margin:0 0 16px}.tiny-link{display:inline-block;font-size:13px;color:#3e7963;text-decoration:none;border-bottom:1px solid #afc8b8;padding-bottom:5px}.where p{margin-bottom:20px}
.endnote{width:min(780px,calc(100% - 40px));margin:107px auto 86px;text-align:center;color:#4b6d56;font:400 23px/2.0 var(--serif)}
.credits{width:min(770px,calc(100% - 48px));margin:0 auto 110px;padding-top:25px;border-top:1px solid var(--border);color:#788578}.credits summary{font-size:13px;cursor:pointer;color:#607e6b}.credits p,.credits li{font-size:12px;line-height:1.9}.credits li{margin:7px 0}.credits a{color:#3f7466;text-decoration:underline;text-underline-offset:3px}
footer{text-align:center;padding:40px 24px 48px;border-top:1px solid var(--border)}footer strong{font:600 16px/1.8 var(--serif);letter-spacing:.12em;color:#345342}footer p{font-size:11px;color:#8e9c8e;line-height:1.9}footer a{display:inline-block;margin-top:7px;color:#5a7561;font-size:12px;text-decoration:none;border-bottom:1px solid #a7bbac}
@media(max-width:940px){.float-portrait{margin-left:-28px}.float-square{margin-right:-28px}}
@media(max-width:720px){.site-nav{height:67px;padding:0 22px}.logo{font-size:14px;letter-spacing:.07em}.nav-back{font-size:11px}.title-area{margin:53px auto 35px;width:calc(100% - 44px)}.title-area h1{font-size:42px}.subtitle{font-size:17px}.loc{letter-spacing:.1em;font-size:10px}.hero{width:calc(100% - 16px)}.hero .frame{height:310px}.article{width:calc(100% - 43px)}.article p{font-size:15px;line-height:2.08}.intro{padding-top:62px}.article p.lead{font-size:18px}.text-section{margin-top:72px!important}.text-section h2{font-size:24px!important;margin-bottom:23px!important}.float-portrait,.float-square{float:none;width:min(100%,410px);max-width:none;margin:5px auto 29px}.float-portrait .frame{aspect-ratio:1.08/1}.float-square .frame{aspect-ratio:1.12/1}.long-photo{margin-top:50px;width:calc(100% - 20px)}.long-photo .frame{height:300px}.line-quote{font-size:18px;margin-top:63px}.wrap-photo{width:calc(100% - 48px);grid-template-columns:1fr;gap:14px}.wrap-photo .frame{max-height:390px;aspect-ratio:4/3}.wrap-photo .wrap-text{font-size:17px}.where{margin-top:80px}.endnote{font-size:18px;margin:70px auto}.credits{margin-bottom:70px}}
@media(max-width:390px){.title-area h1{font-size:37px}.hero .frame{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.ay-related{padding:60px 24px;background:#f6f5ef;border-top:1px solid #dce0d9}.ay-related>div{width:min(900px,100%);margin:auto}.ay-related-kicker{font-size:12px;letter-spacing:.15em;color:#6b7c6b}.ay-related h2{font:600 clamp(23px,3vw,31px)/1.5 "Noto Serif TC",serif;margin:8px 0 24px;color:#254331}.ay-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ay-related-links a{display:grid;gap:5px;padding:20px 22px;background:#fff;border:1px solid #dce2d7;text-decoration:none;color:#254331}.ay-related-links a:hover{border-color:#64836a}.ay-related-links span{font-size:11px;letter-spacing:.1em;color:#6e806f}.ay-related-links strong{font-size:19px}.ay-related-links small{font-size:12px;color:#5a6e60}.ay-related-guide{display:inline-block;margin-top:22px;font-size:13px;color:#345f46;text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.ay-related{padding:44px 20px}.ay-related-links{grid-template-columns:1fr}}