@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#faf9f8;--white:#fff;--ink:#343434;--muted:#6d6969;--lime:#f37022;--line:#ded9d7;--progress:0;font-family:'Noto Sans TC',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bd4c09;outline-offset:6px}html{scroll-behavior:smooth;scroll-padding-top:90px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.wordmark{font-family:Arial,sans-serif;font-size:31px;font-weight:900;letter-spacing:-1.8px;display:inline-flex;align-items:center;gap:9px}.brand-dot{display:inline-grid;place-items:center;background:var(--lime);width:30px;height:30px;font-size:26px;border-radius:50%;letter-spacing:0}nav{display:flex;gap:36px;align-items:center;font-size:13px}.nav-cta{padding:13px 20px;border:1px solid var(--ink);border-radius:4px}.nav-cta span{margin-left:24px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.3vw,82px);line-height:1.25;letter-spacing:-3px;font-weight:800;margin-bottom:32px}h1>span{position:relative;z-index:0}h1>span:after{content:'';position:absolute;height:17%;bottom:8%;background:var(--lime);left:-2px;right:-8px;z-index:-1}h2{font-size:clamp(30px,3.3vw,52px);font-weight:700;line-height:1.5;letter-spacing:-1.5px}h3{font-size:21px;line-height:1.6;letter-spacing:-.5px}p{line-height:1.95;color:var(--muted);font-size:15px}.eyebrow{display:block;font:10px/1.5 Arial,sans-serif;font-weight:600;letter-spacing:1.8px;margin-bottom:24px}.eyebrow i{display:inline-block;width:7px;height:7px;background:#f37022;border-radius:50%;margin-right:9px}.hero{padding:28px 5% 0;min-height:calc(100svh - 94px)}.hero-top{display:flex;justify-content:space-between}.edition{font-size:11px;color:var(--muted);letter-spacing:1px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:580px;padding:28px 0 55px}.intro{max-width:440px;font-size:16px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;background:var(--ink);color:white;padding:19px 24px;border:0;border-radius:3px;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#4c4745;transform:translateY(-2px)}.button span{font-size:22px}.disclaimer{font-size:11px;margin-top:20px}.hero-bottom{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid var(--line);font-size:11px;letter-spacing:.6px}.hero-bottom a span{margin-left:32px}.story-art{height:470px;background:#eae7e6;border-radius:5px;position:relative;overflow:hidden}.art-label{position:absolute;top:24px;left:24px;right:24px;font:9px Arial;letter-spacing:1.5px;display:flex;justify-content:space-between}.paper-stack{position:absolute;inset:80px 18% 70px}.sheet{position:absolute;width:68%;height:215px;background:#fffdfb;border:1px solid #d0caca;box-shadow:3px 7px 13px #25291e13;top:calc(var(--i)*6px);left:calc((var(--i) - 6)*5px + 35px);transform:rotate(var(--rotation));padding:24px}.sheet span,.sheet small{display:block;font:6px Arial;letter-spacing:1px;color:#8d8581}.sheet b{display:block;margin:22px 0 17px;font-size:24px}.sheet i{height:2px;background:#dad4d1;display:block;margin:12px 0}.sheet small{margin-top:25px}.stamp{position:absolute;right:25px;bottom:57px;background:var(--lime);padding:22px 27px;transform:rotate(7deg);font-size:22px;line-height:1.45;font-weight:700;box-shadow:0 8px 22px #29301e12}.draft-label{position:absolute;bottom:18px;left:24px;font-size:10px;color:#756d69}.section{padding:110px 7%}.section-heading{margin-bottom:56px}.section-heading>p{max-width:600px}.pain-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.card{border:1px solid var(--line);padding:30px;border-radius:4px}.pain-grid .card{grid-column:span 2;background:#fff9}.pain-grid .card:nth-last-child(-n+2){grid-column:span 3}.card-number{display:block;font:11px Arial;color:#817976;margin-bottom:40px;letter-spacing:1px}.card p{font-size:14px;margin-bottom:0}.closing{margin:50px 0 0;text-align:center;color:var(--muted);font-size:19px}.closing span{color:var(--ink)}.services{background:#343434;color:#faf9f8}.services .eyebrow{color:#d0caca}.services p{color:#d0caca}.green{color:var(--lime)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-grid .card{border-color:#625b57;padding:36px}.service-grid .card-number{color:var(--lime)}.service-grid .card-line{padding-top:26px;margin-top:27px;border-top:1px solid #625b57;color:#faf8f6;font-size:13px}.scope{margin-top:30px;border-bottom:1px solid #625b57}.scope summary{padding:20px 0;list-style:none;display:flex;justify-content:space-between;font-size:14px}.scope summary::-webkit-details-marker{display:none}.scope>div{padding:16px 0;max-width:750px}.audience{display:grid;grid-template-columns:1fr 1fr;gap:60px}.audience ul{list-style:none;padding:0;margin:25px 0}.audience li{padding:23px 0;border-bottom:1px solid var(--line);font-size:15px;display:flex;gap:18px}.audience li span{color:#bd4c09}blockquote{grid-column:1/-1;font-size:clamp(23px,2.4vw,37px);line-height:1.9;text-align:center;font-weight:500;margin:38px 0 0}blockquote span{background:linear-gradient(transparent 70%,var(--lime) 70%)}#process{background:#efebea}.steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none}.steps .card{border:0;border-radius:0;border-top:1px solid #d0caca;padding:28px 25px 0 0}.steps .card-number{background:var(--lime);border-radius:50%;height:46px;width:46px;display:grid;place-items:center;color:var(--ink);font-size:14px}.steps h3{font-size:18px}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 50px}.value-grid .card{padding:30px 0;border:0;border-top:1px solid var(--line);border-radius:0}.value-grid .card-number{margin-bottom:20px}.contact{background:var(--lime);text-align:center}.contact h2{font-size:clamp(35px,4.7vw,68px);line-height:1.5;margin-bottom:35px}.contact .contact-note{font-size:12px;margin-top:22px;color:#51301d}footer{padding:52px 5%;display:flex;align-items:start;justify-content:space-between;gap:30px}footer p,footer>span{font-size:10px;line-height:1.8}footer .wordmark{font-size:26px}footer>span{color:var(--muted)}dialog{border:1px solid var(--line);padding:50px;max-width:570px;width:calc(100% - 32px);border-radius:5px;background:var(--paper);color:var(--ink)}dialog h2{font-size:32px}dialog::backdrop{background:#343434b0;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:15px;top:12px;font-size:26px;background:none;border:0}.skip{position:fixed;top:-100px;z-index:10;background:var(--lime);padding:15px}.skip:focus{top:10px}.story{height:260vh;background:#efebea;--progress:0}.story-stage{height:100svh;position:sticky;top:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px 7% 110px;overflow:hidden}.story-heading h2{font-size:clamp(28px,3.2vw,48px)}.story-heading .text-link{font-size:12px;border-bottom:1px solid #a59a95;padding-bottom:5px}.story-visual{height:340px;position:relative}.orbit-paper{position:absolute;left:23%;top:40px;width:200px;height:260px;padding:26px;background:#fffcfa;box-shadow:0 20px 35px #25321a17;transform-origin:50% 95%;font-size:18px;line-height:1.8;transition:box-shadow .3s}.orbit-paper span{display:block;font:10px Arial;margin-bottom:26px;color:#8d8581}.orbit-paper div{height:2px;background:#dad4d1;margin-top:24px}.p1{transform:translate(calc(-60px + var(--progress)*-55px),calc(15px - var(--progress)*15px)) rotate(calc(-25deg + var(--progress)*25deg))}.p2{transform:translate(calc(var(--progress)*35px),calc(-25px + var(--progress)*25px)) rotate(calc(8deg - var(--progress)*8deg))}.p3{transform:translate(calc(60px + var(--progress)*120px),calc(30px - var(--progress)*30px)) rotate(calc(27deg - var(--progress)*27deg))}.complete-badge{position:absolute;bottom:-26px;right:7%;padding:15px 22px;background:var(--lime);font-size:13px;opacity:var(--progress)}.story-progress{position:absolute;bottom:32px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.story-progress>div{height:2px;background:#d0caca;position:absolute;top:28px;width:100%}.story-progress i{display:block;background:#f37022;height:100%;transform-origin:left;transform:scaleX(0)}
@media(min-width:1600px){header,.hero,footer{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}.section{padding-left:calc((100vw - 1380px)/2);padding-right:calc((100vw - 1380px)/2)}}
@media(max-width:850px){header{height:78px}.wordmark{font-size:26px}nav{gap:20px}nav>a:not(.nav-cta){display:none}.hero-grid{gap:20px;min-height:520px}h1{font-size:44px;letter-spacing:-1.5px}.story-art{height:390px}.paper-stack{inset:70px 5%}.sheet{width:65%;padding:20px}.stamp{right:15px;font-size:17px}.edition{display:none}.section{padding:80px 6%}.pain-grid{grid-template-columns:1fr 1fr}.pain-grid .card,.pain-grid .card:nth-last-child(-n+2){grid-column:auto}.pain-grid .card:last-child{grid-column:1/-1}.steps{grid-template-columns:1fr 1fr;gap:35px 20px}.audience{gap:30px}.story-stage{grid-template-columns:1fr;padding-top:50px}.story-heading{align-self:end}.story-heading h2{margin-bottom:12px}.story-visual{height:290px;width:90%;max-width:480px;margin:auto}.orbit-paper{height:220px;width:160px}.story-heading>p{margin-bottom:10px}footer{flex-wrap:wrap}}
@media(max-width:580px){header{padding:0 6%;height:75px}.nav-cta{font-size:11px;padding:10px 14px}.nav-cta span{margin-left:9px}.wordmark{font-size:25px}.hero{padding:24px 6% 0}.hero-top .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding:20px 0 28px;gap:28px}.hero-copy h1{font-size:45px;line-height:1.35;margin-bottom:24px}.intro{font-size:14px;max-width:350px}.button{font-size:13px;padding:16px 22px}.hero-copy .disclaimer{font-size:10px;margin-bottom:0}.story-art{height:330px}.paper-stack{inset:60px 16% 50px}.sheet{height:180px;width:68%;padding:18px}.sheet b{font-size:18px;margin:18px 0 12px}.sheet i{margin:10px 0}.sheet small{margin-top:15px}.stamp{bottom:43px;right:24px;font-size:18px;padding:19px}.hero-bottom{font-size:9px}.hero-bottom a span{margin-left:10px}.section{padding:70px 6%}.section-heading{margin-bottom:34px}h2{font-size:30px;letter-spacing:-1px}.eyebrow{font-size:9px;margin-bottom:20px}.pain-grid,.service-grid,.value-grid,.audience{display:block}.card,.service-grid .card{padding:27px 24px;margin-bottom:14px}.card-number{margin-bottom:26px}.card h3{font-size:19px}.card p{font-size:13px}.closing{font-size:16px;line-height:1.9;margin-top:33px}.closing span{display:block}.audience ul{margin-top:32px}.audience blockquote{font-size:21px;text-align:left;margin-top:45px}.steps{grid-template-columns:1fr;gap:22px}.steps .card{padding:24px 0 0;display:grid;grid-template-columns:55px 1fr;gap:0 14px}.steps .card-number{grid-row:span 2;margin:0}.steps h3{margin-bottom:9px}.steps p{grid-column:2}.value-grid .card{padding:26px 0}.contact h2{font-size:34px}.contact .eyebrow{font-size:8px}footer{display:block;padding:40px 6%}footer>div{margin:28px 0 20px}.story-stage{padding:35px 6% 85px}.story-heading h2{font-size:28px}.story-visual{width:100%;height:260px}.orbit-paper{width:130px;height:190px;font-size:15px;left:25%;top:30px;padding:20px}.orbit-paper div{margin-top:20px}.p1{transform:translate(calc(-45px + var(--progress)*-15px),10px) rotate(calc(-25deg + var(--progress)*25deg))}.p2{transform:translate(calc(var(--progress)*5px),-10px) rotate(calc(8deg - var(--progress)*8deg))}.p3{transform:translate(calc(45px + var(--progress)*20px),15px) rotate(calc(27deg - var(--progress)*27deg))}.complete-badge{bottom:0;right:0;font-size:11px}.story-progress{left:6%;right:6%}dialog{padding:40px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.story{height:auto}.story-stage{position:relative;min-height:720px;height:auto}.story-progress{display:none}}

