.kindness-page{--ink:#37483f;--muted:#68756d;--paper:#fbf8f1;--cream:#f4ecdc;--coral:#c96550;--gold:#c89543;--sage:#7d9b82;--rose:#b87773;--sky:#748fa4;--white:#fff;--shadow:0 18px 50px #434d3e1a}.kindness-page,.kindness-page *{box-sizing:border-box}.kindness-page{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Serif TC,PingFang TC,Microsoft JhengHei,serif;line-height:1.8}.kindness-wrap{width:min(1180px,100% - 40px);margin:auto}.kindness-hero{background:radial-gradient(circle at 86% 10%,#d2a55629,#0000 28%),linear-gradient(135deg,#fffdf8 0%,#f7f0e3 100%);padding:76px 0 52px;position:relative;overflow:hidden}.kindness-hero:before{content:"";border:1px solid #7d9b8238;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-130px;left:-8%}.kindness-eyebrow{color:#8b6d3b;letter-spacing:.2em;align-items:center;gap:12px;font:600 14px/1.4 PingFang TC,Microsoft JhengHei,sans-serif;display:flex}.kindness-eyebrow:before{content:"";background:#cba95e;width:40px;height:1px}.kindness-hero-grid{grid-template-columns:1.12fr .88fr;align-items:center;gap:42px;display:grid}.kindness-hero h1{color:#b84d3d;letter-spacing:.05em;margin:18px 0 6px;font-size:clamp(42px,5vw,72px);line-height:1.12}.kindness-hero h2{color:#5f8069;letter-spacing:.16em;margin:0 0 22px;font-size:clamp(24px,2.5vw,36px);font-weight:600}.kindness-lead{color:#59645e;max-width:660px;margin:0;font-size:19px;line-height:2}.kindness-hero-art{justify-content:center;min-height:360px;display:flex}.kindness-hero-art img{filter:drop-shadow(0 18px 24px #55523f1f);width:min(100%,470px)}.kindness-page section{padding:76px 0}.kindness-section-head{text-align:center;margin-bottom:34px}.kindness-section-head h3{letter-spacing:.08em;margin:8px 0;font-size:34px}.kindness-section-head p{color:var(--muted);margin:0}.kindness-film{background:#f0eadc}.kindness-video-frame{aspect-ratio:16/9;box-shadow:var(--shadow);background:linear-gradient(145deg,#687d70,#3f5148);border-radius:24px;position:relative;overflow:hidden}.kindness-video-player{z-index:2;background:#111}.kindness-video-player:before,.kindness-video-player:after{display:none}.kindness-video-player video{object-fit:contain;width:100%;height:100%;display:block}.kindness-stage .kindness-video-player .kindness-video-cover{cursor:pointer;color:#fff;z-index:3;background:#111;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.kindness-video-cover img{object-fit:contain}.kindness-video-cover .kindness-play{background:#00000073;top:72%}.kindness-video-label{white-space:nowrap;background:#000000a6;border-radius:20px;padding:8px 16px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.kindness-video-cover:focus-visible{outline-offset:-5px;outline:3px solid #d8b763}.kindness-video-error{z-index:4;color:#fff;text-align:center;background:#222;padding:12px;position:absolute;inset:0 0 auto}.kindness-video-error button{cursor:pointer;margin-left:8px;text-decoration:underline}@media (max-width:860px){.kindness-video-cover .kindness-play{width:42px;height:42px;padding-left:3px;font-size:18px}.kindness-video-label{padding:3px 10px;font-size:11px;bottom:8px}}.kindness-video-frame:before{content:"成果影片｜3:00";color:#ffffffdb;letter-spacing:.12em;font:600 14px/1.4 PingFang TC,sans-serif;position:absolute;top:20px;left:24px}.kindness-video-frame:after{content:"請置入三分鐘成果影片";color:#ffffffb8;font-family:PingFang TC,sans-serif;position:absolute;top:63%;left:50%;transform:translate(-50%,-50%)}.kindness-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff24;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:88px;height:88px;padding-left:6px;font-size:28px;display:grid;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.kindness-quote{text-align:center;color:#7b6b51;letter-spacing:.04em;margin:22px 0 0;font-size:17px}.kindness-cards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.kindness-card{min-height:270px;color:var(--ink);background:#fff;border-radius:22px;flex-direction:column;padding:0;text-decoration:none;transition:transform .45s,box-shadow .45s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #3d4b4314}.kindness-card:hover,.kindness-card:focus-visible{transform:translateY(-6px);box-shadow:0 16px 38px #3d4b4324}.kindness-card h4{margin:0;font-size:24px;position:relative}.kindness-card p{color:var(--muted);margin:0;font-size:15px}.kindness-card.kindness-green{--accent:#718f76;--tint:#dfe9df}.kindness-card.kindness-rose{--accent:#b87370;--tint:#f0dddd}.kindness-card.kindness-gold{--accent:#ba8b42;--tint:#f1e5c9}.kindness-card.kindness-blue{--accent:#6d899d;--tint:#dfe8ec}.kindness-closing{text-align:center;color:#8d806e;padding:36px 0 64px}.kindness-spark{color:#d09a42;letter-spacing:.7em;margin-right:-.7em}.kindness-closing strong{color:#52645a;letter-spacing:.12em;margin-top:10px;font-size:22px;display:block}@media (max-width:860px){.kindness-hero{padding-top:52px}.kindness-hero-grid{grid-template-columns:1fr}.kindness-hero-art{order:-1;min-height:0}.kindness-hero-art img{width:min(74vw,380px)}.kindness-lead{font-size:17px}.kindness-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.kindness-wrap{width:min(100% - 28px,1180px)}.kindness-hero h1{font-size:40px}.kindness-hero h2{font-size:23px}.kindness-cards{grid-template-columns:1fr}.kindness-card{min-height:240px}.kindness-page section{padding:58px 0}.kindness-section-head h3{font-size:29px}.kindness-video-frame{border-radius:16px}.kindness-play{width:70px;height:70px}}body:has(.kindness-page){background:#fbf8f1;padding-top:40px}html:has(.kindness-page){scroll-behavior:smooth}.kindness-page h1,.kindness-page h3,.kindness-page h4,.kindness-page strong{font-weight:700}.kindness-page h1{font-family:Noto Serif TC,PingFang TC,Microsoft JhengHei,serif}.kindness-hero-art img{object-fit:contain;height:auto}.kindness-page a:focus-visible{outline-offset:5px;outline:2px solid #8b6d3b}@media (prefers-reduced-motion:reduce){html:has(.kindness-page){scroll-behavior:auto}.kindness-card{transition:none}}.kindness-stage{isolation:isolate;scroll-margin-top:40px;position:relative}.kindness-projects .kindness-closing{padding:64px 20px 0}@media (min-width:861px){.kindness-wrap{width:min(1520px,100% - 120px)}.kindness-stage{flex-direction:column;justify-content:center;min-height:calc(100svh - 40px);display:flex}.kindness-hero{padding:64px 0}.kindness-hero-grid{grid-template-columns:1.12fr 1fr;gap:64px;margin:0 auto}.kindness-hero h1{font-size:clamp(46px,4.2vw,80px)}.kindness-hero h2{margin-bottom:32px;font-size:clamp(28px,2.3vw,44px)}.kindness-eyebrow{font-size:clamp(14px,.95vw,18px)}.kindness-lead{max-width:730px;font-size:clamp(18px,1.25vw,24px)}.kindness-hero-art img{width:min(100%,640px);max-height:calc(100svh - 200px)}.kindness-page section.kindness-stage{padding:48px 0}.kindness-section-head h3{font-size:clamp(32px,2.3vw,44px)}.kindness-section-head p{font-size:20px}.kindness-film>.kindness-wrap,.kindness-projects>.kindness-wrap{margin:0 auto}.kindness-video-frame{width:min(100%,177.778svh - 405.333px);margin:0 auto}.kindness-projects .kindness-section-head{margin-bottom:56px}.kindness-cards{gap:28px}.kindness-card{min-height:360px}.kindness-card h4{font-size:30px}.kindness-card p{font-size:19px}}@media (min-width:861px) and (max-width:1200px){.kindness-wrap{width:calc(100% - 64px)}.kindness-hero-grid{gap:32px}.kindness-cards{gap:18px}.kindness-card-copy{padding:20px}.kindness-card h4{font-size:24px}.kindness-card p{font-size:16px}}@media (max-width:860px){.kindness-projects .kindness-closing{padding-top:48px}.kindness-video-frame:after{white-space:nowrap;font-size:14px}}.kindness-stage-hitarea{z-index:1;cursor:pointer;position:absolute;inset:0}.kindness-stage-cue{z-index:3;color:#37483f;letter-spacing:.18em;white-space:nowrap;justify-content:center;align-items:center;min-height:64px;padding:8px 18px;font-size:16px;font-weight:600;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.kindness-cue-motion{will-change:transform, opacity;align-items:center;gap:18px;animation:3.2s cubic-bezier(.45,0,.55,1) infinite kindnessNextCue;display:flex}.kindness-stage-cue svg{color:#a67c20;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:36px}.kindness-stage-cue:focus-visible .kindness-cue-motion{opacity:1;animation:none;transform:none}.kindness-stage .kindness-card,.kindness-stage :is(video,iframe,button,input,select,textarea){z-index:2;position:relative}.kindness-page section.kindness-stage,.kindness-hero{padding-bottom:128px}@keyframes kindnessNextCue{0%,to{opacity:.55;transform:translateY(-5px)}50%{opacity:1;transform:translateY(7px)}}@media (min-width:861px){html:has(.kindness-page){scroll-snap-type:y mandatory;scroll-padding-top:40px}.kindness-stage{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}body:has(.kindness-page)>footer{scroll-snap-align:end}}@media (max-width:860px){.kindness-stage-cue{letter-spacing:.08em;font-size:14px}.kindness-cue-motion{gap:12px}.kindness-stage-cue svg{width:24px;height:30px}}html.kindness-scrolling:has(.kindness-page){scroll-snap-type:none;scroll-behavior:auto}@media (min-width:861px){.kindness-page section.kindness-film{padding:24px 0 112px}.kindness-film>.kindness-wrap{width:min(1760px,100% - 96px)}.kindness-film .kindness-quote{margin-top:16px;font-size:clamp(18px,1.36vw,26px);line-height:1.4}.kindness-hero{padding-top:24px;padding-bottom:168px}}.kindness-hero>.kindness-stage-cue{bottom:72px}.kindness-page section.kindness-projects{padding-bottom:20px}.kindness-projects .kindness-closing{padding-top:24px}@media (min-width:861px){.kindness-page section.kindness-projects{justify-content:flex-start;min-height:calc(100svh - 88px);padding:28px 0 16px}.kindness-projects>.kindness-wrap{flex-direction:column;flex:1;display:flex}.kindness-projects .kindness-section-head{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:28px;display:flex}.kindness-projects .kindness-section-head h3{margin:0;font-size:clamp(26px,2vw,38px)}.kindness-projects .kindness-section-head p{font-size:clamp(15px,1vw,19px)}.kindness-projects .kindness-cards{flex:0;margin-block:auto}.kindness-projects .kindness-card{min-height:280px}.kindness-projects .kindness-closing{padding:24px 20px 0}}@media (max-width:860px){.kindness-hero>.kindness-stage-cue{bottom:48px}}.kindness-card-media{aspect-ratio:4/3;background:#fbf8f1;flex-shrink:0;position:relative;overflow:hidden}.kindness-card-media img{object-fit:contain;transition:transform .85s cubic-bezier(.2,.65,.3,1)}.kindness-card-copy{border-top:3px solid var(--accent);padding:24px}.kindness-card-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.kindness-card-arrow{color:var(--accent);flex-shrink:0;font:400 28px/1 sans-serif;transition:transform .45s}.kindness-card:hover .kindness-card-media img,.kindness-card:focus-visible .kindness-card-media img{transform:scale(1.045)}.kindness-card:hover .kindness-card-arrow,.kindness-card:focus-visible .kindness-card-arrow{transform:translate(3px,-3px)}@media (min-width:861px){.kindness-card-media{aspect-ratio:4/3;flex:none}.kindness-card-copy{flex-shrink:0;padding:28px 24px}}@media (min-width:861px) and (max-width:1200px){.kindness-card-copy{padding:20px 16px}}@media (prefers-reduced-motion:reduce){.kindness-card-media img,.kindness-card-arrow{transition:none}}