@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#202a27;--muted:#737b74;--cream:#f7f5ef;--gold:#b89a63;--line:#e4e0d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Noto Sans TC',sans-serif}.hero{position:relative;min-height:570px;height:76vh;max-height:760px;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(20,34,31,.78),rgba(20,34,31,.12)),linear-gradient(0deg,rgba(20,34,31,.24),transparent 60%),url('https://images.unsplash.com/photo-1467269204594-9661b134dd2b?auto=format&fit=crop&w=2200&q=85') center 52%/cover}nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,7vw,100px);border-bottom:1px solid #ffffff42}.brand-mark{font-family:'Playfair Display',serif;font-size:31px}.brand-mark span{font-family:sans-serif;font-size:13px;color:#e0c58e;vertical-align:top}.nav-note{font-size:10px;letter-spacing:.22em}.hero-copy{position:relative;z-index:1;margin:clamp(65px,11vh,120px) 0 0 clamp(24px,12vw,170px);max-width:590px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.23em;color:var(--gold)}.hero .eyebrow{color:#e3c78e}.hero h1{font-family:'Playfair Display','Noto Sans TC',serif;font-size:clamp(55px,8vw,100px);font-weight:500;line-height:.99;letter-spacing:-.04em;margin:22px 0}.hero h1 em,h2 em{font-weight:500}.intro{max-width:330px;font-size:15px;line-height:1.8;color:#f0f0e9}.jump-link{display:inline-flex;gap:24px;align-items:center;margin-top:22px;color:#fff;text-decoration:none;font-size:10px;letter-spacing:.16em;border-bottom:1px solid #ffffff9c;padding-bottom:12px}.jump-link span{font-size:18px}.hero-caption{position:absolute;right:clamp(24px,7vw,100px);bottom:27px;font-size:9px;letter-spacing:.2em;color:#ffffffb8}main{max-width:1250px;margin:auto;padding:80px clamp(22px,6vw,72px) 30px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}.section-head h2{font:500 clamp(30px,4vw,46px)/1.35 'Playfair Display','Noto Sans TC',serif;margin:12px 0 0}.section-note{max-width:250px;font-size:12px;line-height:1.7;color:var(--muted)}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.album-card{min-width:0;background:#fff;text-decoration:none;color:inherit;display:block;box-shadow:0 6px 22px #2d30210a;transition:transform .2s,box-shadow .2s}.album-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #2d30211a}.album-cover{width:100%;aspect-ratio:1.27;object-fit:cover;display:block;background:#e9e5d9}.album-info{padding:20px 21px 22px}.album-kicker{font-size:9px;letter-spacing:.17em;color:var(--gold);margin:0 0 8px}.album-title{font:500 24px 'Playfair Display','Noto Sans TC',serif;margin:0 0 10px}.album-open{font-size:10px;letter-spacing:.12em;color:var(--muted)}.album-open span{float:right;color:var(--gold);font-size:16px;line-height:10px}.footer-note{text-align:center;color:var(--muted);font:italic 16px 'Playfair Display','Noto Sans TC',serif;padding:60px 0 20px}.empty-note{grid-column:1/-1;padding:25px;background:#fff;color:var(--muted);line-height:1.7}@media(max-width:760px){.hero{height:690px;min-height:0;background-position:58% center}.hero-copy{margin-top:95px}.nav-note{font-size:8px}.section-head{display:block}.section-note{margin-top:15px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.album-info{padding:15px}.album-title{font-size:20px}}@media(max-width:480px){.album-grid{grid-template-columns:1fr}.album-cover{aspect-ratio:1.45}.hero h1{font-size:62px}}