/* ══════════════════════════════════════════════════════════════
   聖德室內裝修設計 — 小官網主題
   忠實複製 neie.jp 版型／CSS（Reney 指定），內容換聖德、字型換 Noto TC。
   實際量測自 neie style.min.css：#f2f1e9 底 / #3d3d3b 字 / #6e6d69 弱 /
   #d9d8d0 暖灰線，12 欄格，hero 置中 logo，works 橫向 510px 滑軌。
   ══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500&family=Noto+Sans+TC:wght@300;400;500&family=Inter:wght@300;400;500&display=swap');

:root{
  --paper:#f2f1e9;   /* 底 */
  --ink:#3d3d3b;     /* 主字 */
  --ink2:#54524c;    /* 次要內文（比 mut 深，好讀）*/
  --mut:#6e6d69;     /* 弱字 / 標籤 */
  --warm:#d9d8d0;    /* 暖灰：線/intro 底 */
  --brown:#7a5a3a;   /* NEW 點色（極少量）*/
  --g-accent:#7a5a3a;--g-accent-rgb:122,90,58;--g-ink:#3d3d3b;--g-ink-rgb:61,61,59;--g-ink-soft:#6e6d69;--g-bg:#f2f1e9;
}

/* 隱藏 gomag 共用外殼（本模板自建 header/footer）*/
.site-header,.site-footer,.bottom-tabbar,.float-line,.topbar-strip{display:none!important;}
body{padding-bottom:0!important;background:var(--paper)!important;}

/* ══ BASE ══ */
.sd{font-family:'Noto Sans TC',sans-serif;font-weight:400;color:var(--ink);background:var(--paper);line-height:1.8;letter-spacing:.01em;font-synthesis:none;-webkit-font-smoothing:antialiased;}
.sd *{box-sizing:border-box;margin:0;}
.sd img{display:block;max-width:100%;}
.sd a{color:inherit;text-decoration:none;}
.sd .mincho{font-family:'Noto Serif TC',serif;}
.sd .inter{font-family:'Inter',sans-serif;}
.sd ::selection{background:rgba(122,90,58,.18);}

/* 12 欄格容器 */
.sd-grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:0 clamp(16px,1.25vw,24px);padding-inline:clamp(16px,1.25vw,24px);}

/* ══ HEADER ══ */
.l-header{position:fixed;top:0;left:0;width:100%;z-index:110;display:flex;justify-content:space-between;align-items:center;
  padding:16px 24px;color:var(--ink);background:transparent;border-bottom:1px solid transparent;transition:.3s linear;}