.brand-logo{display:block;width:120px;height:82px;object-fit:contain}.wordmark{letter-spacing:normal}header{height:112px}footer .brand-logo{width:145px;height:112px}.hero{min-height:calc(100svh - 112px)}.contact .button{color:#fff}.contact-note{color:#333!important}@media(max-width:580px){header{height:95px}.brand-logo{width:100px;height:77px}.hero{min-height:calc(100svh - 95px)}}

/* Editorial photographic direction, inspired by the supplied Align Studio reference. */
:root{--paper:#fff;--line:#e3e0de}header{height:102px;padding:0 5%;background:#fff}.brand-logo{width:142px;height:98px}.nav-cta{border-radius:40px;background:#343434;color:#fff;border:0}.photo-hero{margin:0 22px;min-height:680px;height:calc(100svh - 122px);max-height:1000px;position:relative;color:white;background:#4b4b48;overflow:hidden;border-radius:4px}.hero-photograph{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 38%}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003 0%,transparent 22%,#0001 40%,#000b 100%)}.photo-topline{position:absolute;top:34px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between}.photo-topline .eyebrow{margin:0;font-size:10px;letter-spacing:1.4px}.photo-topline>span:last-child{font-size:11px;letter-spacing:1px}.photo-content{position:absolute;left:4%;right:4%;bottom:110px;display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:50px}.photo-content h1{font-size:clamp(48px,5.8vw,88px);margin:0;line-height:1.25;letter-spacing:-3px}.photo-content h1 span{color:#f37022}.photo-intro{max-width:380px;justify-self:end}.photo-intro p{color:#fff;font-size:15px;line-height:1.9;text-shadow:0 1px 5px #0005}.photo-intro .button{background:#fff;color:#343434;border-radius:40px;padding:15px 24px;font-size:13px}.photo-intro .button span{color:#c64f0b}.photo-bottom{position:absolute;bottom:24px;left:4%;right:4%;display:flex;align-items:center;gap:24px;border-top:1px solid #fff5;padding-top:20px}.photo-bottom p{color:#eee;font-size:11px;margin:0}.photo-bottom>span{font-size:9px;color:#ddd;margin-left:auto}.photo-bottom>a{width:36px;height:36px;border:1px solid #fff6;border-radius:50%;display:grid;place-items:center}.intro-band{display:grid;grid-template-columns:.7fr 2fr 1fr;gap:28px;align-items:center;padding:68px 6%;border-bottom:1px solid var(--line)}.intro-band h2{font-size:clamp(25px,2.6vw,39px);line-height:1.65;margin:0}.intro-band h2 span{color:#8c8783}.intro-band .eyebrow{margin:0;line-height:1.8}.intro-band p{font-size:12px;margin:0}.section{padding-top:95px;padding-bottom:95px}.pain-grid{gap:0}.pain-grid .card{background:#fff;border:0;border-top:1px solid var(--line);border-radius:0;margin:0 20px 30px 0;padding-left:0}.services{background:#f5f4f3;color:#343434}.services p{color:#6d6969}.services .eyebrow{color:#79716a}.service-grid .card{background:#fff;border:1px solid #e4dfdc;border-radius:0}.service-grid .card-line{color:#343434;border-color:#e4dfdc}.scope{border-color:#d0caca}.scope p{color:#6d6969}.contact{background:#343434;color:#fff}.contact .button{background:#f37022;color:#222}.contact .contact-note{color:#d0caca!important}.contact .eyebrow{color:#d0caca}.section-heading{max-width:900px}.photo-content h1>span:after{display:none}
@media(max-width:850px){.photo-hero{margin:0 14px;min-height:690px}.photo-content{grid-template-columns:1fr;gap:24px;bottom:112px}.photo-content h1{font-size:58px}.photo-intro{justify-self:start;max-width:410px}.photo-intro p{font-size:14px}.hero-photograph{object-position:60% 40%}.photo-shade{background:linear-gradient(180deg,#0002,transparent 20%,#0004 48%,#000c 100%)}.intro-band{grid-template-columns:1fr 2fr;padding:50px 6%}.intro-band p{grid-column:2}.photo-topline>span:last-child{display:none}}
@media(max-width:580px){header{height:94px}.brand-logo{width:122px;height:90px}.photo-hero{margin:0 10px;min-height:690px;height:calc(100svh - 105px);max-height:850px}.photo-topline{left:6%;right:6%;top:25px}.photo-topline .eyebrow{font-size:8px;letter-spacing:.8px}.photo-content{left:6%;right:6%;bottom:108px;gap:20px}.photo-content h1{font-size:44px;letter-spacing:-1.8px}.hero-photograph{object-position:57% 30%}.photo-intro p{font-size:13px;max-width:320px}.photo-intro .button{padding:12px 20px;font-size:12px}.photo-bottom{left:6%;right:6%;gap:10px;flex-wrap:wrap;bottom:17px;padding-top:14px}.photo-bottom p{font-size:9px;width:100%}.photo-bottom>span{margin-left:0;font-size:8px}.photo-bottom>a{margin-left:auto;width:27px;height:27px}.intro-band{display:block;padding:43px 6%}.intro-band .eyebrow{font-size:9px;margin-bottom:24px}.intro-band h2{font-size:25px;margin-bottom:20px}.intro-band p{font-size:11px}.section{padding-top:65px;padding-bottom:65px}.pain-grid .card{margin-right:0}.photo-shade{background:linear-gradient(180deg,#0003,transparent 15%,#0005 43%,#000d 100%)}}

body .brand-text{color:#f37022;display:inline}

.footer-contact a{font-size:14px;white-space:nowrap}.footer-contact a:hover{color:#f37022}.footer-contact p{margin-bottom:8px}

/* Version 1: layered, native-scroll entrance choreography. */
.v1-enter{opacity:0;transform:translate3d(0,28px,0);transition:opacity 1s ease,transform 1.2s cubic-bezier(.16,1,.3,1);transition-delay:var(--enter-delay,0ms)}
.v1-enter-title{transform:translate3d(0,42px,0);transition-duration:1.15s,1.4s}
.v1-enter-subtitle{transform:translate3d(0,20px,0)}
.v1-enter-label{transform:translate3d(0,12px,0);transition-duration:.8s,1s}
.v1-enter-card{transform:translate3d(0,34px,0);transition-duration:1.05s,1.3s}
.v1-enter-list{transform:translate3d(18px,20px,0)}
.v1-enter.v1-shown,.v1-enter:focus-within{opacity:1;transform:translate3d(0,0,0)}
.hero-photograph{transform-origin:center 45%}
.steps .card{position:relative}
.steps .card:before{content:'';position:absolute;left:0;top:-1px;height:2px;width:100%;background:#f37022;transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.16,1,.3,1);transition-delay:var(--enter-delay,0ms)}
.steps .card.v1-shown:before{transform:scaleX(1)}
.button span,.nav-cta span{display:inline-block;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.button:hover span,.nav-cta:hover span{transform:translate(3px,-3px)}
.scope summary span{display:inline-block;transition:transform .4s}
.scope[open] summary span{transform:rotate(45deg)}
.scope[open]>div{animation:v1-open .6s ease both}
@keyframes v1-open{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.v1-enter{opacity:1;transform:none;transition:none!important}.hero-photograph{transform:none!important}.steps .card:before{transform:scaleX(1);transition:none}.scope[open]>div{animation:none}}
@media print{.v1-enter{opacity:1;transform:none}.hero-photograph{transform:none!important}}

/* Larger primary contact labels */
.photo-intro .button,.contact .button{font-size:16px}

header .nav-cta{background:#f37022;color:#343434;border-color:#f37022}
header .nav-cta:hover{background:#f37022;color:#343434;border-color:#f37022}