/* Category-led campaign gallery. Each service has its own artwork and palette. */
.design-studio{--studio-bg:#e6eddc;background:var(--studio-bg);padding:24px 28px 32px;color:#173c31;transition:background-color .35s}
.design-studio[data-studio-theme=books]{--studio-bg:#f4d8d3}.design-studio[data-studio-theme=brand]{--studio-bg:#d9e4ff}.design-studio[data-studio-theme=packaging]{--studio-bg:#eae0d7}.design-studio[data-studio-theme=posters]{--studio-bg:#e8dcf4}.design-studio[data-studio-theme=cards]{--studio-bg:#d9d9d4}.design-studio[data-studio-theme=illustration]{--studio-bg:#dcecf2}
.design-studio__top{max-width:1440px;margin:0 auto 18px;display:flex;align-items:center;gap:24px;font-size:13px;letter-spacing:.04em}
.design-studio__top p{margin:0;font-weight:800}.design-studio__top>span:not(:last-child){opacity:.7}.design-studio__spark{margin-left:auto;font-size:28px;line-height:1;color:#c66336}
.design-studio__layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:205px minmax(0,1fr);gap:20px;align-items:stretch}
.studio-rail{position:relative;overflow:hidden;align-self:center;padding:16px 10px;background:linear-gradient(140deg,#ffffff9c,#ffffff35);border:1px solid #ffffffd9;border-radius:20px;box-shadow:0 8px 28px #243f2d0b,inset 0 1px #fff;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.studio-rail::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 15%,#ffffffc0,transparent 60%)}
.studio-rail__label{padding:5px 12px 15px;font-size:11px;font-weight:600;opacity:.65;letter-spacing:.08em}
.studio-tabs{display:flex;flex-direction:column;gap:7px}
.studio-tab{appearance:none;width:100%;display:flex;align-items:center;gap:10px;min-height:57px;padding:12px 11px;border:1px solid transparent;border-radius:11px;background:transparent;color:inherit;text-align:left;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
.studio-tab__num{font-family:var(--font-body);font-size:10px;opacity:.55;font-weight:500}.studio-tab__arrow{margin-left:auto;opacity:0;transition:opacity .18s}
.studio-tab[aria-selected=true]{background:#ffffffc7;border-color:#ffffff;box-shadow:0 5px 16px #1c3f2810;color:#124d38}.studio-tab[aria-selected=true] .studio-tab__arrow{opacity:1}
.studio-tab:first-child{margin-bottom:7px;border-bottom-color:#264e391a}.studio-tab:hover{background:#ffffff88}.studio-tab:focus-visible,.studio-poster a:focus-visible,.studio-poster:focus-visible{outline:3px solid #b75423;outline-offset:3px}
.studio-stage{min-width:0;position:relative;isolation:isolate;aspect-ratio:1.65;border-radius:22px;box-shadow:0 20px 42px #193a2518}
.studio-poster{--poster-ink:#123e2e;--poster-accent:#c85027;--poster-bg:#f2d77a;position:relative;isolation:isolate;overflow:hidden;height:100%;min-height:540px;border-radius:22px;color:var(--poster-ink);background:var(--poster-bg);animation:studio-reveal .38s ease-out}
.studio-poster[hidden]{display:none}.studio-poster__image{position:absolute;inset:0;z-index:-1}.studio-poster__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.studio-poster__copy{position:relative;width:44%;padding:84px 0 68px 38px;z-index:1}
.studio-poster__kicker{margin:0 0 28px;font-size:10px;font-weight:800;letter-spacing:.13em;line-height:1.6}.studio-poster__kicker span{display:block;font-size:9px;opacity:.8;letter-spacing:.16em;margin-top:3px}
.studio-poster__title{margin:0;font-size:clamp(40px,4.4vw,69px);line-height:1.16;letter-spacing:-.065em;font-weight:900}.studio-poster__title span{display:block;white-space:nowrap}.studio-poster__title span:last-child{color:var(--poster-accent)}
.studio-poster__desc{max-width:300px;margin:26px 0;font-size:15px;line-height:1.9;font-weight:500}
.studio-poster__actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.studio-poster__cta{display:inline-flex;align-items:center;gap:27px;padding:13px 18px;background:var(--poster-ink);color:var(--poster-bg);border-radius:5px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.studio-poster__cta:hover{transform:translateY(-2px);box-shadow:0 5px 18px #0002}.studio-poster__quote{font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:6px}
.studio-poster__index{position:absolute;top:22px;right:24px;font-size:22px;font-family:var(--font-body);font-weight:600;letter-spacing:-.05em}.studio-poster__index i{font-size:11px;font-weight:400;font-style:normal;opacity:.65}
.studio-poster__caption{position:absolute;bottom:13px;left:24px;margin:0;padding:4px 8px;background:#fffdf1e8;color:#483e2b;font-size:10px;letter-spacing:.03em}
.studio-poster--books{--poster-bg:#efaaa3;--poster-ink:#681d2b;--poster-accent:#7b142a}.studio-poster--books .studio-poster__title{transform:rotate(-3deg);transform-origin:left center}
.studio-poster--brand{--poster-bg:#0759d9;--poster-ink:#fff;--poster-accent:#f7ff32}.studio-poster--brand .studio-poster__title{font-style:italic;letter-spacing:-.08em}
.studio-poster--packaging{--poster-bg:#efddc3;--poster-ink:#502426;--poster-accent:#8b3234}.studio-poster--packaging .studio-poster__title{font-family:'Noto Serif TC',Georgia,serif;font-weight:700;letter-spacing:-.05em}
.studio-poster--posters{--poster-bg:#d3bceb;--poster-ink:#372367;--poster-accent:#802c18}.studio-poster--posters .studio-poster__title span:last-child{text-decoration:underline;text-decoration-color:#fa8d4c;text-decoration-thickness:6px;text-underline-offset:9px}
.studio-poster--cards{--poster-bg:#1c1d1c;--poster-ink:#fff6df;--poster-accent:#edc881}.studio-poster--cards .studio-poster__title{font-family:'Noto Serif TC',Georgia,serif;font-weight:500}
.studio-poster--illustration{--poster-bg:#bde3f3;--poster-ink:#194d65;--poster-accent:#a63c18}.studio-poster--illustration .studio-poster__title{transform:rotate(-3deg)}
html[lang=en] .studio-poster__title{font-size:clamp(37px,3.6vw,58px);letter-spacing:-.055em}
.studio-error,.studio-nojs{max-width:1440px;margin:12px auto 0;font-size:13px}.studio-error[hidden]{display:none}
@keyframes studio-reveal{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){.studio-poster__copy{padding-top:100px}.studio-poster__desc{margin:32px 0}}
@media(max-width:1100px) and (min-width:1001px){.design-studio{padding:20px}.design-studio__layout{grid-template-columns:170px minmax(0,1fr);gap:14px}.studio-rail{padding:12px 6px}.studio-tab{font-size:12px;gap:7px}.studio-stage{aspect-ratio:auto}.studio-poster{min-height:530px}.studio-poster__copy{width:46%;padding:75px 0 50px 25px}.studio-poster__title{font-size:42px}.studio-poster__desc{font-size:13px;line-height:1.8}.studio-poster__actions{align-items:flex-start;flex-direction:column;gap:17px}.studio-poster__image img{object-position:42% center}html[lang=en] .studio-poster__title{font-size:35px}}
@media(max-width:1000px){.design-studio{padding:18px 14px 24px}.design-studio__top{gap:8px;margin-bottom:14px;font-size:11px}.design-studio__top>span:not(:last-child){display:none}.design-studio__layout{display:flex;flex-direction:column;gap:14px}.studio-rail{width:100%;padding:7px;border-radius:14px;align-self:stretch}.studio-rail__label{display:none}.studio-tabs{flex-direction:row;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;gap:5px;padding:1px 1px 5px}.studio-tab{flex:0 0 auto;width:auto;min-height:42px;padding:9px 12px;font-size:13px;white-space:nowrap}.studio-tab:first-child{margin:0}.studio-tab__num{font-size:9px}.studio-tab__arrow{display:none}.studio-stage{aspect-ratio:auto;border-radius:16px}.studio-poster{display:flex;flex-direction:column;min-height:0;height:auto;border-radius:16px}.studio-poster__copy{order:0;width:100%;padding:28px 24px 22px}.studio-poster__kicker{font-size:9px;margin-bottom:17px}.studio-poster__kicker span{display:none}.studio-poster__title{font-size:clamp(38px,9vw,57px);line-height:1.15;letter-spacing:-.05em}.studio-poster__desc{font-size:14px;max-width:390px;margin:20px 0}.studio-poster__actions{gap:22px}.studio-poster__cta{padding:12px 16px}.studio-poster__image{order:1;position:relative;z-index:0;height:auto;aspect-ratio:1.45;overflow:hidden}.studio-poster__image img{object-fit:cover;width:142%;max-width:none;height:100%;margin-left:-42%;object-position:right center}.studio-poster__index{top:23px;right:20px;font-size:18px}.studio-poster__caption{bottom:9px;left:9px;right:auto;font-size:9px;z-index:1}html[lang=en] .studio-poster__title{font-size:clamp(36px,8.9vw,57px)}}
@media(prefers-reduced-motion:reduce){.design-studio,.studio-tab,.studio-tab__arrow,.studio-poster__cta{transition:none}.studio-poster{animation:none}.studio-poster__cta:hover{transform:none}}

.studio-poster__index{background:#fffdf0dc;color:#25332d;border-radius:7px;padding:4px 8px}
/* The L5-led all-design scene has warm cream paper and a quieter copy column. */
.studio-poster--all{--poster-bg:#f3d795}
@media(min-width:1001px){.studio-poster--all .studio-poster__copy{width:39%;padding-bottom:45px}.studio-poster--all .studio-poster__desc{max-width:265px}}