@charset "UTF-8";
:root{--blue:#006eb9;--orange:#f45216;--ink:#152d41;--muted:#5e6b75;--paper:#f6f5f1;--line:#d7dedf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft JhengHei","PingFang TC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{width:270px}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700}nav a{padding:13px 0}nav a:hover{color:var(--blue)}nav .nav-contact{background:var(--ink);color:white;padding:15px 20px;border-radius:3px}.nav-contact span{padding-left:20px}.menu{display:none}.section-pad{padding:100px 6.5%}.hero{padding-top:38px;padding-bottom:27px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;margin:0;text-transform:uppercase}.hero-top{display:flex;justify-content:space-between;align-items:center}.dot{display:inline-block;background:var(--orange);width:7px;height:7px;border-radius:50%;margin-right:10px}.hero-index{font-size:12px;letter-spacing:.15em}.hero-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;align-items:center;padding:42px 0 52px}h1{font-size:clamp(58px,6.6vw,108px);line-height:1.2;letter-spacing:-.065em;margin:0 0 25px;font-weight:900}.outlined{color:var(--blue)}.orange{color:var(--orange)}.period{margin-left:-.1em}.hero-description{font-size:17px;line-height:1.9;color:var(--muted);margin:0 0 30px}.button{display:inline-flex;align-items:center;gap:48px;padding:19px 24px;font-weight:700;font-size:14px;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.blue{background:var(--blue);color:white}.visual{height:430px;position:relative;background:var(--blue);overflow:hidden;color:white;border-radius:4px}.orbit{position:absolute;border:1px solid #ffffff40;width:370px;height:370px;border-radius:50%;right:-80px;top:-70px}.orbit-two{width:540px;height:540px;right:-130px;top:-130px}.visual:before{content:"";position:absolute;width:260px;height:260px;background:var(--orange);border-radius:50%;right:-90px;bottom:-50px}.visual:after{content:"";position:absolute;height:490px;width:1px;background:#ffffff35;transform:rotate(35deg);left:65%;top:-20px}.visual-caption{position:absolute;top:76px;left:42px;font-family:Arial,sans-serif;font-size:clamp(40px,4.3vw,68px);font-weight:300;line-height:1.04;letter-spacing:-.06em;z-index:1}.visual-caption strong{font-weight:900}.visual-caption>span{display:block;font-family:inherit;letter-spacing:.16em;font-size:15px;margin-top:23px}.live-tag{position:absolute;right:22px;top:22px;font-size:11px;border:1px solid #ffffff60;padding:9px 12px;letter-spacing:.05em;border-radius:25px}.live-tag i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:6px}.visual-bottom{position:absolute;bottom:30px;left:42px;right:30px;display:flex;justify-content:space-between;align-items:end;font:10px/1.7 Arial,sans-serif;letter-spacing:.16em;z-index:1}.big-arrow{font-size:83px;line-height:1}.hero-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.hero-bottom a span{margin-left:35px;color:var(--blue)}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;white-space:nowrap;background:white}.ticker>span{display:block;width:max-content;font:700 clamp(15px,2vw,27px)/1.4 Arial,sans-serif;letter-spacing:.025em;margin:auto}.ticker b{font-size:27px;color:var(--orange);margin:0 32px}.section-heading{display:grid;grid-template-columns:1fr 2.2fr;margin-bottom:50px}.section-heading>div{display:flex;justify-content:space-between;gap:35px;align-items:end}h2{font-size:clamp(32px,3.4vw,52px);line-height:1.4;letter-spacing:-.045em;margin:0;font-weight:800}.section-heading p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin:0}.service-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;padding:29px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.service-number{width:31.25%;font:14px Arial,sans-serif;color:var(--blue)}.service-title{font-size:27px;font-weight:700;display:flex;align-items:center;gap:30px;flex:1}.service-title small{font:11px Arial,sans-serif;letter-spacing:.08em;color:var(--muted)}.service-symbol{color:var(--blue);font-size:30px;transition:transform .25s}details[open] .service-symbol{transform:rotate(45deg);color:var(--orange)}.service-content{margin-left:31.25%;padding:0 50px 30px 0;max-width:870px}.service-content p{color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 18px}.service-note{font-size:11px;letter-spacing:.07em;color:var(--blue)}.text-link{display:inline-flex;border-bottom:1px solid currentColor;padding-bottom:9px;color:var(--blue);font-size:14px;font-weight:700;gap:35px}.work{background:var(--ink);color:white}.work-heading{display:flex;justify-content:space-between;align-items:center}.work-heading>span{font-size:12px;color:#bfced7}.work-title{display:flex;justify-content:space-between;align-items:center;margin:35px 0 43px}.work-title>span{font:80px/1 Arial}.project-image{display:block;background:#0d2131;position:relative;border:1px solid #ffffff20;border-radius:6px;overflow:hidden}.browser-bar{height:35px;display:flex;align-items:center;gap:5px;padding:0 17px;background:#e7e9e9;color:#415463;font:10px Arial,sans-serif}.browser-bar i{width:6px;height:6px;background:#a4afb5;border-radius:50%}.browser-bar span:nth-last-child(2){margin:auto}.browser-bar span:last-child{font-size:18px}.project-image img{width:100%;aspect-ratio:1.93;object-fit:cover;object-position:top;transition:transform .5s}.project-image:hover img{transform:scale(1.015)}.project-open{position:absolute;bottom:22px;right:22px;background:var(--orange);color:white;padding:15px 22px;font-size:14px;font-weight:700;box-shadow:0 4px 25px #0003}.project-info{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:35px}.project-category{font:11px/1.6 Arial,sans-serif;letter-spacing:.12em;color:#acbfce}.project-info h3{font-size:32px;margin:12px 0}.project-info h3 span{display:block;font:12px Arial,sans-serif;letter-spacing:.14em;color:#acbfce;margin-top:10px}.project-info>div>p{font-size:14px;line-height:1.9;color:#c5d0d9}.project-info>div>.project-disclaimer{font-size:11px;color:#a2b5c3}.light{color:white;margin-top:12px}.about{display:grid;grid-template-columns:1fr 1.4fr;gap:12%;align-items:center;background:white}.about-mark{padding:50px;background:var(--paper);border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.about-mark img{max-height:250px;width:auto;mix-blend-mode:multiply}.about-copy .eyebrow{margin-bottom:28px}.about-copy h2{margin-bottom:28px}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.95;color:var(--muted)}.area{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;display:flex;gap:24px;align-items:center;font-size:13px}.area span{color:var(--muted);font-size:12px}.process{display:grid;grid-template-columns:1fr 2.2fr;gap:40px}.process-heading h2{margin-top:27px}.process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:36px}.process li{border-top:1px solid var(--line);padding-top:20px}.process li>span{color:var(--orange);font:13px Arial}.process h3{font-size:20px;margin:14px 0 10px}.process li p{font-size:14px;line-height:1.8;color:var(--muted);max-width:260px}.contact{background:var(--blue);color:white}.contact-heading{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:30px}.contact-heading h2{font-size:clamp(36px,4.7vw,70px);line-height:1.35}.contact-heading h2>span{color:#ffad7f}.contact-circle{border:1px solid #ffffff80;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;font:65px Arial;flex-shrink:0;transition:background .2s}.contact-circle:hover{background:var(--orange)}.contact-intro{margin-top:26px;font-size:14px;line-height:1.8;color:#dfedf7}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:32px;margin-top:50px}.contact-grid a{border-top:1px solid #ffffff50;padding-top:20px;display:grid;grid-template-columns:1fr auto;gap:10px}.contact-grid small{grid-column:1/-1;font-size:12px;color:#deebf4}.contact-grid strong{font:500 clamp(15px,1.6vw,24px) Arial,sans-serif;overflow-wrap:anywhere}.contact-grid a>span{font-size:20px}.contact-grid a:hover strong{text-decoration:underline}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 6.5%;background:white;font-size:11px;color:var(--muted)}footer strong{display:block;font-size:13px;color:var(--ink)}footer div>span{display:block;margin-top:7px;font:10px Arial;letter-spacing:.06em}footer>a{color:var(--ink)}
@media(min-width:1600px){.section-pad{padding-left:max(6.5%,calc((100vw - 1440px)/2));padding-right:max(6.5%,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.header{height:82px}.brand{width:225px}nav{gap:20px;font-size:12px}.hero-layout{gap:25px}.visual{height:370px}.visual-caption{left:28px;top:90px}.visual-bottom{left:28px}.section-pad{padding:75px 6%}.hero{padding-top:28px;padding-bottom:26px}.section-heading>div{display:block}.section-heading p:not(.eyebrow){margin-top:20px}.service-title{font-size:23px;gap:15px}.service-title small{font-size:9px}.about{gap:7%}.about-mark{padding:40px}.contact-grid{gap:20px}.contact-grid strong{font-size:17px}.contact-grid .email strong{font-size:15px}}
@media(max-width:700px){html{scroll-padding-top:85px}.header{height:76px;padding:0 6%}.brand{width:205px}.menu{display:flex;gap:16px;align-items:center;border:0;background:transparent;color:var(--ink);font-size:12px;padding:12px 0}.menu span{font-size:25px}nav{display:none;position:absolute;top:75px;left:0;right:0;padding:18px 6% 25px;background:white;box-shadow:0 12px 20px #152d4110}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:5px}nav>a{font-size:15px;padding:14px}.section-pad{padding:65px 6%}.hero{padding-top:24px;padding-bottom:25px}.hero-top{gap:10px}.eyebrow{font-size:10px;letter-spacing:.09em}.hero-index{font-size:10px}.hero-layout{display:block;padding:35px 0 24px}h1{font-size:clamp(52px,11.5vw,78px);margin-bottom:22px;letter-spacing:-.065em}.hero-description{font-size:15px;margin-bottom:24px}.button{padding:17px 21px;font-size:13px}.visual{height:290px;margin-top:36px}.visual-caption{font-size:53px;top:55px;left:25px}.visual-caption>span{font-size:12px;margin-top:16px}.live-tag{font-size:9px;padding:6px 10px;top:16px;right:15px}.visual-bottom{bottom:20px;left:25px;right:22px;font-size:8px}.big-arrow{font-size:60px}.orbit-one{width:270px;height:270px;right:-50px;top:-80px}.orbit-two{width:400px;height:400px;right:-90px;top:-130px}.visual:before{width:185px;height:185px;bottom:-70px;right:-35px}.hero-bottom{font-size:10px;gap:15px;line-height:1.7}.hero-bottom a{flex-shrink:0}.hero-bottom a span{margin-left:7px}.ticker{padding:14px 0}.ticker>span{font-size:17px;margin-left:22px}.ticker b{margin:0 20px;font-size:20px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{margin-top:25px}h2{font-size:32px}.section-heading p:not(.eyebrow){font-size:13px}.service-number{width:38px;font-size:11px}.service-title{display:block;font-size:21px}.service-title small{display:block;font-size:9px;margin-top:8px;letter-spacing:.08em}summary{padding:23px 0}.service-symbol{font-size:24px}.service-content{margin-left:38px;padding-right:10px;padding-bottom:25px}.service-content p{font-size:14px}.service-note{font-size:10px}.work-title{margin:25px 0}.work-title h2{font-size:28px}.work-title>span{font-size:47px}.work-heading>span{font-size:10px}.browser-bar{height:27px;padding:0 10px}.project-image img{aspect-ratio:1.35;object-fit:cover;object-position:top left}.project-open{bottom:12px;right:12px;font-size:11px;padding:11px 15px}.project-info{grid-template-columns:1fr;gap:12px;padding-top:20px}.project-info h3{font-size:28px}.project-info>div>p{font-size:13px}.about{grid-template-columns:1fr;gap:35px}.about-mark{width:200px;padding:35px;justify-self:center}.about-copy h2{margin-bottom:20px}.about-copy>p:not(.eyebrow){font-size:14px}.area{display:block}.area strong{display:block;margin-top:12px}.process{display:block}.process-heading h2{margin:23px 0 30px}.process ol{gap:25px 20px}.process h3{font-size:18px}.process li p{font-size:12px}.contact-heading{align-items:end;gap:12px}.contact-heading h2{font-size:clamp(28px,7.7vw,42px)}.contact-circle{width:57px;height:57px;font-size:35px;margin-bottom:5px}.contact-intro{font-size:12px;margin-top:22px}.contact-grid{grid-template-columns:1fr;gap:26px;margin-top:32px}.contact-grid strong,.contact-grid .email strong{font-size:21px}.contact-grid a{padding-top:16px}.contact-grid small{font-size:11px}footer{flex-wrap:wrap;padding:28px 6%;gap:20px}footer p{order:3;width:100%;margin:0;font-size:10px}footer>a{margin-left:auto;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* 交錯圖文版面 */
.hero-layout{gap:7%;padding-top:55px;padding-bottom:65px}.hero-copy h1{font-size:clamp(58px,5.8vw,92px)}.visual{border-radius:100px 6px 100px 6px;height:460px}.section-heading{grid-template-columns:1fr 2.5fr}.zigzag-services{display:grid;gap:100px;margin-top:75px}.service-row{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:10%}.service-row.reverse .service-art{order:2}.service-row.reverse .service-copy{order:1}.service-art{height:390px;border-radius:6px 65px 6px 6px;position:relative;overflow:hidden;isolation:isolate}.service-row.reverse .service-art{border-radius:65px 6px 6px 6px}.service-copy h3{font-size:14px;color:var(--blue);margin:22px 0 14px;letter-spacing:.1em}.service-copy h4{font-size:clamp(27px,2.65vw,40px);line-height:1.5;letter-spacing:-.04em;margin:0 0 23px}.service-copy>p:not(.eyebrow){font-size:15px;line-height:1.95;color:var(--muted);max-width:450px}.service-tags{font-size:11px;letter-spacing:.04em;margin:23px 0;color:var(--muted)}.service-copy .text-link{font-size:13px}.art-caption{position:absolute;bottom:15px;left:22px;font-size:9px;letter-spacing:.1em;opacity:.65}.art-live{background:#dbe9ed}.scene-label{position:absolute;left:26px;top:26px;font-size:11px;letter-spacing:.1em}.scene-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}.scene-corner{position:absolute;right:24px;bottom:23px;font:9px Arial;letter-spacing:.15em}.camera{position:absolute;left:20%;top:23%;width:65%;height:65%;transform:rotate(-7deg)}.camera-body{position:absolute;top:20px;left:45px;width:65%;height:120px;background:#193e54;border-radius:16px;box-shadow:12px 15px 0 #aac4cf}.camera-body>span{position:absolute;bottom:20px;left:20px;color:#c6dfe9;font:12px Arial;letter-spacing:.15em}.camera-body b{position:absolute;top:20px;right:20px;font:9px Arial;color:#ff925e}.camera-lens{position:absolute;width:80px;height:85px;background:#006eb9;top:40px;left:0;z-index:1;clip-path:polygon(0 0,100% 16%,100% 84%,0 100%)}.camera-handle{position:absolute;width:130px;height:37px;border:10px solid #193e54;border-bottom:0;border-radius:15px 15px 0 0;top:-14px;left:85px}.camera-stand{position:absolute;width:13px;height:145px;background:#193e54;top:139px;left:135px}.camera-stand:after,.camera-stand:before{content:'';position:absolute;top:40px;width:8px;height:100px;background:#193e54;transform:rotate(28deg);transform-origin:top}.camera-stand:after{transform:rotate(-28deg)}.art-edit{background:#143a51;color:white}.edit-window{width:78%;position:absolute;top:15%;left:11%;background:#092737;padding:13px;border-radius:7px;transform:rotate(4deg);box-shadow:15px 16px 0 #0c2c3f}.edit-screen{height:140px;position:relative;overflow:hidden;background:#dce4e4;display:grid;place-items:center}.edit-screen:before{content:'';position:absolute;width:135px;height:135px;border-radius:50%;background:#ef673a;right:30px;top:35px}.edit-screen i{position:absolute;height:220px;width:70px;background:var(--blue);transform:rotate(30deg);left:45px;top:-40px}.edit-screen>span{z-index:2;color:white;font-size:32px}.edit-controls{font-size:9px;margin:14px 0;display:flex;justify-content:space-between;color:#b9cdd8}.timeline{display:flex;gap:4px;height:25px}.timeline i{flex:1;background:#007ab8}.timeline i:nth-child(2n){background:#ef673a}.audio-wave{height:20px;margin-top:7px;background:repeating-linear-gradient(90deg,#76aab7 0 2px,transparent 2px 5px);clip-path:polygon(0 40%,10% 20%,18% 40%,30% 0,45% 30%,58% 10%,75% 35%,88% 0,100% 30%,100% 70%,80% 85%,60% 70%,50% 95%,30% 65%,10% 90%,0 60%)}.art-design{background:#e9e0d0}.poster{position:absolute;width:48%;height:77%;top:11%;padding:22px}.poster-back{background:var(--blue);color:#fff5dc;left:16%;transform:rotate(-12deg);font-size:75px;line-height:1.15;font-weight:900}.poster-front{left:39%;transform:rotate(9deg);background:#f05b2d;color:#fff8e9;box-shadow:4px 12px 25px #60442128}.poster-front small{font:7px Arial;letter-spacing:.1em;display:block}.poster-front strong{display:block;font-size:37px;line-height:1.3;margin-top:30px;letter-spacing:-.07em}.poster-front>span{position:absolute;bottom:17px;font:7px Arial;letter-spacing:.1em}.swatches{position:absolute;bottom:22px;left:27px;display:flex}.swatches i{height:25px;width:25px;border-radius:50%;background:#fff8e9;border:2px solid #e9e0d0;margin-left:-6px}.swatches i:nth-child(2){background:var(--blue)}.swatches i:nth-child(3){background:#f05b2d}.art-web{background:#dbe5f0}.web-window{position:absolute;top:15%;left:9%;width:76%;height:68%;background:#faf9f5;border-radius:6px;transform:rotate(-5deg);box-shadow:10px 15px 0 #b5c8dc;padding:20px}.web-nav{font:bold 10px Arial;color:var(--blue);display:flex;justify-content:space-between;border-bottom:1px solid #dce1e5;padding-bottom:12px}.web-nav span{font-size:8px}.web-content{height:125px;display:flex;align-items:center;justify-content:space-between;gap:10px}.web-content strong{font:900 26px/1.1 Arial;letter-spacing:-.05em;z-index:1}.web-orb{width:95px;height:95px;border-radius:50%;background:var(--orange);flex-shrink:0;box-shadow:15px 8px 0 #006eb9}.web-cards{display:flex;gap:8px;height:48px}.web-cards i{flex:1;background:#dfe8eb}.web-cards i:nth-child(2){background:#0073ba}.phone{position:absolute;right:10%;bottom:10%;width:83px;height:160px;background:var(--blue);border:5px solid #17374d;border-radius:15px;transform:rotate(8deg);padding:12px;color:white;box-shadow:8px 8px 20px #143a5120}.phone>span{font:7px Arial}.phone b{display:block;font-size:20px;line-height:1.4;margin-top:17px}.phone>i{position:absolute;bottom:10px;right:10px;color:#ffba8e;font:25px Arial}.services{padding-bottom:115px}.work{background:#e8edf0;color:var(--ink)}.work-heading>span{color:var(--muted)}.work-layout{display:grid;grid-template-columns:1fr 1.45fr;column-gap:7%;align-items:center;margin-top:40px}.work-title{grid-column:1;grid-row:1;display:block;margin:0 0 20px}.work-title h2{font-size:clamp(30px,3.1vw,45px)}.work-title>span{display:none}.project-image{grid-column:2;grid-row:1/3;transform:rotate(2deg);box-shadow:0 20px 45px #17354b20;border:8px solid white;border-radius:8px}.project-image img{aspect-ratio:1.35;object-position:top left}.project-info{grid-column:1;grid-row:2;display:block;padding:0}.project-info h3{font-size:23px}.project-info h3 span,.project-category{color:var(--blue)}.project-info>div>p{color:var(--muted);font-size:14px}.project-info>div>.project-disclaimer{color:var(--muted)}.project-info .light{color:var(--blue)}.about{grid-template-columns:1.3fr 1fr;gap:12%;padding-top:115px;padding-bottom:115px}.about-mark{order:2;border-radius:5px 70px 5px 5px;aspect-ratio:1.1;background:#f1eee8}.about-copy{order:1}.about-copy h2{font-size:clamp(32px,3.4vw,49px)}.process{border-top:1px solid var(--line);background:white}.contact{border-radius:65px 0 0 0}
@media(max-width:1000px) and (min-width:701px){.service-row{gap:6%}.service-art{height:320px}.camera-body{height:100px}.camera-stand{top:119px}.poster-front strong{font-size:28px}.web-content strong{font-size:21px}.web-orb{width:65px;height:65px}.service-copy h4{font-size:27px}.visual{height:400px}.work-layout{gap:5%}}
@media(max-width:700px){.hero-layout{padding:32px 0}.hero-copy h1{font-size:clamp(50px,11.8vw,75px)}.visual{height:280px;border-radius:65px 5px 65px 5px}.section-heading{display:block}.zigzag-services{gap:55px;margin-top:38px}.service-row{display:flex;flex-direction:column;gap:27px;align-items:stretch}.service-row.reverse .service-art,.service-row.reverse .service-copy{order:initial}.service-art{height:290px;border-radius:5px 50px 5px 5px}.service-copy h3{font-size:12px;margin:17px 0 10px}.service-copy h4{font-size:28px;margin-bottom:15px}.service-copy>p:not(.eyebrow){font-size:14px}.service-tags{margin:17px 0;font-size:10px}.service-copy .eyebrow{font-size:10px}.camera-body{height:100px}.camera-stand{top:119px;height:100px}.camera-stand:before,.camera-stand:after{height:70px}.camera-handle{left:70px;width:100px}.camera-body>span{font-size:9px}.camera-body b{font-size:8px}.edit-window{top:13%}.edit-screen{height:115px}.poster-front strong{font-size:29px;margin-top:22px}.poster{padding:17px}.poster-back{font-size:60px}.web-window{padding:15px;height:70%}.web-content{height:100px}.web-content strong{font-size:22px}.web-orb{width:65px;height:65px}.web-cards{height:30px}.phone{height:138px;width:72px}.phone b{font-size:17px}.work-layout{display:flex;flex-direction:column;margin-top:30px;gap:25px;align-items:stretch}.work-title{margin:0}.work-title h2{font-size:29px}.project-image{order:1;border-width:5px;transform:rotate(1deg)}.project-info{order:2}.project-info h3{font-size:25px}.project-info>div>p{font-size:13px}.about{display:flex;flex-direction:column;gap:35px;padding-top:65px;padding-bottom:65px}.about-mark{order:0;width:100%;height:260px;aspect-ratio:auto;border-radius:50px 5px 5px 5px}.about-mark img{height:190px;max-height:none}.about-copy{order:1}.about-copy h2{font-size:32px}.contact{border-radius:45px 0 0 0}}
/* 聯絡與合作：緊湊藝術編排 */
.collaboration{background:#f0eadf;color:#172f43;border-radius:0;padding-top:55px;padding-bottom:42px;border-top:2px solid #172f43;position:relative;overflow:hidden}.collab-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #172f4340}.collab-top .eyebrow{font-size:13px;letter-spacing:.08em}.collab-label{font-size:13px;font-weight:700;color:#244f83}.collab-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:35px 0 30px}.collab-intro{position:relative;isolation:isolate}.collab-intro h2{font-size:clamp(38px,4.1vw,62px);line-height:1.2;letter-spacing:-.05em;margin:0 0 20px}.collab-intro h2>span{color:#b53620;display:inline-block;background:#f4c54d;transform:rotate(-3deg);padding:0 8px 5px;margin-left:5px}.collab-intro>p{font-size:16px;line-height:1.8;color:#334956;margin:0 0 23px}.collab-cta{display:inline-flex;align-items:center;gap:38px;background:#234d84;color:white;padding:15px 20px;font-size:14px;font-weight:700;box-shadow:5px 5px 0 #d8a8b8;border:1px solid #172f43}.collab-cta:hover{background:#173b6a}.collab-art{position:absolute;right:-2%;bottom:6px;width:145px;height:135px;z-index:-1}.collab-art i{position:absolute;width:85px;height:85px;background:#d6a4b7;border-radius:50%;top:15px;left:0}.collab-art b{position:absolute;color:#b53620;font:100px/1 Arial;right:0;top:0;transform:rotate(12deg)}.collab-art>span{position:absolute;bottom:0;right:0;font:8px Arial;letter-spacing:.08em;white-space:nowrap}.collab-process h3{font-size:18px;margin:0 0 18px}.collab-process ol{list-style:none;margin:0;padding:0;display:grid;gap:0}.collab-process li{display:flex;gap:20px;padding:13px 0;border-top:1px solid #172f4330;align-items:baseline}.collab-process li>span{font:700 14px Arial;color:#b53620;flex-shrink:0}.collab-process h4{font-size:17px;line-height:1.4;margin:0 0 5px;font-weight:700}.collab-process p{font-size:14px;line-height:1.7;color:#334956;margin:0}.collaboration .contact-grid{margin-top:0;gap:30px}.collaboration .contact-grid a{border-top:2px solid #172f43;padding-top:16px;gap:9px}.collaboration .contact-grid small{font-size:13px;color:#334956}.collaboration .contact-grid strong{font-size:clamp(16px,1.7vw,24px);font-weight:600;color:#172f43}.collaboration .contact-grid a>span{color:#b53620}.collaboration .contact-grid a:hover strong{color:#234d84}
@media(max-width:1000px){.collab-layout{gap:6%}.collab-art{opacity:.55;right:-5%;width:110px;transform:scale(.8);transform-origin:right bottom}.collaboration .contact-grid strong{font-size:18px}.collaboration .contact-grid .email strong{font-size:15px}}
@media(max-width:700px){.collaboration{padding:35px 6% 30px}.collab-top{padding-bottom:19px;gap:12px}.collab-top .eyebrow{font-size:11px}.collab-label{font-size:11px}.collab-layout{grid-template-columns:1fr;gap:32px;padding:28px 0}.collab-intro h2{font-size:43px;line-height:1.25;margin-bottom:17px}.collab-intro>p{font-size:15px;max-width:290px}.collab-cta{font-size:14px;padding:13px 18px;gap:30px}.collab-art{width:130px;right:0;bottom:4px;opacity:.8;transform:scale(.75)}.collab-process h3{font-size:18px;margin-bottom:12px}.collab-process li{gap:16px;padding:12px 0}.collab-process h4{font-size:16px}.collab-process p{font-size:14px}.collaboration .contact-grid{gap:20px}.collaboration .contact-grid a{padding-top:12px}.collaboration .contact-grid strong,.collaboration .contact-grid .email strong{font-size:20px}.collaboration .contact-grid small{font-size:12px}}