@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Noto+Sans+TC:wght@400;500;700&family=Noto+Serif+TC:wght@400;600;700&display=swap');

:root{--sand:#e8dcc7;--soil:#3d2b1f;--moss:#606c38;--clay:#b85042;--ochre:#c08e3a;--sage:#8b9d83;--ink:#2b2119;--muted:#76695d;--line:rgba(61,43,31,.24);--serif:"Noto Serif TC","Fraunces",serif;--sans:"Noto Sans TC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.8;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:.25em}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:20;background:var(--sand);padding:8px 14px}.site-head{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 3vw;border-bottom:1px solid var(--line);background:rgba(232,220,199,.94);backdrop-filter:blur(12px)}.brand{font:600 26px/1 "Fraunces",serif;text-decoration:none;letter-spacing:.02em}.brand small{font:500 10px/1 var(--sans);letter-spacing:.18em;margin-left:8px}.nav{display:flex;gap:25px;font-size:13px}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.menu{display:none}.head-note{justify-self:end;font-size:11px;color:var(--muted)}
.hero{min-height:92vh;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:9vh 6vw 7vh;display:flex;flex-direction:column;justify-content:space-between}.kicker{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--clay)}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.18;margin:0}.hero h1{font-size:clamp(58px,8.5vw,138px);letter-spacing:-.055em;max-width:8ch}.hero-deck{font-family:var(--serif);font-size:clamp(20px,2vw,30px);line-height:1.5;max-width:20em}.hero-visual{position:relative;min-height:580px;background:var(--moss)}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(43,33,25,.54),transparent 42%)}.hero-caption{position:absolute;left:28px;right:28px;bottom:24px;color:var(--sand);font-size:12px;z-index:1}.seed-mark{position:absolute;left:-20px;top:13%;width:72px;height:72px;border-radius:50%;background:var(--ochre);z-index:2;display:grid;place-items:center;font:600 15px "Fraunces",serif;color:var(--soil)}
.intro-grid{display:grid;grid-template-columns:1fr 2fr;padding:110px 6vw;border-top:1px solid var(--line)}.intro-grid h2{font-size:clamp(38px,5vw,72px);max-width:8ch}.intro-grid .lead{font-family:var(--serif);font-size:clamp(25px,3vw,42px);line-height:1.45;max-width:24em}.path{position:relative;padding:60px 6vw 130px}.path:before{content:"";position:absolute;left:calc(33.333% + 6vw);top:0;bottom:0;width:3px;background:var(--clay)}.path-title{display:grid;grid-template-columns:1fr 2fr;margin-bottom:70px}.path-title h2{font-size:clamp(42px,6vw,88px)}.story-row{display:grid;grid-template-columns:1fr 2fr;position:relative;margin:0 0 100px}.story-row:before{content:"";position:absolute;left:calc(33.333% - 12px);top:40px;width:27px;height:27px;border-radius:50%;background:var(--sand);border:7px solid var(--clay);z-index:1}.story-num{font:600 clamp(54px,8vw,120px)/1 "Fraunces",serif;color:var(--moss)}.story-card{margin-left:8vw;display:grid;grid-template-columns:1.1fr .9fr;background:var(--soil);color:var(--sand);border-radius:28px;overflow:hidden}.story-card.reverse{grid-template-columns:.9fr 1.1fr}.story-card.reverse img{order:2}.story-card img{width:100%;height:100%;min-height:400px;object-fit:cover}.story-copy{padding:clamp(28px,4vw,64px);align-self:center}.story-copy h3{font-size:clamp(30px,4vw,55px);margin:8px 0 24px}.story-copy p{color:#d9cbb8}.button{display:inline-block;border:1px solid currentColor;border-radius:999px;padding:10px 19px;font-size:13px;text-decoration:none;margin-top:12px}.button:hover{background:var(--sand);color:var(--soil)}
.type-band{background:var(--moss);color:var(--sand);padding:100px 6vw}.type-band h2{font-size:clamp(40px,6vw,84px);max-width:12ch}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(232,220,199,.28);margin-top:60px}.type-item{background:var(--moss);padding:30px 24px;min-height:230px}.type-item b{display:block;font:600 60px/1 "Fraunces",serif;color:var(--ochre)}.type-item h3{font-size:25px;margin:28px 0 10px}.type-item p{font-size:14px;color:#dce0cc}
.page-hero{display:grid;grid-template-columns:1fr 1fr;min-height:76vh}.page-hero .copy{padding:11vh 6vw 8vh;display:flex;flex-direction:column;justify-content:center}.page-hero h1{font-size:clamp(48px,7vw,105px);letter-spacing:-.045em}.page-hero .meta{margin-top:30px;font-size:12px;color:var(--muted)}.page-hero .photo{min-height:600px}.page-hero .photo img{width:100%;height:100%;object-fit:cover}.article{max-width:1160px;margin:auto;padding:100px 5vw}.article-lead{font:400 clamp(25px,3vw,41px)/1.55 var(--serif);max-width:820px;margin:0 auto 90px}.prose{max-width:720px;margin:auto}.prose p{margin:0 0 2em}.prose h2{font-size:clamp(32px,4vw,50px);margin:2em 0 .8em}.pull{max-width:980px;margin:100px auto;padding:70px 8vw;background:var(--moss);color:var(--sand);border-radius:28px;font:400 clamp(30px,4vw,55px)/1.45 var(--serif)}.photo-wide{margin:90px auto;max-width:1200px}.photo-wide img{width:100%;max-height:800px;object-fit:cover;border-radius:28px}.caption{font-size:12px;color:var(--muted);margin-top:12px}.split-media{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:90px 0}.split-media img{width:100%;height:560px;object-fit:cover;border-radius:28px}.archive{filter:grayscale(1);mix-blend-mode:multiply}.timeline{max-width:960px;margin:90px auto;position:relative}.timeline:before{content:"";position:absolute;left:130px;top:0;bottom:0;width:2px;background:var(--clay)}.event{display:grid;grid-template-columns:100px 1fr;gap:62px;margin-bottom:80px;position:relative}.event:before{content:"";position:absolute;left:120px;top:8px;width:18px;height:18px;border-radius:50%;background:var(--clay)}.year{font:600 28px "Fraunces",serif;color:var(--clay)}.event h2{font-size:33px;margin-bottom:14px}.event figure{margin:25px 0}.event img{border-radius:28px;max-height:560px;width:100%;object-fit:cover}
.gallery-head{padding:90px 6vw 50px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.gallery-head h1{font-size:clamp(52px,8vw,118px)}.gallery-head .lead{font:400 27px/1.55 var(--serif);align-self:end}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;padding:0 3vw 110px}.gallery-grid figure{margin:0}.gallery-grid figure:nth-child(1){grid-column:1/8}.gallery-grid figure:nth-child(2){grid-column:8/13;margin-top:120px}.gallery-grid figure:nth-child(3){grid-column:2/6}.gallery-grid figure:nth-child(4){grid-column:6/13;margin-top:90px}.gallery-grid figure:nth-child(5){grid-column:1/9}.gallery-grid img{width:100%;height:min(62vw,720px);object-fit:cover;border-radius:28px}.gallery-grid figure:nth-child(2) img,.gallery-grid figure:nth-child(3) img{height:min(48vw,600px)}
.catalog-head{padding:100px 6vw 70px;background:var(--soil);color:var(--sand)}.catalog-head h1{font-size:clamp(58px,9vw,130px);max-width:10ch}.catalog-head p{font:400 25px/1.5 var(--serif);max-width:720px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:80px 3vw}.catalog-card{background:#d4b895;border-radius:28px;overflow:hidden}.catalog-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.catalog-card .copy{padding:25px}.catalog-card h2{font-size:28px}.catalog-card p{font-size:14px}.catalog-card .index{font:600 13px "Fraunces",serif;color:var(--clay)}
.next{display:grid;grid-template-columns:1fr 1fr;background:var(--clay);color:var(--sand)}.next div{padding:80px 6vw}.next h2{font-size:clamp(38px,5vw,70px)}.next a{font-size:14px}.site-foot{display:grid;grid-template-columns:2fr 1fr 1fr;padding:70px 6vw;background:var(--soil);color:var(--sand);gap:30px}.site-foot .brand{font-size:48px}.site-foot p,.site-foot a{font-size:12px;color:#d2c4b3}
@media(max-width:850px){body{font-size:16px}.site-head{grid-template-columns:1fr auto}.nav,.head-note{display:none}.menu{display:block;border:0;background:transparent;font:500 13px var(--sans)}.hero,.page-hero{grid-template-columns:1fr}.hero-copy{min-height:68vh}.hero-visual{min-height:55vh}.seed-mark{left:22px;top:-35px}.intro-grid,.path-title,.story-row{grid-template-columns:1fr}.intro-grid{gap:30px;padding:80px 6vw}.path:before{left:25px}.story-row:before{left:-2px;top:9px}.story-num{font-size:55px;margin-left:40px}.story-card,.story-card.reverse{margin:30px 0 0 40px;grid-template-columns:1fr}.story-card.reverse img{order:0}.story-card img{min-height:280px}.type-grid{grid-template-columns:1fr 1fr}.page-hero .photo{min-height:55vh;order:-1}.article{padding:70px 6vw}.article-lead{margin-bottom:60px}.split-media{grid-template-columns:1fr}.split-media img{height:430px}.timeline:before{left:28px}.event{grid-template-columns:1fr;gap:10px;padding-left:60px}.event:before{left:19px}.gallery-head{grid-template-columns:1fr}.gallery-grid{display:block;padding:0 4vw 70px}.gallery-grid figure,.gallery-grid figure:nth-child(n){margin:0 0 50px}.gallery-grid img,.gallery-grid figure:nth-child(n) img{height:auto;max-height:75vh}.catalog-grid{grid-template-columns:1fr}.next,.site-foot{grid-template-columns:1fr}.site-foot{padding:55px 6vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}