.ab-letter{background:var(--ink);color:var(--paper);padding:max(48px,min(7vw,112px)) 0 max(56px,min(6vw,88px));position:relative;overflow:hidden}.ab-letter>.wrap{z-index:1;position:relative}.ab-letter-bg{pointer-events:none;width:min(72%,1100px);position:absolute;top:0;bottom:0;right:0}.ab-letter-bg img{object-fit:cover;object-position:88% 45%;transform-origin:100%;width:100%;height:100%;display:block}.ab-letter-bg:after{content:"";background:linear-gradient(to right, var(--ink) 0%, #17191ee0 28%, #17191e85 62%, #17191e57 100%), linear-gradient(to bottom, var(--ink) 0%, #17191e00 22%, #17191e00 78%, var(--ink) 100%);position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:899.98px){.ab-letter-bg{opacity:.27;width:100%}}.ab-letter-body{max-width:880px;padding-left:max(20px,min(2.4vw,40px));position:relative}.ab-letter-bar{background:var(--red);transform-origin:top;width:2px;position:absolute;top:0;bottom:0;left:0}.ab-letter .pg-idx{color:#f6f3ee99;margin:0 0 max(24px,min(2.6vw,36px))}.ab-letter-text p{letter-spacing:.05em;color:#e6e2db;margin:0 0 1.1em;font-family:Noto Serif TC,Songti TC,PMingLiU,serif;font-size:max(19px,min(12.7px + .926vw,26px));line-height:1.75}@media (min-width:900px){.ab-letter-text p{margin-bottom:1.3em;line-height:1.9}}.ab-letter-text .pg-ln{display:block}.ab-letter-text .nb{max-width:100%;display:inline-block}.ab-letter-text .ab-key{color:#fffdf7;transition:text-shadow 1.2s var(--ease);font-weight:500}.ab-letter-text .ab-key.is-lit{text-shadow:0 0 28px #ffecd673}.ab-letter-text .ab-sign{font-family:var(--sans);letter-spacing:.08em;color:var(--paper);border-top:1px solid #f6f3ee33;margin:max(28px,min(3vw,44px)) 0 0;padding-top:18px;font-size:15px;font-weight:500;line-height:1.6}.ab-mission{padding:max(56px,min(6.4vw,96px)) 0}.ab-mission .pg-idx{margin:0 0 max(20px,min(2.4vw,32px))}.ab-mission-grid{grid-template-columns:max-content minmax(0,1fr);align-items:end;column-gap:max(40px,min(5vw,96px));display:grid}@media (max-width:1023.98px){.ab-mission-grid{grid-template-columns:minmax(0,1fr)}}.ab-title{letter-spacing:.02em;margin:0;font-size:max(40px,min(5vw,74px));font-weight:700;line-height:1.2}@media (min-width:900px) and (max-width:1099.98px){.ab-title{font-size:5.6vw}}@media (max-width:899.98px){.ab-title{font-size:min(8.4vw,72px)}}@media (max-width:699.98px){.ab-title{font-size:min(max(34px,min(10.4vw,58px)),8.5vw)}}.ab-title .ln,.ab-closing .ln{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.ab-title .ln-in,.ab-closing .ln-in{display:block}.ab-w{white-space:nowrap}.ab-mk{color:var(--red-text);display:inline-block;position:relative}.ab-mk-line{background:var(--red);transform-origin:0;height:.07em;min-height:3px;position:absolute;bottom:.02em;left:0;right:.1em}.ab-intro{max-width:34em;padding-top:max(16px,min(1.6vw,22px));position:relative}.ab-intro-rule{background:var(--ink);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.ab-intro p{letter-spacing:.02em;color:var(--ink);margin:0;font-family:Noto Serif TC,Songti TC,PMingLiU,serif;font-size:max(20px,min(1.7vw,24px));font-weight:500;line-height:1.6}.ab-intro .nb{max-width:100%;display:inline-block}@media (max-width:1023.98px){.ab-intro{margin-top:max(28px,min(4vw,44px))}}.ab-pillars{gap:clamp(32px, 3.4vw, 48px) var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));margin:max(44px,min(4.8vw,72px)) 0 0;padding:0;list-style:none;display:grid}.ab-pillar{border-top:1px solid var(--line-2);transition:opacity .45s var(--ease);padding-top:22px}.ab-pillar-no{font:500 13px/1 var(--mono);letter-spacing:.08em;color:var(--red-text);display:block}.ab-pillar h4{letter-spacing:.04em;margin:max(16px,min(2vw,28px)) 0 0;font-size:max(44px,min(5vw,72px));font-weight:700;line-height:1.15}.ab-pt{transform-origin:0 100%;transition:scale .45s var(--ease);display:inline-block}.ab-pillar-line{background:var(--red);transform-origin:0;width:48px;height:3px;margin-top:max(12px,min(1.4vw,18px));display:block}.ab-pillar p{color:var(--ink-2);margin:max(12px,min(1.4vw,18px)) 0 0;font-size:18px;line-height:1.8}.ab-pillar .nb{max-width:100%;display:inline-block}@media (min-width:900px){.ab-pillar p{font-size:max(18px,min(11.33px + .741vw,22px));line-height:1.7}}@media (hover:hover) and (pointer:fine) and (min-width:900px){.ab-pillars{pointer-events:none}.ab-pillar{pointer-events:auto}.ab-pillars:hover .ab-pillar{opacity:.38}.ab-pillars .ab-pillar:hover{opacity:1}.ab-pillar:hover .ab-pt{scale:1.06}}@media (max-width:899.98px){.ab-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599.98px){.ab-pillars{grid-template-columns:minmax(0,1fr)}}.ab-fly{z-index:30;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}html:not(.anim) .ab-fly{display:none}.ab-fly span{color:var(--red-text);letter-spacing:.02em;white-space:nowrap;opacity:0;transform-origin:0 0;will-change:transform;font-weight:700;line-height:1.2;position:absolute;top:0;left:0}.ab-odo{font-variant-numeric:tabular-nums;display:inline-flex}.ab-dig{height:1.1em;display:inline-block;overflow:hidden}.ab-reel{flex-direction:column;display:flex}.ab-reel>span{height:1.1em;line-height:1.1;display:block}.ab-end{background:var(--ink);height:max(360px,min(41.6667vw,600px));color:var(--paper);position:relative;overflow:hidden}.ab-end-in{top:40%;right:max(var(--gutter), calc((100% - 1320px) / 2));left:max(var(--gutter), calc((100% - 1320px) / 2));z-index:2;position:absolute;transform:translateY(-50%)}.ab-closing{letter-spacing:.03em;margin:0;font-size:max(22px,min(3.2vw,46px));font-weight:700;line-height:1.4}.ab-end-text{color:#f6f3eed9;max-width:34em;margin:max(14px,min(1.4vw,20px)) 0 0;font-size:16px;line-height:1.8}.ab-end .ct-end-ch{margin-top:max(20px,min(2.2vw,30px))}.ab-bigw{z-index:1;pointer-events:none;width:min(max(240px,min(40vw,620px)),80vh);height:auto;position:absolute;bottom:6%;right:-4.5%;overflow:visible}.ab-bigw-w{fill:none;stroke:#f6f3ee24;stroke-width:9.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:0}.ab-bigw-trace{fill:none;stroke:var(--red);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:0}.ab-bigw-dot{fill:var(--red)}@media (max-width:899.98px){.ab-end{height:auto;padding:max(64px,min(9vw,88px)) 0 calc(28.75vw + 48px)}.ab-end-in{padding:0 var(--gutter);position:static;transform:none}.ab-bigw{width:40vw;bottom:24px;right:-6%}.ab-end-text{font-size:17px}}@media (max-width:699.98px){.ab-end{padding:max(64px,min(16vw,88px)) 0 calc(34.5vw + 48px)}.ab-closing{font-size:max(25px,min(7vw,29px))}.ab-bigw{width:48vw;bottom:24px;right:-7%}}.site-footer .footer-top{border-top-color:#0000}.anim:not(.is-motion) [data-anim],.anim:not(.is-motion) .ab-title .ln-in,.anim:not(.is-motion) .ab-letter-bar,.anim:not(.is-motion) .ab-letter-bg img,.anim:not(.is-motion) .ab-bigw-w,.anim:not(.is-motion) .ab-bigw-trace,.anim:not(.is-motion) .ab-bigw-dot,.anim:not(.is-motion) [data-closing] .ln-in{visibility:hidden}@media (prefers-reduced-motion:reduce){.ab-pillar,.ab-pt,.ab-letter-text .ab-key{transition:none}.ab-pillar:hover .ab-pt{scale:none}}@media (max-width:899.98px){.ab-letter-text p:not(#_m):not(:-webkit-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(20px,min(13.5px + .984vw,27.5px))}.ab-letter-text p:not(#_m):not(:-moz-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(20px,min(13.5px + .984vw,27.5px))}.ab-letter-text p:not(#_m):not(:is(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(20px,min(13.5px + .984vw,27.5px))}.ab-letter-text .ab-sign:not(#_m):not(:-webkit-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:16px}.ab-letter-text .ab-sign:not(#_m):not(:-moz-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:16px}.ab-letter-text .ab-sign:not(#_m):not(:is(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:16px}.ab-title:not(#_m):not(:-webkit-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(42.5px,min(5.313vw,78.5px))}.ab-title:not(#_m):not(:-moz-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(42.5px,min(5.313vw,78.5px))}.ab-title:not(#_m):not(:is(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(42.5px,min(5.313vw,78.5px))}@media (max-width:899.98px){.ab-title:not(#_m):not(:-webkit-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:min(8.925vw,76.5px)}.ab-title:not(#_m):not(:-moz-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:min(8.925vw,76.5px)}.ab-title:not(#_m):not(:is(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:min(8.925vw,76.5px)}}@media (max-width:699.98px){.ab-title:not(#_m):not(:-webkit-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:min(max(36px,min(11.05vw,61.5px)),9.031vw)}.ab-title:not(#_m):not(:-moz-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:min(max(36px,min(11.05vw,61.5px)),9.031vw)}.ab-title:not(#_m):not(:is(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:min(max(36px,min(11.05vw,61.5px)),9.031vw)}}.ab-intro p:not(#_m):not(:-webkit-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(21.5px,min(1.806vw,25.5px))}.ab-intro p:not(#_m):not(:-moz-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(21.5px,min(1.806vw,25.5px))}.ab-intro p:not(#_m):not(:is(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(21.5px,min(1.806vw,25.5px))}.ab-pillar-no:not(#_m):not(:-webkit-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:14px}.ab-pillar-no:not(#_m):not(:-moz-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:14px}.ab-pillar-no:not(#_m):not(:is(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:14px}.ab-pillar h4:not(#_m):not(:-webkit-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(47px,min(5.313vw,76.5px))}.ab-pillar h4:not(#_m):not(:-moz-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(47px,min(5.313vw,76.5px))}.ab-pillar h4:not(#_m):not(:is(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(47px,min(5.313vw,76.5px))}.ab-pillar p:not(#_m):not(:-webkit-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:19px}.ab-pillar p:not(#_m):not(:-moz-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:19px}.ab-pillar p:not(#_m):not(:is(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:19px}.ab-closing:not(#_m):not(:-webkit-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(23.5px,min(3.4vw,49px))}.ab-closing:not(#_m):not(:-moz-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(23.5px,min(3.4vw,49px))}.ab-closing:not(#_m):not(:is(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(23.5px,min(3.4vw,49px))}@media (max-width:699.98px){.ab-closing:not(#_m):not(:-webkit-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(26.5px,min(7.438vw,31px))}.ab-closing:not(#_m):not(:-moz-any(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(26.5px,min(7.438vw,31px))}.ab-closing:not(#_m):not(:is(.hero,.hero *,.pg-hero,.pg-hero *,.ab-letter,.ab-letter *,.ab-intro,.ab-intro *)){font-size:max(26.5px,min(7.438vw,31px))}}}
