.seri-town-page{--town-green:#264d3d;--town-yellow:#e9b937;--town-rust:#a74a31;--town-paper:#faf8ef;color:var(--town-green);background:var(--town-paper)}
.seri-town-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px var(--gutter);border-bottom:1px solid #d7d9c8;font-size:12px;line-height:1.6}
.seri-town-topline a{display:inline-flex;align-items:center;gap:10px;min-height:32px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#a9b6a5}
.seri-town-topline>span{font:10px/1.6 var(--mono);letter-spacing:.04em}
.seri-town-hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:65px var(--gutter) 80px;max-width:1600px;margin:auto}
.seri-town-page .eyebrow{color:var(--town-green);letter-spacing:.08em;font-size:11px}
.seri-town-intro>.eyebrow{display:flex;align-items:center;gap:9px}
.seri-town-dot{width:7px;height:7px;background:var(--town-green);border-radius:50%;flex-shrink:0}
.seri-town-intro h1{font-size:clamp(60px,6.7vw,102px);font-weight:600;letter-spacing:-.065em;line-height:1.02;max-width:8.8ch;margin-bottom:28px}
:lang(zh-TW) .seri-town-intro h1,:lang(zh-Hant) .seri-town-intro h1{max-width:5em;font-size:clamp(50px,6.4vw,88px);line-height:1.2;letter-spacing:-.035em}
.seri-town-lede{max-width:34em;font-size:15px;line-height:1.9;color:#536253}
.seri-town-lede p+p{margin-top:12px}
.seri-town-button{min-height:48px;background:var(--town-green);color:#fffdf3;border:1px solid var(--town-green);gap:24px;padding:13px 21px;white-space:normal;text-align:start;line-height:1.6}
.seri-town-button:hover{background:#193d2d;color:white}
.seri-town-intro>.button{margin-top:28px}
.seri-town-location{margin-top:30px;font:10px/1.7 var(--mono);letter-spacing:.03em;color:#5f6c5b}
.seri-town-postcard-wrap{min-width:0;padding:10px 8px}
.seri-town-postcard{background:#fffcf2;border:1px solid #bdc6b1;box-shadow:9px 11px 0 #e6e8d8;transform:rotate(2deg);min-height:460px;position:relative}
.seri-town-postcard summary{list-style:none;cursor:pointer}
.seri-town-postcard summary::-webkit-details-marker,.seri-town-stop summary::-webkit-details-marker{display:none}
.seri-town-postcard-front{display:block;padding:23px 25px 18px}
.seri-town-card-top{display:flex;justify-content:space-between;gap:12px;font:11px/1.5 var(--mono)}
.seri-town-card-top>span:last-child{font:22px/1 var(--sans)}
.seri-town-postcard-front img{height:auto;aspect-ratio:4/3;object-fit:contain;max-height:330px;margin:8px auto 0}
.seri-town-card-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px}
.seri-town-card-bottom>span:first-child{font-family:var(--serif);font-size:50px;letter-spacing:.08em;line-height:1.2}
.seri-town-card-bottom>span:last-child{text-align:end;font:9px/1.7 var(--mono);letter-spacing:.08em}
.seri-town-card-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 25px;min-height:50px;border-top:1px dashed #c7c9b2;font-size:12px}
.seri-town-turn-icon{font-size:22px;line-height:1}
.seri-town-open-label,.seri-town-postcard[open] .seri-town-closed-label,.seri-town-postcard[open] .seri-town-postcard-front{display:none}
.seri-town-postcard[open] .seri-town-open-label{display:inline}
.seri-town-postcard[open] .seri-town-card-toggle{border-top:0;border-bottom:1px dashed #c7c9b2}
.seri-town-postcard summary:hover .seri-town-card-toggle{background:#eef0db}
.seri-town-postcard-note{padding:22px 30px 32px;font-size:14px;line-height:1.9}
.seri-town-postcard-note>p+p{margin-top:17px}
.seri-town-postmark{display:block;width:max-content;max-width:100%;margin:0 0 20px auto;padding:12px 15px;border:2px double #8c5139;border-radius:50%;font:9px/1.6 var(--mono);text-align:center;transform:rotate(-13deg);color:#8c5139}
.seri-town-postcard-note .seri-town-salutation{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.4}
.seri-town-signature{font-size:12px}
.seri-town-signature strong{font-size:18px;letter-spacing:-.03em}
.seri-town-art-note{margin-top:25px;text-align:center;font-size:10px;color:#5f6c5b}
.seri-town-stories{padding:55px var(--gutter) 60px;border-top:1px solid #d7d9c8;background:#eeefe2;scroll-margin-top:110px}
.seri-town-stories-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.seri-town-stories-heading .eyebrow{margin-bottom:12px}
.seri-town-stories-heading h2{font-size:clamp(30px,3.4vw,46px);font-weight:550;letter-spacing:-.045em}
.seri-town-collection{flex-shrink:0;font-size:12px;color:#526350}
.seri-town-progress{margin-top:7px;font:11px/1.6 var(--mono);color:var(--town-green)}
.seri-town-stamp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.seri-town-stop{min-width:0;background:var(--town-paper);border:1px solid #b9c3af;position:relative;box-shadow:0 3px 0 #d9dfcd}
.seri-town-stop summary{list-style:none;cursor:pointer;padding:22px 25px 0}
.seri-town-stamp-top{display:flex;justify-content:space-between;align-items:center;font:10px/1.5 var(--mono)}
.seri-town-check{visibility:hidden;width:25px;height:25px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:14px}
.is-collected .seri-town-check{visibility:visible}
.seri-town-stamp-art{display:grid;place-items:center;max-width:240px;width:100%;margin:8px auto 22px;aspect-ratio:1.2}
.seri-town-stamp-art img{height:auto;object-fit:contain;transition:transform .2s ease}
.seri-town-stop summary:hover .seri-town-stamp-art img{transform:rotate(-5deg)}
.seri-town-story-kind{display:block;font-size:11px;color:#5f6c5b;margin-bottom:8px}
.seri-town-stop h3{font-size:clamp(22px,2.2vw,29px);line-height:1.25;letter-spacing:-.035em;font-weight:600;min-height:2.5em}
.seri-town-story-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;margin-top:18px;border-top:1px dashed #bfc7b4;font-size:12px;min-height:51px}
.seri-town-expand{font-size:24px;line-height:1;transition:transform .2s ease}
.seri-town-stop[open] .seri-town-expand{transform:rotate(45deg)}
.seri-town-story-body{padding:5px 25px 24px;font-size:13px;color:#4e604d}
.seri-town-story-body>p{line-height:1.9}
.seri-town-reward{display:flex;align-items:center;gap:22px;padding:24px 28px;margin-top:25px;border:1px dashed #849753;background:#f2e6ac}
.seri-town-reward-seal{width:62px;height:62px;border:1px solid currentColor;border-radius:50%;display:grid;place-content:center;text-align:center;flex-shrink:0;font:12px/1.4 var(--mono);transform:rotate(-10deg)}
.seri-town-reward h3{font-size:22px;font-weight:550}
.seri-town-reward p{font-size:13px;margin-top:8px}
.seri-town-goodbye{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:55px var(--gutter) 45px}
.seri-town-goodbye h2{font-size:clamp(30px,3.2vw,43px);font-weight:550}
.seri-town-goodbye p:not(.eyebrow){font-size:14px;color:#5f6c5b;margin-top:17px}
.seri-town-exits{display:flex;flex-direction:column;align-items:flex-start;gap:18px;flex-shrink:0}
.seri-town-exits .text-link{font-size:12px;white-space:normal}
.seri-town-page a:focus-visible,.seri-town-page summary:focus-visible{outline-color:var(--blue);outline-offset:4px}
@media(min-width:1600px){.seri-town-hero{gap:80px}}
@media(max-width:1000px){.seri-town-hero{gap:5%;padding-top:42px;padding-bottom:52px}.seri-town-intro h1{font-size:68px}.seri-town-postcard{min-height:410px}.seri-town-postcard-front{padding:19px 20px 17px}.seri-town-card-bottom>span:first-child{font-size:42px}.seri-town-lede{font-size:14px}.seri-town-stamp-grid{gap:15px}.seri-town-stop summary{padding:18px 18px 0}.seri-town-story-body{padding:5px 18px 22px}.seri-town-stories-heading{align-items:start}.seri-town-stories-heading h2{max-width:16em}}
@media(max-width:760px){.seri-town-topline{padding-top:17px;padding-bottom:17px}.seri-town-topline>span{font-size:9px;text-align:end;max-width:14em}.seri-town-hero{grid-template-columns:1fr;padding-top:34px;gap:32px}.seri-town-intro h1{font-size:clamp(58px,13.8vw,84px);max-width:9ch;margin-bottom:22px}.seri-town-intro>.eyebrow{font-size:10px;margin-bottom:20px}.seri-town-lede{max-width:40em}.seri-town-location{margin-top:23px}.seri-town-postcard-wrap{width:100%;max-width:510px;justify-self:center;padding-inline:7px 12px}.seri-town-postcard{min-height:0}.seri-town-postcard[open]{min-height:450px}.seri-town-postcard-front{padding:20px 22px 17px}.seri-town-postcard-front img{max-height:300px}.seri-town-art-note{margin-top:20px}.seri-town-stories{padding-top:36px;padding-bottom:38px;scroll-margin-top:88px}.seri-town-stories-heading{flex-direction:column;gap:15px;margin-bottom:24px}.seri-town-stories-heading h2{font-size:32px}.seri-town-collection{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.seri-town-collection p{font-size:11px;margin:0}.seri-town-stamp-grid{grid-template-columns:1fr;gap:20px}.seri-town-stop summary{padding:18px 22px 0}.seri-town-stamp-art{max-width:200px;margin-top:0;margin-bottom:15px}.seri-town-stop h3{font-size:27px;min-height:0}.seri-town-story-body{padding:5px 22px 24px}.seri-town-reward{padding:20px;gap:16px;align-items:flex-start}.seri-town-reward-seal{width:46px;height:46px;font-size:10px}.seri-town-reward h3{font-size:21px}.seri-town-goodbye{flex-direction:column;align-items:start;padding-top:38px;padding-bottom:30px;gap:24px}.seri-town-exits{gap:20px}.seri-town-goodbye h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.seri-town-stamp-art img,.seri-town-expand{transition:none}.seri-town-stop summary:hover .seri-town-stamp-art img{transform:none}}