@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;700&family=Noto+Sans+TC:wght@300;400;500;700&family=Schibsted+Grotesk:wght@400;500;700&display=swap";
:root{--paper:#f7f6f3;--surface:#fff;--surface-sunk:#faf9f7;--ink:#1c1b19;--ink-soft:#56524c;--ink-faint:#8c877f;--line:#e6e3dd;--line-soft:#eeece7;--teal:#2f6b76;--teal-dark:#1f4d56;--teal-wash:#eef4f5;--teal-grad:linear-gradient(158deg, #eaf1f2 0%, #cfe0e3 100%);--clay:#b5664a;--clay-dark:#8f4b33;--clay-wash:#f8efe9;--clay-grad:linear-gradient(158deg, #f6ece6 0%, #e9d3c6 100%);--step--1:.9375rem;--step-0:1rem;--step-1:1.1875rem;--step-2:1.4375rem;--step-3:1.875rem;--step-4:2.25rem;--step-5:clamp(2.125rem, 1.4rem + 3vw, 3.875rem);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;--radius:14px;--radius-sm:7px;--content-width:720px;--page-width:1312px;--font-sans:"Noto Sans TC", -apple-system, BlinkMacSystemFont, "PingFang TC", sans-serif;--font-serif:"Noto Serif TC", "Songti TC", serif;--font-latin:"Schibsted Grotesk", var(--font-sans)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;font-weight:300;line-height:1.85}img,video{max-width:100%;height:auto;display:block}a{color:var(--teal);text-underline-offset:3px;text-decoration:none}a:hover{color:var(--teal-dark)}h1,h2,h3,h4{letter-spacing:-.015em;margin:0;font-weight:700;line-height:1.38}.serif{font-family:var(--font-serif)}.latin{font-family:var(--font-latin)}.eyebrow{font-family:var(--font-latin);letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase;font-size:12px;font-weight:500}.page{width:100%;max-width:var(--page-width);padding-inline:var(--sp-8);margin-inline:auto}.prose{max-width:var(--content-width);margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);background:#f7f6f3e6;position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--sp-6);min-height:72px;display:flex}.site-header__brand{font-family:var(--font-latin);font-size:var(--step-2);letter-spacing:-.035em;color:var(--ink);margin-inline-end:auto;font-weight:700}.site-nav{align-items:center;gap:var(--sp-6);flex-wrap:wrap;display:flex}.site-nav a{color:var(--ink-soft);font-size:var(--step--1);white-space:nowrap}.site-nav a:hover{color:var(--ink)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--step-0);cursor:pointer;border:1px solid #0000;padding:13px 24px;font-weight:500;transition:background-color .15s,border-color .15s,transform 80ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{color:var(--paper);background:#000}.btn--ghost{color:var(--ink);background:0 0;border-color:#d6d2ca}.btn--ghost:hover{border-color:var(--ink-faint);color:var(--ink)}.btn--light{background:var(--paper);color:var(--ink)}.btn--light:hover{color:var(--ink);background:#fff}.hero{padding-block:var(--sp-10) var(--sp-9)}.hero__grid{gap:var(--sp-7);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.hero__head{grid-column:span 7}.hero__aside{padding-bottom:var(--sp-1);grid-column:span 5}.hero__title{font-family:var(--font-serif);font-size:var(--step-5);letter-spacing:-.015em;margin-top:var(--sp-5);text-wrap:pretty;line-height:1.32}.hero__lede{font-size:var(--step-1);color:var(--ink-soft);line-height:2}.hero__actions{gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.section{padding-block:var(--sp-9)}.section--surface{background:var(--surface);border-block:1px solid var(--line)}.section__head{justify-content:space-between;align-items:flex-end;gap:var(--sp-5);margin-bottom:var(--sp-7);flex-wrap:wrap;display:flex}.section__title{font-family:var(--font-serif);font-size:var(--step-4);margin-top:var(--sp-3)}.section__more{font-size:var(--step--1);color:var(--ink-soft)}.section__more:hover{color:var(--ink)}.lines{gap:var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.line-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;transition:border-color .15s,box-shadow .2s;display:flex;overflow:hidden}.line-card:hover{color:inherit;border-color:#d6d2ca;box-shadow:0 10px 36px #1c1b1912}.line-card__art{justify-content:center;align-items:center;height:264px;display:flex;position:relative}.line-card__art--teal{background:var(--teal-grad)}.line-card__art--clay{background:var(--clay-grad)}.line-card__art:before{content:"";background:radial-gradient(at 72% 22%,#ffffffd9,#0000 58%);position:absolute;inset:0}.line-card__body{padding:var(--sp-6) var(--sp-6) var(--sp-7);gap:var(--sp-3);flex-direction:column;flex:1;display:flex}.line-card__title{font-family:var(--font-serif);font-size:var(--step-3)}.line-card__summary{color:var(--ink-soft);margin:0;line-height:1.95}.line-card__foot{padding-top:var(--sp-5);border-top:1px dashed var(--line);align-items:baseline;gap:var(--sp-4);font-size:var(--step--1);color:var(--ink-faint);flex-wrap:wrap;margin-top:auto;display:flex}.line-card__price{font-family:var(--font-latin);color:var(--ink);font-weight:500}.line-card__go{margin-left:auto}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{font-size:var(--step--1);background:var(--surface-sunk);color:var(--ink-soft);border:1px solid #0000;border-radius:999px;padding:5px 13px}.chip--teal{background:var(--teal-wash);color:var(--teal)}.chip--clay{background:var(--clay-wash);color:var(--clay)}.chip--link{border-color:var(--line);background:var(--surface)}.chip--link:hover{border-color:var(--ink-faint);color:var(--ink)}.chip[aria-current=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.note-line{font-size:var(--step--1);color:var(--ink-faint);text-align:center;margin-top:var(--sp-5)}.approach{gap:var(--sp-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.approach__item{gap:var(--sp-4);padding:var(--sp-6);background:var(--surface-sunk);border-radius:var(--radius);flex-direction:column;display:flex}.approach__title{font-size:var(--step-1);letter-spacing:0;font-weight:500}.approach__text{font-size:var(--step--1);color:var(--ink-soft);margin:0;line-height:1.9}.grid{gap:var(--sp-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card{gap:var(--sp-4);color:inherit;flex-direction:column;display:flex}.card:hover{color:inherit}.card:hover .card__title{color:var(--teal)}.card__media{aspect-ratio:16/10;border-radius:var(--radius);background:var(--teal-grad);position:relative;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%}.card__media:after{content:"";pointer-events:none;background:radial-gradient(circle at 70% 26%,#ffffffbf,#0000 58%);position:absolute;inset:0}.card__media--clay{background:var(--clay-grad)}.card__media--stone{background:linear-gradient(152deg,#eeeee9 0%,#cccbc2 100%)}.card__meta{font-family:var(--font-latin);letter-spacing:.1em;color:var(--ink-faint);gap:var(--sp-3);flex-wrap:wrap;font-size:12px;display:flex}.card__title{font-family:var(--font-serif);font-size:var(--step-2);line-height:1.55;transition:color .15s}.card__excerpt{color:var(--ink-soft);font-size:var(--step--1);margin:0;line-height:1.9}.article-header{padding-block:var(--sp-9) var(--sp-6)}.article-header__meta{font-family:var(--font-latin);letter-spacing:.1em;color:var(--ink-faint);gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;font-size:12px;display:flex}.article-header__title{font-family:var(--font-serif);font-size:var(--step-4)}.article-header__excerpt{margin:var(--sp-5) 0 0;font-size:var(--step-1);color:var(--ink-soft);line-height:1.95}.article-cover{margin-block:var(--sp-6);border-radius:var(--radius);overflow:hidden}.article-body{padding-bottom:var(--sp-10)}.block+.block{margin-top:var(--sp-6)}.block--full{max-width:none}.rich p{margin:0 0 var(--sp-5)}.rich>:last-child{margin-bottom:0}.rich h2{font-family:var(--font-serif);font-size:var(--step-3);margin:var(--sp-8) 0 var(--sp-4)}.rich h3{font-size:var(--step-1);margin:var(--sp-7) 0 var(--sp-3);font-weight:500}.rich ul,.rich ol{margin:0 0 var(--sp-5);padding-inline-start:1.5em}.rich li{margin-bottom:var(--sp-2)}.rich blockquote{margin:var(--sp-6) 0;border-inline-start:3px solid var(--line);color:var(--ink-soft);padding-inline-start:var(--sp-5)}.rich code{background:var(--surface-sunk);border-radius:4px;padding:.15em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.rich img{border-radius:var(--radius-sm);margin-block:var(--sp-5)}.rich table{border-collapse:collapse;width:100%;margin:var(--sp-5) 0;font-size:var(--step--1)}.rich th,.rich td{border:1px solid var(--line);padding:var(--sp-3);text-align:start}.rich th{background:var(--surface-sunk);font-weight:500}.figure{margin:0}.figure img{border-radius:var(--radius);width:100%}.figure figcaption{margin-top:var(--sp-3);font-size:var(--step--1);color:var(--ink-faint);text-align:center}.image-text{gap:var(--sp-6);grid-template-columns:1fr 1fr;align-items:center;display:grid}.image-text--right .image-text__media{order:2}.image-text img{border-radius:var(--radius)}.callout{border-radius:var(--radius);padding:var(--sp-5) var(--sp-6);border:1px solid}.callout__title{margin-bottom:var(--sp-2);font-weight:500}.callout--info{background:var(--teal-wash);border-color:#d5e4e6}.callout--success{background:#eef7f0;border-color:#cfe7d5}.callout--warning{background:#fdf6e6;border-color:#f0e2bb}.callout--quote{background:var(--surface-sunk);border-color:var(--line);color:var(--ink-soft);font-style:italic}.cta-block{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:var(--sp-8) var(--sp-6);text-align:center}.cta-block h3{font-family:var(--font-serif);font-size:var(--step-3)}.cta-block p{color:#a9a49c;margin:var(--sp-3) 0 var(--sp-5)}.embed-video{aspect-ratio:16/9;border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.embed-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.closing{padding-bottom:var(--sp-9)}.closing__inner{background:var(--ink);color:var(--paper);padding:var(--sp-9) var(--sp-8);gap:var(--sp-7);border-radius:16px;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.closing__copy,.closing__form{grid-column:span 6}.closing__title{font-family:var(--font-serif);font-size:var(--step-4);text-wrap:pretty;line-height:1.42}.closing__text{font-size:var(--step--1);color:#a9a49c;margin:var(--sp-5) 0 0;line-height:2}.closing__badge{align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);font-size:var(--step--1);color:#8fb9bf;display:flex}.closing__badge:before{content:"";background:#8fb9bf;border-radius:50%;width:6px;height:6px}.form{gap:var(--sp-5);display:grid}.field{gap:var(--sp-2);display:grid}.field__label{font-size:var(--step--1);color:var(--ink);font-weight:500}.field__label span{color:var(--ink-faint);margin-inline-start:var(--sp-2);font-weight:300}.field__hint{font-size:var(--step--1);color:var(--ink-faint)}.field input,.field textarea,.field select{font-family:inherit;font-size:var(--step-0);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);width:100%;padding:12px 14px;font-weight:300;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--teal);outline-offset:-1px;border-color:var(--teal)}.field textarea{resize:vertical;min-height:140px}.field-row{gap:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.line-picker{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.line-picker__option{gap:var(--sp-1);padding:var(--sp-4) var(--sp-5);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:start;font-family:inherit;font-size:var(--step--1);color:var(--ink-soft);flex-direction:column;transition:border-color .15s,background-color .15s;display:flex}.line-picker__option:hover{border-color:var(--ink-faint)}.line-picker__option[aria-pressed=true]{border-color:var(--ink);background:var(--surface-sunk);color:var(--ink)}.line-picker__name{font-size:var(--step-0);color:var(--ink);font-weight:500}.form__status{padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-sm);font-size:var(--step--1)}.form__status--error{color:#8c3520;background:#fdeeec;border:1px solid #f2cdc6}.form-success{text-align:center;padding:var(--sp-9) var(--sp-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.form-success h2{font-family:var(--font-serif);font-size:var(--step-3);margin-bottom:var(--sp-4)}.form-success p{color:var(--ink-soft);margin:0 auto var(--sp-3);max-width:34em}.closing__form .field__label{color:#a9a49c}.closing__form .field input,.closing__form .field textarea,.closing__form .field select{color:var(--paper);background:#262320;border-color:#332f2b}.closing__form .line-picker__option{color:#a9a49c;background:#262320;border-color:#332f2b}.closing__form .line-picker__option[aria-pressed=true]{color:var(--paper);background:#2f2b27;border-color:#58524a}.closing__form .line-picker__name{color:var(--paper)}.closing__form .field__hint{color:#8a857d}.site-footer{border-top:1px solid var(--line);padding-block:var(--sp-8) var(--sp-7);font-size:var(--step--1);color:var(--ink-soft)}.site-footer__grid{gap:var(--sp-7);grid-template-columns:2fr 1fr 1fr;display:grid}.site-footer__brand{font-family:var(--font-latin);font-size:var(--step-1);letter-spacing:-.035em;color:var(--ink);font-weight:700}.site-footer h4{font-size:var(--step--1);color:var(--ink);margin-bottom:var(--sp-3);font-weight:500}.site-footer ul{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--ink-soft)}.site-footer a:hover{color:var(--ink)}.site-footer__legal{margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid var(--line);color:var(--ink-faint);font-size:13px}.empty{padding:var(--sp-9) var(--sp-5);text-align:center;color:var(--ink-faint);border:1px dashed var(--line);border-radius:var(--radius)}@media (max-width:1080px){.page{padding-inline:var(--sp-6)}.approach,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.hero{padding-block:var(--sp-8) var(--sp-7)}.hero__head,.hero__aside{grid-column:span 12}.hero__aside{padding-bottom:0}.section{padding-block:var(--sp-8)}.lines,.grid,.approach,.image-text{grid-template-columns:1fr}.image-text--right .image-text__media{order:0}.field-row{grid-template-columns:1fr}.closing__inner{padding:var(--sp-8) var(--sp-6);grid-template-columns:1fr}.closing__copy,.closing__form{grid-column:span 1}.site-footer__grid{grid-template-columns:1fr}}