@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;700;900&display=swap');
:root{
  --shs-bg:#f4f1eb;
  --shs-gap:0px;
}
body{overflow-x:hidden}
.shs-page-active .container.clearfix{display:none !important}
.shs-section{position:relative;width:100%;background:var(--shs-bg);isolation:isolate}
.shs-sticky{position:sticky;top:var(--shs-header-bottom,0px);height:calc(100vh - var(--shs-header-bottom,0px));overflow:hidden}
.shs-track{display:flex;align-items:stretch;gap:var(--shs-gap);height:calc(100vh - var(--shs-header-bottom,0px));padding:0 var(--shs-gap);will-change:transform}
.shs-panel{flex:0 0 var(--panel-w,100vw);width:var(--panel-w,100vw);max-width:var(--panel-max,100vw);height:calc(100vh - var(--shs-header-bottom,0px));opacity:1;position:relative}
.shs-panel__inner{position:relative;width:100%;height:100%;overflow:hidden}
.shs-section__intro{flex:0 0 33vw !important;width:33vw !important;max-width:33vw !important;opacity:1}
.shs-section__intro .shs-panel__inner{display:flex;align-items:center;height:100%}
.shs-section__intro .shs-panel__hero{width:100%;padding:clamp(28px,5vw,72px);position:relative;transform:none !important;will-change:auto !important}
.shs-section__intro h1{margin:0;font-size:4vw;line-height:1.5;letter-spacing:-.04em;max-width:10ch;position:relative;transform:none !important;font-family:'Noto Serif TC',serif}
.shs-section__subtitle{margin:clamp(12px,1.2vw,20px) 0 0;font-size:1.1em;line-height:1.7;opacity:0;transition:opacity .8s ease}
.shs-section__subtitle.shs-is-visible{opacity:.72}
.shs-panel--text .shs-panel__inner{display:grid;align-items:stretch;padding:clamp(28px,5vw,72px);background:rgba(255,255,255,.74);backdrop-filter:blur(12px)}
.shs-panel--text .shs-panel__text{display:flex;flex-direction:column;overflow:hidden;min-height:0}
.shs-panel__text h3,.shs-panel__meta h3{font-size:clamp(24px,2.4vw,42px);margin:0 0 16px;font-family:'Noto Serif TC',serif}
.shs-panel--text .shs-panel__richtext,.shs-panel--text .shs-panel__richtext p,.shs-panel--text .shs-panel__richtext li{font-size:1em;line-height:1.85}
.shs-panel--text .shs-panel__richtext{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}
.shs-panel--text .shs-panel__richtext::-webkit-scrollbar{width:8px;height:8px}
.shs-panel--text .shs-panel__richtext::-webkit-scrollbar-track{background:transparent}
.shs-panel--text .shs-panel__richtext::-webkit-scrollbar-thumb{background-color:rgba(120,120,120,.4);border-radius:10px;border:2px solid transparent;background-clip:content-box}
.shs-panel--text .shs-panel__richtext::-webkit-scrollbar-thumb:hover{background-color:rgba(120,120,120,.6)}
.shs-panel__meta p{font-size:clamp(16px,1.35vw,20px);line-height:1.85}
.shs-panel__richtext>:first-child{margin-top:0}.shs-panel__richtext>:last-child{margin-bottom:0}
.shs-panel--text .shs-panel__richtext p{margin-bottom:30px}
.shs-panel__image-wrap{position:absolute;inset:0;overflow:hidden;background:#111}
.shs-panel__image-wrap img{position:absolute;top:50%;left:50%;width:112%;min-width:calc(100% + 80px);height:108%;object-fit:cover;transform:translate3d(-50%,-50%,0) scale(1.05);will-change:transform}
.shs-panel__meta{position:absolute;left:0;right:0;bottom:0;padding:32px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0));z-index:3}
.shs-panel__image-link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:2;cursor:pointer}
.shs-panel__image-link::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .3s ease}
.shs-panel__image-link:hover::before{background:rgba(0,0,0,.18)}
.shs-panel__image-link__title{font-size:4vw;font-family:'Noto Serif TC',serif;color:#fff;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.5);margin:0;line-height:.95;letter-spacing:-.04em;position:relative;z-index:1}
.shs-video-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#000}
.shs-video-bg iframe{max-width:none !important;max-height:none !important;border:none}
.shs-video-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,1.8vw,26px);padding:clamp(24px,4vw,60px);color:#fff;text-align:center;z-index:2}
.shs-video-overlay .shs-animated-title{font-size:clamp(20px,2.2vw,38px);line-height:1.15;letter-spacing:-.02em;max-width:14ch;color:#fff}
.shs-video-play{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.18);border:3px solid rgba(255,255,255,.85);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s,transform .2s;flex-shrink:0}
.shs-video-play:hover{background:rgba(255,255,255,.32);transform:scale(1.1)}
.shs-video-text{font-size:clamp(13px,1.05vw,16px);line-height:1.65;opacity:.85;max-width:22ch;color:inherit}
.shs-video-text>:first-child{margin-top:0}.shs-video-text>:last-child{margin-bottom:0}
.shs-lightbox{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}
.shs-lightbox--open{opacity:1;pointer-events:auto}
.shs-lightbox__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9);cursor:pointer}
.shs-lightbox__wrap{position:relative;width:min(92vw,164vh);aspect-ratio:16/9;z-index:1;transform:scale(.88);opacity:0;transition:transform .38s cubic-bezier(.34,1.18,.64,1),opacity .3s ease}
.shs-lightbox--open .shs-lightbox__wrap{transform:scale(1);opacity:1}
.shs-lightbox__video{width:100%;height:100%}
.shs-lightbox__video iframe{width:100%;height:100%;border:none;display:block}
.shs-lightbox__close{position:absolute;top:-52px;right:0;background:none;border:none;color:#fff;font-size:38px;line-height:1;cursor:pointer;padding:4px 10px;opacity:.8}
.shs-lightbox__close:hover{opacity:1}
.shs-panel__text-image{margin-bottom:clamp(14px,1.4vw,24px);max-height:30vh;overflow:hidden}
.shs-panel__text-image img{display:block;width:100%;max-height:30vh;object-fit:cover}
.shs-panel__text-subtitle{margin:.35em 0 1em;font-size:clamp(13px,1.05vw,17px);line-height:1.55;opacity:.72}
.shs-animated-title{display:inline-flex;flex-wrap:wrap;gap:.02em;white-space:pre-wrap}
.shs-animated-title__char{display:inline-block;min-width:.3ch}
.shs-title-space{width:.35ch}
@media (min-width:992px) and (max-width:1919px){.shs-panel--text{max-width:700px;flex-basis:min(50vw,700px);width:min(50vw,700px)}}
@media (min-width:1920px){.shs-panel--text{max-width:888px !important;flex-basis:888px !important;width:888px !important}}
.shs-panel--text .shs-panel__text>*{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.shs-panel--text.shs-panel--revealed .shs-panel__text>*{opacity:1;transform:none}
.shs-panel--text.shs-panel--revealed .shs-panel__text>*:nth-child(1){transition-delay:0s}
.shs-panel--text.shs-panel--revealed .shs-panel__text>*:nth-child(2){transition-delay:.15s}
.shs-panel--text.shs-panel--revealed .shs-panel__text>*:nth-child(3){transition-delay:.3s}
.shs-panel--text.shs-panel--revealed .shs-panel__text>*:nth-child(4){transition-delay:.45s}
.shs-panel--text.shs-panel--revealed .shs-panel__text>*:nth-child(5){transition-delay:.6s}
@media (max-width:991px){
  .shs-section__intro .shs-panel__hero{text-align:center}
  .shs-section__intro h1{font-size:15vw;max-width:100%}
  .shs-section__subtitle{text-align:center}
  .shs-panel--text .shs-panel__text>*{opacity:1;transform:none;transition:none}
  .shs-sticky{position:relative;height:auto;overflow:visible}
  .shs-track{display:grid;height:auto;padding:22px 16px 28px;gap:0;transform:none !important}
  .shs-panel,.shs-section__intro{width:100% !important;max-width:100% !important;height:auto;opacity:1;transform:none !important}
  .shs-section__intro .shs-panel__inner{min-height:auto}
  .shs-panel__inner{min-height:320px}
  .shs-panel--text .shs-panel__inner,.shs-panel--image .shs-panel__inner,.shs-panel--video .shs-panel__inner{border-radius:18px}
  .shs-panel__image-wrap{position:relative;min-height:320px}
  .shs-panel__image-wrap img{position:absolute;top:50%;left:50%;width:100%;min-width:100%;height:100%;transform:translate3d(-50%,-50%,0) scale(1.04) !important}
  .shs-video-overlay{flex-direction:column;align-items:center;justify-content:center;text-align:center}
  .shs-video-play{margin:0 auto;flex-shrink:0}
  .shs-video-overlay .shs-animated-title{margin-top:15px;margin-bottom:0}
  .shs-video-overlay .shs-panel__text-subtitle{line-height:1.2;color:#fff}
  .shs-video-text,.shs-panel__text-subtitle{line-height:1.2}
  .shs-lightbox__wrap{width:96vw}
  .shs-lightbox__close{top:-44px;font-size:30px}
  .shs-panel--text .shs-panel__text{display:block;overflow:visible}
  .shs-panel--text .shs-panel__richtext{flex:none;overflow:visible}
}