@import "https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0";:root{--paper:#f8f1e7;--paper-2:#efe1d1;--paper-3:#fffaf3;--ink:#241719;--brown:#3b292b;--muted:#766765;--red:#b30c1f;--red-dark:#850815;--pink:#f0cfd0;--line:#3b292b3d;--progress:0%;--hero-shift:0px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Jost,Noto Sans TC,PingFang TC,sans-serif}body:before{content:"";pointer-events:none;opacity:.16;z-index:50;mix-blend-mode:multiply;background-image:repeating-radial-gradient(circle at 20% 30%,#3b292b1f 0 .45px,#0000 .6px 3px);background-size:7px 9px;position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Rounded;font-size:28px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.scroll-progress{width:var(--progress);background:var(--red);z-index:100;height:3px;position:fixed;top:0;left:0}.red{color:var(--red)}.eyebrow{letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:800}.single-line-copy{white-space:nowrap;max-width:none!important}[data-reveal]{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.site-nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40;background:#f8f1e7eb;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 clamp(24px,4vw,72px);display:grid;position:sticky;top:0}.brand{align-items:center;width:fit-content;display:inline-flex}.brand img{object-fit:contain;width:148px;height:48px}.site-nav nav{gap:clamp(24px,3vw,48px);font-size:13px;font-weight:600;display:flex}.site-nav nav a{position:relative}.site-nav nav a:after{content:"";background:var(--red);height:1px;transition:right .25s;position:absolute;bottom:-7px;left:0;right:100%}.site-nav nav a:hover:after{right:0}.nav-cta{border:1px solid var(--red);color:var(--red);border-radius:999px;justify-self:end;align-items:center;gap:24px;padding:14px 22px 14px 26px;font-size:18px;font-weight:700;display:inline-flex}.nav-cta b{font-size:20px;font-weight:400}.hero{border-bottom:1px solid var(--line);isolation:isolate;align-items:center;min-height:calc(100vh - 84px);padding:clamp(54px,7vw,112px) clamp(24px,6vw,110px);display:flex;position:relative;overflow:hidden}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#f8f1e74d 0%,#f8f1e71f 42%,#0000 66%);position:absolute;inset:0}.hero-copy{z-index:2;width:min(58%,760px);max-width:760px;position:relative}.hero h1{letter-spacing:-.065em;margin:0;font-family:Noto Sans TC,sans-serif;font-size:clamp(48px,5.25vw,88px);font-weight:900;line-height:1.16}.hero h1 em{color:var(--red);font-style:normal}.hero-deck{max-width:560px;color:var(--muted);margin:30px 0 32px;font-size:clamp(15px,1.2vw,19px);line-height:1.8}.primary-button,.outline-button{border-radius:999px;justify-content:space-between;align-items:center;gap:36px;min-width:250px;padding:15px 20px;font-size:13px;font-weight:700;transition:transform .25s,background .25s,color .25s;display:inline-flex}.primary-button{color:#fff;background:var(--red)}.primary-button:hover{background:var(--red-dark);transform:translateY(-3px)}.hero-art{z-index:0;background:#dfd9d2;position:absolute;inset:0;overflow:hidden}.hero-art:before{display:none}.hero-art img{object-fit:cover;object-position:center;filter:none;width:100%;height:100%;position:absolute;inset:0}.hero-art:after{display:none}.capability-bar{border-bottom:1px solid var(--line);white-space:nowrap;justify-content:center;align-items:center;gap:clamp(16px,2.8vw,48px);min-height:72px;padding:16px 24px;font-size:clamp(15px,1.08vw,18px);font-weight:700;display:flex;overflow:hidden}.capability-bar b{color:var(--red)}.section-label{writing-mode:vertical-rl;align-items:center;gap:10px;display:flex;position:absolute;top:clamp(36px,5vw,72px);left:clamp(20px,2.2vw,40px);transform:rotate(180deg)}.section-label span{color:var(--red);font-size:12px}.section-label p{letter-spacing:.18em;margin:0;font-size:10px;font-weight:700}.problem-section{background:var(--paper-2);border-bottom:1px solid var(--line);grid-template-columns:.88fr 1.12fr;gap:clamp(40px,7vw,120px);padding:clamp(92px,9vw,150px) clamp(34px,8vw,140px);display:grid;position:relative}.problem-visual{background:#d8c7b5;min-height:590px;position:relative;overflow:hidden}.problem-visual>img{object-fit:cover;filter:grayscale()contrast(1.04);width:100%;height:100%}.chess-board{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);display:grid;position:absolute;inset:0;transform:rotate(-12deg)scale(1.22)}.chess-board i:nth-child(odd){background:#3b292b24}.chess-board i:nth-child(2n){background:#f8f1e766}.chess-piece{background:var(--brown);border-radius:50% 50% 28% 28%;position:absolute;box-shadow:0 22px 38px #24171940}.chess-piece:after{content:"";background:var(--brown);border-radius:50%;width:136%;height:28%;position:absolute;bottom:-13%;left:-18%}.king{width:116px;height:188px;bottom:21%;left:18%}.king span{color:var(--brown);font-size:88px;font-weight:300;line-height:1;position:absolute;top:-52px;left:36px}.pawn{background:#f4e7d9;width:82px;height:115px;top:20%;right:18%}.pawn:before{content:"";background:#f4e7d9;border-radius:50%;width:64px;height:64px;position:absolute;top:-36px;left:9px}.pawn:after{background:#f4e7d9}.problem-visual>p{color:#fff;background:#241719b8;margin:0;padding:12px 15px;font-family:Noto Sans TC;font-size:23px;font-weight:800;line-height:1.35;position:absolute;bottom:24px;left:28px}.problem-copy{align-self:center}.problem-copy h2,.section-intro h2,.showcase-heading h2,.case-header h2,.method-intro h2{letter-spacing:-.06em;margin:0;font-family:Noto Sans TC;font-size:clamp(40px,4.2vw,70px);line-height:1.2}.pain-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin:36px 0;display:grid}.pain-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-rows:38px auto 1fr;align-content:start;min-height:205px;padding:30px 28px;display:grid}.pain-grid span{color:var(--red);font-size:28px}.pain-grid h3{margin:16px 0 10px;font-size:19px;line-height:1.35}.pain-grid p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.outline-button{border:1px solid var(--red);color:var(--red)}.outline-button:hover{color:#fff;background:var(--red);transform:translateY(-3px)}.services-section{padding:clamp(94px,9vw,150px) clamp(34px,6vw,110px) 0;position:relative}.section-intro{grid-template-columns:.85fr 1.15fr;column-gap:7vw;padding:0 3vw clamp(56px,6vw,90px);display:grid}.section-intro .eyebrow,.section-intro h2{grid-column:1}.section-intro>p:last-child{max-width:510px;color:var(--muted);grid-column:2;align-self:end;margin:0 0 8px;line-height:1.8}.service-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(6,1fr);display:grid}.service-grid article{border-right:1px solid var(--line);min-height:370px;padding:26px 22px;transition:background .3s,color .3s;position:relative}.service-grid article:hover{color:var(--paper);background:var(--brown)}.service-no{letter-spacing:.15em;font-size:10px}.service-icon{width:66px;height:66px;color:var(--red);border:1px solid var(--red);border-radius:50%;place-items:center;margin:42px 0 30px;display:grid}.service-icon .material-symbols-rounded{font-size:30px}.service-grid h3{margin:0 0 8px;font-family:Noto Sans TC;font-size:clamp(22px,1.45vw,27px);line-height:1.3}.service-grid small{color:var(--red);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.service-grid p{color:var(--muted);margin:22px 0 0;font-size:14px;line-height:1.75}.service-grid article:hover p{color:#f8f1e7b3}.float-showcase{background:var(--paper-3);border-top:1px solid var(--line);padding:clamp(100px,10vw,170px) 0;overflow:hidden}.showcase-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;padding:0 clamp(30px,7vw,120px) 70px;display:grid}.showcase-heading>p{max-width:430px;color:var(--muted);margin:0;line-height:1.8}.float-track{will-change:transform;gap:16px;width:max-content;padding:0 8px;display:flex}.track-a{animation:54s linear infinite driftLeft}.track-b{margin-top:16px;animation:66s linear infinite driftRight}.float-track:hover{animation-play-state:paused!important}@keyframes driftLeft{to{transform:translate(-50%)}}@keyframes driftRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.float-card{--mx:0px;--my:0px;aspect-ratio:4/5;border:1px solid var(--line);width:clamp(250px,22vw,350px);height:auto;transform:translate(var(--mx), var(--my));background:var(--paper);border-radius:18px;transition:transform .2s,border-color .25s;overflow:hidden}.float-card:hover{border-color:var(--red)}.float-card img{object-fit:contain;filter:saturate(.86);width:100%;height:100%;min-height:0;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.photo-only-card:hover img{transform:scale(1.035)}.card-top,.card-bottom{justify-content:space-between;align-items:center;display:flex}.card-top{letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:700}.card-top b{font-weight:400}.card-bottom h3{letter-spacing:-.04em;margin:0;font-size:22px}.card-bottom span{font-size:10px}.tone-0{background:#f0d3d5}.tone-1{background:var(--paper)}.tone-2{background:var(--brown);color:var(--paper)}.tone-3{background:var(--red);color:#fff}.mini-card{--mx:0px;--my:0px;border:1px solid var(--line);width:285px;height:190px;transform:translate(var(--mx), var(--my));background:var(--brown);border-radius:18px;position:relative;overflow:hidden}.photo-mini-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.photo-mini-card:hover img{transform:scale(1.06)}.video-card{aspect-ratio:9/16;background:#120f10;width:clamp(185px,15vw,235px);height:auto}.video-card>a{width:100%;height:100%;display:block;position:relative}.video-card video,.video-card img{object-fit:contain;background:#120f10;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.video-card:hover video,.video-card:hover img{transform:scale(1.035)}.video-industry{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.12em;text-transform:uppercase;background:#241719b8;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700;position:absolute;bottom:10px;left:12px}.video-play{z-index:2;color:#fff;background:#b30c1fe6;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;display:grid;position:absolute;bottom:10px;right:12px}.case-section{color:#fff;background:var(--red);padding:clamp(84px,9vw,150px) clamp(28px,6vw,110px)}.case-header{grid-template-columns:1.1fr .9fr;align-items:end;gap:80px;display:grid}.case-header>p{color:#ffffffb8;max-width:450px;margin:0 0 8px;line-height:1.8}.proof-grid{border-top:1px solid #ffffff59;border-bottom:1px solid #ffffff59;grid-template-columns:repeat(3,1fr);margin:58px 0 24px;display:grid}.proof-grid>div{border-right:1px solid #ffffff59;flex-direction:column;min-height:150px;padding:28px;display:flex}.proof-grid>div:last-child{border-right:0}.proof-grid strong{letter-spacing:-.06em;font-size:clamp(34px,4vw,60px);line-height:1}.proof-grid span{margin-top:14px;font-weight:700}.proof-grid small{letter-spacing:.15em;color:#fff9;margin-top:auto;font-size:8px}.case-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.case-grid article{background:var(--brown)}.case-image{aspect-ratio:1.38;background:var(--brown);overflow:hidden}.case-image img{object-fit:cover;filter:grayscale()contrast(1.06);width:100%;height:100%;transition:filter .35s}.case-grid article:first-child .case-image img{object-position:50% 70%}.case-grid article:nth-child(2) .case-image img{object-position:50% 68%}.case-grid article:nth-child(3) .case-image img{object-position:50% 52%}.case-grid article:hover img{filter:grayscale()contrast(1.12)}.case-meta{justify-content:space-between;align-items:end;padding:18px 20px 20px;display:flex}.case-meta small{letter-spacing:.15em;text-transform:uppercase;color:#fff9;font-size:8px}.case-meta h3{margin:4px 0 0;font-size:21px}.case-meta>span{font-size:11px}.case-link{border-top:1px solid #ffffff59;justify-content:center;align-items:center;gap:24px;margin-top:12px;padding-top:24px;font-size:13px;font-weight:700;display:flex}.principle-section{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(28px,4vw,68px);padding:clamp(70px,8vw,120px) clamp(34px,10vw,180px);display:grid}.quote-mark{color:var(--red);align-self:start;font-family:Georgia,serif;font-size:120px;line-height:.5}.principle-section blockquote{letter-spacing:-.035em;margin:0;font-family:Noto Sans TC;font-size:clamp(24px,3vw,46px);font-weight:700;line-height:1.45}.quote-credit{border-left:1px solid var(--line);min-width:190px;padding-left:24px}.quote-credit span{letter-spacing:.16em;font-size:11px;font-weight:800}.quote-credit p{color:var(--muted);margin:8px 0 0;font-size:11px}.method-section{padding:clamp(82px,8vw,128px) clamp(34px,6vw,110px) 0;position:relative}.method-intro{padding:0 4vw 70px}.method-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.method-grid article{border-right:1px solid var(--line);grid-template-rows:auto auto 1fr;grid-template-columns:64px 1fr;align-items:start;column-gap:18px;min-height:210px;padding:28px 26px 30px;display:grid;position:relative}.method-grid>article>span{color:var(--red);font-size:10px}.method-disc{width:58px;height:58px;color:var(--red);border:1px solid var(--red);border-radius:50%;grid-row:1/4;place-items:center;margin:20px 0 0;display:grid}.method-disc .material-symbols-rounded{font-size:27px}.method-grid h3{grid-column:2;margin:18px 0 2px;font-family:Noto Sans TC;font-size:20px}.method-grid small{color:var(--red);text-transform:uppercase;letter-spacing:.15em;font-size:9px}.method-grid p{max-width:250px;color:var(--muted);grid-column:2;margin:12px 0 0;font-size:13px;line-height:1.65}.method-grid b{color:var(--red);font-size:20px;font-weight:400;position:absolute;top:50%;right:10px}.method-grid article:last-child b{display:none}.contact-section{color:#fff;background:var(--red);grid-template-columns:1fr 1fr;gap:60px;padding:clamp(70px,7vw,120px) clamp(30px,6vw,110px);display:grid}.contact-section h2{letter-spacing:-.06em;margin:0;font-family:Noto Sans TC;font-size:clamp(42px,5vw,78px);line-height:1.16}.contact-copy{align-self:end}.contact-copy>p{color:#ffffffbf;max-width:480px;margin:0 0 30px;font-size:16px;line-height:1.8}.contact-actions{gap:12px;display:flex}.contact-actions a{border:1px solid #ffffffa6;border-radius:999px;justify-content:space-between;min-width:180px;padding:14px 18px;font-size:12px;font-weight:700;display:flex}.contact-actions a:hover{color:var(--red);background:#fff}.social-button-label{align-items:center;gap:9px;display:inline-flex}.social-button-label img{object-fit:contain;width:18px;height:18px}.contact-actions a:hover .social-button-label img{filter:brightness(0)saturate()invert(13%)sepia(77%)saturate(4525%)hue-rotate(344deg)brightness(77%)contrast(107%)}.whatsapp-float{z-index:45;color:#fff;background:#1f9d58;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:9px;min-height:54px;padding:0 19px;transition:transform .25s,background .25s;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 34px #19533240}.whatsapp-float:hover{background:#16834a;transform:translateY(-3px)}.whatsapp-float img{object-fit:contain;width:24px;height:24px}.whatsapp-float b{letter-spacing:.03em;font-size:12px}footer{min-height:72px;color:var(--paper);background:var(--brown);grid-template-columns:1fr auto;align-items:center;padding:20px clamp(24px,4vw,72px);display:grid}.footer-brand{letter-spacing:-.06em;font-size:20px;font-weight:800}footer p{color:#f8f1e78c;justify-self:end;margin:0;font-size:10px}@media (width<=1100px){.site-nav{grid-template-columns:1fr auto}.site-nav nav{display:none}.hero{padding-inline:34px}.hero-copy{width:min(64%,680px)}.problem-section{grid-template-columns:1fr}.problem-visual{min-height:440px}.section-intro,.showcase-heading,.case-header,.contact-section{grid-template-columns:1fr;gap:28px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-grid article:nth-child(n+4){border-top:1px solid var(--line)}.method-grid{grid-template-columns:repeat(2,1fr)}.method-grid article:nth-child(n+3){border-top:1px solid var(--line)}.method-grid article:nth-child(2) b{display:none}}@media (width<=1360px) and (width>=1101px){.service-grid{grid-template-columns:repeat(3,1fr)}.service-grid article:nth-child(n+4){border-top:1px solid var(--line)}}@media (width<=760px){.site-nav{height:70px;padding:0 18px}.brand img{width:122px;height:40px}.nav-cta span{display:none}.nav-cta{justify-content:center;min-width:42px;padding:9px}.hero{align-items:flex-start;min-height:740px;padding:62px 20px 220px}.hero:after{background:linear-gradient(#f8f1e7e0 0%,#f8f1e7a3 48%,#f8f1e714 76%)}.hero-copy{width:100%}.hero h1{font-size:clamp(42px,12vw,62px)}.hero-deck{font-size:15px}.hero-art{margin:0}.hero-art img{object-position:66% center;width:100%;height:100%}.arch-one{width:53%;left:0}.capability-bar{justify-content:flex-start;overflow-x:auto}.section-label{display:none}.problem-section,.services-section,.method-section{padding-inline:20px}.problem-visual{min-height:360px}.problem-copy h2,.section-intro h2,.showcase-heading h2,.case-header h2,.method-intro h2{font-size:40px}.pain-grid{grid-template-columns:1fr}.pain-grid article{min-height:150px}.section-intro{padding-inline:0;display:block}.section-intro>p:last-child{margin-top:24px}.service-grid{grid-template-columns:1fr}.service-grid article{border-top:1px solid var(--line);min-height:280px}.service-icon{margin:30px 0 24px}.showcase-heading,.case-header{padding-inline:20px;display:block}.showcase-heading>p,.case-header>p{margin-top:24px}.float-card{width:260px;height:auto}.mini-card{width:220px;height:150px}.video-card{width:180px;height:auto}.case-section{padding-inline:16px}.case-header{padding-inline:4px}.proof-grid,.case-grid{grid-template-columns:1fr}.proof-grid>div{border-bottom:1px solid #ffffff59;border-right:0}.principle-section{grid-template-columns:auto 1fr;padding-inline:22px}.quote-credit{border-left:0;grid-column:2;padding-left:0}.method-intro{padding-inline:0}.method-grid{grid-template-columns:1fr}.method-grid article{min-height:210px}.method-grid article b{display:none}.contact-section{padding-inline:22px}.single-line-copy{white-space:normal}.contact-actions{flex-direction:column}.whatsapp-float{justify-content:center;min-height:52px;padding:0 16px;bottom:14px;right:14px}footer{grid-template-columns:1fr auto}footer p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.track-a{animation:54s linear infinite driftLeft!important}.track-b{animation:66s linear infinite driftRight!important}[data-reveal]{opacity:1;transform:none}}