:root{--ink: #1a1816;--muted: #7a756f;--line: #e6e2dd;--paper: #ffffff;--paper-soft: #f5f3f0;--surface: #ffffff;--accent: #1a1816;--accent-dark: #000000;--gold: #c9b8a8;--praline: #c9b8a8;--rose: #a8887c;--blue: #8a8f8c;--sage: #9a9f97;--col-gap: clamp(20px, 3vw, 48px);--radius-img: 20px;--serif: "Cinzel", "Chiron Sung HK WS", "Noto Serif TC", "PMingLiU", serif;--sans: "Poppins", "Noto Sans TC", "Noto Sans KR", "Microsoft JhengHei", system-ui, sans-serif;font-family:var(--sans)}*{box-sizing:border-box}img,picture,video{border-radius:var(--radius-img)}html,body{overflow-x:clip}@supports not (overflow-x:clip){html,body{overflow-x:hidden}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:300;letter-spacing:.01em}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;border-radius:0;font-size:14px;letter-spacing:.03em;border:1px solid currentColor;transition:background .25s,color .25s,border-color .25s;white-space:nowrap}.btn--ink{background:var(--ink);color:#fff;border-color:var(--ink)}.btn--ink:hover{background:#000}.btn--line{color:var(--ink);border-color:var(--line)}.btn--line:hover{border-color:var(--ink)}.empty-state{padding:24px;border:1px solid var(--line);font-size:14px;color:var(--muted)}.scene{position:relative;background:var(--paper)}.background{position:absolute;top:0;left:0;width:100%;height:200vh;height:200svh;z-index:0;pointer-events:none}.background__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 60% 28%,#62766a,transparent 58%),linear-gradient(130deg,#2d3d38,#3f5550 50%,#455c52);pointer-events:auto}.background canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .7s;border-radius:0}.background canvas.ready{opacity:1}.copy{position:relative;z-index:1;height:100vh;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:128px 28px 76px;text-align:center;color:#f6f0e4;pointer-events:none}.eyebrow-hero{font-family:Cinzel,Noto Sans TC,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin-bottom:18px;animation:fade 1s .1s both}.copy h1{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(38px,9vw,108px);line-height:1.3}.copy h1 .line{display:block;overflow:hidden;padding:.04em .08em}.copy h1 em{font-style:normal;display:inline-block;transform:skew(-7deg);transform-origin:50% 70%}.copy .rise{display:block;animation:rise 1.35s cubic-bezier(.22,.7,.2,1) both}.copy .line:nth-child(2) .rise{animation-delay:.15s}.subtitle{max-width:40em;margin:36px 0 0;font-family:var(--serif);font-size:clamp(18px,3vw,34px);line-height:1.6;animation:fade 1.2s .65s both}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px;pointer-events:auto;animation:fade 1.1s .85s both}.button{min-height:45px;padding:11px 23px;display:inline-flex;align-items:center;justify-content:center;border-radius:0;font-size:14px;line-height:1.5;background:#fef9ed;color:#625246;border:1px solid #fef9ed;transition:background .2s,transform .2s}.button:hover{background:#fff;transform:translateY(-2px)}.button.secondary{background:#5d2d2533;color:#fef9ed;border-color:#fef9edaa}.button.secondary:hover{background:#5d2d2557}.motion{position:absolute;left:27px;bottom:27px;display:flex;align-items:center;gap:9px;border:1px solid #fff5;background:#fef9ed;color:#6a5b50;padding:9px 14px;border-radius:99px;cursor:pointer;font-size:12px;z-index:2}.motion svg{width:14px;height:14px;fill:currentColor}.motion[aria-pressed=true] .pause-icon,.motion[aria-pressed=false] .play-icon{display:none}@keyframes rise{0%{opacity:0;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.featured{position:relative;z-index:2;height:100vh;height:100svh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.featured__card{--p:0;position:absolute;top:0;left:50%;transform:translate(-50%);width:calc(80% + 20% * var(--p));height:100%;overflow:hidden;border-radius:calc(12px * (1 - var(--p)));background:#fef9ed;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;will-change:width,border-radius}.featured__img{position:absolute;inset:0;background:url(/img/featured.webp) 0% 50%/cover no-repeat,#e9dfd4;transform:scale(calc(1.4 - .4 * var(--p)));transform-origin:50% 50%}.featured__bar{position:absolute;left:50%;bottom:clamp(28px,5vh,60px);transform:translate(-50%);width:min(920px,calc(100% - 48px));display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:32px;padding:18px 26px;background:#fef9edf5;border:1px solid var(--line);border-radius:4px;box-shadow:0 20px 50px -30px #1a181659}.featured__bar-title{font-family:var(--serif);font-size:clamp(18px,1.8vw,26px);line-height:1.3}.featured__bar-meta{font-family:Cinzel,serif;font-size:12px;letter-spacing:.1em;color:var(--muted)}.featured__bar-arrow{font-size:22px;color:var(--rose);transition:transform .3s}.featured__bar:hover .featured__bar-arrow{transform:translate(4px)}.eyebrow{font-family:Cinzel,Noto Sans TC,sans-serif;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 25px}.paths{padding:clamp(72px,10vw,120px) clamp(24px,6vw,72px) 40px;max-width:1440px;margin:auto}.paths h2{font-size:clamp(28px,3.4vw,48px);line-height:1.2;margin:0 0 40px;max-width:22ch}.path{border-top:1px solid var(--line);padding:36px 0;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.path:last-child{border-bottom:1px solid var(--line)}.path .tag{display:block;font-family:Cinzel,Noto Sans TC,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.path h3{font-size:clamp(24px,2.5vw,34px);line-height:1.4;margin:0}.path p{margin:0;line-height:2;font-size:16px;color:var(--muted)}.path__link{display:inline-block;margin-top:14px;font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:2px}.marquee{overflow:hidden;padding:clamp(24px,4vw,56px) 0 0;border-top:1px solid var(--line)}.marquee__track{display:flex;width:max-content;--h:clamp(220px,34vw,520px);will-change:transform;animation:marquee var(--dur,40s) linear infinite}.marquee__group{display:flex;flex-shrink:0}.marquee__item{margin:0;height:var(--h);aspect-ratio:var(--ar,3/2);flex:0 0 auto;overflow:hidden;border-radius:0}.marquee__item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.marquee__item--ph{background:var(--paper-soft);border-right:1px solid var(--paper)}.marquee:hover .marquee__track{animation-play-state:paused}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.marquee__track{animation:none}}.plain{max-width:1400px;margin:0 auto;padding:clamp(96px,14vh,180px) clamp(24px,3vw,72px) 0}.plain h2{font-size:clamp(30px,3.6vw,52px);line-height:1.2}.plain__lead{margin-top:14px;color:var(--muted);font-size:15px;max-width:52ch}.plain__note{margin-top:32px;font-size:14px;color:var(--muted)}.plain__note a{border-bottom:1px solid var(--ink);color:var(--ink)}.steps{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--col-gap);border-top:1px solid var(--line)}.steps>div{padding-top:26px;border-top:1px solid var(--ink);margin-top:-1px}.steps span{display:block;font-family:var(--serif);font-size:14px;color:var(--muted);margin-bottom:10px}.steps h3{font-size:24px;font-weight:400}.steps p{margin-top:10px;font-size:14px;color:var(--muted);max-width:32ch}.plain.faq{padding-bottom:clamp(96px,14vh,180px)}.faq-list{margin-top:40px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-family:var(--serif);font-size:22px;font-weight:400;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--muted);transition:transform .3s}.faq-list details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq-list p{padding:0 0 24px;font-size:15px;color:var(--muted);max-width:70ch}.faq-list p a{color:var(--ink);border-bottom:1px solid var(--ink)}.footer{border-top:1px solid var(--line);padding:56px clamp(24px,3vw,72px) 40px}.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:clamp(20px,4vw,64px)}.footer__brand{font-family:var(--serif);font-size:24px}.footer__blurb{margin-top:14px;font-size:13px;color:var(--muted);max-width:52ch}.footer h4{font-size:15px;font-weight:400;margin-bottom:12px;font-family:var(--sans)}.footer a{display:block;font-size:13px;color:var(--muted);padding:4px 0}.footer a:hover{color:var(--ink)}.footer__copy{margin-top:40px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer__legal{display:flex;gap:18px}.footer__legal a{display:inline;padding:0}@media(max-width:820px){.featured{height:auto;min-height:80svh}.featured__card{position:relative;left:0;transform:none;width:100%!important;border-radius:0!important;height:auto;padding:80px 0 140px}.featured__img{position:absolute;transform:none!important}.featured__card{min-height:70svh}.copy{padding:110px 15px 90px}.copy h1{font-size:clamp(29px,8.1vw,60px)}.subtitle{font-size:16px;max-width:19em;margin-top:23px}.motion{left:18px;bottom:20px}.path{grid-template-columns:1fr;gap:12px}}@media(max-height:600px)and (min-width:821px){.copy{padding-top:105px;padding-bottom:60px}.copy h1{font-size:min(7vw,13vh)}.subtitle{margin-top:12px}.actions{margin-top:16px}}@media(prefers-reduced-motion:reduce){.copy .rise,.subtitle,.actions,.eyebrow-hero{animation:none}}.values-sec{max-width:1400px;margin:0 auto;padding:clamp(96px,14vh,180px) clamp(24px,3vw,72px) clamp(96px,14vh,160px);border-top:1px solid var(--line)}.values-sec__head h2{font-size:clamp(30px,3.6vw,52px);line-height:1.2;max-width:20ch}.values-sec__grid{margin-top:clamp(40px,6vh,72px);display:grid;grid-template-columns:5fr 7fr;gap:var(--col-gap);align-items:start}.values-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.values-list li{margin:0;padding:0}.values-list button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 0;font-family:var(--serif);font-size:clamp(26px,2.6vw,40px);line-height:1.2;color:var(--muted);cursor:pointer;transition:color .3s,padding-left .3s}.values-list button:hover,.values-list button.is-active{color:var(--ink);padding-left:10px}.values-desc{position:relative;min-height:220px;padding-top:12px}.values-desc p{position:absolute;inset:12px 0 auto;margin:0;max-width:44ch;font-size:clamp(17px,1.4vw,21px);line-height:1.9;color:var(--ink);opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.values-desc p.is-active{opacity:1;transform:none}@media(max-width:820px){.values-sec__grid{grid-template-columns:1fr}.values-desc{min-height:180px}}
