.hero-stage{position:relative;overflow:hidden;background:var(--ink);color:var(--on-ink)}section.hero{padding:calc(var(--header-h) + clamp(56px,9vh,104px)) 0 clamp(64px,9vh,104px);position:relative}section.hero .shell{position:relative;z-index:2;text-align:left}.hero h1{font-size:clamp(36px,5.2vw,72px);max-width:16ch;margin:0;color:var(--on-ink)}.hero h1 mark{background:transparent;color:inherit}.hero .lead{font-size:clamp(16px,1.6vw,19px);color:var(--on-ink-soft);line-height:1.85;max-width:46ch;margin:28px 0 0}.hero-bottom{margin-top:clamp(40px,6vh,64px);display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start}.hero-alt{background:var(--paper)}.hero-label-mobile{display:none}.hero-bottom .btn.dark{border-color:rgba(255,255,255,.28)}@media(max-width:899px){section.hero{padding-top:calc(var(--header-h) + clamp(36px,6vh,56px))}.hero-bottom{display:none}}.reels{background:var(--ink);color:var(--on-ink);padding:0;position:relative;z-index:1}.reel-grid{display:grid;grid-auto-flow:column;grid-auto-columns:70%;gap:1px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.reel-grid::-webkit-scrollbar{display:none}.reel-grid:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media(min-width:900px){.reel-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;scroll-snap-type:none}}.reel{margin:0;min-width:0;position:relative;background:var(--ink);scroll-snap-align:start}.reel-media{aspect-ratio:4/3;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--ink-2);color:var(--on-ink-soft);position:relative;overflow:hidden}.reel-media img,.reel-media video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.reel-media:after{content:"";position:absolute;inset:0;z-index:1;background:rgba(19,19,22,.2);transition:opacity .3s ease}@media (hover:hover) and (pointer:fine){.reel:hover .reel-media:after{opacity:0}}.reel-media .site-icon{width:26px;height:26px}.reel-cap{position:absolute;z-index:2;left:clamp(9px,1.2vw,16px);bottom:clamp(9px,1.2vw,16px);background:var(--ink);color:var(--accent);font-family:Unbounded,Noto Sans TC,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.02em;line-height:1;padding:8px 11px;max-width:calc(100% - 2 * clamp(9px,1.2vw,16px))}@media(min-width:900px){.reel-cap{font-size:13.5px;padding:9px 13px}}.case-stage{position:relative;perspective:1500px;height:600px;overflow:hidden;touch-action:pan-y}@media(min-width:760px){.case-stage{height:470px}}.case-card{position:absolute;top:32px;left:0;right:0;margin:0 auto;width:86%;max-width:760px;height:470px;background:var(--paper);overflow:hidden;display:grid;grid-template-rows:auto 1fr;box-shadow:0 2px 6px rgba(19,19,22,.08),0 20px 44px rgba(19,19,22,.14);transition:transform .55s cubic-bezier(.22,.7,.3,1),filter .55s ease;backface-visibility:hidden}@media(min-width:760px){.case-card{width:64%;height:340px;grid-template-rows:none;grid-template-columns:1fr 1fr}}.case-card[data-slot=centre]{transform:rotateY(0deg) scale(1);z-index:3;filter:none}.case-card[data-slot=back]{transform:scale(.7);z-index:1;filter:brightness(.4);opacity:0;pointer-events:none}.case-card[data-slot=prev]{transform:translateX(-42%) rotateY(30deg) scale(.86);z-index:2;filter:brightness(.5);cursor:pointer}.case-card[data-slot=next]{transform:translateX(42%) rotateY(-30deg) scale(.86);z-index:2;filter:brightness(.5);cursor:pointer}@media(min-width:760px){.case-card[data-slot=prev]{transform:translateX(-56%) rotateY(34deg) scale(.84)}.case-card[data-slot=next]{transform:translateX(56%) rotateY(-34deg) scale(.84)}}@media (hover:hover) and (pointer:fine){.case-card[data-slot=centre]:hover .case-go{opacity:1;transform:none}.case-card:hover{box-shadow:0 6px 14px rgba(19,19,22,.12),0 30px 60px rgba(19,19,22,.2)}.case-card[data-slot=centre]:hover{transform:translateY(-12px) scale(1.03)}.case-card[data-slot=prev]:hover{transform:translateY(-12px) translateX(-42%) rotateY(30deg) scale(.91);filter:brightness(.72)}.case-card[data-slot=next]:hover{transform:translateY(-12px) translateX(42%) rotateY(-30deg) scale(.91);filter:brightness(.72)}}@media (hover:hover) and (pointer:fine) and (min-width:760px){.case-card[data-slot=prev]:hover{transform:translateY(-12px) translateX(-56%) rotateY(34deg) scale(.89)}.case-card[data-slot=next]:hover{transform:translateY(-12px) translateX(56%) rotateY(-34deg) scale(.89)}}.case-thumb{background:var(--surface-2);border:0;overflow:hidden;position:relative;min-height:150px}.case-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.case-body{padding:clamp(22px,2.6vw,32px) clamp(52px,5vw,64px) clamp(22px,2.6vw,32px) clamp(22px,2.6vw,32px);display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.case-tags{margin-top:auto;padding-top:14px}.case-go{right:clamp(18px,2vw,24px);bottom:clamp(18px,2vw,24px)}.case-open{position:absolute;inset:0;z-index:2;background:transparent;border:0;padding:0;cursor:pointer}.case-open:focus-visible{outline:2px solid var(--focus-color);outline-offset:-4px}.case-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12.5px;color:var(--ink-faint)}.case-card h3{font-size:clamp(19px,2.4vw,30px);margin-top:2px}.case-card .result{font-size:14px;color:var(--ink-soft);line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:7;min-height:0}@media(min-width:760px){.case-card .result{-webkit-line-clamp:4}}.case-nav{display:flex;align-items:center;justify-content:center;gap:0;margin-top:4px}.case-dot{width:44px;height:44px;flex:none;padding:0;border:0;background:transparent;cursor:pointer;position:relative}.case-dot:after{content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--ink);opacity:.28;transition:opacity .2s,transform .2s}.case-dot:hover:after{opacity:.6}.case-dot[aria-current=true]:after{opacity:1;transform:scale(1.5)}.case-dot:focus-visible{outline:2px solid var(--ink);outline-offset:-6px}.case-more{flex:none;background:var(--paper);border:0}#cases.on-paper{background:var(--paper);color:var(--ink)}#advantages.on-bone .why-item p{color:var(--ink-soft)}#advantages.on-bone .why-item .site-icon{color:var(--ink)}@media(max-width:759px){.case-card{grid-template-rows:clamp(220px,62vw,280px) minmax(0,1fr)}.case-body{padding:18px 22px;gap:8px;min-height:0}.case-tags{margin-top:0;padding-top:4px}.hero h1{font-size:32px}#services .service-card{min-height:200px}#services .service-card:nth-child(-n+2){min-height:280px}#services .style-lab{min-height:200px;grid-template-columns:minmax(0,1fr);grid-template-rows:200px}#services .style-lab .sl-copy{grid-area:1/1;padding:30px 64px 36px 30px}#services .style-lab .sl-copy h3{font-size:19px}#services .style-lab>.sl-stream{grid-area:1/1;min-height:0;height:200px}#services .style-lab:before{z-index:2}#services .style-lab .sl-copy{z-index:3}}#services .sl-col-extra{display:none}@media(min-width:760px){#services .style-lab>.sl-stream{margin-left:-148px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 64px),linear-gradient(90deg,transparent,#000 148px);mask-image:linear-gradient(180deg,transparent,#000 64px),linear-gradient(90deg,transparent,#000 148px);-webkit-mask-composite:source-in;mask-composite:intersect}#services .style-lab .sl-rot{width:1018px;left:calc(12% - 18px)}#services .style-lab .sl-col-extra{display:flex;animation-duration:46s}}.contact-social{display:flex;align-items:center;gap:12px;margin-top:24px}.contact-social .soc{width:56px;height:56px;color:var(--ink);border:0;transition:background-color .2s ease}.contact-social .soc .site-icon{width:26px;height:26px}.contact-social .soc:active,.contact-social .soc:hover{background:var(--paper)}.contact-social .soc:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media(prefers-reduced-motion:reduce){.contact-social .soc{transition:none}}@media(min-width:1100px){body.lb-open .case-card[data-slot=prev]{transform:translateX(-58%) rotateY(24deg) scale(.94);filter:brightness(.78)}body.lb-open .case-card[data-slot=next]{transform:translateX(58%) rotateY(-24deg) scale(.94);filter:brightness(.78)}body.lb-open .case-card.is-peeked{filter:brightness(1)}.case-switch-label{position:absolute;bottom:20px;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:700;white-space:nowrap;transition:background-color .2s}.lb-hit[data-dir="-1"] .case-switch-label{left:20px}.lb-hit[data-dir="1"] .case-switch-label{right:20px}.case-switch-label .site-icon{width:18px;height:18px}.lb-hit[data-dir="-1"] .site-icon{transform:rotate(180deg)}.lb-hit:focus-visible .case-switch-label,.lb-hit:hover .case-switch-label{background:var(--accent)}.lb-hit .case-switch-label{position:fixed;top:50%;bottom:auto;width:48px;height:48px;padding:0;justify-content:center;transform:translateY(-50%);border-radius:50%}.lb-hit[data-dir="-1"] .case-switch-label{left:calc(50% - 340px - 72px)}.lb-hit[data-dir="1"] .case-switch-label{right:calc(50% - 340px - 72px)}.case-switch-label .site-icon{width:22px;height:22px}}.hero-photo-experience{display:none}@media(min-width:900px){section.hero{overflow:hidden}section.hero .hero-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:32px;align-items:center}.hero-copy{min-width:0}.hero h1{font-size:clamp(38px,4.4vw,62px)}.hero-photo-experience{display:block;min-width:0;position:relative;transform:translateX(24px)}.hero-photo-scene{position:relative;height:480px;transform:translateX(48px)}.hero-photo-booth{position:absolute;height:650px;width:433px;max-width:none;-o-object-fit:contain;object-fit:contain;right:-68px;top:-55px;transform:rotate(7deg)}.hero-flip-demo{position:absolute;left:0;bottom:0;width:clamp(190px,20vw,270px);z-index:1}.hero-flip-demo .style-motion-demo{width:100%;transform-style:preserve-3d}.hero-flip-demo .style-motion{margin:0}.hero-flip-demo .style-motion:focus-visible{outline-color:var(--accent)}.hero-photo-caption{position:absolute;left:49%;bottom:-44px;transform:translateX(-50%);z-index:2;margin:0;padding:11px 18px;border-radius:6px;background:rgba(12,12,14,.64);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,255,255,.9);font-size:14px;font-weight:500;letter-spacing:.05em;line-height:1.5;white-space:nowrap;pointer-events:none}.hero-photo-booth{transform:scaleX(-1)}.hero-photo-booth-soft{filter:blur(2.8px);-webkit-mask-image:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.15) 44%,rgba(0,0,0,.75) 68%,#000 88%);mask-image:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.15) 44%,rgba(0,0,0,.75) 68%,#000 88%);pointer-events:none}.hero-flip-demo{width:clamp(160px,17vw,220px);left:-34px;bottom:48px;transform:rotate(-7deg)}.hero-flip-demo .style-motion{aspect-ratio:2/3}.hero-flip-demo .style-photo-label{display:none}.hero-flip-demo .style-motion-original,.hero-flip-demo .style-motion-result{background:transparent;box-shadow:none;border-radius:0}.hero-flip-demo .style-motion-card:before,.hero-flip-demo .style-motion:after{display:none}.hero-flip-demo .story-portrait-art{background:transparent}.hero-flip-demo .style-photo-gloss{display:block;inset:auto;left:50%;top:50%;max-width:100%;max-height:100%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.06) 40%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.08) 60%,transparent 70%);background-size:260% 180%;mix-blend-mode:screen;pointer-events:none}@media(prefers-reduced-motion:reduce){.hero-flip-demo .style-photo-gloss{display:none}}}.hero-flip-demo .print-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:visible}.hero-flip-demo .print-art img{position:static!important;width:100%!important;height:100%!important;max-width:100%;-o-object-fit:contain!important;object-fit:contain!important;transform:none!important}@media(min-width:900px){.hero-flip-demo .print-art img{filter:drop-shadow(18px 24px 14px rgba(0,0,0,.48))}.hero-flip-demo .style-motion-original,.hero-flip-demo .style-motion-result{overflow:visible;transform-style:preserve-3d}.hero-flip-demo .print-paper-edge{position:absolute;left:50%;top:50%;width:var(--print-width);height:var(--print-height);background:#c9c5bd;border:1px solid #eeeae2;border-radius:2px;transform:translate(-50%,-50%) translateZ(var(--paper-depth));backface-visibility:hidden;pointer-events:none}.hero-flip-demo .print-paper-edge:nth-child(2n){background:#a9a59e;border-color:#d6d2ca}}.print-flip-particle{position:absolute;color:#fff8de;pointer-events:none;z-index:3}.print-flip-particle svg{display:block;width:100%;height:100%;fill:currentColor}section.hero:before{content:"";position:absolute;inset:0 0 0 auto;width:76%;pointer-events:none;background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(/media/brand/hero-event-photobooth.png) 100%/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)}@media(max-width:899px){section.hero:before{width:100%;background-position:50%;mask-image:linear-gradient(90deg,transparent,#000 55%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%)}}#advantages .why-item .icon-box{width:44px;height:44px}#advantages .why-item .icon-box .site-icon{width:40px;height:40px}@media(max-width:759px){#advantages .why-item{grid-template-columns:30px minmax(0,1fr)}#advantages .why-item .icon-box{width:30px;height:30px}#advantages .why-item .icon-box .site-icon{width:28px;height:28px}}@media(min-width:900px){section.hero{padding-bottom:max(128px,9vh)}}body:has(.hero-stage) header.site.is-over-hero:not(.is-scrolled):not(:hover):not(:focus-within){background:transparent!important}@media(max-width:899px){.hero-photo-booth{transform:scaleX(-1)}.hero-photo-booth-soft{filter:blur(2.8px);-webkit-mask-image:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.15) 44%,rgba(0,0,0,.75) 68%,#000 88%);mask-image:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.15) 44%,rgba(0,0,0,.75) 68%,#000 88%);pointer-events:none}.hero-flip-demo{width:clamp(136px,40vw,180px);left:0;bottom:66px;transform:rotate(-7deg)}.hero-flip-demo .style-motion{aspect-ratio:2/3}.hero-flip-demo .style-photo-label{display:none}.hero-flip-demo .style-motion-original,.hero-flip-demo .style-motion-result{background:transparent;box-shadow:none;border-radius:0}.hero-flip-demo .style-motion-card:before,.hero-flip-demo .style-motion:after{display:none}.hero-flip-demo .story-portrait-art{background:transparent}.hero-flip-demo .style-photo-gloss{display:block;inset:auto;left:50%;top:50%;max-width:100%;max-height:100%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.06) 40%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.08) 60%,transparent 70%);background-size:260% 180%;mix-blend-mode:screen;pointer-events:none}@media(prefers-reduced-motion:reduce){.hero-flip-demo .style-photo-gloss{display:none}}.hero-photo-experience{display:block;position:relative;max-width:430px;margin:40px auto 0}.hero-photo-scene{position:relative;height:360px}.hero-photo-booth{position:absolute;width:260px;height:390px;max-width:none;-o-object-fit:contain;object-fit:contain;right:-30px;top:-18px}.hero-flip-demo{position:absolute;z-index:1}.hero-flip-demo .style-motion-demo{width:100%;transform-style:preserve-3d}.hero-flip-demo .style-motion{margin:0}.hero-flip-demo .print-paper-edge{display:none}.hero-photo-caption{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);margin:0;padding:9px 13px;border-radius:6px;background:rgba(12,12,14,.64);color:rgba(255,255,255,.9);font-size:12px;line-height:1.5;white-space:nowrap;pointer-events:none}section.hero{overflow:hidden;padding-bottom:48px}}#cases:has(.cs-grid){padding-top:0;padding-bottom:0}.cs-filters{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 0}.cs-filter{display:inline-flex;align-items:center;justify-content:center;font-family:Unbounded,Noto Sans TC,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.03em;line-height:1;padding:13px 15px;min-height:44px;background:var(--paper);color:var(--ink-soft);border:1px solid var(--border);text-decoration:none;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}.cs-filter:hover{color:var(--ink);border-color:var(--ink)}.cs-filter.is-on{background:var(--ink);color:var(--accent);border-color:var(--ink)}.cs-filter:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.cs-grid{display:grid;grid-template-columns:1fr;gap:clamp(16px,2.4vw,28px);margin-top:32px}@media (min-width:560px){.cs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.cs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-card{position:relative;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 2px rgba(19,19,22,.06),0 10px 28px rgba(19,19,22,.09);transition:box-shadow .28s ease,transform .28s ease}.cs-card[hidden]{display:none}.cs-hit{position:absolute;inset:0;z-index:2}.cs-hit:focus-visible{outline:2px solid var(--focus-color);outline-offset:-4px}.cs-shot{aspect-ratio:3/2;overflow:hidden;background:var(--surface-2)}.cs-shot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform 6s ease-out}.cs-body{padding:clamp(16px,1.6vw,22px);display:flex;flex-direction:column;gap:8px}.cs-go{display:none}@media (min-width:1000px) and (hover:hover) and (pointer:fine){.cs-go{display:flex}.cs-body{padding-right:clamp(44px,3.4vw,52px)}}.cs-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;color:var(--ink-faint)}.cs-card h2{font-size:16px;line-height:1.35}.cs-card p{font-size:13.5px;color:var(--ink-soft);line-height:1.7}.cs-card .cap-tags{margin-top:6px}.cs-go{right:14px;bottom:14px}@media (hover:hover) and (pointer:fine){.cs-card:not(.scn-case-card):hover{transform:translateY(-6px);box-shadow:0 4px 10px rgba(19,19,22,.1),0 22px 48px rgba(19,19,22,.16)}.cs-card:not(.scn-case-card):hover .cs-shot img{transform:scale(1.12)}.cs-card:not(.scn-case-card):hover .cs-go{opacity:1;transform:none}}.cs-empty{grid-column:1/-1;padding:64px 0;text-align:center;font-size:16px;color:var(--ink-soft)}.cs-empty[hidden]{display:none}#caseLb .lb-shot{aspect-ratio:2/1}.cs-card.is-source{visibility:hidden}.cs-hit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0;cursor:pointer}.case-partners{background:var(--surface-2);padding:clamp(72px,8vw,112px) 0}.partner-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:16px 24px}.partner-grid li{display:flex;align-items:center;justify-content:center;min-width:0;height:96px}.partner-label{font-family:Unbounded,Noto Sans TC,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.15;text-align:center;color:var(--ink)}.partner-toggle{position:relative;width:100%;height:100%;border:0;padding:0;background:transparent;color:var(--ink-faint);cursor:pointer}.partner-mark,.partner-name{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .25s}.partner-mark .site-icon{width:34px;height:34px}.partner-name{opacity:0;font-family:Unbounded,sans-serif;font-size:13.5px;font-weight:500;letter-spacing:.02em}.partner-toggle:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.partner-toggle:focus-visible .partner-mark,.partner-toggle[aria-pressed=true] .partner-mark{opacity:0}.partner-toggle:focus-visible .partner-name,.partner-toggle[aria-pressed=true] .partner-name{opacity:1}@media (hover:hover){.partner-toggle:hover .partner-mark{opacity:0}.partner-toggle:hover .partner-name{opacity:1}}@media (max-width:759px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.partner-grid li{height:80px}.partner-grid .partner-label{order:-1}}@media (prefers-reduced-motion:reduce){.partner-mark,.partner-name{transition:none}}.case-list-band{background:var(--paper);margin-top:0;padding:clamp(56px,6vw,88px) 0}.case-list-band .cs-filters{margin:0 0 clamp(32px,4vw,48px)}.case-list-band .cs-grid{margin-top:0}.cases-hero{background:var(--ink);color:var(--on-ink);padding-top:clamp(40px,6vh,72px);padding-bottom:clamp(56px,6vw,88px)}.cases-hero .crumb,.cases-hero .lead{color:var(--on-ink-soft)}.cases-hero .crumb a{color:inherit}.cases-hero .crumb [aria-current=page],.cases-hero .crumb a:hover{color:var(--on-ink)}@media (max-width:759px){.cs-grid{grid-template-columns:minmax(0,1fr);gap:24px}.cs-card{min-width:0}.cs-shot{aspect-ratio:4/3;container-type:size;flex-shrink:0}.cs-shot.concept-frame img{width:max(200cqw,266.667cqh)!important;height:max(150cqw,200cqh)!important;left:calc((100cqw - max(100cqw, 133.333cqh)) / 2);top:calc((100cqh - max(75cqw, 100cqh)) / 2)}.cs-body{padding:14px 12px;gap:8px}.cs-card h2{font-size:16px;line-height:1.5}.cs-card p{font-size:13px;line-height:1.65}.cs-meta{gap:4px 8px}.cs-card .cap-tags{flex-wrap:wrap;gap:4px}.cs-card .cap-tag{font-size:10px;padding:4px 5px}}.scn-wrap .shell{padding-top:0}.scn{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding:64px 0;border-top:1px solid var(--border);scroll-margin-top:calc(var(--header-h) + 20px)}.scn:first-of-type{border-top:0;padding-top:0}.scn-main{align-self:center}@media (min-width:760px){.scn{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);-moz-column-gap:64px;column-gap:64px}}.scn-type{display:flex;align-items:center;gap:11px;font-size:clamp(20px,2.2vw,25px);line-height:1.3;margin:0 0 12px}.scn-type .site-icon{width:15px;height:15px;flex:none;padding:7px;background:var(--ink);color:var(--accent);box-sizing:content-box}.scn-desc{font-size:14.5px;line-height:1.8;color:var(--ink-soft);max-width:52ch;margin:0}.scn-services{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}.scn-services .cap-tags{gap:7px;margin:0}.scn-rail{display:flex;flex-direction:column;gap:10px;min-width:0}@media (min-width:760px) and (max-width:1099px){.scn-rail{grid-column:2}}.rail-h{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.06em;color:var(--ink-faint);margin:0}.scn-case{justify-content:space-between;width:100%}.scn-services .cap-tags{flex-wrap:wrap;gap:8px}.scn-services .cap-tag{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;font-size:12px}.scn-services .cap-tag .site-icon{width:12px;height:12px}@media (max-width:699px){.scn-services .cap-tag:nth-child(n+3){display:inline-flex}}.scn-main .shot{aspect-ratio:2/1;margin-bottom:22px}.page-hero.on-paper{background:var(--paper)}.page-hero.on-paper .shell{padding-bottom:clamp(20px,3vh,32px)}@media (max-width:1099px){.scn-rail{align-items:flex-start}.scn-case{width:auto;justify-content:flex-start;gap:10px}}@media (min-width:760px){.scn-wrap .scn-deck{align-self:center;position:relative;top:80px}.scn-wrap .scn-fan{margin-top:0;margin-bottom:0}}.scn-wrap .scn-deck-hint{margin:8px 0 0;text-align:center;font-size:14px;line-height:1.5;color:var(--ink-faint);letter-spacing:.04em}.page-hero.scn-hero{background:var(--ink);color:var(--on-ink)}.scn-hero .crumb,.scn-hero .lead{color:var(--on-ink-soft)}.scn-hero .crumb a{color:inherit}.scn-hero .crumb [aria-current=page],.scn-hero .crumb a:hover{color:var(--on-ink)}.scn-services a.cap-tag{text-decoration:none;transition:background-color .2s,color .2s}.scn-services a.cap-tag:hover{background:var(--ink);color:var(--on-ink)}.scn-services a.cap-tag:focus-visible{outline:2px solid var(--focus-color);outline-offset:3px}.about-page{background:var(--paper)}.about-intro{padding:clamp(40px,6vw,80px) 0 clamp(48px,7vw,88px)}.about-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}.about-photo{margin:0;overflow:hidden;background:var(--ink)}.about-photo img{display:block;width:100%;height:auto;aspect-ratio:5/4;-o-object-fit:cover;object-fit:cover;-o-object-position:60% center;object-position:60% center}.about-copy h1{font-size:clamp(32px,5vw,54px);line-height:1.14;margin:0 0 28px}.about-copy p{font-size:clamp(16px,1.6vw,19px);line-height:1.85;color:var(--ink-soft);max-width:34ch}.about-copy p+p{margin-top:20px}.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px);padding-bottom:clamp(64px,8vw,112px)}.about-values .feat{padding:0;gap:16px}.about-values h2{font-size:clamp(18px,1.7vw,21px);line-height:1.5;margin:0}.about-values .icon-box{margin-bottom:8px}.about-values p{font-size:15px}@media(max-width:759px){.about-layout{grid-template-columns:1fr;gap:32px}.about-photo img{aspect-ratio:4/3}.about-values{grid-template-columns:1fr;gap:40px}.about-copy p{max-width:none}.about-values{gap:44px}.about-values .feat{display:grid;grid-template-columns:36px minmax(0,1fr);-moz-column-gap:16px;column-gap:16px;row-gap:10px;align-items:start}.about-values .icon-box{grid-column:1;grid-row:1/3;width:36px;height:36px;margin:0}.about-values .icon-box .site-icon{width:32px;height:32px}.about-values h2{grid-column:2;font-size:19px;margin:0}.about-values p{grid-column:2;font-size:14px;line-height:1.75;margin:0}.about-copy h1{font-size:30px}}.gallery-showcase{padding-top:clamp(32px,4vw,56px)}.gal{-moz-columns:2;column-count:2;-moz-column-gap:clamp(14px,2vw,24px);column-gap:clamp(14px,2vw,24px)}@media(min-width:700px){.gal{-moz-columns:3;column-count:3}}@media(min-width:1100px){.gal{-moz-columns:4;column-count:4}}.gal-item{display:inline-block;vertical-align:top;width:100%;-moz-column-break-inside:avoid;break-inside:avoid;margin:0 0 clamp(14px,2vw,24px);padding:0;border:0;border-radius:16px;overflow:hidden;background:transparent}.gal-item img{display:block;width:100%;height:auto;border:0}.js .gal-item[data-reveal]{opacity:0;translate:0 18px}@media(prefers-reduced-motion:reduce){.js .gal-item[data-reveal]{opacity:1;translate:none}}@media(max-width:599px){.gal-item{border-radius:12px}}.page-hero.gallery-hero{background:var(--ink);color:var(--on-ink);--focus-color:var(--on-ink)}.gallery-hero .crumb,.gallery-hero .lead{color:var(--on-ink-soft)}.gallery-hero .crumb a{color:inherit}.gallery-hero .crumb [aria-current=page],.gallery-hero .crumb a:hover{color:var(--on-ink)}.story-split{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(32px,6vw,80px)}.service-story h2{font-size:clamp(30px,3.6vw,46px);line-height:1.3;letter-spacing:-.035em;margin:0 0 28px}.story-copy>p{font-size:17px;line-height:1.9;color:var(--ink-soft);max-width:36em;margin:0 0 18px}.on-ink .story-copy p{color:var(--on-ink-soft)}.style-demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.story-scene,.style-demo figure{margin:0}.story-portrait{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--surface-2)}.story-portrait-art{position:absolute;inset:0;overflow:hidden}.story-portrait-art img{position:absolute;width:200%;height:200%;max-width:none;-o-object-fit:cover;object-fit:cover;left:0;top:0}.story-view-1 img{left:-100%}.story-view-2 img{top:-100%}.story-view-3 img{left:-100%;top:-100%}.style-demo figcaption{font-size:14px;line-height:1.6;margin:0 0 12px}.story-custom-visual figcaption{font-size:14px;line-height:1.6;margin-top:12px}.style-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.style-tabs button{font:inherit;font-size:14px;font-weight:600;border:1px solid var(--border);background:transparent;color:var(--ink);padding:12px 16px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.style-tabs button:hover{border-color:var(--ink)}.style-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.story-caption{font-size:12px;color:var(--ink-faint);margin:16px 0 0}.story-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px}.story-heading-row .story-copy{max-width:640px}.story-heading-row .btn{flex-shrink:0}.story-heading-row p{margin-bottom:0}.story-portraits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.story-split-media-first{grid-template-columns:1.15fr 1fr}.story-scene img{display:block;width:100%;aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover}.story-process{list-style:none;counter-reset:step;padding:0;margin:36px 0 0}.story-process li{counter-increment:step;position:relative;padding-left:46px;margin-top:30px}.story-process li:before{content:"0" counter(step);position:absolute;left:0;top:2px;font-size:16px;color:var(--on-ink-soft)}.story-process h3{font-size:21px;margin:0 0 10px}.story-process p{font-size:16px;line-height:1.85;margin:0}.story-custom{margin:32px 0 0}.story-custom>div{padding:22px 0;border-top:1px solid var(--border)}.story-custom dt{font-weight:700;font-size:19px;margin-bottom:10px}.story-custom dd{font-size:16px;line-height:1.85;color:var(--ink-soft);margin:0}.story-custom-visual{width:min(100%,380px);margin:0 auto;padding:20px;background:var(--surface-2)}@media(max-width:760px){.story-split,.story-split-media-first{grid-template-columns:1fr;gap:36px}.story-heading-row{display:block}.story-heading-row .btn{margin-top:24px}.story-copy>p{font-size:16px}.service-story h2{margin-bottom:24px}.story-portraits{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:72%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.story-portraits>.story-portrait{scroll-snap-align:start}.story-scene img{aspect-ratio:4/3}.story-split-media-first .story-scene{order:2}.style-demo-pair{gap:12px}.style-tabs button{padding:12px}.story-custom-visual{max-width:340px}}@media(prefers-reduced-motion:reduce){.style-tabs button{transition:none}}.story-landscape{margin:0;min-width:0}.story-case-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--surface-2)}.story-case-image img{position:absolute;top:0;left:0;width:200%;height:200%;max-width:none;-o-object-fit:cover;object-fit:cover}.story-landscape figcaption{margin-top:12px;font-size:12px;color:var(--ink-faint)}.story-play-tabs{margin:32px 0}.story-play-panel[hidden]{display:none}.story-play-panel h3{font-size:clamp(24px,2.5vw,32px);line-height:1.5;margin:0 0 20px}.story-deliverables{background:var(--surface-2);padding:clamp(20px,3vw,32px)}.story-deliverables h3{font-size:24px;line-height:1.5;margin:0 0 28px}.story-deliverables ul{padding:0;margin:0;list-style:none;display:grid;gap:20px}.story-deliverables li{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:20px;font-size:clamp(17px,1.6vw,21px);font-weight:600}@media(max-width:760px){.story-play-panel{gap:24px}.story-play-tabs{gap:8px}.story-play-tabs button{flex:1;padding:12px 8px}}.delivery-item-image{position:relative;aspect-ratio:4/3;overflow:hidden;margin:0;background:var(--paper)}.delivery-item-image img{position:absolute;display:block;width:300%;height:400%;max-width:none;left:calc(var(--delivery-x) * -100%);top:calc(var(--delivery-y) * -100%)}.delivery-note{font-size:12px;color:var(--ink-faint);margin:20px 0 0;line-height:1.6}@media(max-width:760px){.story-deliverables li{gap:16px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.style-motion-demo{max-width:360px;margin-inline:auto!important}.style-motion{position:relative;display:block;width:100%;aspect-ratio:3/4;padding:0;border:0;background:transparent;perspective:850px;cursor:grab;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none}.style-motion:active{cursor:grabbing}.style-motion-card{position:absolute;inset:0;display:block;transform-style:preserve-3d}.style-motion-original,.style-motion-result{position:absolute;inset:0;display:block;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--surface-2)}.style-motion-original{transform:translateZ(2px)}.style-motion-result{transform:rotateY(180deg) translateZ(2px)}.style-motion img{pointer-events:none;-webkit-user-drag:none}.style-motion:focus-visible{outline:2px solid var(--ink);outline-offset:8px}#styleDemo>.story-caption{text-align:center}@media(max-width:760px){.style-motion-demo{max-width:300px}}.style-motion{animation:style-card-float 5s ease-in-out infinite;margin-block:14px 30px}.style-motion-original,.style-motion-result{border-radius:12px;box-shadow:0 22px 32px -16px rgba(19,19,22,.4),0 4px 9px rgba(19,19,22,.12)}.style-motion-card:before{content:"";position:absolute;inset:0;background:#dedbd2;border-radius:12px;transform:translateZ(0)}.style-motion:after{content:"";position:absolute;left:12%;right:12%;bottom:-26px;height:12px;border-radius:50%;background:rgba(19,19,22,.13);filter:blur(9px);pointer-events:none;z-index:-1}@keyframes style-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.style-motion{animation:none}}.style-demo .style-motion-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}.style-photo-label{position:absolute;bottom:0;left:0;right:0;padding:28px 18px 16px;text-align:left;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65));pointer-events:none}.style-photo-gloss{position:absolute;inset:-30% -10%;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.12) 40%,rgba(255,255,255,.9) 49%,rgba(255,255,255,.18) 58%,transparent 74%);opacity:0;mix-blend-mode:screen}@media(prefers-reduced-motion:reduce){.style-photo-gloss{display:none}}.service-style-stream{height:420px;min-height:0;overflow:hidden;background:var(--surface-2);isolation:isolate}.service-style-stream .sl-rot{left:50%;width:1170px;transform:translateX(-50%) rotate(14deg)}.service-style-stream .sl-col{width:180px}@media(max-width:759px){.service-story:has(.service-style-stream){padding-bottom:0}.service-style-stream{height:340px;width:100vw;margin-inline:calc(50% - 50vw)}.service-style-stream .sl-rot{width:870px}.service-style-stream .sl-col{width:130px}.service-style-stream:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,var(--surface-2),transparent 18%)}}.service-process .story-split{min-width:0}.process-carousel{display:flex;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--on-ink-soft) transparent;touch-action:pan-x pan-y;cursor:grab}.process-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:center;scroll-snap-stop:always}.process-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--surface-2)}.process-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.process-image-delivery img{position:absolute;width:300%;height:400%;max-width:none;left:calc(var(--col)*-100%);top:calc(var(--row)*-100%)}.process-image-case img{position:absolute;width:200%;height:200%;max-width:none;left:0;top:0}.process-image-portrait{aspect-ratio:3/4;width:75%;margin:auto}.process-image-portrait img{position:absolute;width:200%;height:200%;max-width:none}.process-carousel.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.service-process .story-process li{padding:18px 20px 18px 58px;margin-top:8px;transition:background .2s,color .2s}.service-process .story-process li:before{left:18px;top:21px}.service-process .story-process button{font:inherit;color:inherit;border:0;padding:0;background:none;cursor:pointer;text-align:left}.service-process .story-process li.is-active,.service-process .story-process li.is-active p,.service-process .story-process li.is-active:before{color:var(--accent)}@media(hover:hover){.service-process .story-process li:hover,.service-process .story-process li:hover p,.service-process .story-process li:hover:before{color:var(--accent)}}@media(max-width:760px){.service-process .process-carousel{order:2}.service-process .story-process{margin-top:24px}}@media(prefers-reduced-motion:reduce){.service-process .story-process li{transition:none}}.service-process .story-process button:after{content:"";position:absolute;inset:0;cursor:pointer}.service-process .story-process li.is-active h3{color:var(--accent)}.service-process .story-process li:has(button:focus-visible){outline:2px solid var(--accent);outline-offset:3px}@media(hover:hover){.service-process .story-process li:hover h3{color:var(--accent)}}@media(max-width:760px){.service-process .process-carousel{gap:12px}.service-process .process-slide{flex-basis:88%;scroll-snap-align:start}}.service-hero-deck{min-width:0;align-self:center;padding:40px 24px 40px 0}.service-hero-deck .scn-fan{height:clamp(280px,30vw,420px)}.service-hero-deck .scn-case-card .cs-shot{container-type:size}.service-hero-deck .concept-frame img{width:max(200cqw,266.667cqh)!important;height:max(150cqw,200cqh)!important;left:calc((100cqw - max(100cqw,133.333cqh))/2);top:calc((100cqh - max(75cqw,100cqh))/2)}@media(max-width:899px){.service-hero-deck{grid-row:2;padding:0 20px 40px}.service-hero-deck .scn-fan{height:clamp(260px,65vw,380px)}}.service-lines-grid{gap:16px;background:transparent}.service-lines-grid .feat-link{padding:28px;cursor:pointer;transition:transform .22s ease}.service-lines-grid .svc-go{position:relative;right:auto;bottom:auto;align-self:flex-end;margin-top:auto;opacity:1;transform:none;flex-shrink:0}.service-lines-grid .feat-link p{margin-bottom:12px}.service-lines-grid .feat-link:active{transform:scale(.98)}@media(hover:hover) and (pointer:fine){.service-lines-grid .feat-link:hover{transform:translateY(-4px)}.service-lines-grid .feat-link:hover .svc-go{transform:translate(2px,-2px)}}@media(max-width:699px){.service-lines-grid{gap:12px}.service-lines-grid .feat-link{padding:20px 16px}.service-lines-grid .icon-box{width:36px;height:36px}.service-lines-grid .icon-box .site-icon{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.service-lines-grid .feat-link,.service-lines-grid .svc-go{transition:none;transform:none!important}}.style-demo .style-motion-hint{display:flex;align-items:center;justify-content:center;gap:14px;margin:28px 0 0;text-align:center;font-size:17px;font-weight:700;line-height:1.6;color:var(--ink)}.style-motion-hint .flip-hint-icon{width:28px;height:28px;flex:none}@media(max-width:759px){.service-story[aria-labelledby=possibilities-title] .story-heading-row>.btn{display:none}}@media(min-width:760px){.service-story:has(.service-style-stream){padding-bottom:0;overflow:hidden}.service-style-stream{width:100vw;margin-inline:calc(50% - 50vw)}.service-style-stream .sl-rot{width:max(1170px,calc(110vw + 240px))}.service-style-stream .sl-col{width:calc((100% - 90px)/6)}.service-style-stream:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,var(--surface-2),transparent 100px)}}.snapdog-referral{padding:clamp(48px,6vw,80px) 0}.snapdog-layout{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,40px)}.snapdog-mascot{display:block;width:78%;height:auto;-o-object-fit:contain;object-fit:contain;justify-self:center}.snapdog-logo{display:block;width:180px;height:auto;margin-bottom:24px}.snapdog-copy h2{font-size:clamp(26px,3vw,38px);line-height:1.4;margin:0 0 20px}.snapdog-copy p{max-width:36em;font-size:17px;line-height:1.85;color:var(--ink-soft);margin:0 0 28px}@media(max-width:699px){.snapdog-layout{grid-template-columns:1fr;gap:28px}.snapdog-mascot{width:128px;justify-self:center}.snapdog-logo{width:156px;margin-bottom:20px}.snapdog-copy p{font-size:16px}}.snapdog-layout>.btn{grid-column:2;justify-self:start}.snapdog-layout{row-gap:0}.snapdog-mascot{grid-row:1/span 2}@media(max-width:699px){.snapdog-layout{grid-template-columns:44% minmax(0,1fr);-moz-column-gap:16px;column-gap:16px;row-gap:20px;align-items:center}.snapdog-copy{display:contents}.snapdog-mascot{grid-column:1;grid-row:1/span 2;width:100%;max-width:190px;align-self:center}.snapdog-logo{grid-column:2;grid-row:1;width:150px;max-width:100%;margin:0;align-self:end}.snapdog-copy h2{grid-column:2;grid-row:2;font-size:22px;line-height:1.5;margin:0;align-self:start;text-wrap:balance}.snapdog-copy p{grid-column:1/-1;grid-row:3;font-size:16px;line-height:1.8;margin:4px 0 0}.snapdog-layout>.btn{grid-column:1/-1;grid-row:4;justify-self:stretch;justify-content:center;margin-top:4px}}.trust{padding:clamp(76px,10vh,112px) 0 clamp(44px,6vh,72px);background:transparent;color:var(--ink);position:relative;z-index:1}.trust-item-label{font-family:Unbounded,Noto Sans TC,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.15;color:var(--ink);letter-spacing:.02em;text-align:center;white-space:normal}.trust-marquee{overflow:hidden;width:100%;padding:14px 0;margin:-14px 0;cursor:grab;touch-action:pan-y}.trust-marquee.is-dragging{cursor:grabbing}.trust-track{display:flex;align-items:center;gap:72px;width:-moz-max-content;width:max-content;will-change:transform}.trust-item{position:relative;flex:none;width:132px;height:44px}.trust-item,.trust-logo,.trust-name{display:flex;align-items:center;justify-content:center}.trust-logo,.trust-name{position:absolute;inset:0;transition:opacity .25s}.trust-logo{color:var(--ink-faint)}.trust-logo .site-icon{width:34px;height:34px}.trust-name{opacity:0;font-family:Unbounded;font-size:13.5px;font-weight:500;color:var(--ink-faint);letter-spacing:.02em;white-space:nowrap}@media (hover:hover){.trust-item:hover .trust-logo{opacity:0}.trust-item:hover .trust-name{opacity:1}}.trust-item.is-open .trust-logo{opacity:0}.trust-item.is-open .trust-name{opacity:1}#ask-form{background:var(--paper);color:var(--ink)}#ask-form .ask-heading h2{font-size:clamp(26px,3vw,34px);line-height:1.3;margin:0}#ask-form .ask-heading p{font-size:15px;line-height:1.7;color:var(--ink-soft);margin:12px 0 0}.ask-form{margin-top:32px}.ask-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0 0 32px}.ask-steps li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0;font-size:14px;color:var(--ink-soft);line-height:1.4;cursor:default}.ask-steps li:not(:last-child):after{content:"";position:absolute;left:40px;right:12px;top:15px;height:1px;background:var(--border)}.ask-step-number,.ask-steps li.is-done .ask-step-check{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--surface-2);color:var(--ink-soft);font-weight:600;font-variant-numeric:tabular-nums}.ask-steps li.is-on{color:var(--ink);font-weight:700}.ask-steps li.is-on .ask-step-number{background:var(--ink);color:var(--on-ink)}.ask-steps .ask-step-check{display:none}.ask-steps li.is-done{color:var(--ink)}.ask-steps li.is-done:after{background:var(--ink)}.ask-steps li.is-done .ask-step-number{display:none}.ask-steps li.is-done .ask-step-check{color:var(--ink)}.ask-step{border:0;padding:0;margin:0;min-width:0}.ask-nav [hidden],.ask-step[hidden]{display:none}.ask-step legend{font-size:22px;font-weight:700;line-height:1.4;padding:0;margin-bottom:22px}#ask-form .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}#ask-form .chip{min-width:0}#ask-form .chip>span{display:flex;align-items:center;gap:10px;justify-content:flex-start;width:100%;min-height:52px;padding:13px 16px;font-size:15px;border:1px solid var(--border);color:var(--ink);background:var(--paper)}#ask-form .chip>span>span{padding:0;border:0;background:none}#ask-form .chip input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}#ask-form .chip input:hover+span{border-color:var(--ink)}#ask-form .chip input:focus-visible+span{outline:2px solid var(--focus-color);outline-offset:3px}.ask-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}.ask-step>.ask-grid,.ask-step>.field{margin-top:26px}#ask-form .field{min-width:0}#ask-form .field label{display:block;font-size:14px;font-weight:500;margin-bottom:10px;color:var(--ink)}#ask-form .field input,#ask-form .field textarea{display:block;width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--border);border-radius:0;background:var(--paper);color:var(--ink);font:inherit;font-size:16px;line-height:1.6}#ask-form .field textarea{resize:vertical;min-height:112px}#ask-form .field input::-moz-placeholder,#ask-form .field textarea::-moz-placeholder{color:var(--ink-soft);opacity:1}#ask-form .field input::placeholder,#ask-form .field textarea::placeholder{color:var(--ink-soft);opacity:1}#ask-form .field input:focus,#ask-form .field textarea:focus{outline:2px solid var(--focus-color);outline-offset:2px}#ask-form .field [aria-invalid=true]{border-color:#a52222}#ask-form .field-err{display:block;margin-top:8px;font-size:13px;color:#a52222}.ask-nav{display:flex;align-items:center;gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.ask-nav button:focus-visible{outline:2px solid var(--focus-color);outline-offset:3px}#ask-form .form-note{font-size:14px;line-height:1.7;margin:16px 0 0;color:var(--ink-soft)}#ask-form .form-note:empty{display:none}#ask-form .form-note.is-warn{color:#a52222}.ask-lb .lb-panel{left:50%;top:50%;width:min(760px,calc(100vw - 32px));max-height:92vh;max-height:92dvh;background:var(--paper);opacity:0;transform:translate(-50%,-48%);transition:opacity .2s ease,transform .3s cubic-bezier(.16,1,.3,1)}.ask-lb.is-open .lb-panel{opacity:1;transform:translate(-50%,-50%)}.ask-lb .lb-scroll{flex:1 1 auto;min-height:0;overscroll-behavior:contain}.ask-lb #ask-form{padding:36px 40px}.ask-lb .shell{padding:0;max-width:none}.ask-lb .ask-heading{padding-right:38px}.ask-lb .lb-x{background:var(--paper);color:var(--ink)}.ask-lb .lb-x:hover{background:var(--surface-2)}@media(min-width:600px){.ask-lb .ask-step{min-height:302px}}@media(max-width:599px){.ask-lb .lb-panel{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:auto;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:calc(100vh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));transform:translateY(20px)}.ask-lb.is-open .lb-panel{transform:translateY(0)}.ask-lb #ask-form{padding:28px 22px max(24px,env(safe-area-inset-bottom))}.ask-lb .lb-x{top:12px;right:12px}.ask-form{margin-top:26px}.ask-steps{margin-bottom:26px}.ask-steps li{font-size:13px;gap:9px}.ask-step legend{font-size:20px;margin-bottom:18px}#ask-form .chip>span{font-size:14px;padding:12px 10px;gap:7px}.ask-grid{grid-template-columns:1fr;gap:20px}.ask-nav{margin-top:28px}}@media(prefers-reduced-motion:reduce){.ask-lb .lb-panel{transition:none}}.ask-lb .ask-nav{position:sticky;bottom:-36px;background:var(--paper);padding-bottom:24px;z-index:3}@media(max-width:599px){.ask-lb .ask-nav{bottom:-28px;padding-bottom:max(24px,env(safe-area-inset-bottom))}}#ask-form #askOtherField[hidden]{display:none}.ask-nav .ask-primary{margin-left:auto}.ask-step-check .site-icon{display:block;width:16px;height:16px}.line-lb{position:fixed;inset:0;z-index:140;pointer-events:none}.line-lb>*{pointer-events:auto}.line-lb[hidden]{display:none}.line-lb-panel{position:fixed;left:50%;top:50%;z-index:130;width:min(400px,calc(100vw - 32px));background:var(--paper);color:var(--ink);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px rgba(19,19,22,.24),0 50px 90px rgba(19,19,22,.34);opacity:0;transform:translate(-50%,-46%);transition:opacity .2s ease,transform .28s cubic-bezier(.16,1,.3,1)}.line-lb.is-open .line-lb-panel{opacity:1;transform:translate(-50%,-50%)}.line-lb-panel:focus{outline:none}.line-lb-x{background:var(--paper);color:var(--ink)}.line-lb-x:hover{background:var(--surface-2);color:var(--ink)}.line-lb-inner{padding:44px 36px 36px;text-align:center}.line-lb-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 18px;background:var(--accent);color:var(--accent-ink)}.line-lb-mark .site-icon{width:20px;height:20px}.line-lb-title{font-size:clamp(22px,3vw,26px);line-height:1.25;margin:0}.line-lb-desc{margin:12px 0 0;font-size:14.5px;line-height:1.7;color:var(--ink-soft)}.line-lb-qr{margin:28px auto 0;width:-moz-fit-content;width:fit-content;padding:16px;background:var(--paper);border:1px solid var(--border)}.line-lb-qr svg{display:block;width:176px;height:176px}.line-lb-hint{margin:12px 0 0;font-size:12.5px;color:var(--ink-faint);letter-spacing:.04em}.line-lb-cta{display:inline-flex;margin-top:24px;width:100%;justify-content:center}.line-lb-cta .site-icon{width:15px;height:15px}@media(max-width:599px){.line-lb-panel{left:50%;right:auto;top:50%;bottom:auto;width:min(400px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;transform:translate(-50%,calc(-50% + 12px))}.line-lb.is-open .line-lb-panel{transform:translate(-50%,-50%)}.line-lb-inner{padding:36px 24px 28px}.line-lb-x{top:12px;right:12px}.line-lb-qr svg{width:152px;height:152px}}@media(prefers-reduced-motion:reduce){.line-lb-panel{transition:none}}.scn-deck{min-width:0}.scn-fan{position:relative;height:clamp(240px,28vw,330px);margin:12px 32px 16px}.scn-case-card{position:absolute;inset:18px 8%;background:var(--ink);border-radius:12px;overflow:hidden;transform:translate(var(--shift,0),var(--lift,0)) rotate(var(--angle,0deg)) scale(var(--scale,1));transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.scn-case-card[data-position="0"]{--shift:-9%;--angle:0deg;z-index:3;--card-opacity:1}.scn-case-card[data-position="1"]{--shift:2%;--angle:3deg;--scale:.96;z-index:2;--card-opacity:.6}.scn-case-card[data-position="2"]{--shift:13%;--angle:11deg;--scale:.92;z-index:1;--card-opacity:.35}.scn-case-card .cs-shot{position:absolute;inset:0;aspect-ratio:auto;width:auto;height:auto;flex:none;background:transparent;container-type:normal}.scn-case-card .cs-shot.concept-frame img{width:200%!important;height:200%!important;left:0!important;top:0!important;max-width:none;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center;object-position:center;transform:none!important}.scn-case-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,19,22,.72),transparent 48%,rgba(19,19,22,.35));pointer-events:none}.scn-case-card h3{position:absolute;top:24px;bottom:auto;left:24px;right:24px;margin:0;z-index:1;font-size:clamp(20px,2vw,26px);line-height:1.4;color:var(--on-ink)}.scn-case-card .case-open{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;background:none;cursor:pointer}.scn-case-card[data-position="0"]:focus-within{--lift:-8px;--scale:1.025}@media(hover:hover){.scn-case-card[data-position="0"]:hover{--lift:-8px;--scale:1.025}}.scn-case-card .case-open:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.scn-case-card.is-source{visibility:hidden}@media(prefers-reduced-motion:reduce){.scn-case-card{transition:none;--lift:0px!important}}@media(max-width:599px){.scn-fan{margin-left:16px;margin-right:16px}.scn-case-card{left:5%;right:5%}.scn-case-card h3{top:20px;left:20px;right:20px;font-size:20px}}.scn-fan{touch-action:pan-y;-moz-user-select:none;user-select:none;cursor:grab;-webkit-user-select:none}.scn-fan .case-open,.scn-fan img{-webkit-user-drag:none}.scn-case-card:not([data-position="0"]){pointer-events:none}.scn-case-card[data-position="0"] .case-open{cursor:grab;touch-action:pan-y}.scn-fan.is-dragging,.scn-fan.is-dragging .case-open{cursor:grabbing}.scn-fan.is-dragging .scn-case-card[data-position="0"]{translate:var(--drag-x,0) 0;transition:none}.scn-case-card{background:#fff;display:block;box-shadow:0 12px 24px rgba(19,19,22,.16);color:var(--on-ink)}.scn-case-card .cs-shot,.scn-case-card h3,.scn-case-card:after{opacity:var(--card-opacity,1);transition:opacity .3s ease}@media(prefers-reduced-motion:reduce){.scn-case-card .cs-shot,.scn-case-card h3,.scn-case-card:after{transition:none}}.case-open-label{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;min-height:40px;padding:0 14px;background:var(--paper);color:var(--ink);font-family:inherit;font-size:14px;font-weight:700;opacity:0;transition:opacity .2s ease,background-color .2s ease}.case-open-label .site-icon{width:16px;height:16px;transition:transform .2s ease}.scn-case-card[data-position="0"] .case-open-label{opacity:1}.scn-case-card .case-open:focus-visible .case-open-label{background:var(--accent)}@media(hover:hover){.scn-case-card[data-position="0"] .case-open:hover .case-open-label{background:var(--accent)}.scn-case-card[data-position="0"] .case-open:hover .site-icon{transform:translate(2px,-2px)}}.scn-case-card .case-open:active .case-open-label{background:var(--accent)}@media(prefers-reduced-motion:reduce){.case-open-label,.case-open-label .site-icon{transition:none;transform:none!important}}.blog-intro{padding:clamp(40px,6vh,72px) 0 clamp(56px,7vw,96px)}.blog-list{padding:0 0 clamp(72px,9vw,128px)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 28px}.blog-card{min-width:0}.blog-card a{display:block;color:var(--ink)}.blog-thumb{overflow:hidden;background:var(--surface-2);aspect-ratio:4/3}.blog-thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.blog-card a:hover .blog-thumb img{transform:scale(1.035)}.blog-card a:hover h2{text-decoration:underline;text-underline-offset:5px}.article-head time,.blog-card time{display:block;color:var(--ink-soft);font-size:14px;margin-top:24px}.blog-card h2{font-size:clamp(22px,2vw,27px);line-height:1.5;margin:12px 0}.blog-card p{font-size:16px;line-height:1.85;color:var(--ink-soft);margin:0}.blog-article{padding-top:clamp(40px,6vh,72px)}.article-head h1{max-width:22ch;font-size:clamp(30px,4.5vw,54px);line-height:1.35;margin:0}.article-lead{font-size:clamp(17px,1.8vw,20px);line-height:1.85;color:var(--ink-soft);max-width:44ch;margin:24px 0 0}.article-cover{margin:48px auto 0}.article-cover img{display:block;width:100%;height:auto;max-height:580px;aspect-ratio:2/1;-o-object-fit:cover;object-fit:cover}.article-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:start;padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,6vw,80px)}.article-layout--no-toc{grid-template-columns:minmax(0,1fr)}.article-toc-aside{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}.article-main{min-width:0;max-width:760px;display:flex;flex-direction:column;gap:40px}.article-layout--no-toc .article-main{margin:0 auto}.article-body{margin:0;padding:0}.article-body h2{scroll-margin-top:96px}.article-body section{padding:0;margin-bottom:48px}.article-body section:last-child{margin-bottom:0}.article-body h2{font-size:clamp(24px,2.5vw,30px);line-height:1.5;margin:0 0 20px}.article-body p{font-size:18px;line-height:1.95;margin:0 0 20px;color:var(--ink-soft)}.blog-related{background:var(--surface-2);padding:clamp(56px,7vw,96px) 0}.blog-related>.shell>h2{font-size:32px;margin:0 0 32px}.blog-related .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-related .btn{margin-top:40px}.blog-cta{background:var(--accent-surface);padding:64px 0}.blog-cta .shell{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.blog-cta h2{font-size:clamp(28px,3vw,40px);margin:0}@media (max-width:999px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.blog-grid,.blog-related .blog-grid{grid-template-columns:1fr;gap:32px}.blog-card+.blog-card{border-top:1px solid var(--border);padding-top:32px}.blog-card time{margin-top:18px}.article-cover img{aspect-ratio:4/3}.article-body p{font-size:17px}.article-cover{margin-top:32px}}@media (prefers-reduced-motion:reduce){.blog-thumb img{transition:none}}.article-body .article-opening{font-size:20px;line-height:1.95;color:var(--ink);margin-bottom:56px}.article-body h3{font-size:20px;line-height:1.6;margin:0 0 12px}.editorial-figure{margin:48px 0 56px}.editorial-figure img{display:block;width:100%;height:auto}.editorial-figure figcaption{font-size:14px;line-height:1.7;color:var(--ink-soft);margin-top:12px}.article-table-wrap{overflow-x:auto;margin:28px 0 56px}.article-table-wrap table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.8;text-align:left}.article-table-wrap td,.article-table-wrap th{padding:16px 14px;vertical-align:top;border-bottom:1px solid var(--border)}.article-table-wrap thead{background:var(--surface-2)}.article-table-wrap tbody th{font-weight:600;min-width:6em}.article-table-wrap td{color:var(--ink-soft)}.article-flow{padding-left:28px;margin:24px 0 48px}.article-flow li{padding-left:12px;margin-bottom:28px}.article-flow li::marker{font-size:20px;font-weight:700}.article-note{background:var(--surface-2);padding:32px;margin:32px 0 48px}.article-status{margin:0}.article-status>div{margin-top:22px}.article-status dt{font-weight:700;margin-bottom:6px}.article-status dd{margin:0;font-size:17px;line-height:1.8;color:var(--ink-soft)}.article-checklist{padding-left:24px;font-size:18px;line-height:1.9;color:var(--ink-soft)}.article-checklist li{padding-left:8px;margin-bottom:14px}.article-body .article-ending{border-top:1px solid var(--border);padding-top:32px;margin-top:48px;color:var(--ink)}@media (max-width:599px){.article-body .article-opening{font-size:18px;margin-bottom:40px}.article-note{padding:24px 20px}.article-checklist{font-size:17px}.article-table-wrap td,.article-table-wrap th{padding:12px 8px;font-size:14px}}@media (max-width:759px){.article-head h1{font-size:28px}}.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:14px;line-height:1.6;color:var(--ink-soft)}.blog-cats.cs-filters{margin:0 0 clamp(32px,4vw,48px);padding:0}.blog-empty{color:var(--ink-soft);grid-column:1/-1}.blog-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;padding:48px 0 0}.blog-pagination .blog-page-btn{justify-content:center;min-width:36px;min-height:36px;padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:0;text-decoration:none;background:var(--paper);color:var(--ink);border-color:var(--ink)}.blog-pagination .blog-page-btn.is-on{background:var(--ink);color:var(--on-ink);border-color:var(--ink);cursor:default}.blog-pagination .blog-page-btn.is-on:before{content:none}.blog-pagination .blog-page-btn.is-disabled{opacity:.35;pointer-events:none;cursor:not-allowed}.blog-pagination .blog-page-btn.is-disabled:before{content:none}.article-byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;font-size:14px;color:var(--ink-soft)}.article-author-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.article-author-name{color:var(--ink)}.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.article-share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);background:transparent;color:var(--ink-soft);font-size:14px;cursor:pointer;transition:color .18s ease,border-color .18s ease}.article-share-btn:hover{color:var(--ink);border-color:var(--ink)}.article-share-btn .site-icon{width:18px;height:18px}.article-share-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.article-toc{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 0}.article-toc-title{font-size:14px;font-weight:700;letter-spacing:.04em;margin:0 0 16px;color:var(--ink)}.article-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.article-toc-link{display:flex;gap:8px;width:100%;text-align:left;background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:15px;line-height:1.55;color:var(--ink-soft)}.article-toc-link:hover{color:var(--ink)}.article-toc-num{flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--ink-faint)}@media (max-width:999px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-toc-aside{position:static;max-height:none;overflow:visible}.article-body{max-width:100%}}