:root{color-scheme:light;--paper:#f1eee5;--paper-deep:#e3ded0;--ink:#111713;--forest:#18372d;--accent-text:#18372d;--forest-deep:#10281f;--acid:#c8ee68;--line:#11171333;--line-strong:#1117135c;--grid:#11171306;--frame-bg:#f1eee57a;--content-ink:#f1eee5;--content-line:#f1eee547;--content-muted:#f1eee5a6;--button-ink:#f1eee5;--muted:#62685f;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--serif:Iowan Old Style, "Times New Roman", "Noto Serif TC", serif}html[data-theme=dark]{color-scheme:dark;--paper:#101713;--paper-deep:#1a2721;--ink:#f1eee5;--forest:#21483a;--accent-text:#91b8a8;--forest-deep:#080d0a;--acid:#d2f47d;--line:#f1eee52e;--line-strong:#f1eee557;--grid:#f1eee507;--frame-bg:#1017138a;--muted:#aab1aa}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--forest-deep)}body{color:var(--ink);background:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-size:44px 44px;margin:0;font-size:16px;line-height:1.6}button,a{font:inherit}a{color:inherit}img{max-width:100%;display:block}.page-shell{background:var(--paper);width:min(100%,1600px);margin:0 auto;overflow:hidden;box-shadow:0 0 80px #00000029}.site-header{z-index:10;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:84px;padding:0 clamp(24px,5vw,80px);display:flex;position:relative}.brand{letter-spacing:.18em;align-items:center;gap:12px;font-size:.75rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{width:32px;height:32px;color:var(--button-ink);background:var(--ink);letter-spacing:0;place-items:center;font-size:.9rem;display:grid}.desktop-nav{align-items:center;gap:clamp(24px,4vw,64px);display:flex}.desktop-nav a{letter-spacing:.18em;font-size:.69rem;font-weight:750;text-decoration:none;position:relative}.desktop-nav a:after{background:var(--ink);content:"";transform-origin:100%;height:1px;transition:transform .22s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.language-toggle{border:1px solid var(--ink);min-width:64px;color:var(--ink);letter-spacing:.12em;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:8px 12px;font-size:.67rem;font-weight:800;text-decoration:none;display:inline-flex}.header-controls{align-items:center;gap:12px;display:flex}.theme-control{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper) 88%, transparent);padding:3px;display:flex}.theme-control button{min-width:34px;height:29px;color:var(--ink);letter-spacing:.1em;cursor:pointer;background:0 0;border:0;place-items:center;padding:0 8px;font-size:.55rem;font-weight:800;display:grid}.theme-control button[aria-pressed=true]{color:var(--paper);background:var(--ink)}.toggle-dot{background:var(--forest);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #18372d1f}.hero{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:calc(100vh - 84px);padding:clamp(72px,9vw,138px) clamp(24px,5vw,80px) clamp(72px,8vw,120px);display:grid;position:relative}.hero:before{background:var(--line);content:"";width:1px;position:absolute;top:0;bottom:0;left:58%}.hero-copy{z-index:1;align-self:center;position:relative}.eyebrow{color:var(--accent-text);letter-spacing:.22em;align-items:center;gap:14px;margin:0 0 32px;font-size:.7rem;font-weight:800;display:flex}.eyebrow-line{background:var(--accent-text);width:42px;height:2px}.hero h1{letter-spacing:-.085em;flex-direction:column;margin:0;font-size:clamp(4.7rem,10.4vw,10.5rem);font-weight:900;line-height:.73;display:flex}.outline-text{color:#0000;-webkit-text-stroke:clamp(1px, .12vw, 2px) var(--ink);margin-left:clamp(20px,6.5vw,110px)}.hero-intro{max-width:560px;font-family:var(--serif);margin:clamp(52px,7vw,92px) 0 0 clamp(0px,7vw,110px);font-size:clamp(1.08rem,1.5vw,1.35rem);line-height:1.75}.hero-intro p{margin:0}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin:34px 0 0 clamp(0px,7vw,110px);display:flex}.primary-action{min-width:190px;color:var(--button-ink);background:var(--forest);letter-spacing:.14em;justify-content:space-between;align-items:center;gap:26px;padding:15px 18px;font-size:.68rem;font-weight:800;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.primary-action:hover,.primary-action:focus-visible{background:var(--forest-deep);transform:translateY(-2px)}.text-action{border-bottom:1px solid var(--ink);letter-spacing:.14em;align-items:center;gap:12px;padding:8px 0;font-size:.66rem;font-weight:800;text-decoration:none;display:inline-flex}.youtube-action{color:var(--accent-text);letter-spacing:.14em;padding:8px 0;font-size:.68rem;font-weight:850;text-decoration:none}.youtube-action:hover,.youtube-action:focus-visible{text-underline-offset:5px;text-decoration:underline}.portrait-wrap{z-index:2;align-self:center;width:min(72%,470px);margin:0 auto;position:relative}.portrait-index{font-family:var(--serif);font-size:.85rem;font-style:italic;position:absolute;top:-38px;left:-34px}.portrait-frame{border:1px solid var(--line-strong);background:var(--frame-bg);box-shadow:28px 34px 0 var(--paper-deep);padding:12px;position:relative}.portrait-frame:before{background:var(--acid);content:"";width:28px;height:76px;position:absolute;top:34px;right:-14px}.portrait-frame img{aspect-ratio:1;object-fit:cover;object-position:50% 38%;width:100%;height:auto}.portrait-caption{letter-spacing:.18em;justify-content:space-between;padding:11px 3px 0;font-size:.57rem;font-weight:750;display:flex}.vertical-note{letter-spacing:.25em;margin:0;font-size:.55rem;font-weight:800;position:absolute;top:50%;right:-92px;transform:rotate(90deg)translate(50%)}.scroll-cue{letter-spacing:.22em;align-items:center;gap:12px;font-size:.55rem;font-weight:800;display:flex;position:absolute;bottom:34px;left:clamp(24px,5vw,80px)}.scroll-line{background:var(--ink);width:52px;height:1px}.section-block{padding:clamp(84px,10vw,160px) clamp(24px,7vw,112px)}.section-label{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:16px;font-size:.6rem;font-weight:800;display:flex}.section-label>span:first-child{width:27px;height:27px;font-family:var(--serif);letter-spacing:0;border:1px solid;border-radius:50%;place-items:center;font-style:italic;display:grid}.about{border-top:1px solid var(--line)}.about-content{grid-template-columns:1.15fr .85fr;gap:clamp(48px,9vw,148px);margin-top:clamp(48px,7vw,100px);display:grid}.about h2{letter-spacing:-.07em;margin:0;font-size:clamp(3.1rem,7.5vw,8rem);font-weight:850;line-height:.9}.about-copy{align-self:end;max-width:500px}.about-copy>p{font-family:var(--serif);margin:0;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.75}.interest-list{flex-wrap:wrap;gap:8px;margin:38px 0 0;padding:0;list-style:none;display:flex}.interest-list li{border:1px solid var(--line);letter-spacing:.16em;padding:7px 12px;font-size:.6rem;font-weight:800}.content{color:var(--content-ink);background:var(--forest)}.section-label.light{color:var(--acid)}.section-heading{justify-content:space-between;align-items:end;gap:40px;display:flex}.section-heading h2{letter-spacing:-.07em;margin:0;font-size:clamp(3.2rem,7vw,7.8rem);font-weight:850;line-height:.88}.content-grid{border-top:1px solid var(--content-line);border-bottom:1px solid var(--content-line);grid-template-columns:repeat(3,1fr);margin-top:clamp(64px,8vw,112px);display:grid}.content-card{border-right:1px solid var(--content-line);min-height:390px;padding:28px clamp(22px,2.8vw,42px) 30px;transition:color .22s,background .22s}.content-card:last-child{border-right:0}.content-card:hover{color:#111713;background:var(--acid)}.card-topline{letter-spacing:.18em;justify-content:space-between;font-size:.59rem;font-weight:800;display:flex}.content-card h3{font-family:var(--serif);margin:110px 0 24px;font-size:clamp(1.7rem,2.4vw,2.45rem);font-weight:500;line-height:1.1}.content-card p{max-width:330px;color:var(--content-muted);margin:0;font-size:.82rem;line-height:1.75;transition:color .22s}.content-card:hover p{color:#111713b8}.card-status{letter-spacing:.15em;align-items:center;gap:9px;margin-top:34px;font-size:.55rem;font-weight:800;display:flex}.status-dot{background:var(--acid);border-radius:50%;width:6px;height:6px}.card-channel-area{margin-top:34px}.card-channel-area .card-status{margin-top:0}.card-links{flex-wrap:wrap;gap:10px 20px;margin-top:15px;display:flex}.card-link{color:inherit;letter-spacing:.14em;font-size:.57rem;font-weight:850;text-decoration:none}.card-link:hover,.card-link:focus-visible{text-underline-offset:5px;text-decoration:underline}.content-card:hover .status-dot{background:var(--forest)}.featured-heading{border-bottom:1px solid var(--content-line);justify-content:space-between;align-items:end;gap:32px;margin-top:clamp(92px,11vw,160px);padding-bottom:30px;display:flex}.featured-heading p{color:var(--acid);letter-spacing:.18em;margin:0 0 12px;font-size:.58rem;font-weight:850}.featured-heading h3{letter-spacing:-.065em;margin:0;font-size:clamp(2.5rem,5vw,5.4rem);font-weight:850;line-height:.9}.featured-heading>a{letter-spacing:.15em;border-bottom:1px solid;align-items:center;gap:16px;padding-bottom:6px;font-size:.58rem;font-weight:850;text-decoration:none;display:inline-flex}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,6vw,84px) clamp(20px,3.5vw,52px);margin-top:48px;display:grid}.video-card{color:inherit;text-decoration:none}.video-thumbnail{aspect-ratio:16/9;background:var(--forest-deep);position:relative;overflow:hidden}.video-thumbnail:after{content:"";background:linear-gradient(#0000001f,#0000006b);transition:opacity .22s;position:absolute;inset:0}.video-thumbnail img{object-fit:cover;width:100%;height:100%;transition:filter .32s,transform .42s}.video-card:hover .video-thumbnail img,.video-card:focus-visible .video-thumbnail img{filter:saturate(1.12)contrast(1.04);transform:scale(1.035)}.video-card:hover .video-thumbnail:after,.video-card:focus-visible .video-thumbnail:after{opacity:.65}.video-number,.video-duration,.video-play{z-index:1;position:absolute}.video-number{font-family:var(--serif);font-size:.7rem;font-style:italic;top:17px;left:18px}.video-duration{letter-spacing:.08em;background:#000000b8;padding:3px 7px;font-size:.55rem;font-weight:800;bottom:14px;right:16px}.video-play{background:#00000042;border:1px solid #ffffffc7;border-radius:50%;place-items:center;width:50px;height:50px;font-size:.8rem;transition:color .22s,background .22s,transform .22s;display:grid;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card:hover .video-play,.video-card:focus-visible .video-play{color:var(--forest-deep);background:var(--acid);transform:translate(-50%,-50%)scale(1.08)}.video-meta{color:var(--acid);letter-spacing:.15em;justify-content:space-between;align-items:center;gap:16px;margin-top:17px;font-size:.55rem;font-weight:850;display:flex}.video-meta>span:last-child{color:var(--content-muted);margin-left:auto}.video-card h4{max-width:620px;font-family:var(--serif);margin:13px 0 0;font-size:clamp(1.45rem,2.4vw,2.35rem);font-weight:500;line-height:1.2}.contact-content{text-align:center;max-width:1020px;margin:clamp(54px,8vw,110px) auto 0}.contact-kicker{color:var(--accent-text);letter-spacing:.2em;margin:0 0 28px;font-size:.68rem;font-weight:800}.contact h2{letter-spacing:-.09em;margin:0;font-size:clamp(4.2rem,11vw,11rem);font-weight:900;line-height:.82}.contact-note{max-width:540px;font-family:var(--serif);margin:50px auto 0;font-size:1.1rem}.contact-socials{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.contact-channel{min-width:210px;color:var(--button-ink);background:var(--forest);letter-spacing:.16em;justify-content:space-between;align-items:center;gap:48px;padding:14px 18px;font-size:.63rem;font-weight:850;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.contact-channel.secondary{border:1px solid var(--ink);color:var(--ink);background:0 0}.contact-channel:hover,.contact-channel:focus-visible{background:var(--forest-deep);transform:translateY(-2px)}.contact-channel.secondary:hover,.contact-channel.secondary:focus-visible{border-color:var(--forest);color:var(--button-ink);background:var(--forest)}.email-address{width:fit-content;color:var(--muted);font-family:var(--serif);text-underline-offset:5px;margin:28px auto 0;font-size:clamp(.95rem,1.5vw,1.15rem);display:block}.site-footer{border-top:1px solid var(--line);letter-spacing:.16em;justify-content:space-between;align-items:center;gap:24px;padding:28px clamp(24px,5vw,80px);font-size:.56rem;font-weight:800;display:flex}.site-footer a{text-underline-offset:4px}:focus-visible{outline:2px solid var(--acid);outline-offset:4px}@media (width<=980px){.hero{grid-template-columns:1fr;gap:96px}.hero:before{display:none}.hero h1{font-size:clamp(5rem,17vw,9rem)}.hero-intro,.hero-actions{margin-left:clamp(0px,10vw,90px)}.portrait-wrap{width:min(66%,450px)}.about-content{grid-template-columns:1fr}.about-copy{margin-left:auto}.section-heading{flex-direction:column;align-items:start}.content-grid{grid-template-columns:1fr}.content-card{border-right:0;border-bottom:1px solid var(--content-line);min-height:auto}.content-card:last-child{border-bottom:0}.content-card h3{margin-top:64px}.video-grid{grid-template-columns:1fr}}@media (width<=640px){.site-header{grid-template-columns:auto 1fr;gap:10px 14px;min-height:auto;padding-top:12px;padding-bottom:10px;display:grid}.brand>span:last-child{display:none}.desktop-nav{border-top:1px solid var(--line);grid-area:2/1/auto/-1;justify-content:space-between;width:100%;padding-top:10px}.desktop-nav a{font-size:.64rem}.header-controls{justify-self:end}.theme-control button{min-width:30px;padding:0 6px}.hero{min-height:auto;padding-top:76px}.hero h1{font-size:clamp(4.2rem,23vw,6.5rem);line-height:.78}.outline-text{margin-left:14px}.hero-intro,.hero-actions{margin-left:0}.hero-actions{flex-direction:column;align-items:flex-start}.portrait-wrap{width:min(88%,410px);margin-left:0}.vertical-note,.scroll-cue{display:none}.portrait-frame{box-shadow:18px 22px 0 var(--paper-deep)}.about h2,.section-heading h2{font-size:clamp(3.1rem,16vw,5rem)}.contact h2{font-size:clamp(4rem,23vw,7rem)}.featured-heading{flex-direction:column;align-items:flex-start}.video-card h4{font-size:1.45rem}.contact-socials{flex-direction:column;align-items:stretch}.contact-channel{width:100%}.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}