@font-face{font-family:"Helvetica Now Display";src:url("/then-now/fonts/HelveticaNowDisplay-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Helvetica Now Display";src:url("/then-now/fonts/HelveticaNowDisplay-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Helvetica Now Display";src:url("/then-now/fonts/HelveticaNowDisplay-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--nt-bg: #0b0908;--nt-bg-soft: #14110f;--nt-bg-warm: #1c1713;--nt-ink: #f6f1ea;--nt-muted: rgba(246, 241, 234, 0.62);--nt-faint: rgba(246, 241, 234, 0.38);--nt-line: rgba(246, 241, 234, 0.14);--nt-cream: #e8dcc8;--nt-tan: #c4a882;--nt-terracotta: #b3876e;--nt-ease: cubic-bezier(0.22, 1, 0.36, 1);--nt-font-en: "Helvetica Now Display", "Noto Sans TC", sans-serif;--nt-font-zh: "Noto Sans TC", "Helvetica Now Display", sans-serif;--nt-pad: clamp(1.15rem, 5.2vw, 4.5rem);--nt-max: 72rem;--nt-safe-top: env(safe-area-inset-top, 0px);--nt-safe-bottom: env(safe-area-inset-bottom, 0px);--nt-safe-left: env(safe-area-inset-left, 0px);--nt-safe-right: env(safe-area-inset-right, 0px);--nt-paper: #faf6ef;--nt-paper-lit: #fdfbf7;--nt-paper-deep: #f3ece0;--nt-ink-warm: #2a1f16;--nt-hue-rgb: 138, 122, 92;--nt-hue-ink: #57503a;--beige: #8a7a5c;--red: #c0392b;--purple: #7d5ba6;--blue: #3f6fb0;--pink: #d46a9f;--orange: #d9822b}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{background:var(--nt-bg);color:var(--nt-ink)}body.nt-body{font-family:var(--nt-font-zh);font-weight:400;line-height:1.75;letter-spacing:.02em;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(246,241,234,.1);transition:background-color .7s var(--nt-ease)}body.nt-body--light{background:var(--nt-paper);color:var(--nt-ink-warm);-webkit-tap-highlight-color:rgba(42,31,22,.08)}.en{font-family:var(--nt-font-en);letter-spacing:.08em}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;min-width:0}button{cursor:pointer;background:none;border:none}.nt-grain{pointer-events:none;position:fixed;inset:0;z-index:40;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body.nt-body--light .nt-grain{opacity:.05;mix-blend-mode:multiply}.nt-nav{--nt-nav-inset: max(var(--nt-pad), calc((100% - var(--nt-max)) / 2));position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:calc(.75rem + var(--nt-safe-top)) max(var(--nt-nav-inset),var(--nt-safe-right)) .75rem max(var(--nt-nav-inset),var(--nt-safe-left));mix-blend-mode:difference;transition:background .4s var(--nt-ease),mix-blend-mode .4s;animation:nt-rise-in .9s var(--nt-ease) .12s both}.nt-nav.is-solid{mix-blend-mode:normal;background:rgba(11,9,8,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--nt-line)}.nt-nav__brand{display:flex;align-items:center;gap:.75rem}.nt-nav__mark{width:1.6rem;height:auto;filter:invert(1)}.nt-nav__label{font-family:var(--nt-font-zh);font-size:.72rem;font-weight:500;letter-spacing:.04em;line-height:1.35}.nt-nav__cta{font-family:var(--nt-font-zh);font-size:.95rem;font-weight:500;letter-spacing:.08em;border-bottom:1px solid currentColor;min-height:2.75rem;display:inline-flex;align-items:center;padding:.35rem 0;flex-shrink:0;transition:opacity .35s var(--nt-ease),letter-spacing .4s var(--nt-ease)}@media(hover: hover)and (pointer: fine){.nt-nav__cta:hover{opacity:.7;letter-spacing:.14em}}.nt-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:3.15rem;padding:.85rem 1.6rem;overflow:hidden;border:1px solid var(--nt-ink);font-family:var(--nt-font-zh);font-size:.92rem;letter-spacing:.14em;touch-action:manipulation;transition:color .35s var(--nt-ease),background .35s var(--nt-ease)}.nt-btn::before{content:"";position:absolute;inset:0;background:var(--nt-ink);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--nt-ease)}.nt-btn::after{content:"";position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);transform:translateX(-120%)}.nt-btn:active{color:var(--nt-bg)}.nt-btn:active::before{transform:scaleX(1)}@media(hover: hover)and (pointer: fine){.nt-btn:hover{color:var(--nt-bg)}.nt-btn:hover::before{transform:scaleX(1)}.nt-btn:hover::after{animation:nt-scan .7s var(--nt-ease)}}.nt-btn span{position:relative;z-index:1}.nt-btn--ghost{border-color:var(--nt-line)}@keyframes nt-scan{to{transform:translateX(420%)}}.nt-kicker{display:flex;align-items:center;gap:.85rem;margin-bottom:1.4rem;font-family:var(--nt-font-en);font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--nt-tan)}.nt-kicker::after{content:"";width:3.5rem;height:1px;background:var(--nt-tan);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--nt-ease) .18s}.nt-reveal.is-in .nt-kicker::after{transform:scaleX(1)}.nt-social .nt-kicker::after{transform-origin:center}.nt-section{position:relative;padding:clamp(4.5rem,10vw,8.5rem) var(--nt-pad)}.nt-wrap{width:min(100%,var(--nt-max));margin:0 auto}.nt-reveal{opacity:0;transform:translateY(1.6rem);filter:blur(4px);transition:opacity .9s var(--nt-ease),transform .9s var(--nt-ease),filter .9s var(--nt-ease)}.nt-reveal.is-in{opacity:1;transform:none;filter:none}.nt-hero{position:relative}.nt-hero__poster{min-height:100svh;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) auto;grid-template-areas:"logo" "meta";padding:calc(4.25rem + var(--nt-safe-top)) var(--nt-pad) calc(1.5rem + var(--nt-safe-bottom))}.nt-hero__poster h1{grid-area:auto;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:0;margin:0;line-height:0}.nt-hero__meta{grid-area:meta;position:relative;z-index:1;width:min(100%,var(--nt-max));min-width:0;margin-inline:auto;justify-self:center}.nt-hero__meta>*{animation:nt-rise-in .95s var(--nt-ease) both}.nt-hero__meta>:nth-child(1){animation-delay:.72s}.nt-hero__meta>:nth-child(2){animation-delay:.86s}.nt-hero__meta>:nth-child(3){animation-delay:1s}.nt-hero__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg, rgba(11, 9, 8, 0.38) 0%, rgba(11, 9, 8, 0) 26%, rgba(11, 9, 8, 0) 66%, rgba(11, 9, 8, 0.62) 100%)}.nt-hero__smear{position:absolute;left:0;right:0;top:42%;height:16%;z-index:-1;pointer-events:none;background:repeating-linear-gradient(180deg, rgba(196, 168, 130, 0.08) 0 2px, transparent 2px 5px);mix-blend-mode:overlay;animation:nt-smear 7s linear infinite}@keyframes nt-smear{from{background-position:0 0}to{background-position:0 40px}}@keyframes nt-rise-in{from{opacity:0;transform:translateY(0.7rem)}to{opacity:1;transform:none}}@keyframes nt-fade-in{from{opacity:0}to{opacity:1}}@keyframes nt-logo-breathe{0%,100%{opacity:1}50%{opacity:.86}}@keyframes nt-drift{from{transform:scale(1.02)}to{transform:scale(1.08)}}@keyframes nt-portrait-drift{from{transform:scale(1.03)}to{transform:scale(1.08) translate3d(1.4%, -1.1%, 0)}}.nt-logotype{width:min(16rem,70vw);margin:.4rem 0 1.4rem;mix-blend-mode:screen}.nt-logotype--quiz{width:min(16rem,66vw,26svh);height:auto;aspect-ratio:497/513;margin:0;display:block;mix-blend-mode:normal}.nt-logotype--rsvp{width:min(18.75rem,78vw,34svh);height:auto;aspect-ratio:497/513;margin:0 auto;display:block;flex-shrink:0;mix-blend-mode:normal}.nt-logotype--hero{width:min(18rem,72vw,32svh);height:auto;aspect-ratio:497/513;margin:0;display:block;mix-blend-mode:normal;animation:nt-rise-in 1.35s var(--nt-ease) .28s both,nt-logo-breathe 7.5s ease-in-out 1.8s infinite}.nt-visit{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.55rem .8rem;margin:0}.nt-visit>:nth-child(2){text-align:center}.nt-visit>:nth-child(3){text-align:right}.nt-visit dt{font-family:var(--nt-font-en);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--nt-tan);margin-bottom:.2rem}.nt-visit dd{margin:0;font-size:.86rem;line-height:1.5}.nt-visit a{border-bottom:1px solid rgba(246,241,234,.35);transition:opacity .35s var(--nt-ease),border-color .35s var(--nt-ease)}@media(hover: hover)and (pointer: fine){.nt-visit a:hover{opacity:.72;border-bottom-color:var(--nt-cream)}}.nt-concept{background:var(--nt-bg)}.nt-concept__title{font-size:clamp(1.7rem,4.2vw,3.1rem);font-weight:400;line-height:1.35;letter-spacing:.08em;max-width:18em}.nt-concept__body{max-width:42rem;margin-top:2rem;color:var(--nt-muted)}.nt-concept__body p+p{margin-top:1rem}.nt-concept__close{margin-top:2.4rem;font-size:1.05rem;color:var(--nt-cream);letter-spacing:.08em}.nt-concept__cta{--nt-ink: #2f2318;margin-top:2rem;min-height:3.2rem;padding:.8rem 1.5rem;border:2px solid var(--nt-ink);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;background:#faf6ef;color:var(--nt-ink);font-family:"Huninn","Noto Sans TC",sans-serif;font-size:1.05rem;letter-spacing:.06em;line-height:1.4;text-align:left;transition:transform .35s var(--nt-ease)}.nt-concept__cta::before,.nt-concept__cta::after{border-radius:inherit}.nt-concept__cta::before{background:#f6d861}.nt-concept__cta:active{color:var(--nt-ink)}.nt-concept__arrow{transition:transform .35s var(--nt-ease)}@media(hover: hover)and (pointer: fine){.nt-concept__cta:hover{color:var(--nt-ink);transform:rotate(-1.2deg)}.nt-concept__cta:hover .nt-concept__arrow{transform:translateX(0.3em)}}.split{display:grid;gap:0}.split__copy{padding:2.2rem var(--nt-pad) 2.8rem}.split--media{background:var(--nt-bg-soft)}.split__figure{position:relative;min-height:22rem;overflow:hidden}.split__figure img{width:100%;height:100%;object-fit:cover;filter:saturate(0.86)}.split__figure--logo{display:grid;place-items:center;padding:3rem var(--nt-pad);background:var(--nt-bg-soft)}.split__figure--logo img{width:min(100%,18rem);height:auto;object-fit:contain;filter:none}.split__copy h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:400;letter-spacing:.1em;margin-bottom:1.2rem}.split__copy p:not(.nt-kicker){color:var(--nt-muted)}.split__copy p+p{margin-top:1rem}.split__portrait{position:relative;margin:.35rem 0 1.5rem;overflow:hidden}.split__credit{position:absolute;z-index:1;right:.7rem;bottom:.55rem;margin:0;color:#f6f1ea;font-size:.68rem;letter-spacing:.14em;line-height:1;text-shadow:0 1px 3px rgba(11,9,8,.7);pointer-events:none}.split__portrait img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;filter:saturate(0.86);transform:scale(1.04)}.nt-reveal.is-in .split__portrait img{animation:nt-portrait-drift 18s ease-in-out .35s infinite alternate}.nt-duo{display:grid;gap:0}.nt-zones__intro h2{display:none}.nt-zones__intro p:not(.nt-kicker){max-width:42rem;color:var(--nt-muted)}.nt-zones__intro p+p{margin-top:.9rem}.nt-zone-grid{display:grid;gap:.85rem;margin-top:3.5rem}.nt-zone-grid .nt-zone:nth-child(1){transition-delay:.02s}.nt-zone-grid .nt-zone:nth-child(2){transition-delay:.14s}.nt-zone-grid .nt-zone:nth-child(3){transition-delay:.26s}.nt-zone-grid .nt-zone:nth-child(4){transition-delay:.38s}.nt-zone{position:relative;overflow:hidden;isolation:isolate;min-height:18rem;aspect-ratio:5/4;color:#fff}.nt-zone__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;transform:scale(1.001);transition:transform 1.1s var(--nt-ease)}.nt-zone__overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.15rem,2.6vw,1.85rem) clamp(1.05rem,2.6vw,1.9rem) clamp(1.15rem,2.4vw,1.7rem);background:linear-gradient(180deg, rgba(11, 9, 8, 0.48) 0%, rgba(11, 9, 8, 0.08) 38%, rgba(11, 9, 8, 0.16) 58%, rgba(11, 9, 8, 0.7) 100%)}.nt-zone__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;width:100%}.nt-zone__num{margin:0;font-family:var(--nt-font-en);font-size:clamp(2.4rem,6.4vw,4.25rem);font-weight:700;line-height:1;letter-spacing:.02em;color:rgba(0,0,0,0);-webkit-text-stroke:1.5px #fff}.nt-zone__name{margin:0;padding-top:.28em;font-size:clamp(.92rem,1.7vw,1.12rem);font-weight:400;letter-spacing:.18em;color:#fff;white-space:nowrap;text-shadow:0 1px 12px rgba(0,0,0,.35)}.nt-zone__desc{max-width:22em;margin:0;color:#fff;font-size:clamp(.86rem,1.5vw,.98rem);line-height:1.7;letter-spacing:.06em;text-shadow:0 1px 14px rgba(0,0,0,.45)}.nt-zone.is-in .nt-zone__img{animation:nt-drift 22s ease-in-out infinite alternate}@media(hover: hover)and (pointer: fine){.nt-zone:hover .nt-zone__img{animation-play-state:paused;transform:scale(1.06)}}.nt-social{position:relative;text-align:center;background-color:var(--nt-bg)}.nt-social__bg{position:fixed;inset:0;z-index:0;pointer-events:none;clip-path:inset(100%);background-color:var(--nt-bg);background-image:linear-gradient(rgba(11, 9, 8, 0.5), rgba(11, 9, 8, 0.5)),url("/then-now/assets/body%20bg.png");background-position:center;background-size:cover;background-repeat:no-repeat}.nt-social .nt-wrap{position:relative;z-index:1}.nt-social .nt-kicker{justify-content:center}.nt-social h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:400;letter-spacing:.1em;margin-bottom:1rem}.nt-social p:not(.nt-kicker){max-width:40rem;margin-inline:auto;color:var(--nt-muted)}.nt-ig{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.4rem;margin:2rem 0 1.6rem}.nt-ig a{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--nt-font-en);letter-spacing:.12em;border-bottom:1px solid var(--nt-line);padding-bottom:.2rem;transition:opacity .35s var(--nt-ease),border-color .35s var(--nt-ease),letter-spacing .4s var(--nt-ease)}@media(hover: hover)and (pointer: fine){.nt-ig a:hover{opacity:.74;border-bottom-color:var(--nt-cream);letter-spacing:.16em}}.nt-ig__icon{width:1.15em;height:1.15em;flex-shrink:0}.nt-social .nt-btn{margin-top:1.5rem}.nt-faq{max-width:46rem}.nt-faq h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:400;letter-spacing:.12em;margin-bottom:2rem}.nt-acc{border-top:1px solid var(--nt-line)}.nt-acc__item{border-bottom:1px solid var(--nt-line)}.nt-acc__btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;min-height:3.25rem;padding:1.05rem 0;font-size:1rem;letter-spacing:.04em;touch-action:manipulation}.nt-acc__plus{font-family:var(--nt-font-en);font-size:1.2rem;color:var(--nt-tan);flex-shrink:0;transition:transform .35s var(--nt-ease)}.nt-acc__item.is-open .nt-acc__plus{transform:rotate(45deg)}.nt-acc__panel{display:none;padding:0 0 1.3rem;color:var(--nt-muted)}.nt-acc__panel a{border-bottom:1px solid rgba(246,241,234,.35)}.nt-acc__item.is-open .nt-acc__panel{display:block;animation:nt-rise-in .45s var(--nt-ease) both}.nt-credits{background:var(--nt-bg)}.nt-credits h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:400;letter-spacing:.12em;margin-bottom:2rem}.nt-credits__list{margin:0}.nt-credits__band{display:grid;grid-template-columns:1fr}.nt-credits__row{display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem 1rem;padding:1.05rem 0}.nt-credits__row--top{align-items:flex-start}.nt-credits__row dt{flex:0 0 auto;margin:0;font-size:.78rem;letter-spacing:.14em;color:var(--nt-tan);white-space:nowrap}.nt-credits__row dd{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.5rem;flex:1 1 auto;min-width:0;margin:0;color:var(--nt-cream)}.nt-credits__item{display:inline-flex;align-items:center;min-height:1.7em}.nt-credits__item img{display:block;height:2.2rem;width:auto;max-width:13rem;object-fit:contain}.nt-foot{padding:0 0 calc(2rem + var(--nt-safe-bottom));background:#080706;border-top:1px solid var(--nt-line)}.nt-foot__grid{display:grid;gap:2rem;width:min(100%,var(--nt-max));margin-inline:auto;padding:3.5rem var(--nt-pad) 2.4rem}.nt-foot__grid h3{font-family:var(--nt-font-en);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--nt-tan);margin-bottom:.8rem}.nt-foot__grid p,.nt-foot__grid a{font-size:.9rem;color:var(--nt-muted)}.nt-foot__grid a:hover{color:var(--nt-ink)}.nt-toast{position:fixed;left:50%;bottom:calc(1.1rem + var(--nt-safe-bottom));z-index:50;width:min(100% - 2rem,24rem);transform:translate(-50%, 120%);padding:.8rem 1.1rem;background:var(--nt-ink);color:var(--nt-bg);font-size:.85rem;letter-spacing:.06em;text-align:center;opacity:0;transition:transform .4s var(--nt-ease),opacity .4s}.nt-toast.is-on{transform:translate(-50%, 0);opacity:1}.nt-quiz{min-height:100svh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:calc(1.7rem + var(--nt-safe-top)) var(--nt-pad) calc(1.25rem + var(--nt-safe-bottom))}.nt-quiz__progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.3rem;margin-bottom:2rem}.nt-quiz__seg{position:relative;height:2px;background:var(--nt-line);overflow:hidden}.nt-quiz__seg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, var(--nt-terracotta), var(--nt-tan) 48%, var(--nt-cream));transform:scaleX(0);transform-origin:left;transition:transform .62s var(--nt-ease)}.nt-quiz__seg.is-on::after{transform:scaleX(1)}.nt-quiz__meta{display:flex;justify-content:flex-end;font-family:var(--nt-font-en);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--nt-tan);margin-bottom:.7rem}.nt-quiz__stage{width:min(40rem,100%);margin:0 auto;align-self:center}.nt-quiz h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400;letter-spacing:.12em;line-height:1.4}.nt-quiz__lead{color:var(--nt-muted);margin:1rem 0 2rem}.nt-quiz.is-intro{grid-template-rows:1fr;padding:0}.nt-quiz.is-intro .nt-quiz__head{display:none}.nt-quiz__cover{display:grid;grid-template-rows:1fr;width:100%;align-self:stretch;text-align:center}.nt-cover__poster{position:relative;height:100%;display:grid;place-items:center}.nt-cover__top{position:absolute;top:calc(1.7rem + var(--nt-safe-top));left:var(--nt-pad);right:var(--nt-pad);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.nt-cover__meta{text-align:right}.nt-cover__meta .nt-cover__note{color:var(--nt-cream)}.nt-cover__foot{position:absolute;left:0;right:0;bottom:0;display:grid;justify-items:center;gap:.85rem;padding:0 var(--nt-pad) calc(1.6rem + var(--nt-safe-bottom))}.nt-cover__top,.nt-cover__foot{text-shadow:0 .08em .5em rgba(11,9,8,.75)}.nt-cover__foot>*{width:min(26rem,100%)}.nt-quiz__cover .nt-cover__foot h1{font-size:clamp(1.75rem,6.6vw,2.6rem);font-weight:700;letter-spacing:.08em;line-height:1.35}.nt-cover__foot .nt-quiz__lead{margin:0;color:var(--nt-cream);font-size:.92rem}.nt-cover__foot .nt-btn{margin-top:.2rem}.nt-options{display:grid;gap:.7rem;margin:1.8rem 0 2rem}.nt-option{position:relative;text-align:left;min-height:3.2rem;padding:.95rem 1.05rem;border:1px solid var(--nt-line);background:rgba(0,0,0,0);display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:center;touch-action:manipulation;transition:background .38s,border-color .38s,color .36s var(--nt-ease)}.nt-option::before{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg, var(--nt-tan), var(--nt-cream));opacity:0;transition:opacity .36s var(--nt-ease)}.nt-option>span{position:relative}.nt-option__n{font-family:var(--nt-font-en);font-size:.75rem;letter-spacing:.12em;color:var(--nt-tan)}.nt-option.is-on{color:var(--nt-bg)}.nt-option.is-on::before{opacity:1}.nt-option.is-on .nt-option__n{color:rgba(11,9,8,.5)}.nt-option:not(.is-on):active{border-color:var(--nt-ink);background:rgba(246,241,234,.05)}@media(hover: hover)and (pointer: fine){.nt-option:not(.is-on):hover{border-color:var(--nt-ink);background:rgba(246,241,234,.05)}}.nt-options.nt-scale{gap:.9rem}.nt-scale__row{display:grid;grid-template-columns:repeat(5, 1fr);gap:.5rem}.nt-scale__dot{position:relative;min-height:3.1rem;border:1px solid var(--nt-line);background:rgba(0,0,0,0);color:var(--nt-ink);font-family:var(--nt-font-en);font-size:1.05rem;letter-spacing:.06em;touch-action:manipulation;transition:background .38s,border-color .38s,color .36s var(--nt-ease);animation:nt-stage-in .66s var(--nt-ease) both;animation-delay:calc(.05s*var(--i, 0))}.nt-scale__dot.is-on{color:var(--nt-bg);border-color:rgba(0,0,0,0);background:linear-gradient(90deg, var(--nt-tan), var(--nt-cream))}.nt-scale__dot:not(.is-on):active{border-color:var(--nt-ink);background:rgba(246,241,234,.05)}@media(hover: hover)and (pointer: fine){.nt-scale__dot:not(.is-on):hover{border-color:var(--nt-ink);background:rgba(246,241,234,.05)}}.nt-scale__ends{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;letter-spacing:.06em;color:var(--nt-muted)}.nt-quiz__nav{display:flex;justify-content:space-between;gap:.8rem}.nt-quiz__nav .nt-btn{min-width:8rem}.nt-options.is-busy{pointer-events:none;opacity:.45}.nt-btn:disabled{opacity:.35;cursor:not-allowed}.nt-btn:disabled::before,.nt-btn:disabled::after{display:none}.nt-hidden{display:none !important}@keyframes nt-stage-in{from{opacity:0;transform:translateY(1.1rem);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.nt-stage-in{animation:nt-stage-in .78s var(--nt-ease) both}.nt-options .nt-option{animation:nt-stage-in .66s var(--nt-ease) both;animation-delay:calc(.09s*var(--i, 0))}.nt-result{--nt-pair-rgb: var(--nt-hue-rgb);--nt-bg: var(--nt-paper-lit);--nt-ink: var(--nt-ink-warm);--nt-muted: rgba(42, 31, 22, 0.74);--nt-faint: rgba(42, 31, 22, 0.56);--nt-line: rgba(42, 31, 22, 0.16);--nt-cream: var(--nt-hue-ink);--nt-tan: var(--nt-hue-ink);min-height:100svh;min-height:100dvh;padding:calc(1.7rem + var(--nt-safe-top)) var(--nt-pad) calc(1.8rem + var(--nt-safe-bottom));display:grid;align-content:start;color:var(--nt-ink);background:radial-gradient(116% 44% at 50% -10%, rgba(var(--nt-hue-rgb), 0.4), rgba(var(--nt-hue-rgb), 0) 68%),radial-gradient(70% 28% at 97% 3%, rgba(var(--nt-pair-rgb), 0.26), rgba(var(--nt-pair-rgb), 0) 72%),radial-gradient(62% 26% at 2% 20%, rgba(255, 213, 166, 0.45), rgba(255, 213, 166, 0) 74%),linear-gradient(180deg, var(--nt-paper-lit) 0%, var(--nt-paper) 44%, var(--nt-paper-deep) 100%)}.nt-result .nt-btn{background:rgba(253,251,247,.55)}.nt-result .nt-btn--ghost{background:none}.nt-result__card{width:min(40rem,100%);margin:0 auto;padding:2rem 0 1rem}.nt-bloom{display:block;width:calc(100% + 2*var(--nt-pad));aspect-ratio:1376/768;margin:calc(-3.7rem - var(--nt-safe-top)) calc(-1*var(--nt-pad)) 1.5rem;background:radial-gradient(56% 76% at 27% 44%, rgba(var(--nt-hue-rgb), 0.32), rgba(var(--nt-hue-rgb), 0) 72%),radial-gradient(44% 60% at 79% 24%, rgba(var(--nt-pair-rgb), 0.24), rgba(var(--nt-pair-rgb), 0) 74%),radial-gradient(70% 46% at 50% 104%, rgba(255, 250, 243, 0.92), rgba(255, 250, 243, 0) 68%);-webkit-mask-image:linear-gradient(180deg, #000 76%, rgba(0, 0, 0, 0.4) 91%, transparent 100%);mask-image:linear-gradient(180deg, #000 76%, rgba(0, 0, 0, 0.4) 91%, transparent 100%)}.nt-result__eyebrow{color:var(--nt-tan);font-size:.8rem;letter-spacing:.3em;text-indent:.15em;text-align:center}.nt-result__color{margin-top:.4rem;font-size:clamp(2.3rem,7.4vw,3.7rem);font-weight:400;letter-spacing:.18em;text-indent:.09em;line-height:1.28;text-align:center}.nt-result__hue{margin-top:.3rem;color:var(--nt-tan);font-size:.95rem;letter-spacing:.14em;text-align:center}.nt-result__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:1rem 0 0}.nt-pill{padding:.32rem .85rem;border:1px solid var(--nt-line);border-radius:999px;color:var(--nt-tan);font-size:.78rem;letter-spacing:.06em;line-height:1.6}.nt-result .nt-pill{border-color:rgba(var(--nt-hue-rgb), 0.34);background:rgba(253,251,247,.5)}.nt-result__label{display:block;width:fit-content;margin:0 auto .55rem;padding:.3rem .9rem;border-radius:999px;background:rgba(var(--nt-hue-rgb), 0.15);color:var(--nt-cream);font-size:.75rem;letter-spacing:.14em}.nt-result__copy{color:var(--nt-muted);line-height:1.85}.nt-result__duo{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-top:1.5rem}.nt-result__duo::before{content:"";grid-column:1/-1;justify-self:center;width:3.4rem;height:1px;background:var(--nt-line)}.nt-result__pair{margin-top:1.2rem}.nt-result__pairrow{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center}.nt-pairbloom{display:block;width:5.4rem;aspect-ratio:1/1}.nt-result__note{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--nt-line);letter-spacing:.08em;text-align:center}.nt-claimed{display:block;width:fit-content;margin:.8rem auto 0;padding:.2rem .7rem;border:1px solid var(--nt-tan);font-family:var(--nt-font-en);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--nt-tan)}.nt-result__count{margin-top:.7rem;color:var(--nt-tan);font-size:.8rem;letter-spacing:.08em;text-align:center}.nt-result__actions{display:grid;gap:.7rem;margin-top:1.6rem}.nt-result__hint{margin-top:.7rem;color:var(--nt-muted);font-size:.8rem;line-height:1.7;text-align:center}.nt-claim{margin-top:2.4rem;text-align:center}.nt-claim__toggle{display:inline-block;padding:.55rem .9rem;font-family:var(--nt-font-en);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--nt-faint)}.nt-claim__toggle::after{content:"▾";display:inline-block;margin-left:.45rem;transition:transform .25s var(--nt-ease)}.nt-claim.is-open .nt-claim__toggle::after{transform:rotate(180deg)}.nt-claim__body{margin-top:.5rem;padding:1.1rem 1.1rem 1rem;border:1px solid var(--nt-line);background:rgba(246,241,234,.03)}.nt-result .nt-claim__body{background:rgba(253,251,247,.62)}.nt-claim__btn{position:relative;display:block;width:100%;margin:0 0 .7rem;padding:1.05rem 1rem;overflow:hidden;border:1px solid var(--nt-tan);background:rgba(0,0,0,0);color:var(--nt-ink);font-family:inherit;font-size:.94rem;letter-spacing:.14em;text-align:center;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.nt-claim__btn:disabled{color:var(--nt-ink);cursor:default}.nt-claim__fill{position:absolute;inset:0;background:rgba(var(--nt-hue-rgb), 0.3);transform:scaleX(0);transform-origin:left}.nt-claim__label{position:relative;z-index:1}.nt-claim__hint{color:var(--nt-faint);font-size:.78rem;letter-spacing:.06em;line-height:1.6;text-align:center}.nt-claim.is-holding .nt-claim__btn{border-color:var(--nt-cream)}.nt-claim.is-error .nt-claim__btn{border-color:#e07070}.nt-claim.is-error .nt-claim__hint{color:#e07070}.nt-claim.is-done .nt-claim__btn{border-color:var(--nt-line);cursor:default}.nt-claim.is-done .nt-claim__fill{background:rgba(var(--nt-hue-rgb), 0.16)}.nt-form-error{margin:0 0 1rem;color:#e07070;font-size:.88rem}.nt-rsvp{min-height:100svh;display:grid}.nt-hero__poster,.nt-rsvp__intro,.nt-success,.nt-cover__poster{position:relative;isolation:isolate;overflow:hidden;background:url("/then-now/assets/rsvp-bg.webp") no-repeat top/100% 50%,url("/then-now/assets/rsvp-bg.webp") no-repeat bottom/100% 50%}.nt-rsvp__intro{display:grid;grid-template-rows:1fr auto 1fr;padding:2.4rem var(--nt-pad)}.nt-hero__poster::before,.nt-hero__poster::after,.nt-rsvp__intro::before,.nt-rsvp__intro::after,.nt-success::before,.nt-success::after,.nt-cover__poster::before,.nt-cover__poster::after{content:"";position:absolute;width:auto;height:50%;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:auto 100%}.nt-hero__poster::before,.nt-rsvp__intro::before,.nt-success::before,.nt-cover__poster::before{top:0;left:0;aspect-ratio:1800/990;background-image:url("/then-now/assets/rsvp-figure-l.webp");background-position:left top;transform:translateX(-10%)}.nt-hero__poster::after,.nt-rsvp__intro::after,.nt-success::after,.nt-cover__poster::after{bottom:0;right:0;aspect-ratio:1800/1223;background-image:url("/then-now/assets/rsvp-figure-r.webp");background-position:right bottom;transform:translateX(10%)}.nt-hero__poster::before,.nt-hero__poster::after{z-index:-2;animation:nt-fade-in 1.7s var(--nt-ease) both}.nt-hero__poster::before{animation-delay:.08s}.nt-hero__poster::after{animation-delay:.22s}.nt-rsvp__form{padding:2rem var(--nt-pad) 4rem;display:flex;flex-direction:column;justify-content:center}.nt-rsvp__top{align-self:start;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.nt-rsvp__mark,.nt-cover__mark{width:clamp(1.9rem,4vw,2.6rem);height:auto;filter:invert(1)}.nt-rsvp__org{flex:1 1 100%;font-weight:700;font-size:clamp(.92rem,2vw,1.18rem);line-height:1.45;text-align:center}.nt-rsvp__meta{text-align:right}.nt-rsvp h1{display:flex;justify-content:center;align-items:center;line-height:0}.nt-rsvp__foot{align-self:end;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:1.4rem 1.6rem}.nt-rsvp__year,.nt-rsvp__when,.nt-cover__line{font-family:var(--nt-font-en);font-weight:500;font-size:clamp(1rem,2.2vw,1.3rem);line-height:1.4;letter-spacing:.03em}.nt-rsvp__addr,.nt-cover__note{margin-top:.25rem;font-size:.78rem;line-height:1.65;color:var(--nt-muted)}.nt-rsvp__lead{display:grid;gap:.9rem;margin-bottom:1.8rem;color:var(--nt-muted);font-size:clamp(.82rem,1.15vw,.92rem);line-height:1.75;letter-spacing:.035em}.nt-rsvp__greeting{color:var(--nt-ink);font-weight:500;letter-spacing:.1em}.nt-rsvp__exhibition{padding:.8rem 0 .85rem 1rem;border-left:1px solid var(--nt-tan)}.nt-rsvp__lead-label{margin-bottom:.25rem;color:var(--nt-tan);font-size:.68rem;font-weight:500;letter-spacing:.18em}.nt-field{margin-bottom:1.3rem}.nt-field-row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:1.2rem}.nt-field label{display:block;font-size:.82rem;letter-spacing:.12em;margin-bottom:0}.nt-field input[type=text],.nt-field input[type=url],.nt-field input[type=tel],.nt-field input[type=email],.nt-field input[type=number]{width:100%;background:rgba(0,0,0,0);border:0;border-bottom:1px solid var(--nt-line);border-radius:0;padding:.7rem 0 .75rem;min-height:2.85rem;outline:none;font-size:16px;font-family:var(--nt-font-zh);color:inherit;letter-spacing:inherit;appearance:none;-webkit-appearance:none}.nt-field input:focus{border-bottom-color:var(--nt-ink)}.nt-field input[type=number]{appearance:textfield;-moz-appearance:textfield}.nt-field input[type=number]::-webkit-outer-spin-button,.nt-field input[type=number]::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0;display:none}.nt-handle{display:flex;align-items:center;min-height:2.85rem;border-bottom:1px solid var(--nt-line);cursor:text}.nt-handle:focus-within{border-bottom-color:var(--nt-ink)}.nt-handle__prefix{flex-shrink:0;color:var(--nt-muted);font-family:var(--nt-font-en);font-size:16px;letter-spacing:.01em;padding:.7rem 0 .75rem;white-space:nowrap}.nt-handle input[type=text]{width:0;flex:1 1 0;min-width:0;border:0;border-bottom:0;padding-left:0}.nt-handle input:focus{border-bottom:0}.nt-choice{display:flex;gap:.7rem}.nt-choice label{position:relative;flex:1;margin:0;min-height:3.1rem;padding:.8rem .5rem;border:1px solid var(--nt-line);text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation}.nt-choice input{position:absolute;opacity:0;pointer-events:none}.nt-choice label:has(input:checked){border-color:var(--nt-ink);background:rgba(246,241,234,.08)}.nt-success{min-height:100svh;min-height:100dvh;display:grid;place-items:center;text-align:center;padding:calc(2.5rem + var(--nt-safe-top)) var(--nt-pad) calc(2.5rem + var(--nt-safe-bottom))}.nt-success__panel{display:grid;justify-items:center;gap:1.1rem;width:min(28rem,100%);padding:clamp(1.8rem,5vw,2.6rem) clamp(1.3rem,4vw,2.2rem);border:1px solid var(--nt-line);background:rgba(11,9,8,.74);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:nt-success-in .75s var(--nt-ease) both}.nt-success__panel>*{animation:nt-success-rise .6s var(--nt-ease) both}.nt-success__panel>:nth-child(1){animation-delay:.2s}.nt-success__panel>:nth-child(2){animation-delay:.4s}.nt-success__panel>:nth-child(3){animation-delay:.5s}.nt-success__panel>:nth-child(4){animation-delay:.6s}.nt-success__panel>:nth-child(5){animation-delay:.7s}.nt-success__panel>:nth-child(6){animation-delay:.8s}.nt-success__seal{position:relative;display:grid;place-items:center;width:clamp(3.4rem,12vw,4.4rem)}.nt-success__seal::before{content:"";position:absolute;width:175%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle, rgba(196, 168, 130, 0.32), transparent 68%);animation:nt-success-halo 3.4s ease-in-out 1.1s infinite}.nt-success__seal svg{width:100%;height:auto;overflow:visible;fill:none;stroke:var(--nt-tan);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nt-success__ring{--nt-dash: 208;stroke-dasharray:208;stroke-dashoffset:0;animation:nt-success-draw .9s var(--nt-ease) .35s both}.nt-success__tick{--nt-dash: 44;stroke-dasharray:44;stroke-dashoffset:0;stroke-width:3;animation:nt-success-draw .45s var(--nt-ease) .95s both}.nt-success .nt-kicker{justify-content:center;margin-bottom:0}.nt-success h1{font-size:clamp(1.45rem,5.5vw,1.95rem);line-height:1.4}.nt-success__copy{color:var(--nt-muted);font-size:.92rem}.nt-success__detail{width:100%;padding-top:1.1rem;border-top:1px solid var(--nt-line)}.nt-success__actions{width:100%}.nt-success__actions .nt-btn{width:100%}@keyframes nt-success-in{from{opacity:0;transform:translateY(1.4rem) scale(0.97)}to{opacity:1;transform:none}}@keyframes nt-success-rise{from{opacity:0;transform:translateY(0.7rem)}to{opacity:1;transform:none}}@keyframes nt-success-draw{from{stroke-dashoffset:var(--nt-dash, 208)}to{stroke-dashoffset:0}}@keyframes nt-success-halo{0%,100%{opacity:.5;transform:scale(0.9)}50%{opacity:1;transform:scale(1.07)}}@media(max-width: 799px){.nt-section{padding:3.4rem var(--nt-pad)}.nt-visit{gap:.4rem .45rem}.nt-visit dd{font-size:.72rem;line-height:1.45;word-break:keep-all}.nt-concept__title,.split__copy h2,.nt-social h2,.nt-faq h2,.nt-credits h2{letter-spacing:.04em;line-height:1.4}.nt-concept__body,.nt-concept__close{margin-top:1.4rem}.split__figure{min-height:0;aspect-ratio:4/5;max-height:58svh}.split__figure--logo{aspect-ratio:auto;min-height:13rem;max-height:none}.nt-zone-grid{margin-top:2rem}.nt-zone{min-height:16.5rem}.nt-zone__name{letter-spacing:.12em}.nt-ig a{display:inline-flex;padding:.45rem 0;line-height:1.5}.nt-foot__grid{grid-template-columns:1fr 1fr;gap:1.5rem 1.1rem;padding:2.4rem var(--nt-pad) 1.6rem}.nt-social .nt-btn,.nt-concept__cta{width:min(100%,22rem)}.nt-quiz h1{font-size:1.42rem;letter-spacing:.04em;line-height:1.4}.nt-quiz__lead{margin:.85rem 0 1.5rem}.nt-quiz__nav{position:sticky;bottom:0;z-index:4;margin:0 -0.2rem;padding:.7rem 0 calc(.2rem + var(--nt-safe-bottom));background:linear-gradient(180deg, transparent, var(--nt-bg) 28%)}.nt-result{align-content:start}.nt-result__color{font-size:2.25rem;letter-spacing:.13em;text-indent:.065em}.nt-pairbloom{width:4.6rem}.nt-result__note{letter-spacing:.03em;line-height:1.7}.nt-rsvp__intro,.nt-rsvp__form{min-height:100svh}.nt-rsvp__intro{padding:calc(1.6rem + var(--nt-safe-top)) var(--nt-pad) 1.8rem}.nt-rsvp__form{padding:1.6rem var(--nt-pad) calc(2.8rem + var(--nt-safe-bottom))}.nt-rsvp__cal{flex:1 1 100%}.nt-rsvp__form .nt-btn,.nt-rsvp__cal .nt-btn{width:100%}.nt-form{width:100%}}@media(min-width: 800px){.nt-visit dd{font-size:.95rem}.nt-hero__poster{background:url("/then-now/assets/rsvp-bg.webp") no-repeat center/100% 100%;align-items:end;padding-bottom:1.6rem}.nt-hero__poster::before,.nt-hero__poster::after{top:auto;bottom:0;height:100%}.nt-hero__poster::before{transform:translateX(calc(27vw - 74.5svh))}.nt-hero__poster::after{transform:translateX(calc(73.6svh - 27vw))}.nt-logotype--hero{width:min(18rem,21vw)}.split{grid-template-columns:.9fr 1.1fr;align-items:center;min-height:80svh;gap:0}.split__figure{min-height:80svh}.split__figure--logo img{width:min(68%,22rem)}.split__copy{padding:4rem var(--nt-pad)}.nt-duo{container-type:inline-size;--nt-duo-inset: max(var(--nt-pad), calc((100cqw - var(--nt-max)) / 2));grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);background:var(--nt-bg-soft)}.nt-duo .split{grid-template-columns:minmax(0, 1fr);grid-template-rows:auto 1fr;min-height:0;align-items:stretch;align-content:start}.nt-duo .split+.split{border-left:1px solid var(--nt-line)}.nt-duo .split__copy{padding:2.6rem clamp(1.2rem,2.4vw,2rem) 3.2rem}.nt-duo .split:first-child .split__copy{padding-left:var(--nt-duo-inset)}.nt-duo .split:last-child .split__copy{padding-right:var(--nt-duo-inset)}.nt-duo .split__copy h2{font-size:clamp(1.25rem,2.1vw,1.7rem)}.nt-zone{min-height:0;aspect-ratio:8/5}.nt-zone-grid{grid-template-columns:1fr 1fr}.nt-credits__band--2,.nt-credits__band--3{grid-template-columns:1fr 1fr 1fr}.nt-foot__grid{grid-template-columns:repeat(4, auto);justify-content:space-between;column-gap:clamp(1.5rem,3vw,3rem)}.nt-rsvp{grid-template-columns:1fr 1fr}.nt-rsvp__intro{padding:3.4rem var(--nt-pad);grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"mark org" "logo logo" "meta cal"}.nt-rsvp__top{display:contents}.nt-rsvp__mark{grid-area:mark;justify-self:start;align-self:start}.nt-rsvp__foot{display:contents}.nt-rsvp__org{grid-area:org;justify-self:end;align-self:start;text-align:right}.nt-rsvp__cal{grid-area:cal;justify-self:end;align-self:end}.nt-rsvp h1{grid-area:logo}.nt-rsvp__meta{grid-area:meta;align-self:end;text-align:left}.nt-rsvp__form{padding:4rem var(--nt-pad);border-left:1px solid var(--nt-line)}.nt-form,.nt-rsvp__lead{width:min(28rem,100%)}.nt-result{align-content:center}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}.nt-reveal{opacity:1;transform:none;filter:none}.nt-kicker::after,.split__portrait img,.nt-reveal.is-in .split__portrait img,.nt-zone.is-in .nt-zone__img,.nt-zone:hover .nt-zone__img{transform:none}}.nt-calsheet{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:var(--nt-pad);background:rgba(11,9,8,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:nt-success-in .4s var(--nt-ease) both}.nt-calsheet[hidden]{display:none}.nt-calsheet__panel{display:grid;gap:.85rem;width:min(23rem,100%);padding:clamp(1.6rem,5vw,2.1rem) clamp(1.2rem,4vw,1.7rem);border:1px solid var(--nt-line);background:var(--nt-bg-soft);text-align:center}.nt-calsheet__title{font-size:1.15rem;font-weight:500;letter-spacing:.1em}.nt-calsheet__meta{margin-bottom:.35rem;padding-bottom:.95rem;border-bottom:1px solid var(--nt-line);color:var(--nt-muted);font-size:.88rem;line-height:1.7}.nt-calsheet__panel .nt-btn{width:100%}.nt-calsheet__hint{margin-top:.35rem;color:var(--nt-faint);font-size:.76rem;line-height:1.75;letter-spacing:.04em}.nt-calsheet__close{justify-self:center;padding:.5rem 1rem;color:var(--nt-muted);font-size:.8rem;letter-spacing:.14em;text-decoration:underline;text-underline-offset:.25em}.nt-calsheet__hint.is-strong{color:var(--nt-cream);font-size:.8rem}.nt-sharesheet{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:var(--nt-pad);background:rgba(11,9,8,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:nt-success-in .4s var(--nt-ease) both}.nt-sharesheet__panel{display:grid;gap:.85rem;justify-items:center;width:min(20rem,100%);padding:clamp(1.2rem,4vw,1.6rem);border:1px solid var(--nt-line);background:var(--nt-bg-soft);text-align:center}.nt-sharesheet__img{display:block;max-width:100%;max-height:min(52vh,26rem);border:1px solid var(--nt-line)}.nt-sharesheet__panel .nt-btn{width:100%}.nt-sharesheet__hint{color:var(--nt-faint);font-size:.76rem;line-height:1.75;letter-spacing:.04em}.nt-sharesheet__hint.is-strong{color:var(--nt-cream);font-size:.8rem}.nt-sharesheet__close{justify-self:center;padding:.5rem 1rem;color:var(--nt-muted);font-size:.8rem;letter-spacing:.14em;text-decoration:underline;text-underline-offset:.25em}body.nt-body--light .nt-sharesheet{background:rgba(244,238,229,.88)}body.nt-body--light .nt-sharesheet__panel{--nt-bg: var(--nt-paper-lit);--nt-ink: var(--nt-ink-warm);--nt-muted: rgba(42, 31, 22, 0.74);--nt-faint: rgba(42, 31, 22, 0.5);--nt-line: rgba(42, 31, 22, 0.16);--nt-cream: var(--nt-ink-warm);background:var(--nt-paper-lit);color:var(--nt-ink);box-shadow:0 1.4rem 3.4rem rgba(42,31,22,.16)}.nt-mf{--nt-bg: #faf6ef;--nt-ink: #2f2318;--nt-muted: rgba(47, 35, 24, 0.74);--nt-faint: rgba(47, 35, 24, 0.52);--nt-line: rgba(47, 35, 24, 0.18);--nt-cream: #5d4634;--nt-tan: #8a6a4e;--mf-red: #e2694a;--mf-blue: #5b8fd3;--mf-green: #6faa63;--mf-yellow: #e8b73a;--mf-pink: #e07a9a;--mf-hi: #f6d861;--mf-paper: #f4ede2;--mf-font: "Huninn", "Noto Sans TC", sans-serif;--mf-wobble: 255px 15px 225px 15px / 15px 225px 15px 255px;min-height:100svh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr;padding:calc(1.3rem + var(--nt-safe-top)) var(--nt-pad) calc(1.6rem + var(--nt-safe-bottom));background:var(--nt-bg);color:var(--nt-ink)}.nt-mf__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(62rem,100%);margin:0 auto 1.4rem}.nt-mf__brand{display:flex;align-items:center;gap:.7rem;min-height:2.75rem}.nt-mf__mark{width:1.6rem;height:auto}.nt-mf__label{font-family:var(--mf-font);font-size:.78rem;font-weight:400;letter-spacing:.06em;line-height:1.35;color:var(--nt-ink)}.nt-mf__screen{width:min(26rem,100%);margin:0 auto;align-self:center}.nt-mf h1,.nt-mf__h2,.nt-mf__eyebrow,.nt-mf__tab,.nt-mf__lead,.nt-mf .nt-btn,.nt-part__label,.nt-mf-read__label,.nt-mf-read__part,.nt-mf-read__edit{font-family:var(--mf-font);font-weight:400}.nt-mf h1{font-size:clamp(1.9rem,7.4vw,2.7rem);line-height:1.32;letter-spacing:.02em}.nt-mf__hi{padding:0 .08em;background:linear-gradient(180deg, transparent 56%, var(--mf-hi) 56%, var(--mf-hi) 94%, transparent 94%);color:inherit}.nt-mf .nt-btn{min-height:3.2rem;padding:.8rem 1.5rem;border:2px solid var(--nt-ink);border-radius:var(--mf-wobble);font-size:1.05rem;letter-spacing:.06em;transition:color .35s var(--nt-ease),background .35s var(--nt-ease),transform .35s var(--nt-ease)}.nt-mf .nt-btn::before,.nt-mf .nt-btn::after{border-radius:inherit}.nt-mf .nt-btn--ghost{border-style:dashed;border-color:rgba(47,35,24,.4)}@media(hover: hover)and (pointer: fine){.nt-mf .nt-btn:hover{transform:rotate(-1.2deg)}}.nt-mf__canvas{display:grid;place-items:center}.nt-mf__sheet{position:relative;width:min(100%,32svh,20rem)}.nt-mf__sheet::before{content:"";position:absolute;left:50%;top:-0.6rem;z-index:2;width:5.2rem;height:1.35rem;background:rgba(255,246,214,.78);box-shadow:0 1px 2px rgba(47,35,24,.16),inset 0 0 0 1px rgba(255,255,255,.4);transform:translateX(-50%) rotate(-3deg)}.nt-mf__sheet--tilt{transform:rotate(-1.6deg)}.nt-mf__sheet--tilt::before{content:"";position:absolute;left:50%;top:-0.6rem;z-index:2;width:5.2rem;height:1.35rem;background:rgba(255,246,214,.78);box-shadow:0 1px 2px rgba(47,35,24,.16),inset 0 0 0 1px rgba(255,255,255,.4);transform:translateX(-50%) rotate(2deg)}.nt-mf__face{display:block;width:100%;height:auto;aspect-ratio:4/4.45;object-fit:cover;object-position:center bottom;background:var(--mf-paper);box-shadow:0 0 0 1px rgba(47,35,24,.1),0 1.1rem 2.2rem -1.2rem rgba(47,35,24,.5)}.nt-mf__face.is-loading,.nt-mf-poster__face.is-loading{animation:nt-mf-breathe 1.5s ease-in-out infinite}@keyframes nt-mf-breathe{0%,100%{opacity:.55}50%{opacity:.85}}.nt-mf__intro{display:grid;gap:1.6rem}.nt-mf__hgroup{text-align:center}.nt-mf__eyebrow{flex:none;color:var(--nt-tan);font-size:.85rem;letter-spacing:.16em;line-height:1.35;text-align:right}.nt-mf__copy{display:grid;gap:1.3rem;text-align:center}.nt-mf__lede{color:var(--nt-muted);line-height:1.9}.nt-mf__lede b{color:var(--nt-ink);font-weight:500}.nt-mf__note{padding-top:1.1rem;border-top:2px dashed rgba(47,35,24,.16);color:var(--nt-faint);font-size:.82rem;line-height:1.9}.nt-mf__note b{display:inline-block;margin-right:.45em;padding:.05em .6em;border-radius:999px;background:var(--mf-hi);color:var(--nt-ink);font-family:var(--mf-font);font-size:.8rem;font-weight:400;letter-spacing:.06em}.nt-mf.is-building{height:100svh;height:100dvh;min-height:0;padding-bottom:calc(.9rem + var(--nt-safe-bottom))}.nt-mf.is-building .nt-mf__top{margin-bottom:.8rem}.nt-mf.is-building .nt-mf__screen{align-self:stretch}.nt-mf__build{display:grid;grid-template-areas:"tabs" "face" "text" "parts" "nav";grid-template-rows:auto minmax(8rem, 1fr) auto auto auto;gap:.7rem;height:100%;min-height:0}.nt-mf__tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:.2rem;border-bottom:2px dashed rgba(47,35,24,.16)}.nt-mf__tab{--mf-tint: var(--mf-red);position:relative;min-height:2.6rem;padding:.3rem .1rem .45rem;border:0;background:rgba(0,0,0,0);color:var(--nt-faint);font-size:.95rem;letter-spacing:.04em;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:color .3s var(--nt-ease)}.nt-mf__tab[data-part=hairs]{--mf-tint: var(--mf-blue)}.nt-mf__tab[data-part=eyes]{--mf-tint: var(--mf-green)}.nt-mf__tab[data-part=noses]{--mf-tint: var(--mf-yellow)}.nt-mf__tab[data-part=mouths]{--mf-tint: var(--mf-pink)}.nt-mf__tab-name{padding:0 .12em}.nt-mf__tab.is-done{color:var(--nt-ink)}.nt-mf__tab.is-done .nt-mf__tab-name::before{content:"✓";margin-right:.12em;color:var(--mf-tint);font-size:.85em}.nt-mf__tab.is-on{color:var(--nt-ink)}.nt-mf__tab.is-on .nt-mf__tab-name{background:linear-gradient(180deg, transparent 52%, var(--mf-hi) 52%, var(--mf-hi) 94%, transparent 94%)}.nt-mf__tab.is-on::after{content:"";position:absolute;left:12%;right:12%;bottom:-2px;height:3px;border-radius:999px;background:var(--nt-ink)}@media(hover: hover)and (pointer: fine){.nt-mf__tab:not(.is-on):hover{color:var(--nt-ink)}}.nt-mf__build .nt-mf__canvas{grid-area:face;display:flex;align-items:center;justify-content:center;min-height:0;height:100%}.nt-mf__sheet--hero{width:auto;height:100%;max-width:100%;max-height:min((100vw - 2*var(--nt-pad))*1.1125,32.5rem);aspect-ratio:4/4.45}.nt-mf__text{grid-area:text;color:var(--nt-muted);font-size:.85rem;line-height:1.55}.nt-mf__build h1{display:inline;margin-right:.45em;color:var(--nt-ink);font-size:1.15rem;line-height:inherit}.nt-mf__lead{display:inline}.nt-parts{--mf-gap: 0.4rem;--mf-zoom: 1;grid-area:parts;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:var(--mf-gap);width:100%;min-width:0;margin:0 auto}.nt-parts[data-count="6"]{width:calc(60% - .4*var(--mf-gap));grid-template-columns:repeat(3, minmax(0, 1fr))}.nt-parts[data-part=faces]{--mf-zoom: 1.1}.nt-parts[data-part=eyes]{--mf-zoom: 1.3}.nt-parts[data-part=noses]{--mf-zoom: 1.4}.nt-parts[data-part=mouths]{--mf-zoom: 1.3}.nt-part{position:relative;min-width:0;display:grid;gap:.2rem;padding:.2rem .2rem .3rem;border:2px solid rgba(47,35,24,.14);border-radius:.7rem;background:var(--mf-paper);color:var(--nt-ink);cursor:pointer;touch-action:manipulation;transition:border-color .3s,transform .4s var(--nt-ease),box-shadow .4s var(--nt-ease);animation:nt-stage-in .66s var(--nt-ease) both;animation-delay:calc(.04s*var(--i, 0))}.nt-part__frame{display:block;overflow:hidden;aspect-ratio:4/3;border-radius:.45rem}.nt-part__thumb{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--mf-zoom))}.nt-part__label{overflow:hidden;font-size:.78rem;line-height:1.3;text-align:center;white-space:nowrap;text-overflow:ellipsis}.nt-part.is-on{z-index:1;border-color:var(--nt-ink);box-shadow:0 .6rem 1.1rem -0.8rem rgba(47,35,24,.55);transform:rotate(-1.4deg) scale(1.04);animation:none}.nt-part.is-on .nt-part__label{text-decoration:underline;text-decoration-color:var(--mf-hi);text-decoration-thickness:.5em;text-decoration-skip-ink:none;text-underline-offset:-0.3em}.nt-part.is-on::after{content:"✓";position:absolute;top:-0.4rem;right:-0.4rem;display:grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--nt-ink);color:var(--mf-paper);font-size:.7rem;line-height:1}.nt-part:not(.is-on):active{border-color:rgba(47,35,24,.5)}@media(hover: hover)and (pointer: fine){.nt-part:not(.is-on):hover{border-color:rgba(47,35,24,.5);transform:translateY(-2px)}}.nt-mf__nav{grid-area:nav;display:flex;gap:.7rem}.nt-mf__nav .nt-btn{flex:1;min-width:0;padding-left:.6rem;padding-right:.6rem}.nt-mf__result{display:grid;gap:1.8rem;align-self:start}.nt-mf__sheet--poster{width:100%}.nt-mf__portrait{display:grid;align-content:start;gap:1rem}.nt-mf-poster{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:4/4.45;padding:1.1rem 1.2rem 1.25rem;background:var(--mf-paper);box-shadow:0 0 0 1px rgba(47,35,24,.1),0 1.3rem 2.8rem -1.5rem rgba(47,35,24,.55)}.nt-mf-poster__face{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}.nt-mf-poster__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.nt-mf-poster__brand{display:flex;align-items:flex-start;gap:.65rem;min-width:0}.nt-mf-poster__mark{flex:none;width:clamp(1.9rem,8vw,2.4rem);height:auto;aspect-ratio:300/409;mix-blend-mode:multiply}.nt-mf-poster__logo{width:clamp(2.8rem,12vw,3.6rem);height:auto;aspect-ratio:360/338;mix-blend-mode:multiply}.nt-mf__reading{display:grid;gap:1.1rem}.nt-mf__reading-head{display:grid;gap:.3rem}.nt-mf__h2{font-size:1.5rem;line-height:1.3}.nt-mf__hint{color:var(--nt-faint);font-size:.85rem;letter-spacing:.04em}.nt-mf__hint::before{content:"↺ "}.nt-mf__result.nt-stage-in .nt-mf__reading>*{animation:nt-stage-in .78s var(--nt-ease) both}.nt-mf__result.nt-stage-in .nt-mf__reading>:nth-child(1){animation-delay:0.22s}.nt-mf__result.nt-stage-in .nt-mf__reading>:nth-child(2){animation-delay:0.32s}.nt-mf__result.nt-stage-in .nt-mf__reading>:nth-child(3){animation-delay:0.42s}.nt-mf-read{position:relative;isolation:isolate;display:grid;margin-top:.5rem;padding:.5rem 1.15rem;border:2px solid rgba(47,35,24,.12);border-radius:1.1rem .9rem 1.2rem .8rem/.9rem 1.2rem .8rem 1.1rem;background:var(--nt-paper-lit);box-shadow:0 1.1rem 2.2rem -1.6rem rgba(47,35,24,.4)}.nt-mf-read::before{content:"";position:absolute;left:50%;top:-0.6rem;z-index:2;width:5.2rem;height:1.35rem;background:rgba(255,246,214,.78);box-shadow:0 1px 2px rgba(47,35,24,.16),inset 0 0 0 1px rgba(255,255,255,.4);transform:translateX(-50%) rotate(2deg)}.nt-mf-read__item{--mf-tint: var(--mf-red);--mf-tint-soft: rgba(226, 105, 74, 0.18);position:relative;display:block;width:100%;padding:1.05rem 0 1.1rem;text-align:left}.nt-mf-read__item+.nt-mf-read__item{border-top:2px dashed rgba(47,35,24,.12)}.nt-mf-read__item::after{content:"";position:absolute;inset:.35rem -0.6rem;z-index:-1;border-radius:.9rem .7rem 1rem .6rem/.7rem 1rem .6rem .9rem;background:var(--mf-tint-soft);opacity:0;transition:opacity .3s var(--nt-ease)}.nt-mf-read__item:active::after{opacity:.6}.nt-mf-read__item[data-part=hairs]{--mf-tint: var(--mf-blue);--mf-tint-soft: rgba(91, 143, 211, 0.2)}.nt-mf-read__item[data-part=eyes]{--mf-tint: var(--mf-green);--mf-tint-soft: rgba(111, 170, 99, 0.22)}.nt-mf-read__item[data-part=noses]{--mf-tint: var(--mf-yellow);--mf-tint-soft: rgba(232, 183, 58, 0.26)}.nt-mf-read__item[data-part=mouths]{--mf-tint: var(--mf-pink);--mf-tint-soft: rgba(224, 122, 154, 0.2)}.nt-mf-read__head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.5rem}.nt-mf-read__label{display:inline-block;padding:.12em .7em;border-radius:999px;background:var(--mf-tint-soft);color:var(--nt-ink);font-size:.82rem;letter-spacing:.04em}.nt-mf-read__part{flex:none;padding:.1em .65em;border:1.5px dashed rgba(47,35,24,.28);border-radius:999px;color:var(--nt-tan);font-size:.85rem;letter-spacing:.04em;transition:color .3s var(--nt-ease),border-color .3s var(--nt-ease)}.nt-mf-read__part::after{content:" ↺"}.nt-mf-read__item:active .nt-mf-read__part{border-style:solid;border-color:var(--mf-tint);color:var(--nt-ink)}@media(hover: hover)and (pointer: fine){.nt-mf-read__item:hover::after{opacity:.6}.nt-mf-read__item:hover .nt-mf-read__part{border-style:solid;border-color:var(--mf-tint);color:var(--nt-ink)}}.nt-mf-read__copy{display:block;color:var(--nt-ink);font-size:1rem;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}.nt-mf__actions{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.7rem}.nt-mf__actions .nt-btn{padding-left:.6rem;padding-right:.6rem}.nt-mf .nt-mf__primary{background:var(--nt-ink);color:var(--nt-bg)}.nt-mf .nt-mf__primary::before{background:var(--mf-hi)}.nt-mf .nt-mf__primary:active{color:var(--nt-ink)}@media(hover: hover)and (pointer: fine){.nt-mf .nt-mf__primary:hover{color:var(--nt-ink)}}.nt-mf__again{grid-column:1/-1;justify-self:center;min-height:2.75rem;padding:.4rem 1rem;color:var(--nt-muted);font-family:var(--mf-font);font-size:.95rem;letter-spacing:.06em;transition:color .3s var(--nt-ease)}.nt-mf__again span{text-decoration:underline dashed rgba(47,35,24,.35);text-decoration-thickness:1.5px;text-underline-offset:.4em}.nt-mf__again::before{content:"↺ "}.nt-mf__again:active{color:var(--nt-ink)}@media(hover: hover)and (pointer: fine){.nt-mf__again:hover{color:var(--nt-ink)}}.nt-mf-hook{display:grid;justify-items:center;gap:1.5rem;margin-top:1rem;text-align:center}.nt-mf-hook__lead{color:var(--nt-muted);font-size:.92rem;line-height:1.9}.nt-mf-hook__lead b{color:var(--nt-ink);font-weight:500}.nt-mf-ticket{position:relative;display:grid;justify-items:center;width:min(100%,20rem);padding:1.4rem 1.5rem 0;border-radius:.6rem;background:#f8e9b4;box-shadow:0 1rem 2rem -1.3rem rgba(47,35,24,.45);transform:rotate(-1.2deg)}.nt-mf-ticket__date{font-family:var(--mf-font);font-size:2rem;line-height:1.2;letter-spacing:.04em;color:var(--nt-ink)}.nt-mf-ticket__venue{margin-top:.15rem;color:var(--nt-tan);font-size:.85rem;letter-spacing:.12em}.nt-mf-ticket__copy{margin-top:.8rem;color:var(--nt-muted);font-size:.92rem;line-height:1.8}.nt-mf-ticket__stub{position:relative;justify-self:stretch;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.6rem;margin:1.2rem -1.5rem 0;padding:1.2rem 1.5rem 1.4rem;border-top:2px dashed rgba(47,35,24,.25)}.nt-mf-ticket__stub .nt-btn{padding-left:.6rem;padding-right:.6rem}.nt-mf-ticket__stub::before,.nt-mf-ticket__stub::after{content:"";position:absolute;top:calc(-0.7rem - 1px);width:1.4rem;height:1.4rem;border-radius:50%;background:var(--nt-bg)}.nt-mf-ticket__stub::before{left:-0.7rem}.nt-mf-ticket__stub::after{right:-0.7rem}.nt-mf .nt-sharesheet__panel{border-width:2px;border-radius:1.1rem .9rem 1.2rem .8rem/.9rem 1.2rem .8rem 1.1rem}.nt-mf .nt-sharesheet__img{border-width:2px}@media(max-width: 799px){.nt-mf__actions .nt-btn{font-size:.98rem;letter-spacing:.02em}}@media(min-width: 800px){.nt-mf__screen{width:min(58rem,100%)}.nt-mf__intro,.nt-mf__result{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);column-gap:clamp(2.5rem,6vw,5rem)}.nt-mf__intro{grid-template-areas:"face hgroup" "face copy";align-content:center;row-gap:1.6rem}.nt-mf__hgroup{grid-area:hgroup;align-self:end;text-align:left}.nt-mf__intro .nt-mf__canvas{grid-area:face}.nt-mf__copy{grid-area:copy;align-self:start;text-align:left}.nt-mf__intro .nt-btn{justify-self:start;min-width:12rem}.nt-mf__intro .nt-mf__sheet{width:min(100%,56svh,24rem)}.nt-mf__sheet--hero{width:min(100%,62svh,26rem);height:auto;max-height:none}.nt-mf__build{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);grid-template-areas:"face tabs" "face text" "face parts" "face nav";grid-template-rows:auto auto 1fr auto;align-items:start;column-gap:clamp(2.5rem,6vw,5rem);row-gap:1.1rem}.nt-mf__build .nt-mf__canvas{align-self:center;height:auto}.nt-mf__tabs{gap:.4rem}.nt-mf__tab{font-size:1rem}.nt-mf__text{font-size:.92rem;line-height:1.7}.nt-mf__build h1{display:block;margin-right:0;font-size:2rem;line-height:1.3}.nt-mf__lead{display:block;margin-top:.4rem}.nt-parts,.nt-parts[data-count="6"]{--mf-gap: 0.6rem;width:100%;grid-template-columns:repeat(3, minmax(0, 1fr));align-self:start}.nt-part{gap:.3rem;padding:.3rem .3rem .45rem;border-radius:1rem}.nt-part__frame{border-radius:.6rem}.nt-part__label{font-size:.92rem}.nt-mf__nav{align-self:end;justify-content:space-between}.nt-mf__nav .nt-btn{flex:0 0 auto;min-width:9rem;padding-left:1.5rem;padding-right:1.5rem}.nt-mf__result{align-items:start}.nt-mf__portrait{position:sticky;top:1.5rem}}/*# sourceMappingURL=now-then.css.map */