:root{--paper:#f2eadc;--paper2:#fbf5ea;--ink:#171512;--muted:#74695e;--wood:#745038;--seal:#a23c32;--blue:#1769aa;--line:rgba(65,44,28,.14);--shadow:0 16px 34px rgba(48,31,18,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft JhengHei UI","Microsoft JhengHei","PingFang TC","PingFang HK","Noto Sans TC",Arial,sans-serif;background:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1180px;margin:auto;padding:0 34px}.hidden{display:none!important}.media-protected{position:relative;-webkit-touch-callout:none;user-select:none}.media-shield{position:absolute;inset:0;z-index:2;background:transparent;-webkit-touch-callout:none;user-select:none}img{-webkit-user-drag:none;-webkit-touch-callout:none} .site-header{position:sticky;top:0;z-index:80;background:rgba(242,234,220,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand-icon,.contact-icon{width:48px;height:48px;border-radius:50%;background:#f8f2e8;border:1px solid rgba(65,44,28,.13);display:grid;place-items:center;box-shadow:0 5px 12px rgba(0,0,0,.07);overflow:hidden}.brand-icon img,.contact-icon img{width:34px;height:34px;object-fit:contain}.desktop-nav{display:flex;gap:28px;font-size:12px;color:#5d534b}.desktop-nav a:hover{color:var(--seal)}.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;width:50px;height:50px;display:grid;place-items:center;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}.mobile-nav summary::-webkit-details-marker{display:none}.hamb{font-family:Arial,sans-serif;font-size:30px;line-height:1}.mobile-nav[open] .hamb{font-size:0}.mobile-nav[open] .hamb::after{content:"×";font-size:32px}.mobile-nav-panel{position:absolute;right:-20px;top:58px;width:min(86vw,320px);background:#f5ecdf;border:1px solid var(--line);box-shadow:0 18px 36px rgba(47,30,18,.16);padding:10px 20px;display:flex;flex-direction:column}.mobile-nav-panel a{display:flex;align-items:center;justify-content:space-between;min-height:54px;border-bottom:1px solid rgba(65,44,28,.1);font-weight:600}.mobile-nav-panel a:last-child{border-bottom:0}.mobile-nav-panel a::after{content:"→";color:#998575}
.hero{padding:74px 0 94px}.hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:58px;align-items:center}.hero-copy h1{font-size:52px;line-height:1.12;margin:0}.roman{font-size:13px;letter-spacing:.22em;color:#76695f;margin-top:9px}.tagline{font-size:clamp(46px,4.4vw,60px);line-height:1.34;margin:28px 0 20px;font-weight:700;letter-spacing:.055em}.hero-copy p{font-size:17px;line-height:2.05;color:#61574e}.hero-video{background:var(--paper2);padding:14px 14px 42px;box-shadow:0 22px 48px rgba(46,29,17,.17);position:relative}.hero-video::before{content:"";position:absolute;left:50%;top:-8px;transform:translateX(-50%) rotate(-2deg);width:82px;height:22px;background:rgba(215,195,159,.66)}.hero-video video{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;background:#e6dacb}
.about{padding:92px 0;background:#f9f3e9}.about-card{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.about-copy{border-left:4px solid var(--blue);padding-left:29px}.about-copy .label{font-size:11px;letter-spacing:.13em;color:var(--blue);margin-bottom:10px}.about-copy h2{font-size:34px;margin:0 0 18px}.about-name{font-size:21px;font-weight:700;margin:0 0 18px}.about-copy p{font-size:15px;line-height:2.05;color:#504943;margin:0 0 15px}.about-photo{padding:12px;background:#fff9ef;box-shadow:var(--shadow)}.about-photo img{width:100%;display:block}
.section{padding:105px 0 102px}.sec-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:46px}.sec-no,.series-number{font-size:10px;letter-spacing:.18em;color:#8b7b6d}.sec-head h2{font-size:36px;margin:5px 0 0}.sec-desc{font-size:15px;line-height:1.9;color:#665b52;max-width:560px;justify-self:end}.works{background:#f0e7d8}.series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.series-card{background:#faf4e9;border:1px solid rgba(70,48,31,.1);box-shadow:0 8px 20px rgba(60,40,25,.06);transition:.2s;overflow:hidden}.series-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(60,40,25,.11)}.series-image{aspect-ratio:1/1;overflow:hidden;background:#e8dccb}.series-image img{width:100%;height:100%;object-fit:cover;display:block}.film-cover img{filter:grayscale(.35) contrast(1.04)}.play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(22,18,15,.7);color:white;font-size:20px;padding-left:3px;border:1px solid rgba(255,255,255,.55)}.series-copy{padding:22px 22px 24px}.series-no{font-size:10px;color:#9a8777;letter-spacing:.18em}.series-copy h3{font-size:23px;margin:8px 0}.series-copy p{font-size:13px;line-height:1.75;color:#6e6258;margin:0 0 18px}.enter{font-size:11px;color:var(--seal);font-weight:700}
.contact{padding:92px 0 104px}.contact-card{display:grid;grid-template-columns:.72fr 1.28fr;gap:46px;align-items:center;padding:42px 46px;background:#eee1cf;border:1px solid var(--line);box-shadow:0 12px 27px rgba(48,31,19,.06)}.contact-left{display:flex;align-items:center;gap:20px}.contact-left h2{font-size:29px;margin:0 0 5px}.contact-left p{margin:0;color:#76695e;font-size:13px}.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.social-link{border-top:1px solid #78685a;padding:14px 2px 8px;display:block}.social-link strong{display:block;font-size:15px}.social-link span{display:block;font-size:10px;color:#776b61;margin-top:3px}
.view-top{padding:54px 0 36px}.back{border:0;background:none;padding:0;color:#6d6157;cursor:pointer;font-size:13px;margin-bottom:28px}.series-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;align-items:center;padding-bottom:64px}.series-hero-image{position:relative;border:0;padding:12px;background:#fbf5eb;box-shadow:var(--shadow);cursor:zoom-in;width:100%}.series-hero-image img{width:100%;display:block;pointer-events:none}.zoom-badge{position:absolute;right:18px;top:18px;z-index:4;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(24,21,18,.68);color:white;font-size:22px}.series-heading h1{font-size:49px;margin:9px 0 13px}.series-heading p{font-size:17px;line-height:1.9;color:#665b52}.series-count{margin-top:21px;font-size:12px;color:#8b7b6d}.series-gallery-section{padding:78px 0 108px;background:#f8f2e8}.series-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.series-gallery figure{margin:0;background:#fffaf1;padding:8px;box-shadow:0 10px 24px rgba(48,31,18,.09);position:relative;cursor:zoom-in}.series-gallery figure.featured-work{grid-column:1/-1;max-width:900px;width:100%;justify-self:center}.series-gallery img{width:100%;display:block;pointer-events:none}.series-gallery figcaption{padding:9px 4px 2px;font-size:11px;color:#807266}
.film-series-top{padding:54px 0 78px}.film-series-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}.film-feature-paper{position:relative;background:#fbf5eb;padding:12px 12px 43px;box-shadow:var(--shadow)}.film-feature-paper video{width:100%;display:block;aspect-ratio:9/16;object-fit:cover;background:#e9dfd1;max-height:720px}.film-paper-caption{position:absolute;left:17px;bottom:14px;font-size:11px;color:#72665b}.film-series-heading h1{font-size:50px;margin:10px 0 16px}.film-series-heading p{font-size:17px;line-height:1.95;color:#655a51}.film-series-note{margin-top:24px;font-size:12px;letter-spacing:.15em;color:var(--wood);font-weight:700}.film-series-gallery{padding:82px 0 112px;background:#f8f2e8}.film-series-title{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:42px}.film-series-title h2{font-size:34px;margin:6px 0 0}.film-series-title p{font-size:14px;line-height:1.9;color:#6a5f55;max-width:540px;justify-self:end;margin:0}.film-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 30px}.film-work{background:#fbf5eb;padding:11px 11px 17px;border:1px solid rgba(70,48,31,.1);box-shadow:0 12px 28px rgba(49,31,18,.1)}.film-work:nth-child(even){margin-top:42px}.film-frame video{width:100%;aspect-ratio:9/16;display:block;object-fit:cover;background:#e9dfd1}.film-caption{display:flex;justify-content:space-between;padding:13px 4px 2px}.film-caption span{font-size:10px;color:#9b8a7b}.film-caption strong{font-size:14px}
.lightbox{position:fixed;inset:0;z-index:300;background:rgba(16,14,12,.94);display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;padding:24px}.lightbox[hidden]{display:none!important}.lb-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:calc(100vh - 80px)}.lb-stage img{max-width:100%;max-height:88vh;object-fit:contain;display:none;box-shadow:0 18px 55px rgba(0,0,0,.42);pointer-events:none}.lb-stage img.ready{display:block}.lb-shield{position:absolute;inset:0;z-index:3;background:transparent;-webkit-touch-callout:none;user-select:none}.lb-loading{color:#d8ccc0;font-size:13px;letter-spacing:.1em}.lb-close,.lb-prev,.lb-next{z-index:5;border:0;background:rgba(255,255,255,.13);color:white;width:48px;height:48px;border-radius:50%;font-size:28px;display:grid;place-items:center;cursor:pointer}.lb-close{position:absolute;right:22px;top:22px}.lb-prev{justify-self:start}.lb-next{justify-self:end}.lb-meta{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:5;color:#ddd1c4;font-size:12px;white-space:nowrap}.copyright{padding:28px 0 18px;border-top:1px solid var(--line);font-size:11px;color:#7d7065;line-height:1.7}footer{padding:15px 0 38px;font-size:11px;color:#85786b}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.wrap{padding:0 20px}.desktop-nav{display:none}.mobile-nav{display:block}.hero-grid,.about-card,.series-hero,.contact-card,.film-series-hero{grid-template-columns:1fr;gap:36px}.about-copy{border-left:0;border-top:4px solid var(--blue);padding:25px 0 0}.about-photo{order:-1}.sec-head,.film-series-title{grid-template-columns:1fr}.sec-desc,.film-series-title p{justify-self:start}.series-grid{grid-template-columns:repeat(2,1fr)}.socials{grid-template-columns:1fr}.film-works-grid{grid-template-columns:repeat(2,1fr)}.lightbox{grid-template-columns:54px minmax(0,1fr) 54px;padding:10px}}
@media(max-width:580px){.nav{height:78px}.brand span:last-child{font-size:16px}.hero{padding-top:52px}.hero-copy h1{font-size:41px}.tagline{font-size:50px}.series-grid,.series-gallery,.film-works-grid{grid-template-columns:1fr}.series-gallery figure.featured-work{grid-column:auto}.film-work:nth-child(even){margin-top:0}.film-series-heading h1{font-size:41px}.lightbox{grid-template-columns:46px minmax(0,1fr) 46px;padding:6px}.lb-stage{height:calc(100vh - 55px)}.lb-close{right:10px;top:10px}.lb-meta{bottom:8px;font-size:10px}.mobile-nav-panel{right:0;width:min(90vw,330px)}}


/* V16 — social brand icons + reliable touch targets */
.social-link{
  display:flex!important;
  align-items:center;
  gap:14px;
  min-height:68px;
  padding:13px 2px 10px!important;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}
.social-brand-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  color:#1d1916;
}
.social-brand-icon svg{width:30px;height:30px;display:block}
.social-copy{display:block;min-width:0}
.social-copy strong{display:block;font-size:16px!important;line-height:1.25}
.social-copy>span{display:block;font-size:11px!important;color:#776b61;margin-top:4px!important}
.social-link:hover .social-brand-icon,.social-link:focus-visible .social-brand-icon{color:var(--seal)}
@media(max-width:900px){
  .social-link{min-height:72px;gap:16px}
  .social-brand-icon{width:38px;height:38px;flex-basis:38px}
  .social-brand-icon svg{width:33px;height:33px}
}

/* V17 SEO static pages */
.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:30px;font-size:12px;color:#7d7065}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--seal)}.gallery-open{position:relative;border:0;padding:0;background:transparent;width:100%;cursor:zoom-in;display:block}.gallery-open img{width:100%;display:block}.series-gallery figure.featured-work .gallery-open{max-width:900px;margin:auto}.seo-note{font-size:12px;color:#7d7065}.social-brand-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto}.social-brand-icon svg{width:27px;height:27px}.social-link{display:flex;align-items:center;gap:12px}.social-copy strong{display:block;font-size:15px}.social-copy span{display:block;font-size:10px;color:#776b61;margin-top:3px}@media(max-width:580px){.breadcrumb{margin-bottom:22px}.series-hero-image{padding:10px}}