.hero-actions{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}.hero-actions .button{font-size:13px}.work-viewer{border:1px solid var(--line);border-radius:28px;background:var(--paper);color:var(--ink);width:min(1220px,96vw);max-height:96dvh;padding:22px 26px;overflow:auto;overscroll-behavior:contain}.work-viewer::backdrop{background:#716252ab}.gallery-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.gallery-kicker{display:block;color:var(--green);font-size:11px;margin:0 0 5px}.gallery-header h2{font-size:21px;line-height:1.6;margin:0;font-weight:900}.gallery-summary{font-size:12px;line-height:1.9;color:var(--muted);margin:10px 0;max-width:950px}.gallery-roles{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 16px}.gallery-roles span{font-size:10px;padding:3px 10px;background:#e5ece2;border-radius:50px;color:var(--green)}.gallery-viewport{background:#eee7da;border-radius:18px;height:min(54dvh,600px);display:flex;align-items:center;justify-content:center;overflow:auto}.gallery-viewport img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;margin:auto}.gallery-viewport video{width:auto;max-width:100%;height:100%;object-fit:contain}.gallery-viewport.zoomed{display:block}.gallery-viewport.zoomed img{max-width:none;max-height:none;object-fit:initial;display:block;margin:0 auto}.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0;font-size:11px;color:var(--muted)}.gallery-tools>div{display:flex;gap:16px;align-items:center}.gallery-tools a{color:var(--green)}.gallery-tools button{font-size:11px;background:var(--card);color:var(--green);border:1px solid var(--line);padding:6px 13px;border-radius:50px}.gallery-pages{display:flex;align-items:center;justify-content:center;gap:25px;margin:10px 0}.gallery-pages button{border:1px solid var(--green);border-radius:50px;background:var(--card);color:var(--green);padding:9px 24px;font-size:12px;min-height:42px}.gallery-pages button:disabled{opacity:.35;cursor:default}.gallery-pages span{font:13px var(--en);color:var(--muted);min-width:60px;text-align:center}.gallery-thumbs{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;padding:5px 2px 8px}.gallery-thumb{width:74px;min-width:74px;position:relative;border:2px solid transparent;background:var(--card);border-radius:10px;padding:4px;color:var(--muted)}.gallery-thumb[aria-current=true]{border-color:var(--green)}.gallery-thumb img{width:62px;height:44px;object-fit:contain}.gallery-thumb small{font:10px var(--en);display:block;padding-top:4px}.gallery-source-links{display:flex;justify-content:center;gap:12px;margin-top:12px}.gallery-source-links:empty{display:none}.article-preview{text-align:center;max-width:600px;padding:40px}.article-preview h3{font-size:24px}.article-preview p{font-size:13px;color:var(--muted)}.article-mark{font:700 40px var(--en);color:var(--orange-dark)}
.catalog-hero{padding:70px 0 45px}.breadcrumb{display:inline-block;color:var(--green);font-size:12px;text-decoration:none;margin-bottom:32px}.catalog-hero h1{font-weight:900;font-size:clamp(32px,5vw,58px);margin:12px 0 18px;line-height:1.5}.catalog-hero p{color:var(--muted);font-size:15px;line-height:2;max-width:720px}.catalog-toolbar{position:sticky;top:84px;z-index:100;background:var(--paper);padding:20px 0;border-block:1px solid var(--line)}.catalog-filters{display:flex;gap:8px;flex-wrap:wrap}.catalog-filters button{border:1px solid var(--line);border-radius:50px;background:var(--card);padding:8px 15px;font-size:12px;color:var(--muted);min-height:42px}.catalog-filters button[aria-pressed=true]{background:var(--green);color:var(--card);border-color:var(--green)}.catalog-search-row{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:15px}.catalog-search-row input{width:min(340px,100%);background:var(--card);border:1px solid var(--line);border-radius:50px;padding:10px 18px;font-size:13px}.catalog-search-row p{margin:0;font-size:12px;color:var(--muted)}.catalog-actions{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.catalog-actions a{font-size:12px;color:var(--green)}.catalog-actions button{font-size:12px;color:var(--green);border:1px solid var(--line);border-radius:50px;background:var(--card);padding:8px 16px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 26px;padding-bottom:80px}.catalog-work{min-width:0}.catalog-cover{position:relative;display:block;background:var(--paper-2);border-radius:22px;overflow:hidden;text-decoration:none;transition:transform .3s var(--ease)}.catalog-cover:hover{transform:translateY(-5px)}.catalog-cover img{height:240px;width:100%;object-fit:contain;padding:18px}.catalog-cover .article-cover{height:240px;display:flex;flex-direction:column;justify-content:space-between;padding:27px;background:var(--peach);color:var(--green);font-size:22px;font-weight:700}.article-cover small{font:12px var(--en);letter-spacing:.1em;color:var(--orange-dark)}.media-count{position:absolute;right:12px;bottom:12px;border-radius:50px;background:var(--card);color:var(--green);padding:3px 10px;font-size:10px;border:1px solid var(--line)}.catalog-work .tag{display:block;font-size:10px;margin-top:16px}.catalog-work h2{font-size:17px;line-height:1.7;margin:7px 0 10px}.catalog-work h2 a{text-decoration:none}.catalog-work p{font-size:12px;color:var(--muted);line-height:1.95;margin:0}.catalog-role{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.catalog-role span{font-size:10px;color:var(--green);background:#e8ede3;border-radius:50px;padding:2px 10px}.catalog-read{display:inline-block;font-size:12px;font-weight:700;color:var(--green);margin-top:7px;text-underline-offset:4px}.catalog-work[hidden]{display:none}.catalog-empty{text-align:center;padding:50px 0;color:var(--muted)}
.document-spread{position:relative}.document-spread>img{aspect-ratio:1.5;object-fit:contain;background:var(--card)}.cover-inset{position:absolute;bottom:30px;left:30px;width:24%;transform:rotate(-5deg);border:5px solid var(--card);border-radius:12px;box-shadow:0 5px 18px #2c201626;overflow:hidden}.cover-inset img{width:100%;border-radius:0}.banner-mini-section{margin:-40px 0 80px}.banner-mini-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted);margin-bottom:22px}.banner-mini-heading a{color:var(--green);font-size:12px}.banner-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.banner-mini-grid a{text-decoration:none}.banner-mini-grid img{width:100%;height:160px;object-fit:contain;background:#ece3d4;border-radius:18px;padding:10px;transition:transform .3s}.banner-mini-grid a:hover img{transform:translateY(-5px)}.banner-mini-grid small{display:block;font-size:11px;line-height:1.8;margin:9px 2px}.all-work-link{display:flex;justify-content:center;margin-top:35px}.sns-feature{margin:70px 0}.sns-feature-head{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end;margin-bottom:30px}.sns-feature h3{font-weight:900;font-size:30px;line-height:1.6;margin:12px 0 0}.sns-feature-head p{font-size:13px;color:var(--muted);line-height:2;margin:0}.sns-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.sns-case{display:block;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:25px;padding:18px}.sns-case img{height:295px;width:100%;object-fit:contain;background:var(--paper-2);border-radius:15px}.sns-case h4{font-size:17px;margin:17px 4px 10px}.sns-case p{font-size:12px;color:var(--muted);margin:0 4px 12px;line-height:1.9}.sns-case .text-link{margin-left:4px}.capability-details{margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.capability-details h3{font-size:20px;margin:0 0 20px}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.capability-grid details{border-bottom:1px solid var(--line);padding:18px 0;min-width:0}.capability-grid summary{cursor:pointer;font-size:15px;font-weight:700;list-style-position:inside;color:var(--green)}.capability-grid p{font-size:13px;color:var(--muted);line-height:2}.capability-grid a{display:inline-block;font-size:12px;color:var(--green);margin:5px 0;overflow-wrap:anywhere}.capability-grid ul{padding-left:18px;font-size:12px;color:var(--muted)}.ai-photo{margin:0 0 55px;position:relative}.ai-photo img{width:100%;aspect-ratio:1.9;object-fit:cover;border-radius:32px}.ai-photo figcaption{text-align:right;font-size:10px;color:var(--muted);padding:9px 3px}.ai-proof-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:35px 0 10px}.ai-proof-links a{display:block;text-decoration:none;background:var(--paper-2);border:1px solid var(--line);padding:25px;border-radius:22px}.ai-proof-links span{font-size:11px;color:var(--orange-dark)}.ai-proof-links h4{font-size:17px;margin:12px 0 9px}.ai-proof-links p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 18px}.ai-proof-links strong{font-size:12px;color:var(--green)}.contents-spread img{aspect-ratio:1.45;object-fit:contain}.contents-spread{background:#ede4d6}
@media(max-width:1000px){.catalog-toolbar{top:76px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-cover img,.catalog-cover .article-cover{height:230px}}
@media(max-width:760px){.work-viewer{padding:15px;width:96vw;max-height:97dvh;border-radius:20px}.gallery-header{gap:12px}.gallery-header h2{font-size:16px}.gallery-summary{font-size:11px;line-height:1.8;max-height:65px;overflow:auto}.gallery-roles{margin:8px 0 12px}.gallery-viewport{height:42dvh;border-radius:12px}.gallery-tools{flex-wrap:wrap;font-size:10px}.gallery-tools>div{gap:12px}.gallery-tools button{font-size:10px;padding:7px 12px}.gallery-pages{gap:15px}.gallery-pages button{font-size:11px;padding:9px 20px}.gallery-thumb{width:63px;min-width:63px}.gallery-thumb img{width:50px;height:38px}.gallery-source-links .button{font-size:11px}.catalog-hero{padding:43px 0 28px}.catalog-hero h1{font-size:34px}.catalog-hero p{font-size:13px}.catalog-toolbar{position:relative;top:auto;padding:15px 0}.catalog-filters{gap:6px}.catalog-filters button{font-size:11px;padding:7px 12px;min-height:38px}.catalog-search-row{flex-direction:column;align-items:stretch;gap:9px}.catalog-search-row input{width:100%}.catalog-search-row p{font-size:11px}.catalog-actions{align-items:flex-start;gap:14px}.catalog-actions a,.catalog-actions button{font-size:10px}.catalog-grid{gap:32px 16px}.catalog-cover img,.catalog-cover .article-cover{height:160px;padding:10px}.catalog-cover{border-radius:16px}.catalog-cover .article-cover{font-size:16px;padding:17px}.catalog-work h2{font-size:14px;line-height:1.8}.catalog-work p{font-size:11px}.catalog-role{gap:4px}.catalog-role span{font-size:9px;padding:2px 7px}.media-count{font-size:9px;right:7px;bottom:7px}.catalog-work .tag{font-size:9px}.catalog-read{font-size:11px}.banner-mini-section{margin:-10px 0 45px}.banner-mini-heading{font-size:12px;align-items:flex-start;flex-direction:column;gap:8px}.banner-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.banner-mini-grid img{height:125px;padding:8px;border-radius:14px}.banner-mini-grid small{font-size:10px}.cover-inset{bottom:22px;left:22px;border-width:3px;border-radius:8px}.sns-feature{margin:50px 0}.sns-feature-head{grid-template-columns:1fr;gap:18px}.sns-feature h3{font-size:26px}.sns-feature-head p{font-size:12px}.sns-case-grid{grid-template-columns:1fr;gap:20px}.sns-case{padding:14px;border-radius:20px}.sns-case img{height:260px}.sns-case h4{font-size:16px}.sns-case p{font-size:12px}.capability-grid{grid-template-columns:1fr}.capability-grid summary{font-size:14px}.capability-grid p{font-size:12px}.ai-photo{margin-bottom:32px}.ai-photo img{aspect-ratio:1.35;border-radius:22px}.ai-photo figcaption{font-size:9px}.ai-proof-links{grid-template-columns:1fr;gap:12px}.ai-proof-links a{padding:22px}.ai-proof-links h4{font-size:17px}.ai-proof-links p{font-size:12px}.article-preview{padding:23px}.article-preview h3{font-size:20px}}
@media(max-width:380px){.catalog-grid{grid-template-columns:1fr}.catalog-cover img,.catalog-cover .article-cover{height:230px}}