/*
Theme Name: IMUSICAT Studio
Template: astra
Version: 1.0.0
Description: IMUSICAT responsive brand and catalogue theme.
*/
:root{--im-ink:#183b32;--im-green:#17533f;--im-cream:#f7f6f0;--im-muted:#61716b;--im-lime:#d8ed9b;--im-line:#dce3da}
html{scroll-behavior:smooth;scroll-padding-top:110px}body.imusicat-studio{background:var(--im-cream);color:var(--im-ink);font-family:"Noto Sans TC","Microsoft JhengHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.8;margin:0}body.imusicat-studio *{box-sizing:border-box}body.imusicat-studio a{color:inherit;text-decoration:none}body.imusicat-studio h1,body.imusicat-studio h2,body.imusicat-studio h3{color:inherit;font-weight:700;line-height:1.35;letter-spacing:-.025em}body.imusicat-studio button,body.imusicat-studio input{font:inherit}body.imusicat-studio img{max-width:100%;height:auto}body.imusicat-studio a:focus-visible,body.imusicat-studio button:focus-visible,body.imusicat-studio summary:focus-visible{outline:3px solid #27895f;outline-offset:5px}.im-wrap{width:min(1180px,calc(100% - 80px));margin:auto}.im-skip{position:fixed;top:-80px;left:20px;z-index:100000;background:white;padding:12px}.im-skip:focus{top:12px}.im-header{background:#f7f6f0f5;border-bottom:1px solid var(--im-line);position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}.admin-bar .im-header{top:32px}.im-header-inner{max-width:1380px;padding:22px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.im-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.im-brand>span:last-child{font-size:24px;font-weight:850;letter-spacing:.025em;line-height:1.1}.im-brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.22em;margin-top:8px}.im-brand-mark{width:34px;height:34px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:rotate(-8deg)}.im-brand-mark i{border-radius:4px;background:var(--im-green)}.im-brand-mark i:last-child{background:#b4ce70}.im-nav{display:flex;align-items:center;gap:28px}.im-menu{display:flex;gap:23px;align-items:center;list-style:none;margin:0;padding:0}.im-menu a{font-size:13px;font-weight:600;white-space:nowrap;position:relative}.im-menu a:hover,.im-menu .current-menu-item a{color:#398153}.im-contact{background:var(--im-green);color:white!important;padding:12px 18px;border-radius:8px;font-size:12px;font-weight:650;white-space:nowrap}.im-contact span{margin-left:14px}.im-contact:hover{background:#276b51}.im-menu-toggle{display:none}.im-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;margin:0 0 18px;text-transform:uppercase;color:var(--im-muted)}.im-hero{padding:78px 0 64px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.im-hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.3;margin:0 0 26px;letter-spacing:-.055em}.im-hero h1 em{font-style:normal;color:#668541;position:relative}.im-hero .im-intro{font-size:15px;line-height:2.1;color:var(--im-muted);max-width:440px;margin:0 0 30px}.im-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.im-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:8px;padding:15px 22px;background:var(--im-green);color:white!important;font-size:14px;font-weight:650}.im-button:hover{background:#2b6a50;transform:translateY(-2px)}.im-button.secondary{background:transparent;color:var(--im-ink)!important;border:1px solid #b6c4b9}.im-hero-note{margin:28px 0 0;color:#718076;font-size:11px;display:flex;gap:16px;align-items:center}.im-hero-note:before{content:"";width:20px;height:2px;background:#8fa867}.im-hero-art{background:#e3e9d9;border-radius:28px;min-height:470px;position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background-image:radial-gradient(#b6c7ab 1px,transparent 1px);background-size:20px 20px}.im-art-label{font-size:10px;font-weight:700;letter-spacing:.17em;display:flex;justify-content:space-between}.im-piece-main{width:65%;align-self:center;margin:18px 0 30px;transform:rotate(-7deg);padding:16px 18px 10px;background:white;border-radius:16px;box-shadow:0 18px 36px #233b291c;z-index:1}.im-piece-main img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.im-piece-caption{font-size:11px;display:flex;justify-content:space-between;border-top:1px solid #e7e9e1;padding-top:10px}.im-piece-mini{position:absolute;right:18px;bottom:54px;width:32%;transform:rotate(9deg);padding:10px;background:white;box-shadow:0 12px 32px #233b2915;border-radius:12px;z-index:2}.im-piece-mini img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.im-art-footer{font-size:11px;display:flex;justify-content:space-between;gap:8px}.im-strip{border-top:1px solid var(--im-line);border-bottom:1px solid var(--im-line);padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:600;letter-spacing:.08em}.im-strip span:before{content:"✳";color:#829f58;margin-right:15px}.im-section{padding:80px 0}.im-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.im-section-heading h2{font-size:34px;margin:0}.im-section-heading .im-eyebrow{margin-bottom:12px}.im-section-heading>p{font-size:13px;color:var(--im-muted);margin:0;max-width:360px}.im-catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.im-catalog-card{background:#fff;border:1px solid var(--im-line);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:block}.im-catalog-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #163e2c0e}.im-catalog-visual{background:#edf0e5;display:grid;grid-template-columns:repeat(3,1fr);padding:30px 34px;gap:12px;min-height:215px;align-items:center}.im-catalog-visual img{background:#fff;width:100%;aspect-ratio:1;object-fit:contain;border-radius:9px;padding:8px;box-shadow:0 6px 12px #183b3208}.im-catalog-card:nth-child(2) .im-catalog-visual{background:#efeade}.im-catalog-card:nth-child(2) .im-catalog-visual img{aspect-ratio:.85;object-fit:cover;object-position:top}.im-catalog-copy{padding:26px 30px 28px}.im-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em;color:#73806e;margin-bottom:14px}.im-card-meta span:first-child{background:#eef2e6;border-radius:30px;padding:4px 10px}.im-catalog-copy h3{font-size:23px;margin:0 0 10px}.im-catalog-copy p{color:var(--im-muted);font-size:13px;margin:0 0 22px}.im-card-link{font-size:13px;font-weight:700;display:flex;justify-content:space-between;border-top:1px solid #e7eae2;padding-top:16px}.im-service{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.im-service-image{background:#e7e6e0;border-radius:16px;overflow:hidden}.im-service-image img{width:100%;aspect-ratio:1.05;object-fit:cover;display:block}.im-service h2{font-size:36px;margin:0 0 22px}.im-service p{font-size:14px;line-height:2.1;color:var(--im-muted)}.im-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.im-tags span{font-size:11px;border:1px solid #cdd7c9;padding:6px 12px;border-radius:30px}.im-process{background:#eaeede;border-radius:20px;padding:44px;margin:0 0 80px}.im-process-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:34px}.im-process h2{font-size:28px;margin:0}.im-process-heading p{font-size:12px;color:var(--im-muted);margin:0}.im-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:0;padding:0}.im-steps li{border-top:1px solid #bbc9ad;padding-top:18px}.im-steps b{font-size:12px;color:#788b56;font-weight:500}.im-steps h3{font-size:17px;margin:12px 0 8px}.im-steps p{font-size:12px;color:var(--im-muted);margin:0}.im-cta{background:var(--im-green);border-radius:20px;padding:48px 54px;color:white;display:flex;justify-content:space-between;gap:32px;align-items:center;margin-bottom:80px}.im-cta h2{font-size:32px;color:white!important;margin:0 0 14px}.im-cta p{color:#d5e0d2;font-size:13px;margin:0}.im-cta .im-button{background:var(--im-lime);color:var(--im-ink)!important;white-space:nowrap}.im-cta .im-eyebrow{color:#b9cf9e}.im-footer{background:#eaece4;border-top:1px solid #d5dcd0}.im-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-top:54px;padding-bottom:42px}.im-footer-brand{font-size:28px;font-weight:850;letter-spacing:.025em}.im-footer-brand span{font-size:12px;vertical-align:top;margin-left:6px}.im-footer p{font-size:12px;color:var(--im-muted);margin-top:16px}.im-footer h2{font-size:12px;margin:0 0 18px}.im-footer-top>div>a:not(.im-footer-brand){display:block;font-size:12px;margin-bottom:9px;color:#53695d}.im-footer-bottom{border-top:1px solid #ced7c8;padding-top:20px;padding-bottom:20px;display:flex;justify-content:space-between;font-size:10px;color:#71816d;gap:20px}.im-page{padding-top:56px;padding-bottom:80px;min-height:55vh}.im-page-heading{padding:0 0 36px;border-bottom:1px solid var(--im-line);margin-bottom:38px}.im-breadcrumb{font-size:12px;color:var(--im-muted)!important;display:block;margin-bottom:28px}.im-page-heading h1{font-size:clamp(30px,4vw,48px);margin:0}.im-article{max-width:950px;margin:auto}.im-article .entry-content>h1:first-child{display:none}.im-article h2{font-size:28px;margin:48px 0 22px;padding-top:16px}.im-article h3{font-size:20px;margin:28px 0 16px}.im-article p,.im-article li{color:#53665c;line-height:2}.im-article a{color:#297a50!important;text-decoration:underline!important}.im-article p:has(>img){display:inline-block;width:calc(50% - 14px);vertical-align:top;margin:0 10px 22px 0;background:#fff;border-radius:12px;overflow:hidden}.im-article p>img{width:100%;object-fit:contain;display:block}.im-article video{width:100%;max-height:580px;border-radius:12px;background:#203d30}.im-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.im-post-card{border:1px solid var(--im-line);padding:24px;border-radius:12px;background:#fff}.im-post-card h2{font-size:22px}.im-post-card p{font-size:14px;color:var(--im-muted)}
@media(min-width:1600px){.im-hero{padding-top:100px;padding-bottom:90px}}
@media(max-width:1120px){.im-menu{gap:14px}.im-nav{gap:16px}.im-header-inner{padding:20px 28px;gap:20px}.im-menu a{font-size:12px}.im-contact{padding:11px 14px}.im-brand>span:last-child{font-size:21px}.im-hero{gap:30px}.im-hero-art{min-height:420px}}
@media(max-width:920px){.im-header-inner{flex-wrap:wrap;padding:16px 24px;gap:0}.im-menu-toggle{display:flex;align-items:center;gap:12px;background:transparent!important;color:var(--im-ink)!important;border:1px solid #c5d0bd!important;border-radius:6px;padding:7px 12px;font-size:12px}.im-nav{display:none;width:100%;padding-top:24px;padding-bottom:8px;align-items:stretch}.im-nav.is-open{display:flex;flex-direction:column;gap:20px}.im-menu{flex-direction:column;align-items:stretch;gap:0}.im-menu a{display:block;padding:9px 0;font-size:14px}.im-contact{text-align:center}.im-wrap{width:calc(100% - 48px)}.im-hero{padding-top:44px;gap:28px}.im-hero h1{font-size:42px}.im-hero-art{min-height:370px;padding:22px}.im-service{gap:34px}.im-service h2{font-size:30px}.im-catalog-visual{padding:24px;gap:8px}.im-strip{font-size:10px;gap:12px}.im-strip span:before{margin-right:8px}.im-footer-top{gap:32px}.im-post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){html{scroll-padding-top:90px}.im-wrap{width:calc(100% - 40px)}.im-header-inner{padding:16px 20px}.im-brand>span:last-child{font-size:20px}.im-brand small{font-size:8px}.im-brand-mark{width:29px;height:29px}.im-hero{grid-template-columns:1fr;padding:38px 0;gap:36px}.im-hero h1{font-size:43px;line-height:1.3;margin-bottom:20px}.im-hero .im-intro{font-size:13px;margin-bottom:24px}.im-eyebrow{font-size:10px;margin-bottom:15px}.im-button{font-size:12px;padding:13px 18px;gap:20px}.im-actions{gap:10px}.im-hero-note{font-size:10px;margin-top:22px}.im-hero-art{min-height:355px;max-width:450px;width:100%;margin:auto;padding:20px;border-radius:18px}.im-piece-main{width:58%;margin:10px 0 20px}.im-piece-mini{width:29%;bottom:42px;right:25px}.im-art-label,.im-art-footer{font-size:9px}.im-strip{display:grid;grid-template-columns:1fr 1fr;padding:18px 0;gap:12px;font-size:10px}.im-section{padding:48px 0}.im-section-heading{display:block;margin-bottom:24px}.im-section-heading h2{font-size:28px}.im-section-heading>p{margin-top:14px;font-size:12px}.im-catalog-grid{grid-template-columns:1fr;gap:22px}.im-catalog-visual{padding:24px 28px;min-height:180px}.im-catalog-copy{padding:22px 24px}.im-catalog-copy h3{font-size:22px}.im-catalog-copy p{font-size:12px}.im-service{grid-template-columns:1fr;gap:28px}.im-service h2{font-size:29px}.im-service p{font-size:13px}.im-process{padding:28px 24px;margin-bottom:48px;border-radius:16px}.im-process-heading{display:block;margin-bottom:28px}.im-process-heading p{margin-top:12px}.im-process h2{font-size:25px}.im-steps{grid-template-columns:1fr 1fr;gap:24px}.im-steps h3{font-size:16px}.im-steps p{font-size:11px}.im-cta{display:block;padding:32px 26px;margin-bottom:48px;border-radius:16px}.im-cta h2{font-size:28px}.im-cta p{font-size:12px}.im-cta .im-button{margin-top:25px}.im-footer-top{grid-template-columns:1fr 1fr;gap:26px;padding-top:36px;padding-bottom:28px}.im-footer-top>div:first-child{grid-column:1/-1}.im-footer p{font-size:11px}.im-footer-bottom{display:block;font-size:9px}.im-footer-bottom span{display:block;margin-bottom:4px}.im-page{padding-top:36px;padding-bottom:48px}.im-page-heading{margin-bottom:28px;padding-bottom:28px}.im-article p:has(>img){width:100%;margin:0 0 20px}.im-article h2{font-size:24px;margin-top:34px}.im-article h3{font-size:18px}.im-article p,.im-article li{font-size:14px}.im-post-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}