/*
 * =======================================
 * Design By WPW
 * Website Development By WPW
 * https://wpw.design
 * =======================================
 */
/**
 * GK Space Design Widgets — 合併樣式表
 * Tokens: 主綠 #007000 / 深綠灰 #2C3E2C / Footer 深 #1A2A1A / CTA 紅 #E63946
 *         LINE 綠 #06C755 / 奶白 #FAFAF7 / 分隔 #E5E5E5
 * 字型：Noto Serif TC / Cormorant Garamond / Noto Sans TC / Inter
 */

/* ============================================================
   S1 · HERO
   ============================================================ */
.gk-section-hero{position:relative;background:#FAFAF7;padding:120px 40px 110px;overflow:hidden}
.gk-section-hero .gk-hero-watermark{position:absolute;right:-40px;bottom:-30px;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:clamp(200px,26vw,400px);line-height:.82;color:#007000;opacity:.055;pointer-events:none;white-space:nowrap;letter-spacing:-.02em;z-index:0}
.gk-section-hero .gk-hero-inner{position:relative;max-width:1360px;margin:0 auto;display:grid;grid-template-columns:1.18fr 1fr;gap:90px;align-items:center;z-index:1}
.gk-section-hero .gk-hero-eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:22px;color:#007000;margin-bottom:36px;letter-spacing:.06em}
.gk-section-hero .gk-hero-eyebrow::before{content:'';width:56px;height:1px;background:#007000}
.gk-section-hero .gk-hero-title{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(38px,5.2vw,70px);line-height:1.38;color:#1A2A1A;letter-spacing:.02em;margin:0 0 8px}
.gk-section-hero .gk-hero-title--dynamic{display:flex;align-items:baseline;gap:.08em;white-space:nowrap;line-height:1.22}
.gk-section-hero .gk-hero-title__switch{display:inline-grid;position:relative;min-width:5.2em}
.gk-section-hero .gk-hero-title__switch-line{grid-area:1/1;opacity:0;transform:translateY(.16em);animation:gk-hero-title-swap 6s cubic-bezier(.2,.8,.2,1) infinite;will-change:opacity,transform}
.gk-section-hero .gk-hero-title__switch-line--bath{animation-delay:-3s}
.gk-section-hero .gk-hero-title__line2{display:block;padding-left:0}
.gk-section-hero .gk-hero-title__hl-kitchen{color:#27722a}
.gk-section-hero .gk-hero-title__hl-bath{color:#ffc107}
@keyframes gk-hero-title-swap{0%,40%{opacity:1;transform:translateY(0)}48%,92%{opacity:0;transform:translateY(-.16em)}100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.gk-section-hero .gk-hero-title__switch-line{animation:none}.gk-section-hero .gk-hero-title__switch-line--kitchen{opacity:1;transform:none}.gk-section-hero .gk-hero-title__switch-line--bath{opacity:0}}
.gk-section-hero .gk-hero-sub{font-family:'Noto Sans TC',sans-serif;font-weight:400;font-size:clamp(16px,1.3vw,19px);line-height:2;color:#555;margin:44px 0 52px;max-width:560px}
.gk-section-hero .gk-hero-sub em{font-style:normal;color:#007000;font-weight:500;border-bottom:1px solid rgba(0,112,0,.25);padding-bottom:2px}
.gk-section-hero .gk-hero-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:72px}
.gk-section-hero .gk-cta{display:inline-flex;align-items:center;gap:10px;padding:19px 36px;font-family:'Noto Sans TC',sans-serif;font-weight:600;font-size:16px;letter-spacing:.08em;border-radius:2px;text-decoration:none;transition:all .4s cubic-bezier(.2,.8,.2,1);cursor:pointer}
.gk-section-hero .gk-cta--primary,.gk-section-hero .gk-cta--primary:link,.gk-section-hero .gk-cta--primary:visited,.gk-section-hero .gk-cta--primary:focus,.gk-section-hero .gk-cta--primary:active{background:#007000;color:#fff;border:1px solid #007000}
.gk-section-hero .gk-cta--primary:hover{background:#005a00;color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,112,0,.22)}
.gk-section-hero .gk-cta--line,.gk-section-hero .gk-cta--line:link,.gk-section-hero .gk-cta--line:visited,.gk-section-hero .gk-cta--line:focus,.gk-section-hero .gk-cta--line:active{background:transparent;color:#06C755;border:1px solid #06C755}
.gk-section-hero .gk-cta--line:hover{background:#06C755;color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(6,199,85,.22)}
.gk-section-hero .gk-cta svg{width:16px;height:16px;transition:transform .4s}
.gk-section-hero .gk-cta:hover svg{transform:translateX(5px)}
.gk-section-hero .gk-hero-scroll{display:inline-flex;align-items:center;gap:12px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;color:#007000;cursor:pointer;text-decoration:none}
.gk-section-hero .gk-hero-scroll::after{content:'↓';display:inline-block;animation:gk-hero-bounce 1.8s ease-in-out infinite;font-style:normal;font-size:18px}
@keyframes gk-hero-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
.gk-section-hero .gk-hero-visual{position:relative;height:600px}
.gk-section-hero .gk-hero-img{position:absolute;overflow:hidden;background:linear-gradient(135deg,#e5e8e0 0%,#cfd4c7 100%);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:24px;color:rgba(26,42,26,.28);display:flex;align-items:center;justify-content:center}
.gk-section-hero .gk-hero-img::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.35),transparent 60%)}
.gk-section-hero .gk-hero-img--1{top:0;left:0;width:65%;height:430px}
.gk-section-hero .gk-hero-img--2{bottom:0;right:0;width:65%;height:340px}
.gk-section-hero .gk-hero-tag{position:absolute;padding:9px 16px;background:#FAFAF7;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:14px;color:#007000;border:1px solid #007000;letter-spacing:.12em;z-index:2}
.gk-section-hero .gk-hero-tag--1{top:22px;left:22px}
.gk-section-hero .gk-hero-tag--2{bottom:22px;right:22px}
@media(max-width:1024px){.gk-section-hero .gk-hero-inner{gap:60px}.gk-section-hero .gk-hero-visual{height:520px}}
@media(max-width:768px){.gk-section-hero{padding:80px 24px 68px}.gk-section-hero .gk-hero-inner{grid-template-columns:1fr;gap:48px}.gk-section-hero .gk-hero-title__line2{padding-left:0}.gk-section-hero .gk-hero-visual{height:420px}.gk-section-hero .gk-cta{padding:16px 24px;font-size:15px;flex:1;justify-content:center}.gk-section-hero .gk-hero-cta-row{margin-bottom:52px}.gk-section-hero .gk-hero-img--1{width:72%;height:280px}.gk-section-hero .gk-hero-img--2{width:72%;height:260px}}
@media(max-width:480px){.gk-section-hero .gk-hero-title--dynamic{font-size:clamp(28px,8.6vw,38px);letter-spacing:0}.gk-section-hero .gk-hero-title__switch{min-width:5.1em}}

/* ============================================================
   S2 · NAV 4-CARDS
   ============================================================ */
.gk-section-nav{background:#fff;padding:110px 40px;position:relative}
.gk-section-nav .gk-s2-inner{max-width:1360px;margin:0 auto}
.gk-section-nav .gk-s2-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;gap:40px;flex-wrap:wrap}
.gk-section-nav .gk-s2-eyebrow{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;color:#007000;margin-bottom:12px;letter-spacing:.06em}
.gk-section-nav .gk-s2-title{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(26px,2.6vw,38px);color:#1A2A1A;line-height:1.4;margin:0;letter-spacing:.02em}
.gk-section-nav .gk-s2-hint{font-family:'Noto Sans TC',sans-serif;font-size:14px;color:#888;letter-spacing:.05em}
.gk-section-nav .gk-s2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.gk-section-nav .gk-s2-card{position:relative;background:#FAFAF7;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.gk-section-nav .gk-s2-card:hover{transform:translateY(-6px)}
.gk-section-nav .gk-s2-card__img{position:relative;height:320px;overflow:hidden;background:linear-gradient(135deg,#e5e8e0 0%,#cfd4c7 100%);background-size:cover;background-position:center}
.gk-section-nav .gk-s2-card__img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(26,42,26,.25) 100%);transition:opacity .5s}
.gk-section-nav .gk-s2-card:hover .gk-s2-card__img::after{opacity:0}
.gk-section-nav .gk-s2-card__num{position:absolute;top:20px;left:20px;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:18px;color:#fff;letter-spacing:.1em;z-index:2}
.gk-section-nav .gk-s2-card__label{position:absolute;top:20px;right:20px;padding:6px 12px;background:rgba(255,255,255,.92);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:12px;color:#007000;letter-spacing:.12em;z-index:2}
.gk-section-nav .gk-s2-card__body{padding:28px 24px 30px;position:relative}
.gk-section-nav .gk-s2-card__en{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15px;color:#007000;letter-spacing:.08em;margin-bottom:6px;display:block}
.gk-section-nav .gk-s2-card__zh{font-family:'Noto Serif TC',serif;font-weight:700;font-size:21px;color:#1A2A1A;line-height:1.4;letter-spacing:.02em;margin:0}
.gk-section-nav .gk-s2-card__arrow{position:absolute;right:24px;bottom:30px;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;color:#007000;transition:all .4s}
.gk-section-nav .gk-s2-card:hover .gk-s2-card__arrow{background:#007000;color:#fff;border-color:#007000}
.gk-section-nav .gk-s2-card:hover .gk-s2-card__arrow svg{transform:rotate(-45deg) translateX(2px)}
.gk-section-nav .gk-s2-card__arrow svg{width:14px;height:14px;transition:transform .4s}
@media(max-width:1024px){.gk-section-nav .gk-s2-grid{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:640px){.gk-section-nav{padding:72px 24px}.gk-section-nav .gk-s2-grid{grid-template-columns:1fr}.gk-section-nav .gk-s2-card__img{height:260px}.gk-section-nav .gk-s2-header{margin-bottom:36px}}

/* ============================================================
   S3 · PAIN
   ============================================================ */
.gk-section-pain{background:#1A2A1A;padding:120px 40px;position:relative;overflow:hidden;color:#fff}
.gk-section-pain::before{content:'Problems';position:absolute;top:60px;right:-20px;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:clamp(140px,16vw,220px);color:rgba(255,255,255,.04);letter-spacing:-.02em;line-height:1;pointer-events:none}
.gk-section-pain .gk-s3-inner{max-width:1300px;margin:0 auto;position:relative;z-index:1}
.gk-section-pain .gk-s3-eyebrow{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:#6FCF6F;letter-spacing:.08em;margin-bottom:20px;display:inline-flex;align-items:center;gap:14px}
.gk-section-pain .gk-s3-eyebrow::before{content:'';width:48px;height:1px;background:#6FCF6F}
.gk-section-pain .gk-s3-title{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(30px,3.6vw,50px);line-height:1.4;letter-spacing:.03em;margin:0 0 18px;max-width:820px;color:#ffffff}
.gk-section-pain .gk-s3-title em{font-style:normal;color:#6FCF6F}
.gk-section-pain .gk-s3-sub{font-family:'Noto Sans TC',sans-serif;font-size:20px;color:rgba(255,255,255,.75);margin:0 0 80px;font-weight:300}
.gk-section-pain .gk-s3-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);margin-bottom:72px}
.gk-section-pain .gk-s3-item{background:#1A2A1A;padding:56px 48px;display:flex;gap:32px;align-items:flex-start;transition:background .4s}
.gk-section-pain .gk-s3-item:hover{background:#243624}
.gk-section-pain .gk-s3-item__num{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:56px;color:#6FCF6F;line-height:1;flex-shrink:0;min-width:90px}
.gk-section-pain .gk-s3-item__txt{font-family:'Noto Serif TC',serif;font-weight:500;font-size:22px;line-height:1.7;color:#fff;letter-spacing:.02em;padding-top:14px;margin:0}
.gk-section-pain .gk-s3-bridge{border-top:1px solid rgba(255,255,255,.12);padding-top:60px;text-align:center}
.gk-section-pain .gk-s3-bridge__deco{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:#6FCF6F;letter-spacing:.1em;margin-bottom:20px}
.gk-section-pain .gk-s3-bridge__txt{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(22px,2.2vw,30px);line-height:1.6;color:#fff;max-width:880px;margin:0 auto 44px;letter-spacing:.02em}
.gk-section-pain .gk-s3-bridge__txt em{font-style:normal;color:#6FCF6F;border-bottom:1px solid #6FCF6F;padding-bottom:2px}
.gk-section-pain .gk-s3-tags{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.gk-section-pain .gk-s3-tag{padding:11px 22px;border:1px solid rgba(111,207,111,.4);background:rgba(111,207,111,.06);font-family:'Noto Sans TC',sans-serif;font-weight:500;font-size:14px;color:#fff;letter-spacing:.08em;border-radius:999px}
@media(max-width:768px){.gk-section-pain{padding:80px 24px}.gk-section-pain .gk-s3-grid{grid-template-columns:1fr;margin-bottom:56px}.gk-section-pain .gk-s3-item{padding:36px 28px;gap:20px}.gk-section-pain .gk-s3-item__num{font-size:42px;min-width:60px}.gk-section-pain .gk-s3-item__txt{font-size:17px;padding-top:6px}.gk-section-pain .gk-s3-sub{margin-bottom:48px;font-size:16px}.gk-section-pain .gk-s3-tag{font-size:13px;padding:9px 16px}}

/* ============================================================
   S4 · SINCE 1972
   ============================================================ */
.gk-section-since{background:#FAFAF7;padding:140px 40px 120px;position:relative;overflow:hidden}
.gk-section-since::before,.gk-section-since::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:1px;background:#007000;opacity:.2}
.gk-section-since::before{top:0;height:60px}
.gk-section-since::after{bottom:0;height:60px}
.gk-section-since .gk-s4-inner{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:60px;align-items:center;position:relative}
.gk-section-since .gk-s4-left{text-align:right;padding-right:20px}
.gk-section-since .gk-s4-right{text-align:left;padding-left:20px}
.gk-section-since .gk-s4-label{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:26px;color:#007000;letter-spacing:.16em;margin-bottom:14px;text-transform:uppercase}
.gk-section-since .gk-s4-zh{font-family:'Noto Serif TC',serif;font-weight:700;font-size:24px;color:#1A2A1A;line-height:1.5;letter-spacing:.04em;margin:0}
.gk-section-since .gk-s4-zh em{font-style:normal;color:#007000;font-size:28px}
.gk-section-since .gk-s4-center{text-align:center;position:relative}
.gk-section-since .gk-s4-year{font-family:'Inter',sans-serif;font-style:italic;font-weight:900;font-size:clamp(140px,20vw,280px);color:#007000;line-height:.85;letter-spacing:-.04em;margin:0;padding:0 .12em;background:linear-gradient(180deg,#007000 0%,#2C3E2C 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.gk-section-since .gk-s4-since{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:30px;color:#007000;letter-spacing:.2em;margin-bottom:0;text-transform:uppercase}
.gk-section-since .gk-s4-bar{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;margin:80px auto 0;padding:36px 48px;background:#fff;border:1px solid #e5e5e5;max-width:1100px;position:relative;z-index:1}
.gk-section-since .gk-s4-bar__item{font-family:'Noto Serif TC',serif;font-weight:500;font-size:16px;color:#333;letter-spacing:.04em;display:inline-flex;align-items:center;gap:10px}
.gk-section-since .gk-s4-bar__item::before{content:'';width:6px;height:6px;background:#007000;transform:rotate(45deg);flex-shrink:0}
@media(max-width:900px){.gk-section-since{padding:100px 24px 90px}.gk-section-since .gk-s4-inner{grid-template-columns:1fr;gap:40px;text-align:center}.gk-section-since .gk-s4-left,.gk-section-since .gk-s4-right{text-align:center;padding:0}.gk-section-since .gk-s4-zh{font-size:19px}.gk-section-since .gk-s4-zh em{font-size:22px}.gk-section-since .gk-s4-bar{flex-direction:column;gap:16px;padding:28px 24px;align-items:flex-start;margin-top:56px}.gk-section-since .gk-s4-bar__item{font-size:15px}}

/* ============================================================
   S5 · STEPS
   ============================================================ */
.gk-section-steps{background:#fff;padding:120px 40px;position:relative}
.gk-section-steps .gk-s5-inner{max-width:1360px;margin:0 auto}
.gk-section-steps .gk-s5-header{text-align:center;margin-bottom:100px}
.gk-section-steps .gk-s5-eyebrow{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:#007000;letter-spacing:.16em;margin-bottom:14px;text-transform:uppercase}
.gk-section-steps .gk-s5-title{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(28px,3.2vw,44px);color:#1A2A1A;line-height:1.5;margin:0 0 16px;letter-spacing:.02em}
.gk-section-steps .gk-s5-sub{font-family:'Noto Sans TC',sans-serif;font-size:17px;color:#777;letter-spacing:.04em;margin:0}
.gk-section-steps .gk-s5-row{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-bottom:90px;position:relative}
.gk-section-steps .gk-s5-row:last-of-type{margin-bottom:0}
.gk-section-steps .gk-s5-row:nth-child(even) .gk-s5-text{order:2}
.gk-section-steps .gk-s5-row:nth-child(even) .gk-s5-visual{order:1}
.gk-section-steps .gk-s5-num{font-family:'Inter',sans-serif;font-style:italic;font-weight:900;font-size:clamp(100px,11vw,160px);color:transparent;-webkit-text-stroke:1.5px #007000;line-height:1;margin-bottom:24px;letter-spacing:-.02em}
.gk-section-steps .gk-s5-en{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:20px;color:#007000;letter-spacing:.12em;margin-bottom:10px;display:inline-flex;align-items:center;gap:14px}
.gk-section-steps .gk-s5-en::before{content:'';width:36px;height:1px;background:#007000}
.gk-section-steps .gk-s5-name{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(28px,3vw,42px);color:#1A2A1A;line-height:1.4;letter-spacing:.03em;margin:0 0 22px}
.gk-section-steps .gk-s5-lead{font-family:'Noto Serif TC',serif;font-weight:500;font-size:21px;color:#007000;line-height:1.7;margin:0 0 20px;font-style:italic}
.gk-section-steps .gk-s5-desc{font-family:'Noto Sans TC',sans-serif;font-size:16px;color:#555;line-height:2;margin:0}
.gk-section-steps .gk-s5-visual{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#e5e8e0 0%,#cfd4c7 100%);background-size:cover;background-position:center;overflow:hidden}
.gk-section-steps .gk-s5-visual::after{content:attr(data-label);position:absolute;bottom:20px;left:20px;padding:8px 14px;background:rgba(250,250,247,.94);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:13px;color:#007000;letter-spacing:.12em;border:1px solid #007000}
.gk-section-steps .gk-s5-visual.is-placeholder::before{content:attr(data-zh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Noto Serif TC',serif;font-weight:700;font-size:22px;color:rgba(26,42,26,.25);letter-spacing:.1em}
.gk-section-steps .gk-s5-cta-row{display:flex;gap:14px;justify-content:center;margin-top:100px;flex-wrap:wrap}
.gk-section-steps .gk-s5-cta{display:inline-flex;align-items:center;gap:10px;padding:18px 36px;font-family:'Noto Sans TC',sans-serif;font-weight:600;font-size:16px;letter-spacing:.08em;border-radius:2px;text-decoration:none;transition:all .4s cubic-bezier(.2,.8,.2,1)}
.gk-section-steps .gk-s5-cta--primary,.gk-section-steps .gk-s5-cta--primary:link,.gk-section-steps .gk-s5-cta--primary:visited,.gk-section-steps .gk-s5-cta--primary:focus,.gk-section-steps .gk-s5-cta--primary:active{background:#007000;color:#fff;border:1px solid #007000}
.gk-section-steps .gk-s5-cta--primary:hover{background:#005a00;color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,112,0,.22)}
.gk-section-steps .gk-s5-cta--line,.gk-section-steps .gk-s5-cta--line:link,.gk-section-steps .gk-s5-cta--line:visited,.gk-section-steps .gk-s5-cta--line:focus,.gk-section-steps .gk-s5-cta--line:active{background:transparent;color:#06C755;border:1px solid #06C755}
.gk-section-steps .gk-s5-cta--line:hover{background:#06C755;color:#fff;transform:translateY(-2px)}
@media(max-width:900px){.gk-section-steps{padding:80px 24px}.gk-section-steps .gk-s5-header{margin-bottom:60px}.gk-section-steps .gk-s5-row{grid-template-columns:1fr;gap:36px;margin-bottom:68px}.gk-section-steps .gk-s5-row:nth-child(even) .gk-s5-text{order:unset}.gk-section-steps .gk-s5-row:nth-child(even) .gk-s5-visual{order:unset}.gk-section-steps .gk-s5-cta{flex:1;justify-content:center;padding:16px 24px;font-size:15px}.gk-section-steps .gk-s5-cta-row{margin-top:60px}}

/* ============================================================
   S6 · COMPARE
   ============================================================ */
.gk-section-compare{background:#FAFAF7;padding:120px 40px;position:relative;overflow:hidden}
.gk-section-compare::before{content:'Comparison';position:absolute;left:-20px;top:50px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(140px,18vw,260px);color:rgba(0,112,0,.04);pointer-events:none;line-height:1;letter-spacing:-.02em}
.gk-section-compare .gk-s6-inner{max-width:1400px;margin:0 auto;position:relative;z-index:1}
.gk-section-compare .gk-s6-header{text-align:center;margin-bottom:80px}
.gk-section-compare .gk-s6-eyebrow{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:#007000;letter-spacing:.16em;margin-bottom:14px;text-transform:uppercase}
.gk-section-compare .gk-s6-title{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(28px,3.2vw,44px);color:#1A2A1A;line-height:1.4;margin:0 0 14px;letter-spacing:.02em}
.gk-section-compare .gk-s6-sub{font-family:'Noto Sans TC',sans-serif;font-size:16px;color:#777;letter-spacing:.04em;margin:0}
.gk-section-compare .gk-s6-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.gk-section-compare .gk-s6-card{background:#fff;border:1px solid #e5e5e5;padding:32px 22px 28px;display:flex;flex-direction:column;transition:all .4s}
.gk-section-compare .gk-s6-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(26,42,26,.08)}
.gk-section-compare .gk-s6-card--highlight{background:#1A2A1A;border:1px solid #007000;color:#fff;transform:none;box-shadow:0 24px 50px rgba(0,112,0,.2)}
.gk-section-compare .gk-s6-card--highlight:hover{transform:translateY(-4px)}
.gk-section-compare .gk-s6-badge{display:inline-block;padding:5px 10px;background:#007000;color:#fff;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:12px;letter-spacing:.14em;margin-bottom:16px;align-self:flex-start;text-transform:uppercase}
.gk-section-compare .gk-s6-card--highlight .gk-s6-badge{background:#6FCF6F;color:#1A2A1A}
.gk-section-compare .gk-s6-name{font-family:'Noto Serif TC',serif;font-weight:700;font-size:19px;color:#1A2A1A;line-height:1.4;margin:0 0 22px;letter-spacing:.03em;min-height:52px;display:flex;align-items:center}
.gk-section-compare .gk-s6-card--highlight .gk-s6-name{color:#fff}
.gk-section-compare .gk-s6-radar{width:100%;aspect-ratio:1;margin-bottom:22px;display:block}
.gk-section-compare .gk-s6-pro,.gk-section-compare .gk-s6-con{font-family:'Noto Sans TC',sans-serif;font-size:14px;line-height:1.7;padding:14px 0;border-top:1px solid #e5e5e5;margin:0}
.gk-section-compare .gk-s6-card--highlight .gk-s6-pro,.gk-section-compare .gk-s6-card--highlight .gk-s6-con{border-color:rgba(255,255,255,.12)}
.gk-section-compare .gk-s6-pro{color:#333}
.gk-section-compare .gk-s6-card--highlight .gk-s6-pro{color:#e5e5e5}
.gk-section-compare .gk-s6-con{color:#888}
.gk-section-compare .gk-s6-card--highlight .gk-s6-con{color:#888}
.gk-section-compare .gk-s6-label{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:13px;letter-spacing:.12em;margin-bottom:6px;display:block;text-transform:uppercase}
.gk-section-compare .gk-s6-pro .gk-s6-label{color:#007000}
.gk-section-compare .gk-s6-card--highlight .gk-s6-pro .gk-s6-label{color:#6FCF6F}
.gk-section-compare .gk-s6-con .gk-s6-label{color:#b5554a}
.gk-section-compare .gk-s6-note{text-align:center;margin-top:40px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15px;color:#888;letter-spacing:.06em}
@media(max-width:1100px){.gk-section-compare .gk-s6-grid{grid-template-columns:repeat(2,1fr);gap:16px}.gk-section-compare .gk-s6-card--highlight{grid-column:1/-1;transform:none}.gk-section-compare .gk-s6-card--highlight:hover{transform:translateY(-4px)}}
@media(max-width:640px){.gk-section-compare{padding:80px 24px}.gk-section-compare .gk-s6-grid{grid-template-columns:1fr}.gk-section-compare .gk-s6-header{margin-bottom:52px}}

/* ============================================================
   S7 · IMPORT (Premium)
   ============================================================ */
.gk-section-import{background:#2C3E2C;color:#fff;padding:120px 40px;position:relative;overflow:hidden}
.gk-section-import::before{content:'Premium';position:absolute;right:-30px;top:40px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(140px,17vw,240px);color:rgba(255,255,255,.05);pointer-events:none;line-height:1;letter-spacing:-.02em}
.gk-section-import .gk-s7-inner{max-width:1360px;margin:0 auto;position:relative;z-index:1}
.gk-section-import .gk-s7-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:flex-end;margin-bottom:80px}
.gk-section-import .gk-s7-eyebrow{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:#6FCF6F;letter-spacing:.16em;margin-bottom:16px;display:inline-flex;align-items:center;gap:14px;text-transform:uppercase}
.gk-section-import .gk-s7-eyebrow::before{content:'';width:48px;height:1px;background:#6FCF6F}
.gk-section-import .gk-s7-title{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(30px,3.6vw,50px);color:#fff;line-height:1.35;margin:0;letter-spacing:.02em}
.gk-section-import .gk-s7-title em{font-style:normal;color:#6FCF6F}
.gk-section-import .gk-s7-lead{font-family:'Noto Serif TC',serif;font-weight:500;font-size:22px;color:rgba(255,255,255,.85);line-height:1.8;margin:0;padding-left:40px;border-left:1px solid rgba(111,207,111,.4);font-style:italic}
.gk-section-import .gk-s7-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:72px}
.gk-section-import .gk-s7-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:56px 44px;position:relative;transition:all .4s}
.gk-section-import .gk-s7-card:hover{background:rgba(111,207,111,.06);border-color:rgba(111,207,111,.3)}
.gk-section-import .gk-s7-arrow{font-family:'Inter',sans-serif;font-style:italic;font-weight:900;font-size:80px;color:#6FCF6F;line-height:1;margin-bottom:28px;display:inline-block;letter-spacing:-.05em}
.gk-section-import .gk-s7-card__title{font-family:'Noto Serif TC',serif;font-weight:700;font-size:28px;color:#fff;line-height:1.5;letter-spacing:.04em;margin:0 0 28px}
.gk-section-import .gk-s7-card__title span{color:#6FCF6F}
.gk-section-import .gk-s7-card__list{list-style:none;margin:0;padding:0}
.gk-section-import .gk-s7-card__list li{font-family:'Noto Sans TC',sans-serif;font-size:16px;color:rgba(255,255,255,.82);line-height:1.8;padding:14px 0 14px 24px;border-top:1px solid rgba(255,255,255,.08);position:relative}
.gk-section-import .gk-s7-card__list li:first-child{border-top:none}
.gk-section-import .gk-s7-card__list li::before{content:'';position:absolute;left:0;top:22px;width:8px;height:8px;background:#6FCF6F;transform:rotate(45deg)}
.gk-section-import .gk-s7-card__list strong{color:#fff;font-weight:500;border-bottom:1px solid rgba(111,207,111,.5);padding-bottom:2px}
.gk-section-import .gk-s7-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.gk-section-import .gk-s7-cta{display:inline-flex;align-items:center;gap:10px;padding:18px 36px;font-family:'Noto Sans TC',sans-serif;font-weight:600;font-size:16px;letter-spacing:.08em;border-radius:2px;text-decoration:none;transition:all .4s cubic-bezier(.2,.8,.2,1)}
.gk-section-import .gk-s7-cta--primary,.gk-section-import .gk-s7-cta--primary:link,.gk-section-import .gk-s7-cta--primary:visited,.gk-section-import .gk-s7-cta--primary:focus,.gk-section-import .gk-s7-cta--primary:active{background:#6FCF6F;color:#1A2A1A;border:1px solid #6FCF6F}
.gk-section-import .gk-s7-cta--primary:hover{background:#fff;border-color:#fff;color:#1A2A1A;transform:translateY(-2px);box-shadow:0 12px 28px rgba(111,207,111,.25)}
.gk-section-import .gk-s7-cta--line,.gk-section-import .gk-s7-cta--line:link,.gk-section-import .gk-s7-cta--line:visited,.gk-section-import .gk-s7-cta--line:focus,.gk-section-import .gk-s7-cta--line:active{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
.gk-section-import .gk-s7-cta--line:hover{background:#06C755;border-color:#06C755;color:#fff;transform:translateY(-2px)}
@media(max-width:900px){.gk-section-import{padding:80px 24px}.gk-section-import .gk-s7-header{grid-template-columns:1fr;gap:32px;margin-bottom:56px}.gk-section-import .gk-s7-lead{padding-left:24px;font-size:18px}.gk-section-import .gk-s7-grid{grid-template-columns:1fr;gap:20px;margin-bottom:52px}.gk-section-import .gk-s7-card{padding:40px 28px}.gk-section-import .gk-s7-arrow{font-size:60px;margin-bottom:20px}.gk-section-import .gk-s7-card__title{font-size:23px;margin-bottom:22px}.gk-section-import .gk-s7-cta{flex:1;justify-content:center;padding:16px 24px;font-size:15px}}

/* ============================================================
   S8 · BRANDS MARQUEE
   ============================================================ */
.gk-section-brands{background:#fff;padding:100px 0;position:relative;overflow:hidden}
.gk-section-brands .gk-s8-header{text-align:center;padding:0 40px;margin-bottom:64px}
.gk-section-brands .gk-s8-eyebrow{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:#007000;letter-spacing:.16em;margin-bottom:14px;text-transform:uppercase}
.gk-section-brands .gk-s8-title{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(24px,2.6vw,36px);color:#1A2A1A;line-height:1.5;margin:0 0 12px;letter-spacing:.02em}
.gk-section-brands .gk-s8-title em{font-style:normal;color:#007000}
.gk-section-brands .gk-s8-sub{font-family:'Noto Sans TC',sans-serif;font-size:15px;color:#888;letter-spacing:.05em;margin:0}
.gk-section-brands .gk-s8-wrap{position:relative;border-top:1px solid #eee;border-bottom:1px solid #eee}
.gk-section-brands .gk-s8-track{display:flex;width:max-content;animation:gk-marquee 40s linear infinite;gap:0}
.gk-section-brands:hover .gk-s8-track{animation-play-state:paused}
.gk-section-brands .gk-s8-logo{flex-shrink:0;width:220px;height:120px;display:flex;align-items:center;justify-content:center;border-right:1px solid #eee;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:22px;color:#1A2A1A;letter-spacing:.06em;transition:color .3s;text-align:center;padding:0 20px;line-height:1.2}
.gk-section-brands .gk-s8-logo__image{display:block;width:160px;height:56px;max-width:100%;object-fit:contain;object-position:center}
.gk-section-brands .gk-s8-logo:hover{color:#007000}
.gk-section-brands .gk-s8-logo small{display:block;font-family:'Noto Sans TC',sans-serif;font-size:11px;color:#888;margin-top:4px;letter-spacing:.15em;font-style:normal}
.gk-section-brands .gk-s8-fade{position:absolute;top:0;height:100%;width:180px;pointer-events:none;z-index:2}
.gk-section-brands .gk-s8-fade--l{left:0;background:linear-gradient(90deg,#fff 0%,transparent 100%)}
.gk-section-brands .gk-s8-fade--r{right:0;background:linear-gradient(270deg,#fff 0%,transparent 100%)}
@keyframes gk-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(max-width:768px){.gk-section-brands{padding:72px 0}.gk-section-brands .gk-s8-header{padding:0 24px;margin-bottom:44px}.gk-section-brands .gk-s8-logo{width:170px;height:100px;font-size:18px}.gk-section-brands .gk-s8-logo__image{width:125px;height:48px}.gk-section-brands .gk-s8-fade{width:80px}}

/* ============================================================
   S9/S10 · CATEGORY CAROUSEL
   ============================================================ */
.gk-section-carousel{--gk-cc-section-bg:#FAFAF7;background:#FAFAF7;padding:120px 0 110px;position:relative;overflow:hidden}
.gk-section-carousel--white{--gk-cc-section-bg:#fff;background:#fff;border-top:1px solid #eee}
.gk-section-carousel .gk-cc-header{max-width:1360px;margin:0 auto 52px;padding:0 40px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.gk-section-carousel .gk-cc-head-left{flex:1;min-width:280px}
.gk-section-carousel .gk-cc-eyebrow{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:#007000;letter-spacing:.16em;margin-bottom:14px;text-transform:uppercase}
.gk-section-carousel .gk-cc-title{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(28px,3.2vw,44px);color:#1A2A1A;line-height:1.4;margin:0 0 14px;letter-spacing:.02em}
.gk-section-carousel .gk-cc-sub{font-family:'Noto Sans TC',sans-serif;font-size:16px;color:#777;letter-spacing:.04em;margin:0}
.gk-section-carousel .gk-cc-view{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:#007000;letter-spacing:.08em;text-decoration:none;padding:10px 22px;border:1px solid #007000;transition:all .4s;white-space:nowrap}
.gk-section-carousel .gk-cc-view:hover{background:#007000;color:#fff}
.gk-section-carousel .gk-cc-scroll{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:0 40px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#007000 #eee}
.gk-section-carousel .gk-cc-scroll::-webkit-scrollbar{height:6px}
.gk-section-carousel .gk-cc-scroll::-webkit-scrollbar-track{background:#eee}
.gk-section-carousel .gk-cc-scroll::-webkit-scrollbar-thumb{background:#007000}
.gk-section-carousel.gk-cc-enhanced .gk-cc-scroll{scrollbar-width:none!important;-ms-overflow-style:none!important;padding-bottom:0!important}
.gk-section-carousel.gk-cc-enhanced .gk-cc-scroll::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}
.gk-section-carousel .gk-cc-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,260px);gap:16px;width:max-content;margin:0 auto;padding-bottom:8px}
.gk-section-carousel .gk-cc-card{scroll-snap-align:start;background:#fff;text-decoration:none;display:block;transition:transform .4s;border:1px solid transparent}
.gk-section-carousel--white .gk-cc-card{background:#FAFAF7;border:1px solid #eee}
.gk-section-carousel .gk-cc-card:hover{transform:translateY(-6px)}
.gk-section-carousel--white .gk-cc-card:hover{border-color:#007000}
.gk-section-carousel .gk-cc-img{aspect-ratio:1;background:linear-gradient(135deg,#e5e8e0 0%,#cfd4c7 100%);background-size:cover;background-position:center;position:relative;overflow:hidden}
.gk-section-carousel .gk-cc-img::after{content:'';display:none}
.gk-section-carousel .gk-cc-num{position:absolute;bottom:16px;left:16px;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:16px;color:#fff;letter-spacing:.1em;z-index:1}
.gk-section-carousel .gk-cc-body{padding:22px 20px 24px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.gk-section-carousel--white .gk-cc-body{background:#fff}
.gk-section-carousel .gk-cc-name{font-family:'Noto Serif TC',serif;font-weight:700;font-size:17px;color:#1A2A1A;margin:0;letter-spacing:.03em;line-height:1.4}
.gk-section-carousel .gk-cc-arrow{color:#007000;font-size:18px;transition:transform .3s}
.gk-section-carousel .gk-cc-card:hover .gk-cc-arrow{transform:translateX(4px)}
.gk-section-carousel .gk-cc-carousel{position:relative}
.gk-section-carousel .gk-cc-carousel::before,.gk-section-carousel .gk-cc-carousel::after{content:'';position:absolute;top:0;bottom:20px;width:132px;z-index:4;pointer-events:none}
.gk-section-carousel .gk-cc-carousel::before{left:0;background:linear-gradient(90deg,var(--gk-cc-section-bg) 0%,rgba(250,250,247,0) 100%)}
.gk-section-carousel .gk-cc-carousel::after{right:0;background:linear-gradient(270deg,var(--gk-cc-section-bg) 0%,rgba(250,250,247,0) 100%)}
.gk-section-carousel .gk-cc-nav{position:absolute;top:50%;z-index:6;width:52px;height:52px;border:1px solid #007000;border-radius:0;background:rgba(250,250,247,.94);color:#007000;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:25px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,color .3s;transform:translateY(-50%)}
.gk-section-carousel--white .gk-cc-nav{background:rgba(255,255,255,.94)}
.gk-section-carousel .gk-cc-nav:hover,.gk-section-carousel .gk-cc-nav:focus-visible{background:#007000;color:#fff;outline:none}
.gk-section-carousel .gk-cc-nav--prev{left:40px}
.gk-section-carousel .gk-cc-nav--next{right:40px}
.gk-section-carousel .gk-cc-more[hidden]{display:none}
.gk-section-carousel .gk-cc-more{max-width:1360px;margin:34px auto 0;padding:0 40px}
.gk-section-carousel .gk-cc-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.gk-section-carousel .gk-cc-more-grid .gk-cc-card{height:100%}
.gk-section-carousel .gk-cc-loadmore{margin:38px auto 0;border:1px solid #007000;border-radius:0;background:transparent;color:#007000;padding:10px 22px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;letter-spacing:.08em;cursor:pointer;transition:background .4s,color .4s;white-space:nowrap}
.gk-section-carousel .gk-cc-loadmore:hover,.gk-section-carousel .gk-cc-loadmore:focus-visible{background:#007000;color:#fff;outline:none}
.gk-section-carousel .gk-cc-loadmore.is-expanded{display:none}
.gk-section-carousel .gk-cc-loadmore-icon{width:16px;height:16px;display:inline-flex}
.gk-section-carousel .gk-cc-loadmore-icon svg{width:100%;height:100%}
@media(max-width:640px){.gk-section-carousel{padding:80px 0}.gk-section-carousel .gk-cc-header{padding:0 24px;margin-bottom:40px}.gk-section-carousel .gk-cc-scroll{padding:0 24px 20px}.gk-section-carousel .gk-cc-track{grid-auto-columns:minmax(200px,220px)}.gk-section-carousel .gk-cc-carousel::before,.gk-section-carousel .gk-cc-carousel::after{width:72px}.gk-section-carousel .gk-cc-nav{width:42px;height:42px;font-size:22px}.gk-section-carousel .gk-cc-nav--prev{left:12px}.gk-section-carousel .gk-cc-nav--next{right:12px}.gk-section-carousel .gk-cc-more{padding:0 24px}.gk-section-carousel .gk-cc-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gk-section-carousel .gk-cc-more-grid .gk-cc-body{padding:16px 14px 18px}.gk-section-carousel .gk-cc-more-grid .gk-cc-name{font-size:15px}.gk-section-carousel .gk-cc-loadmore{max-width:320px}}

/* ============================================================
   S11 · PORTFOLIO GRID
   ============================================================ */
.gk-section-portfolio{background:#FAFAF7;padding:120px 40px;position:relative;overflow:hidden}
.gk-section-portfolio::before{content:'Portfolio';position:absolute;right:-30px;bottom:20px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(120px,16vw,240px);color:rgba(0,112,0,.04);pointer-events:none;line-height:1;letter-spacing:-.02em}
.gk-section-portfolio .gk-s11-inner{max-width:1360px;margin:0 auto;position:relative;z-index:1}
.gk-section-portfolio .gk-s11-header{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:60px}
.gk-section-portfolio .gk-s11-head-left{flex:1;min-width:280px}
.gk-section-portfolio .gk-s11-eyebrow{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:#007000;letter-spacing:.16em;margin-bottom:14px;text-transform:uppercase}
.gk-section-portfolio .gk-s11-title{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(28px,3.4vw,46px);color:#1A2A1A;line-height:1.4;margin:0 0 14px;letter-spacing:.02em}
.gk-section-portfolio .gk-s11-sub{font-family:'Noto Sans TC',sans-serif;font-size:16px;color:#777;letter-spacing:.04em;margin:0}
.gk-section-portfolio .gk-s11-view{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:#007000;letter-spacing:.08em;text-decoration:none;padding:10px 22px;border:1px solid #007000;transition:all .4s;white-space:nowrap}
.gk-section-portfolio .gk-s11-view:hover{background:#007000;color:#fff}
.gk-section-portfolio .gk-s11-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.gk-section-portfolio .gk-s11-grid .is-featured{grid-column:span 2;grid-row:span 2}
.gk-section-portfolio .gk-s11-grid .is-featured .gk-s11-img{height:620px}
.gk-section-portfolio .gk-s11-grid .is-featured .gk-s11-caption__zh{font-size:28px}
.gk-section-portfolio .gk-s11-card{position:relative;overflow:hidden;text-decoration:none;display:block;background:#fff;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.gk-section-portfolio .gk-s11-card:hover{transform:translateY(-6px)}
.gk-section-portfolio .gk-s11-img{height:300px;background:linear-gradient(135deg,#e5e8e0 0%,#cfd4c7 100%);background-size:cover;background-position:center;position:relative;overflow:hidden;transition:filter .4s}
.gk-section-portfolio .gk-s11-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(26,42,26,.5) 100%);transition:opacity .4s}
.gk-section-portfolio .gk-s11-card:hover .gk-s11-img::after{opacity:.7}
.gk-section-portfolio .gk-s11-meta{position:absolute;top:20px;left:20px;display:flex;gap:8px;z-index:2;flex-wrap:wrap}
.gk-section-portfolio .gk-s11-tag{padding:5px 11px;background:rgba(250,250,247,.94);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:12px;color:#007000;letter-spacing:.12em}
.gk-section-portfolio .gk-s11-caption{position:absolute;left:24px;right:24px;bottom:20px;z-index:2;color:#fff}
.gk-section-portfolio .gk-s11-caption__en{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:14px;letter-spacing:.12em;margin-bottom:4px;opacity:.9}
.gk-section-portfolio .gk-s11-caption__zh{font-family:'Noto Serif TC',serif;font-weight:700;font-size:20px;letter-spacing:.04em;line-height:1.4;margin:0}
.gk-section-portfolio .gk-s11-arrow{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.3);transition:all .3s;z-index:2}
.gk-section-portfolio .gk-s11-card:hover .gk-s11-arrow{background:#007000;border-color:#007000}
.gk-section-portfolio .gk-s11-arrow svg{width:14px;height:14px;transition:transform .3s}
.gk-section-portfolio .gk-s11-card:hover .gk-s11-arrow svg{transform:rotate(-45deg) translateX(2px)}
@media(max-width:900px){.gk-section-portfolio{padding:80px 24px}.gk-section-portfolio .gk-s11-header{margin-bottom:44px}.gk-section-portfolio .gk-s11-grid{grid-template-columns:1fr;gap:18px}.gk-section-portfolio .gk-s11-grid .is-featured{grid-column:auto;grid-row:auto}.gk-section-portfolio .gk-s11-grid .is-featured .gk-s11-img{height:380px}.gk-section-portfolio .gk-s11-grid .is-featured .gk-s11-caption__zh{font-size:22px}.gk-section-portfolio .gk-s11-img{height:260px}}

/* ============================================================
   S12 · CONSULT
   ============================================================ */
.gk-section-consult{background:#1A2A1A;color:#fff;padding:140px 40px 130px;position:relative;overflow:hidden;text-align:center}
.gk-section-consult::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(0,112,0,.28),transparent 60%);pointer-events:none}
.gk-section-consult::after{content:"Let's Talk";position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(140px,18vw,260px);color:rgba(111,207,111,.06);line-height:1;letter-spacing:-.02em;pointer-events:none;white-space:nowrap}
.gk-section-consult .gk-s12-inner{max-width:900px;margin:0 auto;position:relative;z-index:1}
.gk-section-consult .gk-s12-eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:#6FCF6F;letter-spacing:.18em;margin-bottom:28px;text-transform:uppercase}
.gk-section-consult .gk-s12-eyebrow::before,.gk-section-consult .gk-s12-eyebrow::after{content:'';width:40px;height:1px;background:#6FCF6F}
.gk-section-consult .gk-s12-title{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(32px,4vw,56px);color:#fff;line-height:1.35;letter-spacing:.04em;margin:0 0 36px}
.gk-section-consult .gk-s12-title em{font-style:normal;color:#6FCF6F}
.gk-section-consult .gk-s12-desc{font-family:'Noto Serif TC',serif;font-weight:400;font-size:clamp(16px,1.5vw,19px);color:rgba(255,255,255,.78);line-height:2;margin:0 auto 60px;max-width:640px}
.gk-section-consult .gk-s12-desc em{font-style:normal;color:#6FCF6F;font-weight:500}
.gk-section-consult .gk-s12-cta-row{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:48px}
.gk-section-consult .gk-s12-cta{display:inline-flex;align-items:center;gap:10px;padding:20px 40px;font-family:'Noto Sans TC',sans-serif;font-weight:600;font-size:16px;letter-spacing:.1em;border-radius:2px;text-decoration:none;transition:all .4s cubic-bezier(.2,.8,.2,1)}
.gk-section-consult .gk-s12-cta--primary,.gk-section-consult .gk-s12-cta--primary:link,.gk-section-consult .gk-s12-cta--primary:visited,.gk-section-consult .gk-s12-cta--primary:focus,.gk-section-consult .gk-s12-cta--primary:active{background:#6FCF6F;color:#1A2A1A;border:1px solid #6FCF6F}
.gk-section-consult .gk-s12-cta--primary:hover{background:#fff;border-color:#fff;color:#1A2A1A;transform:translateY(-2px);box-shadow:0 16px 36px rgba(111,207,111,.3)}
.gk-section-consult .gk-s12-cta--line,.gk-section-consult .gk-s12-cta--line:link,.gk-section-consult .gk-s12-cta--line:visited,.gk-section-consult .gk-s12-cta--line:focus,.gk-section-consult .gk-s12-cta--line:active{background:#06C755;color:#fff;border:1px solid #06C755}
.gk-section-consult .gk-s12-cta--line:hover{background:#05a747;border-color:#05a747;color:#fff;transform:translateY(-2px);box-shadow:0 16px 36px rgba(6,199,85,.3)}
.gk-section-consult .gk-s12-footer{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15px;color:rgba(255,255,255,.4);letter-spacing:.12em;padding-top:48px;border-top:1px solid rgba(255,255,255,.08);margin-top:48px}
.gk-section-consult .gk-s12-footer span{color:#6FCF6F}
@media(max-width:640px){.gk-section-consult{padding:90px 24px 110px}.gk-section-consult .gk-s12-eyebrow{font-size:18px;gap:10px}.gk-section-consult .gk-s12-eyebrow::before,.gk-section-consult .gk-s12-eyebrow::after{width:28px}.gk-section-consult .gk-s12-title{margin-bottom:28px}.gk-section-consult .gk-s12-desc{margin-bottom:40px}.gk-section-consult .gk-s12-cta{flex:1;justify-content:center;padding:16px 20px;font-size:15px;min-width:140px}}

/* ========== Compare Overlay (六角能力疊加圖) ========== */
.gk-section-overlay{padding:100px 40px;max-width:1280px;margin:0 auto;background:#fff}
.gk-section-overlay .gk-s6o-inner{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.gk-section-overlay .gk-s6o-eyebrow{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;color:#007000;font-size:18px;letter-spacing:.4px;margin-bottom:14px}
.gk-section-overlay .gk-s6o-title{font-family:'Noto Serif TC',serif;font-weight:700;font-size:clamp(28px,3.4vw,44px);line-height:1.4;letter-spacing:.02em;color:#1A2A1A;margin:0 0 18px}
.gk-section-overlay .gk-s6o-sub{font-family:'Noto Sans TC',sans-serif;font-size:16px;line-height:1.85;color:#555;margin:0 0 28px;max-width:480px}
.gk-section-overlay .gk-s6o-chart{position:relative;width:100%;max-width:480px;margin:0 auto}
.gk-section-overlay .gk-s6o-svg{width:100%;height:auto;display:block;overflow:visible}
.gk-section-overlay .gk-s6o-grid line,.gk-section-overlay .gk-s6o-grid polygon{vector-effect:non-scaling-stroke}
.gk-section-overlay .gk-s6o-poly{transition:fill-opacity .3s ease,stroke-opacity .3s ease}
.gk-section-overlay .gk-s6o-labels text{font-family:'Noto Sans TC',sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em}
.gk-section-overlay .gk-s6o-legend{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.gk-section-overlay .gk-s6o-legend__item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(26,42,26,.08);border-radius:6px;background:#fff;transition:all .25s ease}
.gk-section-overlay .gk-s6o-legend__item.is-highlight{background:rgba(0,112,0,.06);border-color:rgba(0,112,0,.32);box-shadow:0 4px 18px rgba(0,112,0,.08)}
.gk-section-overlay .gk-s6o-legend__dot{width:14px;height:14px;border-radius:3px;flex:0 0 auto;display:inline-block}
.gk-section-overlay .gk-s6o-legend__name{font-family:'Noto Sans TC',sans-serif;font-size:14px;color:#1A2A1A;line-height:1.3}
.gk-section-overlay .gk-s6o-legend__item.is-highlight .gk-s6o-legend__name{font-weight:700;color:#007000}
.gk-section-overlay .gk-s6o-note{font-family:'Noto Sans TC',sans-serif;font-size:13px;color:#888;text-align:center;margin:36px 0 0;letter-spacing:.04em}
@media(min-width:992px){.gk-section-overlay .gk-s6o-inner{grid-template-columns:1fr 1.1fr;gap:64px}.gk-section-overlay .gk-s6o-legend{grid-template-columns:1fr}}
@media(max-width:768px){.gk-section-overlay{padding:80px 24px 60px}.gk-section-overlay .gk-s6o-chart{max-width:100%}.gk-section-overlay .gk-s6o-labels text{font-size:12px}.gk-section-overlay .gk-s6o-legend{grid-template-columns:1fr}}