/* Shared blue-white theme. Native email and security behavior are retained. */
:root{--blue:#0966b8;--ink:#123b5b;--muted:#4d6680;--paper:#f3f8fc;--line:#cbddec;--orange:#0966b8}
body{background:#fff;color:var(--ink);font-family:"Microsoft JhengHei","PingFang TC",sans-serif}
.header{background:#dcedfa;border-bottom:1px solid #bfd7ea;height:100px;padding:0 6%;box-shadow:0 3px 15px #123b5b08}.header .brand{width:275px;background:transparent;padding:0;border-radius:0}.brand:before,.brand:after{content:none!important}.header nav{font:600 17px/1.5 "Microsoft JhengHei",sans-serif;gap:28px;color:#123b5b}.header nav a{color:#123b5b}.header nav a:hover{color:#005391}.header nav .nav-contact{color:#fff;background:#075a9f;border:0;border-radius:40px;padding:14px 22px}.header .menu{color:#123b5b;font-weight:700}
h1,h2,h3,h4{font-family:"Microsoft JhengHei","PingFang TC",sans-serif;letter-spacing:0}.eyebrow,.hero-top .eyebrow,.service-copy .eyebrow{font-family:inherit;font-size:16px;letter-spacing:.08em;color:#24618e;font-weight:500}.section-pad{padding:55px 6%}
.hero{position:relative;isolation:isolate;min-height:650px;padding:85px 6% 70px;background:#082744;color:white;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;filter:saturate(.72);z-index:-3}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#052544ed,#082b4fb5 43%,#061c3620 85%);z-index:-2}.hero-copy{max-width:730px}.hero-copy h1{font-family:inherit;font-size:clamp(50px,5.3vw,80px);font-weight:700;line-height:1.38;letter-spacing:.015em;margin:22px 0}.hero .eyebrow{color:#c7e8ff;font-size:16px}.hero-copy h1 .outlined{color:#c4e7ff}.hero-description{color:#f0f7ff;font-size:20px;line-height:1.9;max-width:none;margin:22px 0 28px}.hero-poem{font:italic 26px/1.5 Georgia,serif;color:#d8edff;margin:0 0 18px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.button,.collab-cta{border-radius:40px;font-size:17px;padding:16px 24px;font-weight:600;box-shadow:none;transform:none}.hero .button{background:#eef8ff;color:#125a97;gap:25px}.hero .button-secondary{background:transparent;color:#fff;border:1.5px solid #e4f4ff}.button:hover{transform:none;background:#d8ebfa}
.ticker{background:#edf6fc;border:0;padding:25px 6%}.ticker>span{font-family:inherit;font-size:19px;color:#285a80;letter-spacing:.13em}.ticker b{color:#7198b8;font-size:16px}.section-heading{grid-template-columns:1fr 2.2fr;gap:30px;margin-bottom:40px}.section-heading h2{font-size:36px;font-weight:600;line-height:1.55}.section-heading p:not(.eyebrow){color:var(--muted);font-size:18px}
.zigzag-services{gap:65px;margin-top:40px}.service-row{gap:7%;align-items:center}.service-copy h3{font:500 16px/1.7 "Microsoft JhengHei",sans-serif;color:#356b95;margin:17px 0}.service-copy h4{font-family:inherit;font-size:34px;line-height:1.55;font-weight:600;letter-spacing:0;margin:14px 0 23px}.service-copy>p:not(.eyebrow){font-family:inherit;font-size:18px;line-height:1.95;color:#49667f}.service-tags{color:#446d8e;font-size:16px;line-height:1.9}.text-link,.service-copy .text-link{font:500 17px/1.6 "Microsoft JhengHei",sans-serif;color:#0962aa;border-bottom:0;border-radius:30px;padding:11px 20px;background:#edf5fc;margin-top:16px}.live-main,.live-main img{border-radius:17px;overflow:hidden}.live-caption{font-size:15px;color:#4f6d85}.live-thumbs{gap:8px}.live-thumb{border-radius:6px;overflow:hidden}.editing-collage img,.design-composition img{border-radius:13px}.editing-photo figcaption,.design-photo figcaption{font-size:14px;line-height:1.8;color:#526e85}.design-note{color:#244f72}.web-example{border-radius:12px}.web-example-top{background:#e8f2fa;color:#234e70}.web-example-caption{background:#f5f9fd;color:#163e5f}.web-example-caption span{color:#4b6d87}
.work{background:#eef6fc;color:#153c5d}.work-heading>span{color:#416a89}.work-title h2{font-family:inherit;font-size:36px;font-weight:600;line-height:1.5}.work-title>span{color:#176aac}.work-tagline{color:#396b92!important}.project-image{transform:none;border:0;border-radius:13px;box-shadow:0 14px 40px #173f611a}.project-image img{height:auto;aspect-ratio:auto;object-fit:contain;transform:none!important}.project-image .project-open{position:static;display:block;width:100%;background:#1264a7;color:#fff;margin:0;padding:15px 20px;text-align:right;box-shadow:none;font-size:16px}.browser-bar{background:#d9eaf6;color:#224c6c}.project-info>div>p{color:#49667e;font-size:18px}.project-info .project-category{color:#326a96}.project-info h3{font-size:31px;color:#164b76}.project-info h3 span{color:#557d9c}.project-info>div>.project-disclaimer{color:#526d84;font-size:15px}.project-info .text-link{color:#fff;background:#0966b8}
#about.about{padding:42px 6%;gap:8%;background:#fff}#about .about-copy h2{font-family:inherit;font-size:36px;font-weight:600;line-height:1.55}#about .about-copy>p:not(.eyebrow){font-family:inherit;font-size:18px;color:#4d6680;line-height:1.95}.about-mark{background:transparent;border-radius:0}.area{border-color:#ccdfed}.area span{color:#52708a}.area strong{font-weight:500}
#contact.collaboration{background:linear-gradient(120deg,#0d4e83,#082744);color:#fff;padding:45px 6% 34px;border:0}#contact .collab-top{border-color:#ffffff30}#contact .collab-top .eyebrow{color:#c4e5fa}.collab-label{color:#d1e5f4}#contact .collab-intro h2{font-family:inherit;font-size:39px;font-weight:600;line-height:1.5}#contact .collab-intro h2>span{color:#b4dfff}#contact .collab-intro>p{font-family:inherit;font-size:18px;color:#e0edf8}#contact .collab-cta{background:#eef8ff;color:#15588e;border:0}#contact .collab-process h3{color:#e1f1fc;font-size:19px}#contact .collab-process h4{font-family:inherit;color:#fff;font-size:18px}#contact .collab-process p{font-family:inherit;color:#c9dfef;font-size:16px;line-height:1.85}#contact .collab-process li{border-color:#ffffff30}#contact .collab-process li>span{color:#abd9fa}#contact .contact-grid a{border-color:#ffffff40}#contact .contact-grid small{color:#c9e3f5}#contact .contact-grid strong{color:#fff;font-size:23px}#contact .contact-grid a>span{color:#b9e0fa}footer{background:#e9f3fb;color:#3d607d;border-color:#d3e3ef;font-size:15px}footer strong,footer>a{color:#153e5d}
body:has(.inquiry-layout){background:#f3f8fc}.inquiry-layout{max-width:1440px;padding:42px 6% 50px;gap:6%;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}.inquiry-intro h1{font-family:inherit;font-size:clamp(36px,3.5vw,52px);font-weight:600;line-height:1.5;letter-spacing:0}.inquiry-intro h1 span{color:#0966b8}.back-home{color:#2e6590;font-size:17px}.inquiry-lead{font:18px/1.95 "Microsoft JhengHei",sans-serif;color:#4e6b84}.inquiry-art{display:none}.inquiry-contact{margin-top:28px;border-color:#c7dcec}.inquiry-contact p{color:#53728c;font-size:16px}.inquiry-contact a{font-size:18px;color:#145e97}.inquiry-panel{border:0;background:white;border-radius:20px;overflow:hidden;box-shadow:0 12px 38px #143b5e08}.panel-heading{padding:27px 30px 20px;border-color:#dce8f2}.panel-heading .eyebrow{color:#286796;font-size:14px}.panel-heading h2{font:600 28px/1.5 "Microsoft JhengHei",sans-serif}.panel-heading>span{font-size:16px;color:#56728a}#inquiry-native{padding:25px 30px 30px}.form-progress{font-size:16px;color:#607b93}.form-progress .active{color:#125e99}.form-progress i{background:#cbdfee}.required-note{font-size:14px;color:#57718a}#inquiry-native label,.wide-field{font-size:17px;color:#254c6b}#inquiry-native small{font-size:14px;color:#5a7388}#inquiry-native input:not([type=checkbox]),#inquiry-native select,#inquiry-native textarea{border:1px solid #bdd3e5;border-radius:10px;background:#fcfdff;color:#183e5c;font:16px/1.5 "Microsoft JhengHei",sans-serif}#inquiry-native input:focus,#inquiry-native select:focus,#inquiry-native textarea:focus{outline:2px solid #4b92c7}#inquiry-native input::placeholder,#inquiry-native textarea::placeholder{color:#637b90}.form-next,.form-send{border-radius:35px;background:#0966b8;font:500 17px/1.5 "Microsoft JhengHei",sans-serif;padding:14px 23px}.form-next:hover,.form-send:hover{background:#074f8d}.form-back{color:#315f83;font-size:16px}.choice-grid span{border-radius:10px;border-color:#c4d8e7;background:#f6faff;font-size:16px;padding-top:14px;padding-bottom:14px}.choice-grid input{accent-color:#0966b8;top:18px}.choice-grid input:checked+span{background:#e2f0fc;border-color:#277ebf}.service-choices>p{font-size:17px}#inquiry-native .inquiry-privacy{font-size:14px;color:#536d83;line-height:1.9}.security-check{border-color:#d8e6f0}.security-heading{font-size:17px;color:#315a7a}#security-status{color:#4a6983;font-size:15px}#security-retry{color:#1a639c;font-size:15px}.form-success h3{color:#155d96;font-size:30px}.form-success p{color:#496b85}.form-success a{display:inline-flex;background:#0966b8;color:#fff;padding:13px 23px;border-radius:35px}.form-error{font-size:16px;color:#a13337}
@media(max-width:1050px){.header .brand{width:225px}.header nav{gap:18px;font-size:16px}.header{height:88px}.service-copy h4{font-size:29px}.section-heading>div{display:block}.section-heading p:not(.eyebrow){margin-top:18px}.hero{min-height:610px}.inquiry-layout{gap:25px;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)}}
@media(max-width:760px){.header{height:80px;padding:0 5%;position:sticky}.header .brand{width:210px;max-width:calc(100% - 85px)}.header .menu{display:flex;font-size:16px;gap:9px;min-height:44px}.header nav{display:none;top:79px;background:#dcedfa;padding:16px 5% 23px;box-shadow:0 12px 20px #123b5b15}.header nav.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0}.header nav a{font-size:18px;padding:13px 15px}.header nav .nav-contact{margin-top:8px;text-align:center}.section-pad{padding:36px 6%}.hero{min-height:610px;padding:55px 7% 50px}.hero-background{object-position:62% center}.hero:before{background:linear-gradient(90deg,#052544ee,#082b4f99)}.hero-copy h1{font-size:clamp(42px,10.5vw,60px);line-height:1.4;letter-spacing:0}.hero .eyebrow{font-size:14px;line-height:1.8}.hero-poem{font-size:21px}.hero-description{font-size:18px;line-height:1.9}.hero-actions{gap:12px}.hero .button{font-size:16px;padding:14px 20px}.ticker{padding:20px 4%}.ticker>span{font-size:16px;letter-spacing:.06em}.ticker b{margin:0 12px;font-size:14px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:30px;margin-top:17px}.section-heading p:not(.eyebrow){font-size:17px}.zigzag-services{gap:40px;margin-top:28px}.service-row,.service-row.reverse{display:grid;grid-template-columns:1fr;gap:23px}.service-row>div,.service-row>figure{min-width:0}.service-row .service-copy{order:1}.service-row .live-gallery,.service-row figure,.service-row .web-showcase{order:0}.service-copy h4{font-size:28px;line-height:1.6}.service-copy>p:not(.eyebrow){font-size:17px}.eyebrow,.service-copy .eyebrow{font-size:15px}.service-tags{font-size:16px}.service-copy .text-link{font-size:16px}.live-caption{font-size:14px}.live-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}.web-showcase{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px}.web-example-primary img,.web-example-secondary img{height:auto;aspect-ratio:auto;object-fit:contain}.web-example-caption strong{font-size:15px}.web-example-caption span{font-size:13px}.work-title h2{font-size:29px}.work-title{gap:15px}.work-title>span{font-size:40px}.work-layout{display:block}.project-image img{height:auto;aspect-ratio:auto;object-fit:contain}.project-info{grid-template-columns:1fr;gap:14px}.project-info>div>p{font-size:17px}.project-info h3{font-size:28px}#about.about{padding:34px 6%;gap:25px;grid-template-columns:1fr}#about .about-copy h2{font-size:29px}#about .about-copy>p:not(.eyebrow){font-size:17px}.area{flex-wrap:wrap;gap:8px 18px}#contact.collaboration{padding:34px 6%}#contact .collab-layout{grid-template-columns:1fr;gap:27px}#contact .collab-intro h2{font-size:32px}#contact .collab-intro>p{font-size:17px}#contact .collab-process h4{font-size:17px}#contact .collab-process p{font-size:16px}#contact .contact-grid{grid-template-columns:1fr 1fr;gap:19px}#contact .contact-grid .email{grid-column:1/-1}#contact .contact-grid strong,#contact .contact-grid .email strong{font-size:20px;overflow-wrap:anywhere}#contact .contact-grid small{font-size:15px}footer{padding:25px 6%;flex-wrap:wrap;font-size:14px}.inquiry-layout{display:block;padding:28px 5% 35px}.inquiry-intro{padding:0 0 25px}.inquiry-intro h1{font-size:35px}.inquiry-lead{font-size:17px;max-width:none}.inquiry-contact{display:none}.back-home{margin-bottom:15px}.inquiry-panel{border-radius:16px}.panel-heading{padding:23px 20px 18px;display:block}.panel-heading h2{font-size:25px}.panel-heading>span{display:block;margin-top:8px;font-size:16px}#inquiry-native{padding:22px 20px 25px}.field-grid,.choice-grid{grid-template-columns:1fr;gap:18px}.form-next{gap:20px}.form-progress{gap:12px;font-size:15px}.security-check,#security-widget{max-width:100%;min-width:0}.form-actions{gap:12px}.editing-collage{height:280px}.editing-collage .editing-main{height:205px}.editing-collage .editing-detail{height:137px}.editing-collage .editing-studio{height:125px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}