@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+TC:wght@600;800&display=swap');
:root{--black:#12110e;--ink:#252019;--cream:#f3ead9;--gold:#d7ae63;--red:#af281d;--muted:#b4ada0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--black);color:var(--cream);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;object-fit:contain}header{height:94px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18;background:#12110ef5;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;font:700 24px 'Barlow Condensed',Arial,sans-serif;letter-spacing:2px}.brand small{display:block;font:10px/2 'DM Sans',sans-serif;letter-spacing:2px}.brand img{width:55px;height:60px}nav{display:flex;gap:32px;align-items:center;font-size:13px}.nav-cta{border:1px solid #b78b46;padding:12px 18px;color:var(--gold)}.menu{display:none}.hero{min-height:820px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0 0 0 39%;background:url('assets/lion-dancer.png') center 35%/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#12110e 0%,#12110efa 25%,#12110e90 48%,#12110e00 77%),linear-gradient(0deg,#12110e 0%,transparent 22%);pointer-events:none}.hero-content{z-index:1;position:relative;padding:64px 6% 120px;max-width:950px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow span{width:24px;height:2px;background:var(--red)}.gold{color:var(--gold)}.chinese{font:600 39px 'Noto Serif TC',serif;color:var(--gold);letter-spacing:14px;margin:25px 0 10px}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(70px,8vw,124px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin-bottom:28px}h1 em{font-style:normal;color:var(--gold)}.intro{font-size:23px;line-height:1.4}.hero-desc{font-size:14px;color:#c4bbaa}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 24px;font-size:12px;font-weight:700;letter-spacing:.4px;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.red{background:var(--red);color:#fff}.red:hover{background:#cf3325}.text-link{font-size:13px;border-bottom:1px solid #76684f;padding-bottom:6px}.hero-foot{position:absolute;z-index:1;bottom:28px;left:6%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--gold)}.ticker{display:flex;justify-content:space-around;gap:20px;padding:19px 4%;background:var(--gold);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:2px}.ticker i{font-style:normal}.section{padding:110px 7%;max-width:1550px;margin:auto}h2{font:700 clamp(42px,4.3vw,66px)/1.04 'Barlow Condensed',Impact,sans-serif;margin:20px 0 30px}h2 em{font-style:normal;color:var(--gold)}h3{font:600 33px/1.12 'Barlow Condensed',Impact,sans-serif}.story{display:grid;grid-template-columns:1.1fr .8fr;gap:12%;align-items:center}.story p:not(.eyebrow){max-width:570px;color:var(--muted);font-size:15px}.story .lead{color:var(--cream)!important;font-size:23px!important}.story .text-link{display:inline-block;margin-top:15px}.scroll{position:relative;background:linear-gradient(90deg,#bd914e,#eed7a4 8%,#f1ddb1 50%,#dec18a 94%,#ad7e3d);color:#322717;padding:36px 30px;box-shadow:0 20px 65px #0008;transform:rotate(2deg)}.scroll:before,.scroll:after{content:'';position:absolute;left:-15px;right:-15px;height:27px;border-radius:8px;background:linear-gradient(#65451e,#e2be7c 35%,#c89b53 60%,#795022);box-shadow:0 4px 8px #0006}.scroll:before{top:-10px}.scroll:after{bottom:-10px}.scroll-inner{border:1px solid #aa793a77;padding:32px 18px;text-align:center}.scroll-label{font-size:9px!important;letter-spacing:3px;color:#6a4d27!important}.scroll-chinese{font:800 55px/1.8 'Noto Serif TC',serif;letter-spacing:7px}.red-seal{display:inline-block;border:2px solid #a73524;color:#a73524;font:20px 'Noto Serif TC',serif;padding:5px;margin:0 0 24px}.scroll h3{font-size:35px}.scroll p{font-size:13px!important;color:#604c30!important;line-height:2}.scroll-date{font-size:10px;letter-spacing:3px}.arts{border-top:1px solid #b9955226}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading>p{max-width:330px;color:var(--muted);font-size:14px}.art-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%}.lion-art{position:relative}.lion-art img{width:100%;height:100%;max-height:850px;object-fit:cover;object-position:center}.lion-art span{position:absolute;bottom:22px;left:24px;font-size:10px;letter-spacing:3px;background:#12110ebb;padding:6px 10px}.arts-copy article{position:relative;padding:28px 0 38px;border-top:1px solid #b9955250}.art-number{position:absolute;right:0;top:8px;font:72px 'Barlow Condensed',sans-serif;color:#ffffff0b}.arts-copy h3{font-size:42px}.arts-copy p{color:var(--muted);font-size:14px}.arts-copy .eyebrow{color:var(--gold);font-size:10px}.arts-copy ul{list-style:none;padding:0;font-size:13px;line-height:2.3;color:#d3c9b7}.arts-copy li:before{content:'＋';color:var(--gold);margin-right:15px}.small{font-size:12px!important;color:var(--muted)}.anniversary{background:radial-gradient(ellipse at 0 0,#c13d28,transparent 70%),#8d2018;padding:75px 7%;position:relative}.anniversary-inner{max-width:1250px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}.forty{font:800 260px/.85 'Barlow Condensed',Impact,sans-serif;color:#edd6a4;letter-spacing:-10px}.forty span{display:block;font:10px/2 'DM Sans',sans-serif;letter-spacing:3px;margin-top:28px}.anniversary h2{font-size:55px}.anniversary h2 em{color:#f7dba3}.anniversary p:not(.eyebrow){font-size:14px;max-width:510px;color:#edc3ad}.cream{background:var(--cream);color:var(--ink)}.timeline{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b9955260;margin:10px 0 80px;gap:50px}.timeline article{padding:32px 0}.timeline span{font:700 52px 'Barlow Condensed',sans-serif;color:var(--gold)}.timeline h3{font-size:27px;margin:15px 0}.timeline p{font-size:14px;color:var(--muted)}.memory-scroll{background:linear-gradient(90deg,#c9aa71,#f0dfb8 20%,#ead3a2 80%,#c9aa71);color:var(--ink);border-block:12px solid #9e7337;box-shadow:0 5px 0 #5e401c;padding:35px 40px;display:flex;gap:35px;align-items:center}.memory-scroll>span{font:24px/1.8 'Noto Serif TC',serif;color:#a52b20;white-space:nowrap;border-right:1px solid #8c6c3e60;padding-right:28px}.memory-scroll h3{margin-bottom:8px}.memory-scroll p{font-size:13px;margin:0}.dark{background:var(--ink);color:var(--cream);white-space:nowrap}.join{text-align:center;border-top:1px solid #b9955226;padding-top:75px}.join>img{width:190px;height:auto;margin-bottom:30px}.join .eyebrow{justify-content:center}.join>p:not(.eyebrow){max-width:620px;margin:0 auto 25px;color:var(--muted);font-size:15px}.interest{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:35px 0 20px}.interest button{color:var(--cream);border:1px solid #6c5940;background:transparent;padding:10px 18px;font-size:12px}.interest button.selected{color:var(--black);background:var(--gold);border-color:var(--gold)}.join .interest-note{font-size:13px;min-height:44px}.join>.small{margin-top:16px!important}.visit{border-top:1px solid #b9955226;margin:48px auto 0;padding-top:30px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;font-size:12px}.visit span{font-size:9px;color:var(--gold);letter-spacing:2px}footer{border-top:1px solid #b9955226;padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}footer p,footer>a:not(.brand){font-size:12px;color:var(--muted);margin:0}footer>small{flex-basis:100%;font-size:10px;color:#888173}.skip{position:absolute;left:10px;top:-100px;background:white;color:black;z-index:50}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}@media(min-width:1600px){.hero{max-height:1000px}.hero-image{background-position:center 40%}}@media(max-width:850px){header{height:78px}.menu{display:block;background:none;border:1px solid #7e663e;color:var(--gold);padding:5px 12px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#181611;padding:25px;flex-direction:column}nav.open{display:flex}.hero{min-height:800px;align-items:flex-end}.hero-image{inset:0;background-position:62% top;background-size:auto 100%}.hero:after{background:linear-gradient(0deg,#12110e 0%,#12110ef0 25%,#12110e80 60%,#12110e33)}.hero-content{padding:240px 7% 100px}.hero h1{font-size:77px}.chinese{font-size:27px}.hero-foot{font-size:8px;gap:18px}.hero-foot span:first-child{display:none}.ticker{flex-wrap:wrap;font-size:9px;gap:12px}.ticker i{display:none}.section{padding:70px 7%}.story,.art-layout{grid-template-columns:1fr;gap:65px}.scroll{max-width:450px;margin:15px auto;width:100%}.section-heading{display:block}.section-heading>p{max-width:100%}.lion-art img{max-height:650px}.anniversary-inner{grid-template-columns:1fr;gap:40px}.forty{font-size:180px}.anniversary h2{font-size:45px}.timeline{gap:20px}.timeline span{font-size:42px}.memory-scroll{flex-wrap:wrap;padding:25px}.memory-scroll>span{font-size:20px}.memory-scroll>div{flex:1;min-width:170px}.timeline p{font-size:12px}.timeline h3{font-size:23px}}@media(max-width:450px){.timeline{grid-template-columns:1fr;gap:0;margin-bottom:40px}.timeline article{border-bottom:1px solid #b9955226}.hero h1{font-size:66px}.intro{font-size:20px}.scroll-chinese{font-size:43px}.hero-content{padding-top:280px}.hero{min-height:860px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}