.l-header.is-change{background:var(--paper);border-bottom:1px solid var(--warm);}
.l-header.on-hero:not(.is-change){color:#fff;}
.l-header__nav{display:flex;align-items:center;gap:28px;}
.l-header__nav a{font-size:13px;letter-spacing:.08em;color:inherit;position:relative;transition:opacity .3s;}
.l-header__nav a::after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:currentColor;opacity:.6;transition:right .35s cubic-bezier(.25,1,.5,1);}
.l-header__nav a:hover::after{right:0;}
.l-header__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;}
.l-header__logo img{height:30px;width:auto;}
.l-header__logo .txt{font-family:'Noto Serif TC',serif;font-size:17px;letter-spacing:.28em;color:inherit;}
.l-header__actions{display:flex;gap:10px;align-items:center;}
.l-btn{font-size:12px;letter-spacing:.12em;padding:11px 20px;border-radius:100px;border:1px solid var(--ink);transition:.3s;white-space:nowrap;}
.l-header.on-hero:not(.is-change) .l-btn{border-color:rgba(255,255,255,.6);}
.l-header .l-btn--line{background:var(--ink);color:#fff;border-color:var(--ink);}   /* 提高 specificity 勝過 .sd a{color:inherit} */
.l-header.on-hero:not(.is-change) .l-btn--line{background:#fff;color:var(--ink);border-color:#fff;}
.l-btn:hover{opacity:.72;}
@media(max-width:767px){.l-header{padding:12px 16px;justify-content:flex-end;}.l-header__logo{left:16px;transform:translateY(-50%);top:50%;}.l-header__nav,.l-btn--ghost{display:none;}}

/* ══ HERO l-topMV ══ */
.l-topMV{position:relative;width:100%;height:100vh;min-height:560px;z-index:0;overflow:hidden;background:#1a1815;}
.l-topMV__bg{position:absolute;inset:0;z-index:-1;}
.l-topMV__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,15,.32),rgba(20,18,15,.08) 30%,rgba(20,18,15,.05) 60%,rgba(20,18,15,.5));}
.l-topMV__bg img{width:100%;height:100%;object-fit:cover;animation:mv-ken 18s ease infinite alternate;}
@keyframes mv-ken{from{transform:scale(1.03)}to{transform:scale(1.12)}}
.l-topMV__inner{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content;text-align:center;color:#fff;}
.l-topMV__inner .mark{font-family:'Noto Serif TC',serif;font-weight:400;font-size:40px;letter-spacing:.3em;padding-left:.3em;line-height:1;}
.l-topMV__inner .en{font-family:'Inter',sans-serif;font-weight:300;font-size:11px;letter-spacing:.42em;margin-top:14px;opacity:.9;padding-left:.42em;}
.l-topMV__copy{position:absolute;bottom:32px;right:16px;z-index:2;text-align:right;color:#fff;}
.l-topMV__copy .t{font-family:'Noto Serif TC',serif;font-size:15px;line-height:2;letter-spacing:.12em;opacity:.95;}
.l-topMV__scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:7px;}
.l-topMV__scroll .en{font-family:'Inter',sans-serif;font-size:10px;letter-spacing:.3em;color:rgba(255,255,255,.75);}
.l-topMV__scroll .bar{width:1px;height:44px;background:linear-gradient(rgba(255,255,255,.7),transparent);animation:mv-scr 2.2s ease infinite;}
@keyframes mv-scr{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(max-width:767px){.l-topMV__inner .mark{font-size:32px;}}

/* ══ INTRO l-topIntro（暖灰 12 欄）══ */
.l-topIntro{background-color:var(--warm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");}
.l-topIntro__bar{border-bottom:1px solid #fff;}
.l-topIntro__barInner{max-width:fit-content;margin:auto;display:flex;align-items:center;padding:24px 0;}
.l-topIntro__barInner .en{font-family:'Inter',sans-serif;font-size:12px;color:var(--ink);padding:0 24px;position:relative;}
.l-topIntro__barInner .en:not(:last-child):after{content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;height:13px;width:1px;background:#fff;}
.l-topIntro__copy{padding-top:160px;padding-bottom:120px;}
.l-topIntro__copyText{grid-column:2 / 9;padding-top:20px;}
.l-topIntro__copyText .lead{font-family:'Noto Serif TC',serif;font-weight:400;font-size:clamp(22px,2.4vw,34px);line-height:2;letter-spacing:.1em;color:var(--ink);}
.l-topIntro__copyText .body{font-size:15px;line-height:2.3;color:var(--ink);margin-top:40px;max-width:34em;font-weight:400;}
.l-topIntro__copyHeader{grid-column:10 / 11;justify-self:center;}
.l-topIntro__copyHeader .en{writing-mode:vertical-rl;font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.34em;color:var(--mut);}
@media(max-width:767px){.l-topIntro__copy{grid-template-columns:repeat(4,1fr);padding:64px 16px 80px;}.l-topIntro__copyText{grid-column:1/5;padding-top:0;}.l-topIntro__copyHeader{display:none;}}

/* ══ GALLERY l-topGallery（橫向 510px 滑軌）══ */
.l-topGallery{padding-top:160px;padding-bottom:120px;background:var(--paper);}
.l-topGallery__title{grid-column:2 / 5;font-family:'Noto Serif TC',serif;font-weight:400;font-size:20px;line-height:1.5;color:var(--ink);}
.l-topGallery__text{grid-column:5 / 12;font-size:14px;line-height:1.9;color:var(--ink);align-self:end;}
.l-topGallery__content{margin-top:40px;}
.c-gallerySlider{overflow:hidden;}
.c-gallerySlider__track{display:flex;gap:1px;will-change:transform;}
/* 連續自動捲動（marquee）：track 內含原圖+複製，0→-50% 剛好一輪、無縫循環 */
@keyframes sd-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.c-gallerySlider__track.is-marquee{animation:sd-marquee var(--dur,90s) linear infinite;}
.c-gallerySlider__track.is-marquee.rev{animation-direction:reverse;}
.c-gallerySlider:hover .c-gallerySlider__track.is-marquee{animation-play-state:paused;}
@media(prefers-reduced-motion:reduce){.c-gallerySlider__track.is-marquee{animation:none;}}
.c-gallerySlider__slide{flex:0 0 auto;height:510px;overflow:hidden;position:relative;background:#1a1815;}
.c-gallerySlider__slide img{height:100%;width:auto;max-width:none;object-fit:cover;transition:scale 1s cubic-bezier(.25,1,.5,1);}
.c-gallerySlider__slide:hover img{scale:1.05;}
@media(max-width:767px){.c-gallerySlider__slide{height:360px;}}
.c-galleryBottom{margin-top:32px;display:grid;grid-template-columns:repeat(12,1fr);gap:0 clamp(16px,1.25vw,24px);padding-inline:clamp(16px,1.25vw,24px);align-items:center;}
.c-galleryData{grid-column:1 / 8;display:flex;align-items:center;flex-wrap:wrap;gap:0 16px;min-height:22px;}
.c-galleryData .type{color:var(--mut);font-size:12px;letter-spacing:.08em;}
.c-galleryData .area{color:var(--mut);font-size:12px;letter-spacing:.08em;position:relative;padding-left:16px;}
.c-galleryData .area:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);height:12px;width:1px;background:var(--warm);}
.c-galleryData .area:empty{display:none;}
.c-galleryData .name{font-family:'Noto Serif TC',serif;font-size:16px;letter-spacing:.06em;color:var(--ink);}
.c-galleryNavigation{grid-column:9 / 13;display:flex;align-items:center;justify-content:flex-end;gap:20px;}
.c-galleryArrows{display:flex;gap:10px;}
.c-galleryArrows button{width:44px;height:44px;border-radius:50%;border:1px solid var(--warm);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;}
.c-galleryArrows button:hover{background:var(--ink);border-color:var(--ink);}
.c-galleryArrows button:hover svg{stroke:#fff;}
.c-galleryArrows svg{width:16px;height:16px;stroke:var(--ink);fill:none;stroke-width:1;}
.l-topGallery__link{margin-top:40px;display:flex;justify-content:flex-end;padding-inline:clamp(16px,1.25vw,24px);}

/* c-textLink（箭頭連結）*/
.c-textLink{display:inline-flex;align-items:center;gap:12px;font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);transition:gap .3s;}
.c-textLink:hover{gap:20px;}
.c-textLink .line{width:34px;height:1px;background:var(--ink);position:relative;}
.c-textLink .line:after{content:'';position:absolute;right:0;top:-2.5px;width:6px;height:6px;border-top:1px solid var(--ink);border-right:1px solid var(--ink);transform:rotate(45deg);}

/* ══ SERVICES（neie l-topSection 風・安靜清單）══ */
.l-topSection{padding:120px 0;background:var(--warm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2)' opacity='.04'/%3E%3C/svg%3E");}
.l-topSection__head{grid-column:2 / 12;margin-bottom:8px;}
.l-topSection__head .en{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.28em;color:var(--mut);}
.l-topSection__head .ttl{font-family:'Noto Serif TC',serif;font-weight:400;font-size:clamp(20px,2vw,26px);letter-spacing:.06em;color:var(--ink);margin-top:14px;}
.l-servList{grid-column:2 / 12;display:grid;grid-template-columns:1fr 1fr;column-gap:64px;margin-top:40px;}
.l-servItem{display:flex;gap:20px;padding:24px 0;border-top:1px solid rgba(61,61,59,.14);}
.l-servItem .no{font-family:'Inter',sans-serif;font-size:12px;color:var(--brown);padding-top:5px;min-width:2.2em;}
.l-servItem .nm{font-family:'Noto Serif TC',serif;font-size:16px;letter-spacing:.05em;color:var(--ink);}
.l-servItem .ds{font-size:13px;line-height:1.85;color:var(--ink2);margin-top:6px;}
@media(max-width:767px){.l-servList{grid-template-columns:1fr;column-gap:0;grid-column:1/5;}.l-topSection__head{grid-column:1/5;}.l-topSection .sd-grid12{grid-template-columns:repeat(4,1fr);}}

/* ══ CTA ══ */
.l-topCta{position:relative;height:74vh;min-height:480px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;background:#1a1815;}
.l-topCta__bg{position:absolute;inset:0;}
.l-topCta__bg img{width:100%;height:100%;object-fit:cover;}
.l-topCta::after{content:'';position:absolute;inset:0;background:rgba(20,18,15,.48);}
.l-topCta__in{position:relative;z-index:2;color:#fff;padding:0 24px;}
.l-topCta__in .en{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.28em;color:rgba(255,255,255,.8);}
.l-topCta__in .ttl{font-family:'Noto Serif TC',serif;font-weight:400;font-size:clamp(22px,3vw,34px);line-height:1.7;letter-spacing:.1em;margin:22px 0 12px;}
.l-topCta__in .sub{font-size:14px;letter-spacing:.06em;color:rgba(255,255,255,.85);}
.l-topCta__actions{display:flex;gap:14px;justify-content:center;margin-top:36px;}
.l-topCta__actions a{font-size:12px;letter-spacing:.16em;padding:15px 32px;border-radius:100px;border:1px solid;transition:.3s;}
.l-topCta__actions .solid{background:#fff;color:var(--ink);border-color:#fff;}
.l-topCta__actions .solid:hover{background:transparent;color:#fff;border-color:#fff;}
.l-topCta__actions .ghost{color:#fff;border-color:rgba(255,255,255,.55);}
.l-topCta__actions .ghost:hover{background:#fff;color:var(--ink);}

/* ══ FOOTER ══ */
.l-footer{background:var(--paper);border-top:1px solid var(--warm);padding:72px 0 36px;}
.l-footer__grid{grid-column:2 / 12;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;}
.l-footer__logo{display:flex;align-items:center;gap:11px;margin-bottom:18px;}
.l-footer__logo img{height:34px;}
.l-footer__logo .txt{font-family:'Noto Serif TC',serif;font-size:18px;letter-spacing:.2em;color:var(--ink);}
.l-footer__info{font-size:13px;line-height:2.1;color:var(--ink2);letter-spacing:.03em;}
.l-footer__branch{display:inline-block;min-width:5em;font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.1em;color:var(--brown);margin-right:8px;}
.l-footer__info a:hover{color:var(--ink);}
.l-footer__links{display:flex;flex-direction:column;gap:12px;}
.l-footer__links a{font-size:13px;letter-spacing:.08em;color:var(--mut);}
.l-footer__links a:hover{color:var(--ink);}
.l-footer__bottom{grid-column:2 / 12;margin-top:52px;padding-top:22px;border-top:1px solid var(--warm);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.l-footer__bottom span{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.06em;color:var(--mut);}
@media(max-width:767px){.l-footer__grid,.l-footer__bottom{grid-column:1/5;}.l-footer__grid{grid-template-columns:1fr;gap:28px;}.l-footer .sd-grid12{grid-template-columns:repeat(4,1fr);}}

/* ══ 子頁頁首 l-pagehead（同 neie l-archiveGallery__header：breadcrumb 在上 + 大 Mincho 標題）══ */
.l-pagehead{padding:104px 0 56px;background:var(--paper);}
.l-pagehead__bc{grid-column:1 / 13;}
.l-pagehead__ttl{grid-column:2 / 12;font-family:'Noto Serif TC',serif;font-weight:400;font-size:29px;line-height:1.5;letter-spacing:.06em;color:var(--ink);margin-top:80px;}
.l-pagehead__text{grid-column:2 / 12;font-size:14px;line-height:1.7;color:var(--ink);margin-top:32px;font-weight:300;}
@media(max-width:767px){.l-pagehead{padding:136px 0 40px;}.l-pagehead__ttl,.l-pagehead__text{grid-column:1/5;margin-top:60px;}.l-pagehead__ttl{font-size:24px;}}

/* ══ 施工事例一覧 l-archiveGallery（忠實複製 neie /gallery/）══ */
.l-archiveGallery{overflow:hidden;padding-top:104px;padding-bottom:120px;background:var(--paper);}
.l-archiveGallery__header{margin-bottom:0;}
.l-archiveGallery__breadcrumb{grid-column:1 / 13;}
.l-archiveGallery__title{grid-column:2 / 12;font-family:'Noto Serif TC',serif;font-weight:400;font-size:29px;line-height:1.5;letter-spacing:.06em;color:var(--ink);margin-top:80px;}
.l-archiveGallery__text{grid-column:2 / 12;font-size:14px;line-height:1.7;color:var(--ink);font-weight:300;margin-top:32px;}
.l-archiveGallery__tags{grid-column:1 / 13;margin-top:64px;}
.l-archiveGallery__content{margin-top:8px;display:flex;flex-direction:column;gap:0;}
.l-archiveGallery__section{padding:56px 0;border-top:1px solid var(--warm);}
.l-archiveGallery__section:first-child{border-top:none;padding-top:16px;}
@media(max-width:767px){.l-archiveGallery{padding-top:136px;}.l-archiveGallery__title,.l-archiveGallery__text{grid-column:1/5;}.l-archiveGallery__title{margin-top:60px;font-size:24px;}}

/* p-breadcrumb */
.p-breadcrumb__list{display:flex;gap:8px;flex-wrap:wrap;}
.p-breadcrumb__item{display:flex;align-items:center;gap:8px;}
.p-breadcrumb__item:not(:first-child):before{content:'';width:10px;height:1px;background:var(--warm);display:block;}
.p-breadcrumb__link{color:var(--ink);text-decoration:underline;font-size:10px;line-height:1.7;}
.p-breadcrumb__label{color:var(--mut);font-size:10px;line-height:1.7;}

/* c-tags（標籤篩選，neie 風：｜分隔 + 全N件）*/
.c-tags{display:grid;grid-template-columns:repeat(12,1fr);gap:0 clamp(16px,1.25vw,24px);}
.c-tags__header{grid-column:1 / 2;font-size:14px;color:var(--ink);}
.c-tags__list{grid-column:2 / 13;display:flex;flex-wrap:wrap;align-items:center;gap:12px 0;}
.c-tags__link{background:none;border:none;cursor:pointer;font-family:'Noto Sans TC',sans-serif;color:#858581;font-size:14px;line-height:1.7;letter-spacing:.04em;transition:color .3s;padding:0 18px;position:relative;}
.c-tags__link:first-child{padding-left:0;}
.c-tags__link:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);height:14px;width:1px;background:var(--warm);}
.c-tags__link:hover{color:var(--ink);}
.c-tags__link.is-current{color:#4e3c33;text-decoration:underline;text-underline-offset:5px;pointer-events:none;}
.c-tags__found{grid-column:2 / 13;margin-top:22px;padding-top:22px;border-top:1px solid var(--warm);font-family:'Inter',sans-serif;font-size:13px;letter-spacing:.06em;color:var(--mut);}
@media(max-width:767px){.c-tags{grid-template-columns:repeat(4,1fr);}.c-tags__header{grid-column:1/5;margin-bottom:12px;}.c-tags__list{grid-column:1/5;}.c-tags__found{grid-column:1/5;}}

/* 每個 gallery section */
.l-archiveGallery__section{display:none;}
.l-archiveGallery__section.show{display:block;}
.l-gallerySectionLabel{padding-inline:clamp(16px,1.25vw,24px);margin-bottom:20px;font-family:'Noto Serif TC',serif;font-size:16px;letter-spacing:.06em;color:var(--ink);}
.l-gallerySectionLabel .en{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.2em;color:var(--mut);margin-left:12px;}

/* 計數進度條（neie c-galleryCounter）*/
.c-galleryCounter{display:flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-weight:300;font-size:13px;color:var(--mut);}
.c-galleryCounter b{color:var(--ink);font-weight:400;}
.c-galleryCounter__border{position:relative;width:36px;height:1px;background:var(--warm);overflow:hidden;}
.c-galleryCounter__border i{position:absolute;left:0;top:0;height:1px;background:#4e3c33;transition:width .6s cubic-bezier(.25,1,.5,1);}

/* ══ 服務詳頁 l-svcDetail ══ */
.l-svcDetail{padding:20px 0 40px;background:var(--paper);}
.l-svcRow{grid-column:2 / 12;display:grid;grid-template-columns:1.3fr 4fr;gap:0 40px;padding:44px 0;border-top:1px solid var(--warm);}
.l-svcRow .no{font-family:'Inter',sans-serif;font-size:13px;color:var(--brown);}
.l-svcRow .nm{font-family:'Noto Serif TC',serif;font-size:20px;letter-spacing:.05em;color:var(--ink);margin-top:12px;}
.l-svcRow .sub{font-size:13px;color:var(--ink2);margin-top:8px;}
.l-svcRow .ds{font-size:15px;line-height:2.15;color:var(--ink);max-width:40em;}
@media(max-width:767px){.l-svcRow{grid-template-columns:1fr;gap:16px;grid-column:1/5;}}

/* ══ 流程 l-process ══ */
.l-process{padding:110px 0;background:var(--warm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n3'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n3)' opacity='.04'/%3E%3C/svg%3E");}
.l-process__head{grid-column:2 / 12;margin-bottom:20px;}
.l-process__head .en{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.28em;color:var(--mut);}
.l-process__head .ttl{font-family:'Noto Serif TC',serif;font-weight:400;font-size:clamp(20px,2vw,26px);letter-spacing:.06em;color:var(--ink);margin-top:14px;}
.l-processList{grid-column:2 / 12;display:grid;grid-template-columns:1fr 1fr;column-gap:56px;}
.l-processItem{display:flex;gap:22px;padding:22px 0;border-top:1px solid rgba(61,61,59,.14);}
.l-processItem .no{font-family:'Inter',sans-serif;font-size:22px;font-weight:300;color:var(--brown);min-width:1.8em;line-height:1;padding-top:2px;}
.l-processItem .h{font-family:'Noto Serif TC',serif;font-size:16px;letter-spacing:.05em;color:var(--ink);}
.l-processItem .p{font-size:13px;line-height:1.9;color:var(--ink2);margin-top:6px;}
.l-charges{grid-column:2 / 12;margin-top:44px;display:flex;flex-wrap:wrap;gap:12px;}
.l-charges span{font-size:12px;letter-spacing:.05em;color:var(--ink);border:1px solid rgba(61,61,59,.2);border-radius:100px;padding:9px 18px;}
@media(max-width:767px){.l-processList{grid-template-columns:1fr;column-gap:0;grid-column:1/5;}.l-process__head,.l-charges{grid-column:1/5;}}

/* ══ 關於 l-about ══ */
.l-about{padding:20px 0 100px;background:var(--paper);}
.l-about__lead{grid-column:2 / 8;font-family:'Noto Serif TC',serif;font-weight:400;font-size:clamp(20px,2.2vw,28px);line-height:2;letter-spacing:.08em;color:var(--ink);padding:40px 0;}
.l-about__body{grid-column:2 / 8;font-size:15px;line-height:2.3;color:var(--ink);}
.l-about__motto{grid-column:2 / 10;font-family:'Noto Serif TC',serif;font-size:16px;line-height:1.9;color:var(--ink);border-left:2px solid var(--brown);padding-left:20px;margin-top:36px;}
.l-about__img{grid-column:1 / 13;margin:80px 0 0;height:56vh;min-height:380px;overflow:hidden;}
.l-about__img img{width:100%;height:100%;object-fit:cover;}
.l-trust{grid-column:2 / 12;text-align:center;padding:80px 0 0;}
.l-trust .stars{color:#c8a24b;font-size:22px;letter-spacing:4px;}
.l-trust .score{font-family:'Noto Serif TC',serif;font-size:44px;color:var(--ink);line-height:1;margin:8px 0;}
.l-trust .score small{font-size:15px;color:var(--mut);}
.l-trust .note{font-size:13px;color:var(--mut);letter-spacing:.05em;}
@media(max-width:767px){.l-about__lead,.l-about__body,.l-about__motto,.l-trust{grid-column:1/5;}}

/* ══ 攻略列表 l-archiveColumn（忠實 neie /column/）══ */
.l-archiveColumn{padding:104px 0 120px;background:var(--paper);}
.l-archiveColumn__header{margin-bottom:8px;}
.l-archiveColumn__title{grid-column:2 / 12;font-family:'Noto Serif TC',serif;font-weight:400;font-size:29px;line-height:1.5;letter-spacing:.06em;color:var(--ink);margin-top:80px;}
.l-archiveColumn__text{grid-column:2 / 12;font-size:14px;line-height:1.9;color:var(--ink);margin-top:32px;}
.l-archiveColumn__list{grid-column:2 / 12;margin-top:48px;border-top:1px solid var(--warm);}
.l-archiveColumn__empty{grid-column:2/12;color:var(--mut);padding:48px 0;}
.c-columnLink{display:grid;grid-template-columns:132px 1fr 260px;gap:0 40px;padding:44px 0;border-bottom:1px solid var(--warm);align-items:start;}
.c-columnLink__meta{display:flex;flex-direction:column;gap:8px;}
.c-columnLink__date{font-size:13px;letter-spacing:.06em;color:var(--mut);}
.c-columnLink__cat{font-size:12px;letter-spacing:.05em;color:var(--brown);}
.c-columnLink__title{font-family:'Noto Serif TC',serif;font-weight:400;font-size:20px;line-height:1.5;letter-spacing:.03em;color:var(--ink);transition:color .3s;}
.c-columnLink:hover .c-columnLink__title{color:var(--brown);}
.c-columnLink__excerpt{font-size:14px;line-height:1.9;color:var(--ink2);margin-top:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.c-columnLink__body .c-textLink{margin-top:20px;}
.c-columnLink__image{aspect-ratio:4/3;overflow:hidden;background:#1a1815;}
.c-columnLink__image img{width:100%;height:100%;object-fit:cover;transition:scale 1s cubic-bezier(.25,1,.5,1);}
.c-columnLink:hover .c-columnLink__image img{scale:1.05;}
@media(max-width:767px){.l-archiveColumn__title,.l-archiveColumn__text,.l-archiveColumn__list{grid-column:1/5;}.c-columnLink{grid-template-columns:1fr;gap:16px;}.c-columnLink__image{grid-row:1;aspect-ratio:16/9;}.c-columnLink__meta{flex-direction:row;gap:14px;align-items:center;}}

/* ══ 攻略內頁 l-article ══ */
.l-article{padding:104px 0 120px;background:var(--paper);}
.l-article__head{margin-bottom:0;}
.l-article__meta{grid-column:2/12;margin-top:64px;display:flex;align-items:center;gap:16px;}
.l-article__cat{font-size:12px;letter-spacing:.06em;color:var(--brown);}
.l-article__date{font-size:13px;letter-spacing:.06em;color:var(--mut);}
.l-article__title{grid-column:2/12;font-family:'Noto Serif TC',serif;font-weight:400;font-size:clamp(24px,3.4vw,36px);line-height:1.5;letter-spacing:.05em;color:var(--ink);margin-top:16px;}
.l-article__cover{max-width:960px;margin:56px auto 0;padding:0 24px;}
.l-article__cover img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.l-article__body{grid-column:3/11;margin-top:56px;}
@media(max-width:900px){.l-article__body{grid-column:2/12;}}
@media(max-width:767px){.l-article__meta,.l-article__title,.l-article__body{grid-column:1/5;}}
.l-article__lead{font-family:'Noto Serif TC',serif;font-size:17px;line-height:2;color:var(--ink);border-left:2px solid var(--brown);padding-left:20px;margin-bottom:40px;}
.l-article__content{font-size:16px;line-height:2.05;color:var(--ink2);letter-spacing:.01em;}
.l-article__content h2{font-family:'Noto Serif TC',serif;font-weight:500;font-size:22px;line-height:1.5;color:var(--ink);letter-spacing:.03em;margin:52px 0 18px;padding-bottom:14px;border-bottom:1px solid var(--warm);}
.l-article__content h3{font-family:'Noto Serif TC',serif;font-weight:500;font-size:18px;color:var(--ink);margin:36px 0 12px;}
.l-article__content p{margin:16px 0;}
.l-article__content ul,.l-article__content ol{margin:16px 0;padding-left:22px;}
.l-article__content li{margin:8px 0;}
.l-article__content strong{color:var(--ink);font-weight:500;}
.l-article__content a{color:var(--brown);text-decoration:underline;text-underline-offset:3px;}
.l-article__content img{width:100%;margin:28px 0;}
.l-article__content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;}
.l-article__content th,.l-article__content td{border:1px solid var(--warm);padding:12px 14px;text-align:left;}
.l-article__content th{background:var(--wash,#ece9df);color:var(--ink);font-weight:500;}
.l-article__cta{margin-top:64px;padding:40px;background:var(--warm);text-align:center;}
.l-article__cta p{font-family:'Noto Serif TC',serif;font-size:17px;color:var(--ink);margin-bottom:22px;}
.l-article__ctaBtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.l-article__related{grid-column:2/12;margin-top:96px;}
.l-article__relatedHead{display:flex;align-items:baseline;gap:16px;margin-bottom:32px;}
.l-article__relatedHead .en{font-size:12px;letter-spacing:.24em;color:var(--mut);}
.l-article__relatedHead .mincho{font-family:'Noto Serif TC',serif;font-size:20px;color:var(--ink);}
.l-article__relatedList{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:767px){.l-article__related{grid-column:1/5;}.l-article__relatedList{grid-template-columns:1fr;}}
.l-article__relatedImg{aspect-ratio:4/3;overflow:hidden;background:#1a1815;}
.l-article__relatedImg img{width:100%;height:100%;object-fit:cover;transition:scale 1s cubic-bezier(.25,1,.5,1);}
.l-article__relatedItem:hover .l-article__relatedImg img{scale:1.05;}
.l-article__relatedTitle{font-size:15px;line-height:1.6;color:var(--ink);margin-top:14px;}

/* 捲動揭示 */
.js-reveal{opacity:0;transform:translateY(24px);transition:opacity 1s cubic-bezier(.25,1,.5,1),transform 1s cubic-bezier(.25,1,.5,1);}
.js-reveal.in{opacity:1;transform:none;}