:root{--cream:#f1e8d8;--paper:#f7f5f1;--print:#fff;--ink:#3a3d42;--ink-soft:#5b6066;--muted:#737b84;--amber:#806043;--amber-deep:#684b33;--line:#e7e4de;--act2-bg:#deded9;--act2-ink:#4f545a;--act3-bg:#25272a;--act3-ink:#e2ddd3;--act3-mono:#c99d65;--act4-bg:#f4e3d0;--act4-ink:#49382c;--act4-accent:#806043;--serif:"Noto Serif TC", "Songti TC", serif;--sans:"Noto Sans TC", "PingFang TC", sans-serif;--mono:"JetBrains Mono", "Menlo", monospace;--radius-sm:5px;--radius-md:8px;--ease-expo:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.75;overflow-x:clip}img{max-width:100%;display:block}::selection{background:#80604338}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{position:relative;overflow-x:clip}.page:before{content:"";pointer-events:none;z-index:5;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");position:fixed;inset:0}.rv{opacity:0;transition:opacity .7s var(--ease-expo), transform .7s var(--ease-expo);will-change:opacity, transform;transform:translateY(26px)}.rv.is-in{opacity:1;transform:translateY(0)}.mono{font-family:var(--mono)}.hero{background:linear-gradient(168deg, var(--paper) 0%, var(--cream) 68%, #eadbc1 100%);align-items:center;min-height:clamp(36rem,66vw,52rem);padding:clamp(3rem,9vw,7rem) clamp(1.4rem,7vw,7rem);display:flex;position:relative}.hero-inner{z-index:1;max-width:720px;position:relative}.hero-kicker{color:var(--muted);letter-spacing:.14em;margin-bottom:clamp(1.2rem,3vw,2rem);font-size:.85rem}.hero-title{font-family:var(--serif);letter-spacing:-.045em;color:var(--ink);font-size:clamp(2.6rem,8.5vw,6.2rem);font-weight:900;line-height:1.06}.hero-sub{font-family:var(--serif);color:var(--amber-deep);margin-top:clamp(1.1rem,2.5vw,1.8rem);font-size:clamp(1.15rem,2.6vw,1.6rem);font-weight:600}.hero-lede{max-width:32em;color:var(--ink-soft);gap:.5em;margin-top:clamp(1.4rem,3vw,2.2rem);font-size:clamp(.98rem,1.6vw,1.1rem);display:grid}.hero-side{writing-mode:vertical-rl;font-family:var(--serif);z-index:1;letter-spacing:.28em;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:.9em;font-size:.9rem;position:absolute;top:50%;right:clamp(.9rem,3vw,2.6rem);transform:translateY(-50%)}@media (width<=700px){.hero-side{display:none}}.act{padding:clamp(4.8rem,11vw,9.5rem) clamp(1.4rem,7vw,7rem)}.act-head{max-width:1180px;margin:0 auto}.act-no{color:var(--amber);letter-spacing:.14em;margin-bottom:.7rem;font-size:.85rem}.act-title{font-family:var(--serif);color:var(--ink);max-width:16em;font-size:clamp(1.8rem,4.6vw,3.1rem);font-weight:700;line-height:1.25}.act-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);max-width:1180px;margin:clamp(2.2rem,5vw,4rem) auto 0;display:grid}.act-grid-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.act-copy{gap:clamp(1.2rem,2.4vw,1.8rem);display:grid;position:sticky;top:clamp(2rem,8vh,5rem)}.act-grid-flip .act-copy{order:2}.act-grid-flip .act-album{order:1}.pull{font-family:var(--serif);color:var(--amber-deep);border-block-start:3px solid var(--amber);max-width:15em;padding-block-start:1rem;font-size:clamp(1.3rem,2.8vw,1.85rem);font-weight:600;line-height:1.5}.body{color:var(--ink-soft);max-width:30em;font-size:clamp(.98rem,1.6vw,1.08rem);line-height:1.8}.act-album{gap:clamp(1.6rem,3.4vw,2.6rem);display:grid}.album-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:clamp(1.2rem,2.6vw,2rem);display:grid}.print{background:var(--print);padding:clamp(.55rem,1.3vw,.85rem);transform:rotate(calc(var(--tilt) * 2.4));transition:transform .9s var(--ease-expo);border-radius:var(--radius-sm);padding-bottom:.4rem;box-shadow:0 1px 2px #40372a2e,0 14px 34px -14px #40372a61}.print img{border-radius:50% 50% var(--radius-sm) var(--radius-sm) / 24% 24% var(--radius-sm) var(--radius-sm);height:auto}.print-warm img{filter:sepia(.14)saturate(.92)contrast(.97)}.print-cold img{filter:saturate(.62)contrast(.96)brightness(.99)hue-rotate(-6deg)}.print figcaption{font-family:var(--serif);color:var(--muted);letter-spacing:.12em;text-align:right;padding:.55rem .2rem .3rem;font-size:.86rem}.act1{background:linear-gradient(180deg, #eadbc1 0%, var(--cream) 18%, var(--paper) 100%)}.act2{background:linear-gradient(180deg, var(--paper) 0%, #ebeae6 14%, var(--act2-bg) 46%, #d3d4d1 100%)}.act2 .act-no{color:#8a8e93}.act2 .act-title{color:var(--act2-ink)}.pull-grey{color:#5d6167;border-block-start-color:#a9adb2}.act2 .body{color:#63676c}.act2 .print figcaption{color:#85898e}.act3{background:linear-gradient(180deg, #d3d4d1 0%, #50545a 7%, var(--act3-bg) 16%, #1f2124 100%)}.act-no-dark{color:var(--act3-mono)}.act-title-dark{color:var(--act3-ink)}.pull-dark{color:#e9e2d2;border-block-start-color:var(--act3-mono)}.body-dark{color:#b3aea1}.act3 .print{background:#efece3}.act3 .print figcaption{color:#7d7f84}.fx-wrap{max-width:1180px;margin:clamp(3rem,7vw,5.5rem) auto 0}.fx-title{font-family:var(--serif);color:var(--act3-ink);font-size:clamp(1.4rem,3vw,2.1rem);font-weight:700}.fx-intro{color:#8f8a7d;margin-top:.5rem;font-size:.95rem}.fx-grid{grid-template-columns:1fr 1.15fr 1.3fr;gap:clamp(1.6rem,3.4vw,3rem);margin-top:clamp(1.6rem,3.4vw,2.6rem);display:grid}.fx{border-block-start:1px solid #d7a55f73;padding-block-start:1.1rem}.fx-formula{color:#9a9485;letter-spacing:.04em;font-size:.86rem}.fx-num{font-family:var(--mono);color:var(--act3-mono);margin:.35rem 0 .7rem;font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:600;line-height:1.15}.fx-xy{font-size:.72em}.fx-suffix{font-family:var(--sans);color:#b3aea1;margin-inline-start:.5em;font-size:.4em;font-weight:500}.fx-line{color:#b3aea1;max-width:26em;font-size:.94rem;line-height:1.75}.wgrid{border-radius:var(--radius-md);background-color:#ffffff06;background-image:linear-gradient(#c99d6509 1px,#0000 1px),linear-gradient(90deg,#c99d6509 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #c99d6547;max-width:640px;margin:clamp(2.4rem,5vw,4rem) auto 0;padding:clamp(1rem,2.8vw,1.6rem)}.wgrid svg{width:100%;height:auto;display:block}.wg-dot{fill:var(--act3-mono);opacity:.5}.wgrid figcaption{font-family:var(--mono);color:#8f8a7d;text-align:center;letter-spacing:.04em;margin-top:.9rem;font-size:.8rem}.act4{background:linear-gradient(180deg, #f6ead9 0%, var(--act4-bg) 55%, #ecd3b2 100%)}.act4 .act-no{color:var(--act4-accent)}.act4 .act-title{color:var(--act4-ink)}.act4-lede{gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(1.6rem,3.4vw,2.6rem);display:grid}.pull-terra{color:var(--act4-accent);border-block-start-color:var(--act4-accent);max-width:22em}.act4 .body{color:#6d5843;max-width:36em}.two-lives{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(1.8rem,4vw,3.5rem);max-width:1180px;margin:clamp(2.6rem,5.5vw,4.5rem) auto 0;display:grid}.life{border-radius:var(--radius-md);border:1px solid #80604321;gap:.65rem;padding:clamp(1.4rem,3vw,2.4rem);display:grid}.life-solo{background:#ffffffa8}.life-family{background:#80604312}.life .print-rv{margin-bottom:1rem}.life h3{font-family:var(--serif);color:var(--act4-ink);margin-bottom:.3rem;font-size:clamp(1.15rem,2.3vw,1.5rem);font-weight:700}.life p{color:#6d5843;font-size:.97rem;line-height:1.8}.life-close{font-family:var(--serif);margin-top:.7rem;font-weight:600;color:var(--act4-accent)!important;line-height:1.7!important}.mani{background:linear-gradient(#f2ddba 0%,#3b2c1d 26%,#33261a 100%);padding:clamp(5rem,12vw,9rem) clamp(1.4rem,7vw,7rem)}.mani-inner{gap:clamp(.9rem,2vw,1.3rem);max-width:860px;margin:0 auto;display:grid}.mani-line{font-family:var(--serif);color:#e9dcc3;font-size:clamp(1.25rem,3vw,2rem);font-weight:600;line-height:1.6}.mani-strong{color:#e8b36a}.mani-cta{color:#cbb694;border-block-start:1px solid #e8b36a59;max-width:36em;margin-top:clamp(1.8rem,4vw,3rem);padding-block-start:clamp(1.4rem,3vw,2rem);font-size:clamp(.98rem,1.8vw,1.15rem);line-height:1.9}.foot{color:#8f7c60;background:#33261a;padding:0 clamp(1.4rem,7vw,7rem) clamp(2.2rem,5vw,3.2rem);font-size:.82rem}@media (width<=960px){.act-grid,.act-grid-flip{grid-template-columns:1fr}.act-copy{position:static}.act-grid-flip .act-copy{order:1}.act-grid-flip .act-album{order:2}.fx-grid{grid-template-columns:1fr;gap:1.6rem}.two-lives{grid-template-columns:1fr}}@media (width<=560px){.album-row{grid-template-columns:1fr}}.act-age{letter-spacing:.12em;opacity:.66;margin-inline-start:.9em;font-size:.92em}.refrain{font-family:var(--serif);color:var(--amber-deep);border-block-start:1px solid var(--line);max-width:30em;margin-block-start:clamp(2.4rem,5.5vw,4.5rem);padding-block-start:clamp(1.2rem,2.6vw,1.8rem);font-size:clamp(1.05rem,2.2vw,1.4rem);font-weight:600;line-height:1.7}.refrain-grey{color:#6b6f75;border-block-start-color:#b9bcc0}.refrain-dark{color:#d9c9a6;border-block-start-color:#d7a55f59}.refrain-terra{color:var(--act4-accent);border-block-start-color:#b65c3859}.mont{background:linear-gradient(180deg, #ecd3b2 0%, #f3e7d5 30%, var(--paper) 100%);padding:clamp(4rem,10vw,8rem) clamp(1.4rem,7vw,7rem)}.mont-intro{color:var(--ink-soft);max-width:30em;margin-top:clamp(.9rem,2vw,1.4rem);font-size:clamp(.98rem,1.6vw,1.08rem)}.mont-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.2rem,4.4vw,3.4rem) clamp(1.6rem,3.4vw,2.8rem);max-width:1180px;margin:clamp(2.2rem,5vw,3.6rem) auto 0;display:grid}.mont-cell p{color:var(--ink-soft);margin-top:.9rem;padding-inline:.2rem;font-size:.94rem;line-height:1.75}.mont-cell .print figcaption{color:var(--amber-deep);letter-spacing:.14em;font-weight:700}.mont-close{max-width:34em;margin-block-start:clamp(2.6rem,5.5vw,4rem)}@media (width<=960px){.mont-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.mont-grid{grid-template-columns:1fr}}.brand{gap:1rem;margin-top:clamp(2.6rem,6vw,4.5rem);display:grid}.brand-lede{color:#a58e6c;max-width:34em;font-size:.95rem;line-height:1.9}.brand-slogan{font-family:var(--serif);color:#e8b36a;letter-spacing:.06em;font-size:clamp(1.35rem,3.2vw,2.1rem);font-weight:700}@keyframes riseIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.hero-kicker,.hero-title,.hero-sub,.hero-lede,.hero-side{animation:riseIn .9s var(--ease-expo) both}.hero-title{animation-delay:.12s}.hero-sub{animation-delay:.3s}.hero-lede{animation-delay:.46s}.hero-side{animation-delay:.7s}.hero:after{content:"";border-radius:999px 999px var(--radius-sm) var(--radius-sm);pointer-events:none;background:linear-gradient(145deg,#ffffff2e,#80604309);border:1px solid #80604333;width:clamp(220px,54vw,460px);height:76%;animation:9s ease-in-out infinite alternate glowFloat;position:absolute;top:12%;right:clamp(-5rem,-6vw,-2rem)}@keyframes glowFloat{0%{opacity:.62;transform:translate(0,0)}to{opacity:1;transform:translate(-18px,10px)}}.print{transform:rotate(calc(var(--tilt) * 2.4)) scale(1.035)}.print-rv.is-in .print{transform:rotate(var(--tilt)) scale(1)}.print:hover{transform:rotate(0)translateY(-5px)scale(1.015);box-shadow:0 2px 4px #40372a29,0 24px 48px -16px #40372a6b}.refrain{border-block-start:none;position:relative}.refrain:before{content:"";opacity:.35;transform-origin:0;width:100%;height:1px;transition:transform 1.1s var(--ease-expo) .15s;background:currentColor;position:absolute;top:0;left:0;transform:scaleX(0)}.rv.is-in .refrain:before{transform:scaleX(1)}.pull{border-block-start:none;padding-block-start:1rem;position:relative}.pull:before{content:"";opacity:.85;transform-origin:0;width:4.5em;height:3px;transition:transform .9s var(--ease-expo) .1s;background:currentColor;position:absolute;top:0;left:0;transform:scaleX(0)}.rv.is-in .pull:before{transform:scaleX(1)}.wg-row{opacity:0}.wgrid.is-live .wg-row{animation:wgRow .7s var(--ease-expo) both}@keyframes wgRow{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wg-now{opacity:1;fill:#f0c27a;transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out 2.4s infinite wgPulse}@keyframes wgPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.9)}}.mont-cell .print:hover figcaption{color:var(--amber)}.brand-slogan{animation:6s ease-in-out infinite alternate brandBreath}@keyframes brandBreath{0%{opacity:.86}to{opacity:1}}