:root{--pink:#e271aa;--pink-soft:#f5d4e4;--ink:#3a3a3a;--muted:#7a7a7a;--navy:#000f2b;--line:#ead4df;--surface:#f7f7f7;--white:#fff;--shadow:0 18px 50px #3c23301a;--shell:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;line-height:1.75}body,button,input,textarea{font:inherit}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb, var(--pink) 65%, white);outline-offset:4px}.skip-link{background:var(--navy);color:#fff;z-index:1000;padding:10px 16px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.page-shell{max-width:var(--shell);width:100%;margin-inline:auto;padding-inline:28px}.page-shell--wide{max-width:1320px}.page-section{padding-block:88px}.section-heading{text-align:center;margin:0 auto 44px}.section-heading p,.inner-hero>p{color:var(--pink);letter-spacing:.28em;margin:0 0 4px;font-family:Raleway,Poppins,sans-serif;font-size:12px;font-weight:700}.section-heading h1,.section-heading h2,.inner-hero h1{color:var(--muted);letter-spacing:.02em;margin:0;font-family:Raleway,Noto Sans TC,sans-serif;font-size:clamp(34px,4vw,48px);font-weight:500;line-height:1.2}.section-heading--compact{margin-bottom:28px}.site-header{z-index:100;background:#fffffff5;border-bottom:1px solid #e271aa1f;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;max-width:1280px;min-height:96px;margin-inline:auto;padding:8px 28px;display:flex}.site-header__brand{flex:none;align-items:center;display:flex}.brand-logo{object-fit:contain;object-position:left center;width:126px;height:78px}.brand-fallback{color:var(--muted);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.brand-fallback__mark{color:var(--pink);font-size:34px}.primary-nav>ul,.submenu{margin:0;padding:0;list-style:none}.primary-nav>ul{align-items:center;gap:34px;display:flex}.primary-nav li{position:relative}.primary-nav a{color:#575757;padding-block:14px;font-family:Raleway,Noto Sans TC,sans-serif;font-size:15px;transition:color .18s;display:block}.primary-nav a:hover,.primary-nav a.is-active{color:var(--pink)}.has-submenu>a:after{content:"⌄";margin-left:7px;font-size:12px}.submenu{box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#fff;min-width:210px;padding:10px 18px;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% - 4px);right:0;transform:translateY(8px)}.submenu a{white-space:nowrap;border-bottom:1px solid #f1e7ec;padding:10px 4px}.submenu li:last-child a{border:0}.has-submenu:hover .submenu,.has-submenu:focus-within .submenu{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-toggle{cursor:pointer;background:0 0;border:0;padding:10px;display:none}.menu-toggle span{background:var(--pink);width:27px;height:2px;margin:5px 0;display:block}.hero-slider{background:#f3edf0;min-height:min(90vh,920px);position:relative;overflow:hidden}.hero-slider__slide{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .9s,transform 4.5s;position:absolute;inset:0;transform:scale(1.015)}.hero-slider__slide.is-active{opacity:1;transform:scale(1)}.hero-slider__dots{z-index:2;gap:9px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hero-slider__dots button{cursor:pointer;background:#ffffffb3;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:background .18s,transform .18s}.hero-slider__dots button.is-active{background:var(--pink);transform:scale(1.35)}.service-card-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.service-card{aspect-ratio:3/4;background:#d8d4d6;position:relative;overflow:hidden}.service-card img,.service-card .image-placeholder{object-fit:cover;width:100%;height:100%;transition:transform .5s}.service-card:after{content:"";background:linear-gradient(#0000 25%,#110a0ec2);position:absolute;inset:0}.service-card__content{color:#fff;z-index:1;padding:28px 24px;position:absolute;bottom:0;left:0;right:0}.service-card h3{margin:0 0 8px;font-size:28px;font-weight:500}.service-card p{margin:0;font-size:14px;line-height:1.65}.service-card:hover img{transform:scale(1.045)}.project-showcase{padding-bottom:96px}.project-showcase__media{background:#f0ecee;height:min(72vh,760px);position:relative;overflow:hidden}.project-showcase__slide{opacity:0;background-position:50%;background-size:cover;transition:opacity .9s;position:absolute;inset:0}.project-showcase__slide.is-active{opacity:1}.outline-link{border:1px solid var(--pink);color:var(--pink);letter-spacing:.04em;text-align:center;max-width:300px;margin:30px auto 0;padding:12px 22px;font-size:14px;transition:background .18s,color .18s;display:block}.outline-link:hover{background:var(--pink);color:#fff}.post-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.post-card{background:#fff;min-width:0;box-shadow:0 12px 36px #422e3814}.post-card__image{aspect-ratio:16/9;background:#eee8eb;display:block;overflow:hidden}.post-card__image img,.post-card__image .image-placeholder{object-fit:cover;width:100%;height:100%;transition:transform .4s}.post-card:hover .post-card__image img{transform:scale(1.035)}.post-card__body{padding:22px 22px 25px}.post-card__category{color:var(--pink);letter-spacing:.08em;margin:0 0 7px;font-size:12px}.post-card h3{color:#707070;margin:0 0 14px;font-size:19px;line-height:1.55}.post-card h3 a:hover{color:var(--pink)}.post-card time{color:#aaa;font-size:12px}.home-about{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.home-about__copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(50px,7vw,110px);display:flex}.home-about__copy h2{color:var(--muted);margin:0 0 24px;font-family:Raleway,sans-serif;font-size:44px;font-weight:500}.home-about__copy p{color:var(--muted);white-space:pre-line;margin:0}.home-about__copy .outline-link{min-width:150px;margin-left:0}.home-about__image{min-height:560px}.home-about__image img,.home-about__image .image-placeholder{object-fit:cover;width:100%;height:100%}.contact-band{background:var(--surface);padding:62px 28px 70px}.contact-band .section-heading h2{color:var(--pink);font-size:30px;font-weight:600}.contact-band__actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.contact-band__actions a{color:#fff;text-align:center;background:#7d7d7d;min-width:210px;padding:11px 20px;transition:background .18s}.contact-band__actions a:hover{background:var(--pink)}.site-footer{color:#777;background:#fff;padding:58px 28px 20px}.site-footer__inner{max-width:var(--shell);grid-template-columns:1fr 1fr;gap:60px;margin-inline:auto;display:grid}.site-footer__brand .brand-logo{width:170px;height:110px}.site-footer__brand p{margin:14px 0 0;font-size:14px}.site-footer__contact{align-self:center;gap:12px;display:grid}.site-footer__contact p{margin:0}.site-footer__contact span{color:var(--pink);letter-spacing:.08em;text-transform:uppercase;min-width:190px;font-size:12px;display:inline-block}.site-footer__contact a:hover{color:var(--pink)}.site-footer__legal{max-width:var(--shell);text-align:center;border-top:1px solid #eee7eb;margin:46px auto 0;padding-top:18px;font-size:11px}.inner-hero{text-align:center;padding:96px 28px 52px}.inner-hero--projects{padding-bottom:40px}.services-list{gap:84px;display:grid}.service-detail{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(42px,7vw,100px);display:grid}.service-detail:nth-child(2n) .service-detail__image{order:2}.service-detail__image img,.service-detail__image .image-placeholder{aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:18px 20px #f1edf0}.service-detail__copy h2{color:var(--pink);margin:0 0 18px;font-size:32px;font-weight:500}.service-detail__copy p{color:var(--muted);margin:0 0 22px}.service-detail__copy h3{color:#666;margin:0 0 10px;font-size:16px}.service-detail__copy ul{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:18px 0 0 1.25em}.faq-section{background:var(--surface)}.faq-list{gap:12px;max-width:880px;margin-inline:auto;display:grid}.faq-list details{background:#fff;border:1px solid #ece1e6}.faq-list summary{color:#59676a;cursor:pointer;padding:20px 24px;font-weight:600}.faq-list details p{color:var(--muted);margin:0;padding:0 24px 22px}.project-map{padding-bottom:30px}.project-map iframe{border:0;width:100%;height:min(62vh,700px)}.project-grid{grid-template-columns:1fr 1fr;gap:55px 42px;display:grid}.project-card{text-align:center}.project-card__image{aspect-ratio:3/2;background:#eee;overflow:hidden}.project-card__image img,.project-card__image .image-placeholder{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover img{transform:scale(1.025)}.project-card__body{padding:22px 16px 0}.project-card h2{color:#606060;margin:0 0 10px;font-family:Raleway,sans-serif;font-size:27px;font-weight:600;line-height:1.25}.project-card p{color:var(--muted);white-space:pre-line;margin:0}.blog-page{min-height:60vh}.blog-filters{flex-wrap:wrap;justify-content:center;gap:4px 28px;margin:0 0 50px;display:flex}.blog-filters button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 2px;position:relative}.blog-filters button:after{background:var(--pink);content:"";width:100%;height:2px;transition:transform .18s;position:absolute;bottom:1px;left:0;transform:scaleX(0)}.blog-filters button:hover,.blog-filters button.is-active{color:var(--pink)}.blog-filters button.is-active:after{transform:scaleX(1)}.empty-state{color:var(--muted);text-align:center;padding:50px 0}.article-page{max-width:1100px;margin-inline:auto;padding:86px 28px 110px}.article-header{text-align:center;max-width:950px;margin:0 auto 45px}.article-header__meta{color:#999;letter-spacing:.05em;margin:0 0 13px;font-size:13px}.article-header h1{color:var(--pink);margin:0;font-size:clamp(31px,5vw,52px);font-weight:650;line-height:1.35}.article-cover{max-width:1050px;margin:0 auto 48px}.article-cover img{width:100%}.article-content{color:#606060;max-width:880px;margin-inline:auto;font-size:17px}.article-content>:first-child{margin-top:0}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--pink);margin:2.2em 0 .7em;line-height:1.4}.article-content h2{font-size:30px}.article-content h3{font-size:24px}.article-content p,.article-content li{line-height:1.9}.article-content a{color:var(--pink);text-underline-offset:3px;text-decoration:underline}.article-content figure,.article-content img{max-width:100%;margin:34px auto}.article-content figcaption{color:#999;text-align:center;font-size:13px}.article-content table{border-collapse:collapse;max-width:100%;margin:30px 0;display:block;overflow-x:auto}.article-content td,.article-content th{border:1px solid #e4d9de;padding:10px 14px}.related-posts{border-top:1px solid var(--line);margin-top:90px;padding-top:70px}.about-page{color:#fff;background-position:50%;background-size:cover;position:relative}.about-page:before{content:"";background:#232323c7;position:absolute;inset:0}.about-page__inner{z-index:1;position:relative}.about-page .inner-hero h1,.about-page .inner-hero p{color:#fff}.about-story{text-align:center;white-space:pre-line;max-width:880px;margin-inline:auto;font-size:18px}.about-company{text-align:center;border-block:1px solid #ffffff40;margin:70px 0;padding:42px 0}.about-company span,.about-manager__copy>p:first-child{color:var(--pink-soft);letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;font-family:Raleway,sans-serif;font-size:13px;display:block}.about-company strong{font-size:32px;font-weight:500}.about-manager{grid-template-columns:minmax(280px,.8fr) 1.2fr;align-items:center;gap:70px;display:grid}.about-manager img{aspect-ratio:1;object-fit:cover}.about-manager h2{margin:0 0 20px;font-size:34px}.about-manager ul{margin:0;padding-left:1.2em}.history{margin-top:100px}.history h2{text-align:center;margin:0 0 35px;font-family:Raleway,sans-serif;font-size:42px;font-weight:500}.history__list{border-left:1px solid #ffffff59;max-width:760px;margin-inline:auto}.history__item{grid-template-columns:100px 1fr;gap:30px;padding:0 0 34px 34px;display:grid;position:relative}.history__item:before{background:var(--pink);content:"";border:5px solid #ffffff38;border-radius:50%;width:15px;height:15px;position:absolute;top:8px;left:-8px}.history__item strong{color:var(--pink-soft);font-size:22px}.history__item p{white-space:pre-line;margin:0}.contact-page-grid{grid-template-columns:.9fr 1.1fr;gap:70px;display:grid}.contact-page-grid h2{color:var(--pink);margin-top:0;font-size:26px}.contact-list{gap:22px;display:grid}.contact-list p{margin:0}.contact-list span{color:#999;letter-spacing:.12em;text-transform:uppercase;font-size:12px;display:block}.contact-list a:hover{color:var(--pink)}.contact-map{background:var(--surface);min-height:380px}.contact-map iframe{border:0;width:100%;height:100%;min-height:380px}.not-found{text-align:center;padding:140px 28px}.not-found h1{color:var(--pink);margin:0;font-size:72px}.not-found .outline-link{max-width:180px}.image-placeholder{background:linear-gradient(135deg,#f4edf0,#e7dce1)}@media (max-width:980px){.site-header__inner{min-height:78px}.brand-logo{width:100px;height:62px}.menu-toggle{z-index:2;display:block;position:relative}.primary-nav{opacity:0;pointer-events:none;background:#fff;border-top:1px solid #f2e8ed;padding:16px 28px 28px;transition:opacity .18s,transform .18s;position:absolute;top:100%;left:0;right:0;transform:translateY(-8px);box-shadow:0 20px 35px #22141b14}.primary-nav--open{opacity:1;pointer-events:auto;transform:translateY(0)}.primary-nav>ul{align-items:stretch;display:block}.primary-nav a{border-bottom:1px solid #f2e8ed}.submenu{box-shadow:none;opacity:1;pointer-events:auto;min-width:0;padding:0 0 0 20px;display:block;position:static;transform:none}.submenu a{font-size:13px}.service-card-grid,.post-grid{grid-template-columns:1fr 1fr}.home-about__copy{padding:60px 42px}.service-detail{gap:48px}}@media (max-width:720px){.page-shell{padding-inline:20px}.page-section{padding-block:62px}.site-header__inner{padding-inline:18px}.hero-slider{min-height:65vh}.section-heading{margin-bottom:30px}.section-heading h1,.section-heading h2{font-size:34px}.service-card-grid,.post-grid,.home-about,.service-detail,.project-grid,.about-manager,.contact-page-grid,.site-footer__inner{grid-template-columns:1fr}.service-card-grid{gap:14px}.service-card{aspect-ratio:4/4.7}.project-showcase{padding-bottom:68px}.project-showcase__media{height:62vh}.home-about__copy{padding:58px 24px}.home-about__copy h2{font-size:36px}.home-about__image{min-height:380px}.contact-band__actions{flex-direction:column;align-items:stretch}.contact-band__actions a{width:100%}.site-footer__inner{gap:34px}.site-footer__contact span{min-width:0;display:block}.inner-hero{padding:70px 20px 35px}.service-detail:nth-child(2n) .service-detail__image{order:0}.services-list{gap:68px}.project-map iframe{height:440px}.project-grid{gap:46px}.project-card h2{font-size:24px}.blog-filters{gap:4px 18px;margin-bottom:34px}.article-page{padding:58px 20px 80px}.article-content{font-size:16px}.article-content h2{font-size:25px}.about-manager{gap:35px}.history{margin-top:72px}.history__item{grid-template-columns:70px 1fr;gap:16px;padding-left:24px}}@media (max-width:420px){.service-card-grid,.post-grid{grid-template-columns:1fr}.hero-slider{min-height:58vh}.project-showcase__media{height:54vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}