:root{--blue:#2e5bd8;--blue-dark:#2049bf;--lime:#dfff72;--ink:#191b24;--paper:#f2f3ee;--orange:#ff6736;--line:rgba(25,27,36,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8e9e5;color:var(--ink);font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid:var(--orange);outline-offset:4px}::selection{background:var(--lime);color:var(--blue)}.site-shell{max-width:1600px;margin:auto;background:var(--paper);overflow:hidden}.skip-link{position:absolute;top:-100px;left:10px;padding:10px;background:#fff;z-index:99}.skip-link:focus{top:10px}.site-header{height:88px;background:var(--paper);display:flex;align-items:center;gap:36px;padding:0 clamp(22px,5.1vw,74px);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:13px;margin-right:auto;white-space:nowrap}.brand-symbol{background:var(--blue);color:var(--lime);width:43px;height:43px;display:grid;place-items:center;border-radius:12px;transform:rotate(-10deg);position:relative;box-shadow:2px 3px 0 var(--ink)}.brand-symbol span{font:bold italic 40px Georgia,serif;line-height:1;transform:rotate(10deg) translateY(-2px)}.brand-symbol i{width:10px;height:10px;background:var(--orange);border-radius:100%;position:absolute;top:-4px;right:-3px}.brand-wordmark{font-weight:900;font-size:20px;letter-spacing:-1px;line-height:1}.brand-wordmark>span{color:var(--blue)}.brand-wordmark sup{font-size:8px;vertical-align:top;margin-left:2px}.brand-wordmark small{display:block;color:#747786;font-size:10px;font-weight:600;letter-spacing:2.3px;margin-top:5px}.nav-links{display:flex;gap:34px;align-items:center}.nav-links a{font-size:12px;font-weight:900;letter-spacing:1px}.nav-links a:hover{color:var(--blue)}.nav-index{font-weight:500;font-size:9px;vertical-align:super;margin-left:3px;color:#7d8192}.header-contact{display:inline-flex;gap:15px;align-items:center;background:var(--ink);color:#fff;border-radius:50px;padding:15px 22px;font-size:12px;font-weight:800;letter-spacing:1px;transition:transform .2s,background .2s}.header-contact:hover,.email-button:hover{background:var(--blue);transform:translateY(-2px)}.header-contact span{font-size:19px}.menu-toggle,.mobile-nav{display:none}
.hero{background:radial-gradient(ellipse at 88% 12%,#4875eb 0%,transparent 45%),linear-gradient(160deg,#3868db 0%,#2455cd 70%,#648ef5 100%);color:var(--lime);margin:0 clamp(14px,2.8vw,40px);min-height:665px;position:relative;isolation:isolate;padding:28px clamp(25px,5.1vw,72px) 20px;box-shadow:0 20px 26px rgba(18,39,100,.17);overflow:hidden}.hero-noise{position:absolute;inset:0;opacity:.10;pointer-events:none;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.55" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity="0.25"/%3E%3C/svg%3E')}.hero-topline,.hero-bottomline,.section-kicker,.contact-top{font-size:10px;line-height:1.3;letter-spacing:1.8px;font-weight:700;display:flex;justify-content:space-between;gap:20px}.hero-topline{opacity:.9}.hero-topline span:not(.tiny-star){margin-left:16px}.tiny-star{font-size:17px;vertical-align:middle}.hero-top{display:flex;align-items:start;justify-content:space-between;margin-top:45px;gap:15px}.hero-headline{font-size:clamp(60px,8.8vw,132px);letter-spacing:-.09em;font-weight:300;line-height:.76;margin:0;max-width:730px;position:relative;z-index:2}.hero-subtitle{display:block;font-family:Georgia,serif;font-weight:400;letter-spacing:-.03em;font-size:clamp(12px,1.55vw,22px);margin-top:25px;font-style:italic}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:340px;justify-content:flex-end;position:relative;z-index:3}.hero-tags span{border:2px solid var(--lime);border-radius:40px;padding:5px 13px;font-size:clamp(11px,1.1vw,16px);line-height:1;font-weight:400;white-space:nowrap}.enjoy-graphic{height:315px;position:absolute;left:13%;right:10%;top:210px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 24px 10px rgba(10,26,101,.26));z-index:3;transform:rotate(-4deg)}.joy-letter{position:relative;line-height:1;display:block;font-family:Arial Black,Impact,Arial,sans-serif;font-weight:1000;font-stretch:condensed;font-size:clamp(150px,20vw,294px);letter-spacing:-.085em;-webkit-text-stroke:2px rgba(1,3,28,.23);text-shadow:2px 3px 0 rgba(255,255,255,.18),7px 10px 0 rgba(20,20,62,.40),14px 18px 9px rgba(2,4,34,.18);will-change:transform;transition:transform .3s}.letter-e{color:#1977fa;transform:rotate(-13deg) translateY(26px);background:linear-gradient(155deg,#67b2ff 2%,#0c68f4 38%,#0754c8 77%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:4}.letter-n{color:#111119;transform:rotate(10deg) translate(-2px,-7px);background:linear-gradient(100deg,#05070a 20%,#5b626b 37%,#111215 52%,#08080e 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:3}.letter-j{color:var(--lime);transform:rotate(6deg) translate(-3px,4px);background:linear-gradient(100deg,#ecff8d 4%,#b9fa17 52%,#6aaf05 97%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:5}.letter-o{color:#164de1;transform:rotate(-14deg) translate(-5px,-5px);background:linear-gradient(130deg,#527eff,#142fbc 70%,#294de0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:2}.letter-y{color:#22252f;transform:rotate(9deg) translate(-13px,-15px);background:linear-gradient(93deg,#111118 0%,#7a8291 30%,#f0f0fa 44%,#15161b 58%,#07080f 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:1}.letter-e:hover,.letter-n:hover,.letter-j:hover,.letter-o:hover,.letter-y:hover{transform:rotate(0deg) translateY(-10px)}.letter-sticker{position:absolute;font:900 22px Arial;top:20%;left:53%;color:var(--orange);-webkit-text-fill-color:var(--orange);transform:rotate(18deg)}.mascot-eyes{position:absolute;left:37%;top:12%;display:flex;gap:0;transform:rotate(-3deg);-webkit-text-fill-color:initial}.mascot-eyes i{display:block;width:clamp(28px,4.8vw,71px);height:clamp(46px,7.4vw,110px);background:radial-gradient(ellipse at 54% 48%,#030305 0 38%,#363c42 43%,#fafbff 47% 70%,#c9ced6 85%);border-radius:50%;border:3px solid #a9b2c1;box-shadow:4px 5px 6px rgba(0,0,0,.2);transform:rotate(-4deg)}.mascot-eyes i+i{transform:rotate(5deg);margin-left:-7px}.hero-swoosh{background:var(--orange);width:87px;height:32px;border:8px solid #ff996b;box-shadow:6px 6px 5px #193aa0;border-radius:60% 40% 60% 40%;position:absolute;top:56%;right:16%;transform:rotate(-35deg)}.hero-squiggle{font:900 100px Arial;position:absolute;right:3%;top:18%;color:var(--orange);transform:rotate(43deg)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-top:250px;position:relative;z-index:4}.thinking{font-family:Georgia,serif;font-size:clamp(40px,7.7vw,109px);letter-spacing:-.07em;line-height:1}.thinking-dot{font:700 25px Arial;margin-left:9px}.hero-caption{color:#fff;line-height:1.8;font-size:13px;letter-spacing:.7px;margin-bottom:4px}.hero-bottomline{align-items:center;border-top:1px solid rgba(227,255,140,.4);padding-top:14px;margin-top:28px}.scroll-link{display:flex;align-items:center;gap:16px}.down-arrow{font-size:21px}.ticker{overflow:hidden;background:var(--lime);padding:15px 0;margin-top:45px;color:var(--blue);transform:rotate(-1.5deg) scale(1.03);position:relative;z-index:2}.ticker-track{white-space:nowrap;font-size:21px;font-weight:900;letter-spacing:3px;animation:marquee 30s linear infinite}@keyframes marquee{to{transform:translateX(-35%)}}
.section{padding:100px clamp(24px,6.3vw,95px)}.section-kicker{border-bottom:1px solid var(--line);padding-bottom:17px;color:#3a3b43}.section-heading{display:flex;gap:30px;justify-content:space-between;align-items:end}.work-heading{padding:63px 0 55px}.eyebrow{font-size:12px;letter-spacing:2.6px;font-weight:800;margin:0 0 26px}.section-heading h2,.about-copy h2{font-size:clamp(60px,8vw,112px);font-weight:900;letter-spacing:-.095em;line-height:.89;margin:0}.work-heading h2 em{color:var(--blue);font-style:normal}.dot{color:var(--orange)}.section-description{font-size:16px;line-height:2;max-width:290px}.work-toolbar{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:25px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-button{border:1px solid #afb0af;border-radius:30px;background:transparent;padding:12px 17px;font-size:13px;font-weight:700;transition:background .2s,color .2s,transform .2s}.filter-button:hover{transform:translateY(-2px)}.filter-button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.filter-button span{margin-left:8px;font-size:10px;opacity:.7}.work-count{font-weight:900;font-size:13px;letter-spacing:1px;white-space:nowrap}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 19px}.project-card{min-width:0}.project-open{display:block;text-align:left;width:100%;padding:0;background:none;border:0;color:inherit}.project-thumb{aspect-ratio:1.29;position:relative;overflow:hidden;background:var(--cover-bg);border-radius:3px;isolation:isolate}.project-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.11));pointer-events:none}.project-abstract{position:absolute;inset:0;display:grid;place-items:center}.project-shape{position:relative;display:block;font-family:Impact,"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(92px,13vw,196px);line-height:1;letter-spacing:-.08em;transform:rotate(var(--shape-rotate));color:var(--shape-color);text-shadow:8px 9px 0 rgba(4,9,23,.18);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.project-open:hover .project-shape,.project-open:focus-visible .project-shape{transform:rotate(0deg) scale(1.14)}.project-thumb .project-spark{position:absolute;right:6%;top:4%;color:var(--spark-color);font-size:70px;line-height:1;transform:rotate(-14deg)}.project-thumb .project-accent{position:absolute;width:90px;height:90px;border:16px solid var(--accent-color);border-radius:50%;bottom:-26px;left:-17px;transform:rotate(25deg)}.project-thumb .thumb-tag{position:absolute;left:19px;top:18px;background:#f5f5ee;color:#222;border:1px solid #222;border-radius:30px;padding:6px 10px;font-size:9px;font-weight:900;letter-spacing:1px}.project-thumb .thumb-arrow{position:absolute;right:16px;bottom:14px;background:var(--lime);color:var(--ink);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:transform .2s;z-index:1}.project-open:hover .thumb-arrow{transform:rotate(45deg)}.project-caption{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-top:17px}.project-caption h3{font-size:18px;letter-spacing:-.4px;margin:0 0 9px}.project-caption p{font-size:12px;color:#666;letter-spacing:.4px;margin:0}.project-caption>span{font-size:13px;font-weight:800}.demo-disclaimer{font-size:12px;line-height:1.7;color:#7b7d7d;border-top:1px solid var(--line);margin-top:38px;padding-top:17px}
.services-section{background:var(--blue);color:var(--lime);position:relative;margin-top:20px;overflow:hidden}.services-inner{padding:67px clamp(24px,6.3vw,95px) 110px;position:relative;z-index:1}.services-kicker{color:var(--lime);border-color:rgba(222,255,114,.3)}.services-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;padding-top:70px}.services-left h2{font-weight:1000;font-size:clamp(65px,8.3vw,118px);letter-spacing:-.09em;line-height:.92;margin:0}.services-left h2 span{color:#fff}.service-dot{font-size:42px;vertical-align:top;margin:0 0 0 10px;color:var(--orange)}.services-left>p:last-child{color:#fff;font-size:15px;line-height:2;margin-top:40px}.service-list{border-top:1px solid rgba(223,255,114,.45);margin-top:25px}.service-item{display:grid;grid-template-columns:38px 1fr 25px;gap:18px;border-bottom:1px solid rgba(223,255,114,.45);padding:29px 0;align-items:start}.service-number{font:700 12px Arial}.service-item h3{font-size:clamp(22px,2.4vw,34px);letter-spacing:-1.3px;line-height:1.1;margin:0 0 13px}.service-item p{color:#e1e9ff;font-size:13px;line-height:1.7;margin:0}.service-icon{font-size:28px}.services-sticker{position:absolute;bottom:-135px;left:30%;font-size:360px;color:var(--orange);line-height:1;transform:rotate(-11deg);opacity:.83}.services-sticker span{position:absolute;left:29%;top:44%;font-size:17px;color:#141414;transform:rotate(12deg);line-height:1.1;font-weight:900}
.about-section{padding-bottom:120px}.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding-top:70px}.about-visual{aspect-ratio:1;position:relative;background:#dfff72;overflow:hidden;border-radius:50% 50% 5% 5%;display:grid;place-items:center}.about-orbit{border:2px solid var(--blue);border-radius:50%;position:absolute;inset:14% -25%;transform:rotate(30deg)}.orbit-two{transform:rotate(-40deg);inset:7% -30%}.about-e{font:bold italic clamp(170px,26vw,360px) Georgia,serif;line-height:1;color:var(--blue);transform:rotate(-15deg);text-shadow:10px 12px 0 #143db2,17px 19px 0 rgba(0,0,0,.13)}.about-burst{position:absolute;right:7%;top:5%;font-size:150px;color:var(--orange);line-height:1}.about-label{position:absolute;bottom:10%;left:11%;font-weight:1000;font-size:clamp(20px,3vw,42px);line-height:1;color:var(--blue);transform:rotate(-8deg)}.about-copy .eyebrow{color:var(--blue)}.about-copy h2{font-size:clamp(58px,7vw,95px)}.about-copy h2 i{color:var(--blue);font:italic normal .96em Georgia,serif}.about-copy>p:not(.eyebrow){font-size:16px;line-height:2;max-width:460px;margin:35px 0}.about-tags{display:flex;gap:8px;flex-wrap:wrap}.about-tags span{font-size:11px;border:1px solid var(--ink);border-radius:50px;padding:10px 16px;font-weight:800;letter-spacing:1px}
.contact-section{background:var(--lime);padding:60px clamp(24px,6.3vw,95px) 80px;position:relative;overflow:hidden}.contact-top{border-bottom:1px solid rgba(20,30,29,.3);padding-bottom:20px}.contact-section>.eyebrow{margin-top:60px;color:var(--blue)}.contact-section h2{position:relative;z-index:1;font-size:clamp(62px,11vw,165px);font-weight:1000;letter-spacing:-.105em;line-height:.92;margin:0}.contact-section h2>span:not(.contact-arrow){color:var(--blue)}.contact-arrow{font-size:clamp(60px,11vw,154px);color:var(--orange);display:inline-block;transform:rotate(15deg);margin-left:.12em}.contact-star{font-size:270px;position:absolute;right:0;top:7%;color:#d5f45a;transform:rotate(25deg)}.contact-bottom{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-top:54px}.contact-bottom p{line-height:2;font-size:15px}.contact-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.email-button{border-radius:50px;background:var(--ink);color:#fff;padding:20px 28px;font-size:14px;font-weight:900;letter-spacing:1.5px;display:flex;gap:45px;transition:transform .2s,background .2s}.email-button span{font-size:20px}.phone-link{font-weight:800;border-bottom:1px solid;padding-bottom:7px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:39px clamp(24px,6.3vw,95px);background:#17191e;color:#fff;font-size:10px;letter-spacing:1px;flex-wrap:wrap}.footer>div:first-child{display:flex;flex-direction:column;gap:5px}.footer-logo{font-size:24px;font-weight:1000;letter-spacing:-1px}.footer-logo sup{font-size:10px}.footer>div:first-child span{color:#c3c7c8}.footer a:hover{color:var(--lime)}
.project-dialog{border:0;border-radius:15px;background:#f5f5ef;color:var(--ink);padding:0;width:min(780px,calc(100vw - 36px));max-height:90vh;box-shadow:0 25px 90px rgba(0,0,0,.3)}.project-dialog::backdrop{background:rgba(8,13,29,.78);backdrop-filter:blur(6px)}.dialog-body{position:relative}.dialog-close{position:absolute;top:16px;right:16px;z-index:4;border:0;background:var(--lime);color:var(--ink);width:45px;height:45px;border-radius:50%;font-size:30px;display:grid;place-items:center}.dialog-media{background:#2e5bd8;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}.dialog-media iframe,.dialog-media video{width:100%;height:100%;border:0;object-fit:contain}.dialog-placeholder{text-align:center;color:var(--lime);padding:30px}.dialog-placeholder .play-art{font-size:85px;line-height:1;display:block;margin-bottom:15px}.dialog-placeholder strong{display:block;font-size:24px}.dialog-placeholder p{font-size:14px;line-height:1.7;color:#fff}.dialog-details{padding:30px 33px 35px}.dialog-tag{display:inline-block;border:1px solid #757575;border-radius:20px;padding:7px 12px;font-size:11px}.dialog-details h2{margin:15px 0 8px;font-size:34px}.dialog-details p{line-height:1.8;color:#5c5e62;margin:0}
@media(max-width:1100px){.nav-links{gap:17px}.hero{min-height:590px}.enjoy-graphic{top:215px;left:4%;right:4%;height:240px}.hero-bottom{margin-top:215px}.projects-grid{gap:30px 16px}.mascot-eyes{top:12%}}
@media(max-width:780px){.site-header{height:76px}.nav-links,.header-contact{display:none}.menu-toggle{width:42px;height:42px;border:1px solid #bbb;background:transparent;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{width:18px;height:2px;background:var(--ink)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:76px;left:0;right:0;background:var(--paper);z-index:9;flex-direction:column;padding:14px 25px 25px;box-shadow:0 13px 20px rgba(0,0,0,.12)}.mobile-nav a{padding:12px 0;border-bottom:1px solid #ddd;font-weight:900}.hero{min-height:600px}.hero-topline>div:last-child{display:none}.hero-top{margin-top:32px;flex-direction:column}.hero-headline{font-size:clamp(58px,12.5vw,88px)}.hero-tags{position:absolute;right:5%;top:55px;max-width:175px;gap:5px}.hero-tags span{font-size:10px;border-width:1px}.enjoy-graphic{top:235px;left:-4%;right:-4%;height:195px}.joy-letter{font-size:clamp(112px,22.5vw,190px)}.mascot-eyes i{width:35px;height:56px}.hero-swoosh{width:57px;height:26px;border-width:5px}.hero-squiggle{font-size:60px}.hero-bottom{margin-top:232px}.thinking{font-size:clamp(39px,9vw,65px)}.hero-caption{font-size:11px}.hero-bottomline>span{display:none}.work-heading{align-items:start;flex-direction:column;gap:0}.section-description{max-width:100%;font-size:14px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-shape{font-size:clamp(105px,22vw,185px)}.services-layout{grid-template-columns:1fr;gap:24px}.services-left h2{font-size:clamp(80px,12vw,110px)}.services-inner{padding-bottom:80px}.services-sticker{left:58%;font-size:250px;bottom:-70px}.about-layout{grid-template-columns:1fr;gap:52px}.about-visual{width:min(100%,500px)}.contact-bottom{align-items:start;flex-direction:column}.footer>div:nth-child(2){display:none}}
@media(max-width:520px){.site-header{padding:0 20px}.brand-wordmark{font-size:18px}.brand-wordmark small{font-size:9px;letter-spacing:1.6px}.hero{margin:0 10px;padding:20px 19px 20px;min-height:555px}.hero-topline{font-size:8px;letter-spacing:1.1px}.hero-top{margin-top:50px}.hero-headline{font-size:clamp(57px,14vw,80px)}.hero-subtitle{font-size:11px;margin-top:15px}.hero-tags{top:67px;right:15px;max-width:120px;justify-content:end}.hero-tags span{padding:5px 7px;font-size:8px}.enjoy-graphic{top:245px;height:138px;left:-18%;right:-18%}.joy-letter{font-size:clamp(88px,24vw,129px);-webkit-text-stroke:1px rgba(1,3,28,.18);text-shadow:2px 2px 0 rgba(255,255,255,.15),5px 7px 0 rgba(20,20,62,.4),8px 12px 8px rgba(2,4,34,.12)}.mascot-eyes{top:13%;left:30%}.mascot-eyes i{width:25px;height:40px;border-width:2px}.mascot-eyes i+i{margin-left:-5px}.hero-swoosh{width:40px;height:17px;border-width:4px}.hero-squiggle{font-size:42px}.letter-sticker{font-size:14px}.hero-bottom{margin-top:210px;align-items:start;flex-direction:column;gap:14px}.thinking{font-size:clamp(37px,10vw,56px)}.thinking-dot{font-size:15px}.hero-caption{font-size:11px;line-height:1.5}.hero-bottomline{margin-top:18px}.ticker{margin-top:25px;padding:10px}.ticker-track{font-size:14px}.section{padding:68px 22px}.section-kicker{font-size:8px;letter-spacing:1px}.work-heading{padding:42px 0 33px}.section-heading h2{font-size:clamp(57px,13vw,85px)}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:22px}.work-toolbar{align-items:start;flex-direction:column}.filters{gap:6px}.filter-button{padding:10px 12px;font-size:11px}.work-count{display:none}.projects-grid{grid-template-columns:1fr;gap:28px}.project-shape{font-size:clamp(140px,39vw,210px)}.project-thumb{aspect-ratio:1.35}.project-caption h3{font-size:17px}.services-inner{padding:60px 22px 85px}.services-left h2{font-size:clamp(70px,17vw,95px)}.services-layout{padding-top:50px}.service-item{grid-template-columns:24px 1fr 20px;gap:10px;padding:22px 0}.service-item h3{font-size:24px}.service-item p{font-size:12px}.services-sticker{font-size:180px;bottom:-60px}.about-layout{padding-top:43px}.about-e{font-size:75vw}.about-burst{font-size:100px}.about-copy h2{font-size:clamp(59px,14vw,85px)}.about-copy>p:not(.eyebrow){font-size:14px}.contact-section{padding:55px 22px 65px}.contact-section>.eyebrow{margin-top:48px}.contact-section h2{font-size:clamp(59px,13.8vw,90px)}.contact-arrow{font-size:50px}.contact-star{font-size:150px;top:12%}.contact-bottom{gap:15px;margin-top:35px}.contact-bottom p{font-size:13px}.contact-actions{gap:20px}.email-button{padding:17px 23px}.footer{padding:37px 22px;gap:20px}.footer>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.joy-letter,.project-shape,.header-contact,.email-button{transition:none}}

/* 真實作品封面：雲端縮圖無法讀取時保留原有色塊設計 */
.project-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1;transition:opacity .32s ease}
.project-thumb.has-cover .project-cover-image{opacity:1}
.project-thumb.has-cover:after{z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 40%,rgba(0,0,0,.32))}
.project-thumb .thumb-tag{z-index:3}
.project-thumb .thumb-arrow{z-index:4}
.project-thumb.has-cover .project-spark,.project-thumb.has-cover .project-accent{opacity:0}
.dialog-source-link{display:inline-flex;align-items:center;margin-top:16px;padding:8px 0;color:#2e5bd8;text-decoration:underline;font-size:13px;font-weight:750}
.dialog-source-link[hidden]{display:none}