:root{--bg:#f5f2ee;--bg-deep:#d9d4cc;--surface:hsla(0,0%,100%,.65);--surface-strong:hsla(43,28%,95%,.92);--text:#2c2c2c;--muted:#6d6a66;--line:rgba(44,44,44,.12);--accent:#8b7355;--accent-deep:#4a463f;--earth-wash:hsla(35,38%,63%,.42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--font-sans),"Noto Sans TC",sans-serif;background:linear-gradient(180deg,hsla(0,0%,100%,.55),hsla(0,0%,100%,.2)),radial-gradient(circle at top,rgba(139,115,85,.1),transparent 36%),var(--bg)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-serif),"Noto Serif TC",serif;font-weight:600}.script{font-family:Segoe Script,Brush Script MT,cursive;font-style:italic}.site{width:min(1380px,calc(100% - 32px));margin:0 auto;padding:20px 0 44px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0 26px;position:relative}.brand{display:flex;flex-direction:column;gap:2px;z-index:2}.brand-main{font-size:1.8rem;letter-spacing:.05em;font-family:Segoe Script,Brush Script MT,cursive;font-style:italic}.brand-sub{font-size:.7rem;letter-spacing:.34em;color:var(--muted)}.menu-toggle{display:none;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);background:var(--surface-strong);color:var(--text);cursor:pointer}.menu-toggle__bar{display:block;width:18px;height:2px;background:var(--text);box-shadow:0 6px 0 var(--text),0 -6px 0 var(--text)}.menu-toggle__label{font-size:.85rem}.nav{display:flex;gap:28px;font-size:.95rem}.nav a:hover{color:var(--accent)}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:2px;border:1px solid var(--line);transition:transform .16s ease,background .16s ease,color .16s ease}.button:hover{transform:translateY(-1px)}.button-solid{background:var(--accent-deep);color:#fff;border-color:var(--accent-deep)}.button-ghost,.button-outline,.section-link{background:transparent}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1.15fr;grid-gap:24px;gap:24px;align-items:stretch;padding:20px 0 42px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:40px 20px 40px 0}.hero-script{margin:0 0 12px;color:var(--muted);font-size:1.2rem}h1{font-size:clamp(2.2rem,4.8vw,4.4rem);line-height:1.18;margin-bottom:22px}.hero-text{max-width:34rem;font-size:1.02rem;line-height:1.9;color:var(--muted)}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.hero-visual{position:relative}.hero-image-frame{position:relative;height:100%;min-height:620px;overflow:hidden;border-radius:2px;background:var(--bg-deep)}.hero-tint,.tinted-image{position:absolute;inset:0}.tinted-image{overflow:hidden;cursor:pointer}.tinted-image__photo{object-fit:cover;object-position:center;filter:sepia(.28) saturate(.72) hue-rotate(-8deg) brightness(.94);transition:filter .55s ease}.tinted-image__wash{position:absolute;inset:0;background:var(--image-wash,var(--earth-wash));mix-blend-mode:multiply;opacity:1;transition:opacity .55s ease;pointer-events:none}.marquee-item.is-active .tinted-image__photo,.marquee-item:hover .tinted-image__photo,.tinted-image.is-active .tinted-image__photo,.tinted-image:hover .tinted-image__photo{filter:none}.marquee-item.is-active .tinted-image__wash,.marquee-item:hover .tinted-image__wash,.tinted-image.is-active .tinted-image__wash,.tinted-image:hover .tinted-image__wash{opacity:0}.section{margin-top:22px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.category-card{--category-accent:var(--accent);--image-wash:hsla(35,38%,63%,.42);overflow:hidden;border:1px solid var(--line);background:var(--surface-strong)}.category-card--hanfu{--category-accent:#9a2f25;--image-wash:rgba(139,38,31,.3)}.category-card--kimono{--category-accent:#315f8f;--image-wash:rgba(48,92,137,.28)}.category-card--creative{--category-accent:#d67826;--image-wash:rgba(215,112,28,.3)}.category-card--american{--category-accent:#9b3e2e;--image-wash:rgba(149,55,41,.32)}.category-image{position:relative;min-height:380px;overflow:hidden;background:var(--bg-deep)}.about-photo .tinted-image,.category-image .tinted-image{position:absolute;inset:0}.category-photo,.cover-image{object-fit:cover;object-position:center}.category-image__label{position:absolute;left:18px;bottom:18px;z-index:2;font-size:1.15rem;letter-spacing:.08em;color:hsla(0,0%,100%,.94);text-shadow:0 2px 12px rgba(0,0,0,.35);pointer-events:none}.category-copy{padding:16px 18px 18px}.category-copy h2{margin-bottom:4px;font-size:1.3rem}.category-subtitle{margin-bottom:8px;color:var(--muted);font-size:.9rem}.category-description{margin-bottom:10px;line-height:1.7;color:var(--muted);font-size:.92rem}.category-link{font-size:.88rem;color:var(--category-accent)}.featured{margin-top:34px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.section-head h2{margin-bottom:0;font-size:2rem}.eyebrow{margin:0 0 8px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.section-link{padding:12px 16px;white-space:nowrap}.marquee,.section-link{border:1px solid var(--line)}.marquee{overflow:hidden;background:var(--surface);padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:14px;width:max-content;animation:marquee-scroll 42s linear infinite}.marquee.is-paused .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-item{flex:0 0 auto;width:220px;margin:0;aspect-ratio:3/4;overflow:hidden;border:1px solid var(--line);background:var(--bg-deep);cursor:pointer}.marquee-tint{position:relative;width:100%;height:100%}.marquee-fallback{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:14px;gap:14px}.work-placeholder{aspect-ratio:3/4;display:flex;align-items:flex-end;padding:16px;color:hsla(0,0%,100%,.88);background:linear-gradient(145deg,#5a544c,#a79b8f);border:1px solid var(--line)}.featured-hint{margin:12px 0 0;color:var(--muted);font-size:.88rem}.about{display:grid;grid-template-columns:.9fr 1.05fr .9fr;grid-gap:16px;gap:16px;align-items:stretch;margin-top:34px}.about-photo{position:relative;min-height:380px;overflow:hidden;background:var(--bg-deep)}.about-copy,.about-photo{border:1px solid var(--line)}.about-copy{display:flex;flex-direction:column;justify-content:center;padding:28px 26px;background:linear-gradient(180deg,hsla(0,0%,100%,.45),hsla(0,0%,100%,.2))}.about-copy h2{font-size:2rem;margin-bottom:14px}.about-copy p{line-height:1.95;color:var(--muted)}.button-outline{align-self:flex-start;margin-top:14px}.footer-section{margin-top:34px;padding:28px;display:grid;grid-template-columns:.75fr 1.35fr;grid-gap:24px;gap:24px;border:1px solid var(--line);background:var(--surface-strong)}.footer-intro .script{font-size:1.5rem;color:var(--muted);margin-bottom:8px}.footer-socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.social-group__title{margin:0 0 12px;font-size:1rem;color:var(--accent-deep);letter-spacing:.08em}.social-group__items{display:flex;flex-direction:column;gap:12px}.social-card{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);background:var(--surface);transition:transform .16s ease,border-color .16s ease}.social-card:hover{transform:translateY(-1px);border-color:rgba(139,115,85,.35)}.social-card__label{flex:1 1;font-size:.9rem;line-height:1.4}.social-card__qr{flex-shrink:0;padding:6px;border-radius:8px;border:1px solid var(--line);background:#f6f4ef}.contact{margin-top:22px}.contact-card{padding:24px;border:1px solid var(--line);background:var(--surface-strong)}.site-footer{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.88rem}.back-to-top{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface)}@media (max-width:1100px){.hero{grid-template-columns:1fr}.hero-image-frame{min-height:480px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.about{grid-template-columns:1fr 1fr}.about-photo-right{grid-column:span 2;min-height:280px}.footer-section{grid-template-columns:1fr}.footer-socials{grid-template-columns:1fr 1fr}.marquee-fallback{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.site{width:min(100% - 20px,1380px)}.menu-toggle{display:inline-flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:10px;border:1px solid var(--line);background:var(--surface-strong);z-index:5}.nav.is-open{display:flex}.nav a{padding:12px 10px;border-bottom:1px solid var(--line)}.nav a:last-child{border-bottom:none}.topbar{flex-wrap:wrap}.section-head{flex-direction:column;align-items:flex-start}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-image{min-height:260px}.about{grid-template-columns:1fr}.about-photo-right{grid-column:auto;min-height:240px}.footer-socials{grid-template-columns:1fr}.social-card{flex-direction:row}.marquee-item{width:180px}.marquee-track{animation-duration:56s}.hero-copy{padding-right:0}h1{max-width:none}}@media (hover:none){.featured-hint:before{content:"（手機版）"}}