@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--ink:#252d2a;--muted:#707975;--paper:#f7f8f5;--mint:#dcebe4;--mint-dark:#aecdc0;--line:#dfe5e0;--orange:#d98569;--white:#fff;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans TC",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:88px;padding:0 7.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ece8;background:rgba(247,248,245,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:19px}.brand strong{display:block;font-size:17px;letter-spacing:.12em}.brand small{display:block;font-size:9px;letter-spacing:.16em;color:var(--muted)}.nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav a{transition:opacity .2s}.nav a:hover,.text-link:hover{opacity:.62}.nav-contact{border:1px solid #bfc9c2;padding:10px 15px;border-radius:3px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.section-wrap{width:min(1120px,85%);margin:0 auto}.hero{min-height:590px;display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:7%;padding-top:64px;padding-bottom:68px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#718078;margin:0 0 20px}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.5vw,70px);letter-spacing:-.055em;line-height:1.23;margin-bottom:22px;font-weight:600}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.04em;color:#668b7c} .hero-text{font-size:14px;color:#66706b;line-height:2;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;gap:26px;padding:14px 20px;font-size:12px;letter-spacing:.04em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#40544a}.text-link{font-size:12px;border-bottom:1px solid #aab7af;padding-bottom:5px}.text-link span{margin-left:12px}.hero-note{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.13em;color:#8a938e;margin-top:64px}.hero-note span{font-family:var(--serif);font-size:16px;color:var(--orange)}.hero-note i{width:38px;height:1px;background:#cdd6cf}.hero-art{position:relative;max-width:450px;width:100%;justify-self:end}.art-frame{aspect-ratio: .84;background:#e2eee7;position:relative;overflow:hidden;border-radius:48% 48% 3px 3px}.art-frame:before{content:"";position:absolute;width:74%;height:80%;border:1px solid rgba(90,133,113,.28);border-radius:50%;left:13%;top:12%;transform:rotate(22deg)}.art-frame:after{content:"";position:absolute;width:58%;height:70%;border:1px solid rgba(90,133,113,.2);border-radius:50%;left:22%;top:19%;transform:rotate(-25deg)}.art-orbit{position:absolute;border:1px solid rgba(90,133,113,.35);border-radius:50%;z-index:1}.orbit-one{width:112%;height:34%;left:-6%;top:35%;transform:rotate(-48deg)}.orbit-two{width:115%;height:38%;left:-7%;top:31%;transform:rotate(48deg)}.art-placeholder{position:absolute;inset:17% 12%;background:linear-gradient(145deg,#f5f8f4,#c7ded2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#729082;z-index:2}.placeholder-symbol{font-size:64px;line-height:1}.art-placeholder strong{font-size:10px;letter-spacing:.2em;margin-top:15px}.art-placeholder small{font-size:10px;margin-top:5px}.art-tag{position:absolute;z-index:3;font-size:8px;letter-spacing:.15em;color:#526b5f;background:rgba(247,248,245,.8);padding:8px 10px}.tag-top{top:17%;left:0}.tag-bottom{right:0;bottom:14%}.floating-card{position:absolute;right:-8%;bottom:10%;z-index:4;display:flex;align-items:center;gap:10px;background:#fff;padding:14px 17px;box-shadow:0 12px 35px #40584a17;font-size:10px;line-height:1.5}.mini-spark{font-size:25px;color:var(--orange)}.ticker{overflow:hidden;background:#e8f0eb;border-top:1px solid #d9e4dc;border-bottom:1px solid #d9e4dc;white-space:nowrap;padding:15px 0;color:#71857a;font-size:10px;letter-spacing:.2em}.ticker div{width:max-content;animation:marquee 35s linear infinite}.ticker span{color:var(--orange);padding:0 27px}@keyframes marquee{to{transform:translateX(-30%)}}.section-block{padding-top:100px;padding-bottom:105px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:clamp(29px,3.5vw,43px);line-height:1.35;letter-spacing:-.045em;font-weight:600;margin-bottom:0}.section-desc{max-width:265px;font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:4px}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:27px}.filter-button{border:1px solid var(--line);background:transparent;color:#67716b;padding:9px 13px;font-size:10px;cursor:pointer;transition:.2s}.filter-button span{font-size:9px;margin-left:9px;opacity:.65}.filter-button:hover,.filter-button.active{background:var(--ink);color:white;border-color:var(--ink)}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.work-card{min-width:0}.work-card[hidden]{display:none}.work-image{display:block;position:relative;width:100%;aspect-ratio:1.25;border:0;overflow:hidden;cursor:pointer;text-align:left;transition:transform .25s}.work-large .work-image{aspect-ratio:1.25}.work-image:hover{transform:translateY(-4px)}.image-mint{background:#d9e9df}.image-peach{background:#f1ded5}.image-lilac{background:#e7e1ed}.image-blue{background:#dbe7ef}.image-yellow{background:#f0e9d4}.image-green{background:#dfe9d6}.image-label{position:absolute;left:18px;top:17px;font-size:8px;letter-spacing:.15em;color:#576b60}.image-placeholder{position:absolute;inset:15%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:clamp(55px,8vw,100px);color:#779887;opacity:.9;transition:transform .35s}.image-placeholder small{font-family:"Noto Sans TC",sans-serif;font-size:10px;letter-spacing:.06em;margin-top:8px}.work-image:hover .image-placeholder{transform:scale(1.06) rotate(-3deg)}.image-arrow{position:absolute;right:15px;bottom:12px;font-size:20px;color:#53675c}.work-meta{display:flex;justify-content:space-between;align-items:start;padding-top:15px}.work-meta h3{font-size:15px;font-weight:600;margin-bottom:4px}.work-meta p,.work-meta>span{font-size:10px;color:var(--muted);margin-bottom:0}.work-meta>span{padding-top:4px}.demo-note{font-size:10px;color:#8b938e;margin-top:30px}.services-section{background:#edf2ed}.services-section .section-block{padding-top:90px;padding-bottom:100px}.service-list{margin-top:40px;border-top:1px solid #d5dfd7}.service-list article{display:grid;grid-template-columns:70px 1fr 30px;gap:16px;align-items:center;padding:24px 8px;border-bottom:1px solid #d5dfd7;transition:padding .2s}.service-list article:hover{padding-left:15px;padding-right:0}.service-number{font-family:var(--serif);font-size:17px;color:#8ba596}.service-list h3{font-size:16px;margin-bottom:5px}.service-list p{font-size:11px;color:var(--muted);margin-bottom:0}.service-icon{font-size:19px;color:#779181}.about-section{display:grid;grid-template-columns:90px 1.1fr 1fr;gap:35px;align-items:center}.about-stamp{width:75px;height:75px;border:1px solid #9fb9aa;border-radius:50%;display:grid;place-content:center;text-align:center;font-family:var(--serif);font-size:21px;color:#668b7c;line-height:1.05;transform:rotate(-9deg)}.about-stamp span{font-size:17px}.about-section h2{font-size:clamp(27px,3vw,38px)}.about-copy p{font-size:12px;line-height:2.1;color:#69736d;margin-bottom:20px}.contact-section{background:#30483d;color:white;text-align:center;padding:85px 0 78px;position:relative;overflow:hidden}.contact-section:before,.contact-section:after{content:"✳";position:absolute;color:#6b8c7a;font-size:150px;opacity:.2}.contact-section:before{left:8%;top:5%;transform:rotate(-18deg)}.contact-section:after{right:9%;bottom:-12%;font-size:200px}.contact-inner{position:relative;z-index:1}.contact-section .eyebrow{color:#b9cfc1}.contact-section h2{font-size:clamp(36px,5vw,57px);margin-bottom:20px}.contact-section h2 em{color:#c7dfd0}.contact-section p:not(.eyebrow){font-size:12px;color:#d0ddd5;margin-bottom:28px}.button-light{background:#f5f7f3;color:#30483d}.contact-section small{display:block;margin-top:17px;color:#bdcec3;font-size:9px}.site-footer{min-height:75px;padding:20px 7.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.08em;color:#77827b}.footer-brand{font-size:14px;color:var(--ink);font-weight:700}.footer-brand span{font-size:8px;font-weight:400;letter-spacing:.12em;margin-left:8px}.site-footer p{margin:0}.work-dialog{width:min(520px,90%);border:0;padding:38px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #17231b35}.work-dialog::backdrop{background:#17231b99;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.work-dialog h2{font-size:28px;margin-bottom:12px}.work-dialog>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9}.dialog-hint{background:#e9f0eb;padding:14px;font-size:11px;color:#617369;margin-top:20px}
@media(min-width:1400px){.hero{min-height:650px}.section-wrap{width:min(1120px,80%)}}@media(max-width:760px){.site-header{height:72px;padding:0 6%;}.menu-toggle{display:block}.nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--paper);padding:20px 6% 25px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.nav-contact{text-align:center}.section-wrap{width:88%}.hero{grid-template-columns:1fr;gap:35px;padding-top:58px;padding-bottom:55px}.hero-copy{order:1}.hero-art{order:0;width:78%;justify-self:center}.hero-note{margin-top:40px}.desktop-only{display:none}.floating-card{right:-7%}.section-block{padding-top:70px;padding-bottom:75px}.section-heading{display:block}.section-desc{margin-top:17px;max-width:360px}.works-grid{gap:30px 14px}.work-meta h3{font-size:13px}.work-meta p{font-size:9px}.filter-row{gap:7px}.filter-button{padding:8px 10px}.service-list article{grid-template-columns:35px 1fr 20px;gap:10px}.service-list h3{font-size:14px}.service-list p{font-size:10px}.about-section{grid-template-columns:60px 1fr;gap:20px}.about-stamp{width:55px;height:55px;font-size:17px}.about-copy{grid-column:2}.contact-section{padding:70px 0}.site-footer{padding:20px 6%;flex-wrap:wrap}.site-footer p{order:3;width:100%}}@media(max-width:430px){h1{font-size:43px}.hero-art{width:85%}.works-grid{grid-template-columns:1fr}.work-image{aspect-ratio:1.3}.work-meta h3{font-size:15px}.work-meta p{font-size:10px}.section-heading h2{font-size:30px}.filter-button{font-size:9px}.about-section{grid-template-columns:1fr}.about-stamp{display:none}.about-copy{grid-column:1}.site-footer{gap:10px}.site-footer>a:last-child{font-size:8px}}