:root{color:#17362e;font-synthesis:none;--clay:#c94c27;--clay-dark:#a7351c;--green:#0d4a3a;--green-dark:#07362b;--cream:#f2e8d4;--paper:#f8f0df;--ink:#17362e;background:#f2e8d4;font-family:Noto Sans TC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);min-width:320px;margin:0}body:before{z-index:20;pointer-events:none;content:"";opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}.hero{min-height:100svh;color:var(--paper);background:radial-gradient(circle at 72% 18%, #ffc48429, transparent 27%), linear-gradient(112deg, transparent 0 63%, #54150b29 63% 64%, transparent 64%), var(--clay);isolation:isolate;position:relative;overflow:hidden}.hero:before,.hero:after{z-index:-1;content:"";border:1px solid #f7ead04d;border-radius:50%;position:absolute}.hero:before{aspect-ratio:1;width:min(70vw,760px);top:50%;left:66%;transform:translate(-50%,-50%)}.hero:after{aspect-ratio:1;width:min(48vw,520px);top:50%;left:66%;transform:translate(-50%,-50%)}.topbar{z-index:2;border-bottom:1px solid #f7ead059;justify-content:space-between;align-items:center;width:min(1240px,100% - 64px);margin:auto;padding:28px 0;display:flex;position:relative}.brand{letter-spacing:-.06em;border:1px solid;border-radius:50%;place-items:center;width:52px;height:52px;font:600 19px/1 Noto Sans TC,sans-serif;display:grid}.brand span{vertical-align:super;font-size:11px}.nav-links{letter-spacing:.12em;gap:34px;font-size:13px;display:flex}.nav-links a{border-bottom:1px solid #0000;padding:8px 0;transition:border-color .18s}.nav-links a:hover{border-color:currentColor}.hero-copy{width:min(1100px,100% - 64px);margin:0 auto;padding:clamp(90px,16vh,160px) 0 120px}.eyebrow,.section-heading p{letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px;font:500 15px/1 Noto Sans TC,sans-serif}.hero h1{letter-spacing:.04em;max-width:890px;margin:0;font:600 clamp(46px,7.5vw,104px)/1.16 Noto Sans TC,sans-serif}.hero h1 span{color:var(--green-dark);background:var(--paper);padding:.02em .17em .12em;display:inline-block;transform:rotate(-1.5deg)}.hero-date{letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:24px;width:min(620px,100%);margin-top:54px;font:500 15px/1 Noto Sans TC,sans-serif;display:flex}.hero-date:before,.hero-date:after{content:"";background:#f7ead099;flex:1;height:1px}.hero-date strong{letter-spacing:.04em;font-size:24px}.hero-stamp{border:2px solid var(--green-dark);width:158px;height:158px;color:var(--green-dark);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:28%;right:8%;transform:rotate(9deg)}.hero-stamp:before{border-radius:inherit;content:"";border:1px solid;position:absolute;inset:7px}.hero-stamp strong{font:600 54px/.9 Noto Sans TC,sans-serif}.hero-stamp span{letter-spacing:.2em;font:600 10px/1 Noto Sans TC,sans-serif}.scroll-cue{letter-spacing:.2em;writing-mode:vertical-rl;align-items:center;gap:13px;font-size:11px;display:flex;position:absolute;bottom:28px;right:32px}.scroll-cue i{background:currentColor;width:1px;height:54px;display:block}.countdown-section{color:var(--paper);text-align:center;background:radial-gradient(circle at 50% -40%, #ffffff14, transparent 50%), var(--green);padding:110px 32px 120px}.section-heading h2{letter-spacing:.08em;margin:0;font:600 clamp(36px,5vw,64px)/1.2 Noto Sans TC,sans-serif}.section-heading--light p{color:#e9a271}.countdown{justify-content:center;gap:clamp(10px,2.4vw,28px);max-width:900px;margin:64px auto 42px;display:flex}.countdown-unit{flex:1;max-width:190px}.flip-card{aspect-ratio:1/.9;perspective:600px;background:#092e26;border:1px solid #f2e8d42e;border-radius:7px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 40px #0003}.flip-card:before,.flip-card:after{z-index:3;content:"";background:#041b16;width:7px;height:9px;position:absolute;top:calc(50% - 4px)}.flip-card:before{border-radius:0 5px 5px 0;left:0}.flip-card:after{border-radius:5px 0 0 5px;right:0}.flip-card__value,.flip-card__leaf{color:var(--paper);font-variant-numeric:tabular-nums;background:linear-gradient(#123f34 0 49.4%,#082d25 49.5% 50.5%,#10392f 50.6% 100%);place-items:center;font:500 clamp(44px,7vw,86px)/1 Noto Sans TC,sans-serif;display:grid;position:absolute;inset:0}.flip-card__leaf{z-index:2;transform-origin:50%;backface-visibility:hidden;animation:.52s cubic-bezier(.36,0,.2,1) flip}@keyframes flip{0%{filter:brightness(1.35);transform:rotateX(0)}48%{filter:brightness(.7);transform:rotateX(-88deg)}49%{transform:rotateX(88deg)}to{filter:brightness();transform:rotateX(0)}}.countdown-unit__label{letter-spacing:.3em;margin-top:16px;font-family:Noto Sans TC,sans-serif;font-size:13px;display:block}.countdown-note{color:#f2e8d49e;letter-spacing:.14em;margin:0;font-family:Noto Sans TC,sans-serif;font-size:13px}.gallery-section{background:linear-gradient(90deg, transparent 49.8%, #0d4a3a17 49.9% 50%, transparent 50.1%), var(--paper);grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(60px,9vw,130px);min-height:760px;padding:120px max(32px,50vw - 580px);display:grid}.photo-stage{box-shadow:18px 18px 0 var(--clay);background:#e9ddc6;border:1px solid #0d4a3a66;padding:22px 22px 54px;position:relative;transform:rotate(-1.5deg)}.photo-stage:before{content:"";background:#e1d2b1db;width:90px;height:31px;position:absolute;top:-17px;left:50%;transform:translate(-50%)rotate(2deg)}.photo-frame{aspect-ratio:4/5;background:#d5c6a9;overflow:hidden}.photo-frame img{object-fit:cover;width:100%;height:100%}.photo-placeholder{height:100%;color:var(--paper);text-align:center;background:radial-gradient(circle,#0000 0 25%,#f2e8d421 25.3% 25.7%,#0000 26%),linear-gradient(145deg,#c94c27e6,#8e301af5);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.photo-placeholder span,.photo-placeholder small{letter-spacing:.22em;text-transform:uppercase;font:500 12px/1.4 Noto Sans TC,sans-serif}.photo-placeholder strong{letter-spacing:.12em;margin:auto 0;font:600 clamp(34px,4vw,56px)/1.35 Noto Sans TC,sans-serif}.frame-caption{letter-spacing:.08em;font:italic 500 14px/1 Noto Sans TC,sans-serif;position:absolute;bottom:19px;right:24px}.gallery-copy h2{max-width:450px;color:var(--green);margin:0 0 28px;font:600 clamp(38px,5vw,64px)/1.35 Noto Sans TC,sans-serif}.gallery-copy>p:not(.eyebrow){color:#5f695f;text-align:justify;max-width:470px;margin:0;font:400 16px/2.1 Noto Sans TC,sans-serif}.gallery-copy .eyebrow{color:var(--clay)}.handwritten{color:var(--clay);margin-top:36px;font:italic 500 30px/1 Noto Sans TC,sans-serif;display:block;transform:rotate(-4deg)}.venue-section{background:var(--cream);grid-template-columns:minmax(320px,.75fr) 1.25fr;display:grid}.venue-intro{color:var(--paper);background:var(--clay);padding:100px clamp(32px,6vw,90px)}.venue-intro .section-heading{border-bottom:1px solid #f2e8d459;padding-bottom:48px}.venue-intro .section-heading p{color:#f8be91}.venue-name{padding-top:48px}.venue-name>span{letter-spacing:.2em;text-transform:uppercase;font:600 11px/1 Noto Sans TC,sans-serif}.venue-name h3{letter-spacing:.08em;margin:15px 0 22px;font:600 clamp(38px,4vw,58px)/1.3 Noto Sans TC,sans-serif}.venue-name p{letter-spacing:.05em;margin:0;font:400 15px/1.9 Noto Sans TC,sans-serif}.primary-button{letter-spacing:.08em;border:1px solid;align-items:center;gap:30px;margin-top:38px;padding:15px 20px;font-size:13px;transition:color .18s,background .18s;display:inline-flex}.primary-button:hover{color:var(--clay);background:var(--paper)}.map-wrap{background:var(--green);min-height:570px;padding:18px}.map-wrap iframe{filter:sepia(25%)saturate(80%)contrast(92%);border:0;width:100%;height:100%;min-height:534px;display:block}.transport-grid{grid-column:1/-1;grid-template-columns:repeat(3,1fr);width:min(1160px,100% - 64px);margin:0 auto;padding:90px 0 110px;display:grid}.transport-grid article{border-left:1px solid #0d4a3a40;min-height:220px;padding:30px 46px;position:relative}.transport-grid article:last-child{border-right:1px solid #0d4a3a40}.transport-number{color:var(--clay);letter-spacing:.14em;font:600 13px/1 Noto Sans TC,sans-serif}.transport-grid h3{color:var(--green);letter-spacing:.12em;margin:48px 0 14px;font:600 22px/1.3 Noto Sans TC,sans-serif}.transport-grid p{color:#5d685e;margin:0;font-size:14px;line-height:1.9}footer{color:var(--paper);background:var(--green-dark);grid-template-columns:1fr auto 1fr;align-items:center;padding:56px max(32px,50vw - 580px);display:grid}footer p,footer a{letter-spacing:.16em;margin:0;font:500 11px/1.5 Noto Sans TC,sans-serif}footer strong{letter-spacing:.1em;font:600 24px/1 Noto Sans TC,sans-serif}footer a{justify-self:end}@media (width<=820px){.topbar,.hero-copy{width:calc(100% - 40px)}.nav-links{gap:16px;font-size:11px}.hero-stamp{width:112px;height:112px;top:auto;bottom:94px;right:28px}.hero-stamp strong{font-size:39px}.hero-date{gap:12px}.scroll-cue{display:none}.gallery-section{grid-template-columns:1fr;gap:70px;padding-top:90px;padding-bottom:90px}.photo-stage{width:min(500px,100% - 18px);margin:0 auto}.gallery-copy{max-width:560px}.venue-section{grid-template-columns:1fr}.map-wrap{min-height:480px}.map-wrap iframe{min-height:444px}.transport-grid{grid-template-columns:1fr}.transport-grid article,.transport-grid article:last-child{border-bottom:1px solid #0d4a3a40;border-right:0;min-height:0;padding:30px 24px 36px}.transport-grid h3{margin-top:20px}}@media (width<=560px){.topbar{padding-top:18px}.brand{width:43px;height:43px}.nav-links a:first-child{display:none}.hero-copy{padding-top:100px}.hero h1{font-size:clamp(42px,12vw,60px);line-height:1.28}.hero h1 span{margin-top:5px}.hero-date{gap:7px;width:fit-content;margin-top:42px;display:grid}.hero-date:before,.hero-date:after{display:none}.hero-date strong{grid-row:1}.hero-date span{font-size:11px}.hero-stamp{bottom:46px;right:18px}.countdown-section{padding:82px 14px 90px}.countdown{gap:7px;margin-top:45px}.flip-card{border-radius:4px}.flip-card__value,.flip-card__leaf{font-size:clamp(36px,13vw,56px)}.countdown-unit__label{margin-top:11px;font-size:11px}.countdown-note{padding:0 15px;font-size:11px;line-height:1.8}.gallery-section{padding-left:24px;padding-right:24px}.photo-stage{box-shadow:10px 10px 0 var(--clay);padding:14px 14px 45px}.photo-placeholder{padding:20px}.venue-intro{padding-top:82px;padding-bottom:82px}.map-wrap{min-height:390px;padding:10px}.map-wrap iframe{min-height:370px}.transport-grid{width:calc(100% - 40px);padding-top:58px;padding-bottom:70px}footer{grid-template-columns:1fr auto;gap:22px}footer p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flip-card__leaf{animation:none}}.hero--photo{grid-template-rows:auto 1fr;grid-template-columns:.85fr 1.15fr;display:grid}.hero--photo .topbar{grid-column:1/-1}.hero--photo:before,.hero--photo:after,.hero--photo .hero-stamp{display:none}.hero-portrait{background:var(--paper);box-shadow:12px 12px 0 var(--clay-dark);grid-area:2/2;align-self:center;margin:40px 32px 64px 0;padding:12px;transform:rotate(1deg)}.hero-portrait img{width:100%;height:auto;display:block}.hero--photo .hero-copy{grid-area:2/1;align-self:center;width:100%;padding:48px clamp(24px,4vw,64px) 80px}.hero--photo h1{font-size:clamp(32px,3.5vw,62px);line-height:1.45}.hero--photo h1 span{margin-top:8px}.hero--photo .eyebrow{font-size:11px;line-height:1.6}.hero--photo .hero-date{flex-wrap:wrap;gap:12px;margin-top:32px;font-size:11px}.hero--photo .hero-date:before,.hero--photo .hero-date:after{display:none}@media (width<=820px){.hero--photo{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.hero-portrait{width:min(600px,100% - 48px);box-shadow:7px 7px 0 var(--clay-dark);grid-area:2/1;margin:24px auto 0;padding:8px}.hero--photo .hero-copy{text-align:center;grid-row:3;padding:28px 24px 40px}.hero--photo h1{font-size:clamp(28px,6vw,44px);line-height:1.35}.hero--photo .eyebrow{margin-bottom:12px}.hero--photo .hero-date{justify-content:center;width:auto;margin-top:22px;display:flex}.hero--photo .hero-date strong{font-size:22px}}.tennis-ball{z-index:10;right:max(16px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:bottom;opacity:1;background:#c7df45;border-radius:50%;width:64px;height:64px;transition:opacity .18s,visibility .18s;animation:2.2s linear .25s both tennis-entrance;position:fixed;box-shadow:0 7px 12px #0000003d}.tennis-ball__spin{border-radius:inherit;width:100%;height:100%;animation:2.2s ease-out .25s both tennis-entrance-spin;overflow:hidden;transform:rotate(400deg)}.tennis-ball svg{fill:none;stroke:#fff8df;stroke-width:4px;width:100%;height:100%;display:block}.tennis-ball:after{border-radius:inherit;content:"";background:radial-gradient(circle at 30% 25%,#ffffd77a,#0000 48%,#24420961 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #495e0d2e}@media (width<=820px){.tennis-ball{width:42px;height:42px;right:max(10px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.tennis-ball,.tennis-ball__spin{animation:none;transform:none}}@keyframes tennis-entrance{0%{animation-timing-function:cubic-bezier(.45,0,1,1);transform:translate(-120px,-110vh)}38%{animation-timing-function:cubic-bezier(0,0,.3,1);transform:translate(-72px)scale(1.12,.88)}57%{animation-timing-function:cubic-bezier(.5,0,1,1);transform:translate(-40px,-150px)}74%{animation-timing-function:cubic-bezier(0,0,.3,1);transform:translate(-18px)scale(1.07,.93)}85%{animation-timing-function:cubic-bezier(.5,0,1,1);transform:translate(-8px,-42px)}94%{transform:translate(0,0)scale(1.03,.97)}97%{transform:translateY(-6px)}to{transform:translate(0,0)}}@keyframes tennis-entrance-spin{0%{transform:rotate(-140deg)}to{transform:rotate(400deg)}}.tennis-ball--hidden{opacity:0;visibility:hidden}@media (prefers-reduced-motion:reduce){.tennis-ball{transition:none}}