@charset "UTF-8";
.editorial-site{background:#fcf8f1}.editorial-site .site-header{background:#fcf8f1f5}.editorial-site .eyebrow{letter-spacing:.18em}.editorial-site h1{letter-spacing:.05em}.editorial-site .button{border-radius:30px;min-height:48px}.editorial-site .text-link{align-self:center}.editorial-site .footer-top{padding-top:5px}
/* 首頁只展示精選商品與前往商品頁的連結，不載入商城表單或管理資料。 */
/* 簡介與公開社群入口只用於首頁，不重複作品集推薦，也不載入 Instagram 嵌入程式。 */
.home-social{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:56px;padding-block:50px;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.home-about,.home-social-links{min-width:0}
.home-about-heading{display:flex;align-items:center;gap:18px}
.home-about-heading>img{width:56px;height:56px;object-fit:contain;flex-shrink:0}
.home-about-heading .eyebrow{font-size:10px;color:#9b6c47;margin-bottom:8px}
.home-about-heading h2{font:400 30px/1.7 var(--serif)}
.home-about>p{margin-top:22px;font-size:16px;line-height:2.2;color:#8e7a66}
.home-social-links>h3{font:400 21px/1.8 var(--serif);margin:0 0 18px}
.home-social-list{display:grid;grid-auto-rows:1fr;gap:18px;list-style:none;padding:0;margin:0}
.home-social-list>li{min-width:0}
.home-social-list a{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:16px;height:100%;padding:24px;border:1px solid #e1d2bf;border-radius:14px;background:#f8efe3;color:#66503e}
.home-social-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.home-social-list .home-social-purpose{font:500 21px/1.7 var(--serif);overflow-wrap:anywhere}
.home-social-description{margin-top:8px;font-size:14px;line-height:2;color:#887360;overflow-wrap:anywhere}
.home-social-handle{margin-top:12px;font-size:13px;line-height:1.8;color:#947e68;overflow-wrap:anywhere}
.home-social-cta{display:inline-flex;align-items:center;gap:16px;margin-top:14px;font-size:14px;line-height:1.8;border-bottom:1px solid #b98a62;color:#96603b}
.home-social-item--story>a{background:#eef2e8;border-color:#d8dfce;color:#53644c}
.home-social-item--story .home-instagram-icon{background:#e1e8d9;color:#657653}
.home-social-item--story .home-social-description,.home-social-item--story .home-social-handle{color:#6d7a63}
.home-social-item--story .home-social-cta{color:#586f4b;border-color:#99ab89}
.home-instagram-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f1e7d8;color:#9b6c47}
.home-instagram-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.home-social-list a:hover{border-color:#b78c67}
.home-social-item--story>a:hover{border-color:#8b9e7c}
.home-social-list a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:1000px){.home-social{gap:32px}.home-about-heading h2{font-size:27px}.home-social-list a{padding:21px 18px;gap:13px}}
@media(max-width:760px){.home-social{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:36px;scroll-margin-top:100px}.home-about{text-align:center}.home-about-heading{justify-content:center;gap:14px}.home-about-heading>img{width:48px;height:48px}.home-about-heading h2{font-size:27px}.home-about-heading .eyebrow{font-size:10px;text-align:left}.home-about>p{font-size:15px;margin-top:19px}.home-social-links>h3{text-align:center;font-size:20px;margin-bottom:20px}.home-social-list{gap:16px}.home-social-list a{padding:22px 18px;gap:13px}.home-social-list .home-social-purpose{font-size:20px}.home-social-description{font-size:14px}.home-social-cta{font-size:14px}}
@media(max-width:360px){.home-social-list a{grid-template-columns:32px minmax(0,1fr);padding-inline:14px;gap:10px}.home-instagram-icon{width:32px;height:32px}.home-social-list .home-social-purpose{font-size:18px}.home-social-handle{font-size:12px}.home-about-heading h2{font-size:25px}.home-about>p{font-size:14px}}
.home-products{padding-block:64px;background:#f2eadd;border-block:1px solid var(--line);scroll-margin-top:110px}
.home-products-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:32px}
.home-products-heading .eyebrow{margin-bottom:10px}
.home-products-heading h2{font-size:32px;line-height:1.7}
.home-products-heading>div>p:last-child{margin-top:12px;font-size:14px;line-height:2;color:var(--muted)}
.home-products-heading>.button{flex-shrink:0;min-height:52px;background:#fffcf7}
.home-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.home-product-card{min-width:0;display:flex;border:1px solid #e1d2bf;border-radius:10px;background:#fffcf7;overflow:hidden}
.home-product-link{display:flex;flex:1;flex-direction:column;min-width:0;color:var(--ink)}
.home-product-link:focus-visible{outline:3px solid var(--orange);outline-offset:-4px}
.home-product-art{display:block;position:relative;aspect-ratio:1;margin:14px 14px 0;overflow:hidden;border-radius:6px;background:#eee5d8}
.home-product-art img{display:block;width:100%;height:100%;object-fit:contain}
.home-product-hover{position:absolute;inset:0;opacity:0;transition:opacity .2s}
@media(hover:hover){.home-product-link:hover .home-product-hover{opacity:1}}
.home-product-link:focus-visible .home-product-hover{opacity:1}
.home-product-copy{display:flex;flex:1;flex-direction:column;min-width:0;padding:22px;gap:10px}
.home-product-category{font-size:12px;color:#9a603c;line-height:1.8}
.home-product-brand{font-size:12px;color:var(--muted);line-height:1.8}
.home-product-copy h3{font-size:17px;line-height:1.9;font-weight:500;color:var(--ink);overflow-wrap:anywhere}
.home-product-summary{font-size:14px;line-height:2;color:var(--muted)}
.home-product-price{margin-top:auto;padding-top:16px;font-size:21px;line-height:1.7;color:#a15c36}
.home-product-cta{width:100%;min-height:52px;margin-top:8px;font-size:14px;background:#fbf4e9}
.home-product-link:hover .home-product-cta{background:var(--orange);color:#fffcf7;border-color:var(--orange)}
.home-products-note{margin-top:24px;font-size:12px;line-height:2;color:var(--muted);text-align:center}
@media(max-width:1000px){.home-product-grid{gap:20px}.home-product-copy{padding:18px}.home-product-copy h3{font-size:16px}}
@media(max-width:760px){.home-products{padding-block:40px;scroll-margin-top:90px}.home-products-heading{flex-direction:column;align-items:stretch;gap:22px;text-align:center;margin-bottom:26px}.home-products-heading h2{font-size:27px}.home-products-heading>div>p:last-child{font-size:13px}.home-products-heading>.button{align-self:center;width:min(100%,360px)}.home-product-grid{grid-template-columns:minmax(0,1fr);gap:24px;max-width:460px;margin-inline:auto}.home-product-copy{padding:22px}.home-product-copy h3{font-size:18px}.home-products-note{font-size:11px}.home-product-price{font-size:20px}}
@media(prefers-reduced-motion:reduce){.home-product-hover{transition:none}}
.atelier-home,.gallery-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:75px;padding-block:58px 70px}
.atelier-home-copy{padding-left:20px}.atelier-home h1,.gallery-hero h1{font-size:clamp(38px,4.1vw,57px);line-height:1.6;margin-bottom:22px}.atelier-home-copy>p:not(.eyebrow),.gallery-hero-text{color:#8e7a66;font-size:14px;line-height:2.2}.editorial-actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center;margin-top:32px}
.atelier-home-art{display:block;padding:25px;background:#eae1d2;position:relative;border-radius:45% 45% 10px 10px}.atelier-home-art img{width:100%;height:490px;object-fit:contain}.atelier-home-art>span{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:19px 0 0;align-items:end;gap:7px 16px}.atelier-home-art small{font-size:8px;letter-spacing:.18em;color:#a17a57;grid-column:1}.atelier-home-art strong{font:500 17px var(--serif);grid-column:1}.atelier-home-art b{grid-column:2;grid-row:1/3;font-size:24px;font-weight:400;color:#a66f48}
.destination-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid var(--line)}.destination-row>a{padding:34px 30px;position:relative;border-right:1px solid var(--line)}.destination-row>a:first-child{padding-left:0}.destination-row>a:last-child{border-right:0}.destination-row span{font-size:9px;letter-spacing:.1em;color:#b19478}.destination-row h2{font-size:25px;margin:14px 0 8px}.destination-row p{font-size:12px;color:var(--muted)}.destination-row b{position:absolute;right:28px;top:58px;font-size:25px;font-weight:400;color:#aa714b}
.editorial-section{padding-block:68px}.editorial-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.editorial-section-heading .eyebrow{margin-bottom:9px}.editorial-section-heading h2{font-size:30px;letter-spacing:.04em}.editorial-section-heading>.text-link{flex-shrink:0;align-self:end;margin-bottom:4px}.gallery-count{font-size:11px;color:var(--muted);white-space:nowrap}
.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:39px 27px}.art-card{min-width:0}.art-image{display:block;background:#eee5d7;padding:16px;position:relative;overflow:hidden;border:1px solid #e8dece;border-radius:8px}.art-image>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;transition:transform .35s}.art-image:hover>img{transform:scale(1.02)}.art-view{position:absolute;bottom:12px;left:12px;right:12px;background:#fffbf3eb;display:flex;justify-content:space-between;padding:9px 13px;font-size:11px;transform:translateY(160%);transition:transform .2s}.art-image:hover .art-view,.art-image:focus-visible .art-view{transform:translateY(0)}.art-view b{font-weight:400}.art-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#9c8269;margin-top:15px}.art-card-meta>span{letter-spacing:.04em}.art-card-meta time{font:10px Georgia,serif;letter-spacing:.05em;color:#aa9987}.art-card h3{font:500 21px/1.65 var(--serif);margin-top:7px;overflow-wrap:anywhere}.art-card-line{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:#a48d75;margin-top:7px;min-height:19px}
.journal-strip{background:#f1e9dd}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.journal-card{min-width:0;border:1px solid #e5d9c9;border-radius:9px;overflow:hidden;background:#fffcf7}.journal-image{display:block;aspect-ratio:1.6;background:#e5d6c4;overflow:hidden}.journal-image img{width:100%;height:100%;object-fit:cover}.journal-image>span{display:grid;place-items:center;height:100%;font-size:10px;letter-spacing:.18em}.journal-body{padding:25px}.journal-body .eyebrow{font-size:8px;line-height:1.9;margin-bottom:12px}.journal-body h3{font:500 21px/1.7 var(--serif);margin-bottom:15px}.journal-body>p:not(.eyebrow){font-size:12px;color:#9b8671;line-height:2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.journal-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;font-size:10px;color:#aa947b}.journal-bottom .text-link{font-size:11px}
.tools-invitation,.reading-help{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:55px}.tools-invitation h2,.reading-help h2{font-size:30px;margin-bottom:12px}.tools-invitation .eyebrow,.reading-help .eyebrow{margin-bottom:9px}.tools-invitation p:last-child{font-size:13px;color:var(--muted)}.tools-invitation .button,.reading-help .button{flex-shrink:0}
.gallery-hero{padding-block:55px 60px;border-bottom:1px solid var(--line);gap:85px}.gallery-hero>.gallery-feature{padding-right:10px}.gallery-hero>.gallery-feature:hover{color:inherit}.gallery-hero-footer{display:flex;align-items:center;gap:34px;margin-top:32px}.gallery-hero-footer>p{display:flex;flex-direction:column;gap:4px;color:#9b856f}.gallery-hero-footer strong{font:italic 31px Georgia,serif;color:#6e7a68}.gallery-hero-footer>p>span{font-size:10px}.gallery-feature-frame{padding:23px;background:#e9e1d2;border:1px solid #ded2c0;border-radius:140px 140px 9px 9px;box-shadow:0 12px 40px #72543c0a}.gallery-feature-frame img{width:100%;height:435px;object-fit:contain}.gallery-feature-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding-inline:4px}.gallery-feature-caption small{display:block;font-size:8px;letter-spacing:.17em;color:#ac9276;margin-bottom:5px}.gallery-feature-caption strong{font:500 18px var(--serif)}.gallery-feature-caption>b{font-size:27px;font-weight:400;color:#a96f46}
.portfolio-browser{padding-block:53px 70px;scroll-margin-top:112px}.series-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.series-chips>a{padding:7px 15px;border:1px solid var(--line);border-radius:30px;background:#fffcf7;font-size:11px;display:flex;align-items:center;gap:9px}.series-chips>a[aria-current]{background:#6f7f6f;border-color:#6f7f6f;color:#fffcf7}.series-chips small{font:italic 11px Georgia,serif;opacity:.7}.gallery-filters{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto;gap:18px;align-items:end;padding:23px;background:#f1e9dc;border:1px solid #e8d9c6;border-radius:9px}.gallery-filters label{font-size:10px;color:#9a7f64;display:block;min-width:0}.gallery-filters input,.gallery-filters select{margin-top:8px;font-size:12px;min-height:45px;background:#fffcf8}.gallery-filters .button{min-height:45px;padding-inline:23px;border-radius:5px}.gallery-result-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-block:22px;font-size:11px;color:#9e866d}.gallery-result-line strong{font-weight:500;color:#9f6540}.gallery-result-line>p>span{font-size:10px;color:#b19c84}.gallery-result-line .text-link{font-size:10px}.gallery-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:43px}.gallery-pagination a{display:grid;place-items:center;min-width:36px;min-height:36px;padding:6px 11px;font-size:12px;border-radius:30px;border:1px solid var(--line);background:#fffcf7}.gallery-pagination a[aria-current]{background:#a46943;color:#fff9ef;border-color:#a46943}
.work-detail{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:57px;padding-block:24px 60px;align-items:start}.work-display{min-width:0}.work-image-button{position:relative;display:block;width:100%;padding:19px;background:#eee5d7;border:1px solid #e4d7c6;border-radius:7px}.work-image-button img{width:100%;height:auto;max-height:780px;object-fit:contain}.work-image-button>span{position:absolute;bottom:28px;right:28px;padding:7px 14px;background:#fffaf2e8;border-radius:20px;font-size:10px}.work-image-caption{text-align:center;font-size:9px;color:#ab957b;margin-top:12px}.work-information{position:sticky;top:122px}.work-information h1{font-size:36px;line-height:1.75;margin-block:0 20px;overflow-wrap:anywhere}.work-information>.eyebrow{margin-bottom:12px;font-size:9px}.work-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.work-tags a{padding:4px 12px;background:#e8ebe2;border-radius:30px;color:#74816b;font-size:10px}.work-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 28px}.work-facts>div{background:#f3ecdf;border:1px solid #e9dccb;border-radius:9px;padding:16px 18px}.work-facts dt{font-size:9px;color:#ac8d6f;margin-bottom:8px}.work-facts dd{font-size:14px;margin:0;line-height:1.7;overflow-wrap:anywhere}.work-note{padding:25px;background:#fffdf8;border:1px solid var(--line);border-radius:10px}.work-note .eyebrow{font-size:8px;margin-bottom:9px}.work-note h2{font-size:23px;margin-bottom:17px}.work-note>p:not(.eyebrow){font-size:13px;line-height:2.1;color:#8d7965;margin-bottom:13px}.work-note>p:last-child{margin-bottom:0}.work-source{margin-top:24px;font-size:11px}.related-art{border-top:1px solid var(--line)}.work-more-images{padding-bottom:45px}.work-more-images>img{display:block;margin:0 auto 22px;max-height:950px;object-fit:contain}
.journal-heading{text-align:center;max-width:860px;padding-block:60px 52px}.journal-heading h1{font-size:46px;line-height:1.6;margin-bottom:22px}.journal-heading>p:last-child{font-size:13px;color:#9e866f}.article-browser{padding-bottom:65px}.journal-section-label{display:flex;align-items:center;gap:25px;border-block:1px solid var(--line);padding:18px 0;margin-bottom:30px}.journal-section-label>span{font-size:14px;color:#a2633a;white-space:nowrap}.journal-section-label>p{font-size:11px;color:#ad967d}.reading-help{border-top:1px solid var(--line);padding-block:45px 60px}.reading-help h2{font-size:27px}.article-preview{max-width:960px;padding-block:30px 60px}.article-preview>header{text-align:center;max-width:760px;margin:0 auto 34px}.article-preview h1{font-size:39px;line-height:1.7;margin-bottom:20px}.article-byline{font-size:10px;color:#ad9278;line-height:2}.article-byline>span{margin-inline:9px}.article-cover{width:100%;height:auto;max-height:600px;object-fit:contain;background:#eee3d3;border-radius:8px}.article-preview-copy{max-width:700px;margin:42px auto 0}.article-preview-copy h2{font-size:28px;margin-bottom:22px}.article-preview-copy>p:not(.eyebrow){font-size:15px;color:#8b735d;line-height:2.2}.article-migration-note{padding:23px;background:#f0e8da;border:1px solid var(--line);border-radius:8px;margin-block:29px}.article-migration-note strong{font-size:13px;font-weight:500}.article-migration-note p{font-size:12px;line-height:2;color:#9d8269;margin-top:8px}.article-preview-copy>.button{margin-right:24px}.editorial-empty{text-align:center;padding-block:100px}.editorial-empty h1{font-size:36px;margin-bottom:20px}.editorial-empty>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:28px}#work-image-dialog{max-width:1100px;width:calc(100% - 40px);padding:45px 20px 20px}#work-zoom-image{max-height:calc(100dvh - 110px);width:100%;object-fit:contain}
@media(max-width:1100px){.atelier-home,.gallery-hero{gap:40px}.atelier-home-copy{padding-left:0}.atelier-home-art img{height:430px}.gallery-feature-frame img{height:375px}.art-grid{gap:30px 20px}.journal-body{padding:21px}.journal-body h3{font-size:19px}.gallery-filters{gap:12px;padding:20px}.work-detail{gap:32px}.work-information h1{font-size:31px}.work-facts>div{padding:14px}.work-note{padding:22px}}
@media(max-width:760px){.atelier-home,.gallery-hero{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:35px 40px}.atelier-home-copy,.gallery-hero>div:first-child{text-align:center}.atelier-home h1,.gallery-hero h1{font-size:37px;line-height:1.65;margin-bottom:18px}.atelier-home .eyebrow,.gallery-hero .eyebrow{font-size:8px}.atelier-home-copy>p:not(.eyebrow),.gallery-hero-text{font-size:12px}.editorial-actions{justify-content:center;gap:23px;margin-top:25px}.atelier-home-art{padding:22px;max-width:460px;width:100%;margin:auto}.atelier-home-art img{height:355px}.atelier-home-art strong{font-size:16px}.atelier-home-art small{font-size:7px}.destination-row{grid-template-columns:minmax(0,1fr);padding-block:7px}.destination-row>a{padding:23px 5px!important;border-right:0;border-bottom:1px solid var(--line)}.destination-row>a:last-child{border-bottom:0}.destination-row span{font-size:8px}.destination-row h2{font-size:23px;margin-block:8px 6px}.destination-row p{font-size:11px}.destination-row b{top:44px;right:7px}.editorial-section{padding-block:42px}.editorial-section-heading{gap:16px;align-items:center;margin-bottom:22px}.editorial-section-heading h2{font-size:24px;line-height:1.7}.editorial-section-heading .eyebrow{font-size:8px}.editorial-section-heading>.text-link{font-size:10px;white-space:nowrap;align-self:center}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.art-image{padding:9px;border-radius:5px}.art-card h3{font-size:17px;margin-top:5px}.art-card-meta{font-size:8px;margin-top:11px;gap:6px;flex-wrap:wrap}.art-card-meta time{font-size:8px}.art-card-line{font-size:9px;gap:5px 10px;margin-top:6px}.art-view{display:none}.journal-grid{grid-template-columns:minmax(0,1fr);gap:22px}.journal-card{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:start}.journal-image{aspect-ratio:1;height:100%}.journal-image img{object-fit:contain}.journal-body{padding:19px 17px}.journal-body h3{font-size:18px;margin-bottom:12px}.journal-body>.eyebrow{font-size:7px;margin-bottom:8px}.journal-body>p:not(.eyebrow){font-size:11px;line-height:1.9;-webkit-line-clamp:2}.journal-bottom{gap:8px;flex-wrap:wrap;margin-top:15px}.journal-bottom time{font-size:9px}.journal-bottom .text-link{font-size:10px}.tools-invitation,.reading-help{flex-direction:column;align-items:center;text-align:center;gap:22px;padding-block:35px 42px}.tools-invitation h2,.reading-help h2{font-size:25px}.tools-invitation p:last-child{font-size:12px}.tools-invitation .eyebrow,.reading-help .eyebrow{font-size:8px}.gallery-hero-footer{justify-content:center;gap:27px;margin-top:25px}.gallery-hero-footer strong{font-size:28px}.gallery-hero>.gallery-feature{padding:0;width:100%;max-width:460px;margin-inline:auto}.gallery-feature-frame{padding:20px;border-radius:100px 100px 6px 6px}.gallery-feature-frame img{height:340px}.gallery-feature-caption{margin-top:15px}.gallery-feature-caption strong{font-size:17px}.gallery-feature-caption small{font-size:7px}.portfolio-browser{padding-block:35px 42px;scroll-margin-top:90px}.gallery-count{font-size:9px}.series-chips{gap:8px;margin-bottom:19px}.series-chips>a{padding:6px 11px;font-size:10px;gap:7px}.series-chips small{font-size:10px}.gallery-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:15px 12px}.gallery-search{grid-column:1/-1}.gallery-filters label{font-size:10px}.gallery-filters input,.gallery-filters select{font-size:11px}.gallery-filters>.button{grid-column:1/-1;font-size:11px;min-height:43px}.gallery-result-line{font-size:10px;margin-block:20px}.gallery-pagination{gap:6px;margin-top:30px}.gallery-pagination a{min-width:32px;min-height:33px;padding:5px 10px;font-size:11px}.work-detail{grid-template-columns:minmax(0,1fr);gap:29px;padding-block:22px 38px}.work-image-button{padding:13px}.work-image-button>span{bottom:22px;right:22px;font-size:9px}.work-information{position:static}.work-information h1{font-size:32px;margin-bottom:15px}.work-information>.eyebrow{font-size:8px}.work-tags{margin-bottom:20px}.work-facts{gap:11px;margin-bottom:22px}.work-facts>div{padding:16px}.work-facts dd{font-size:13px}.work-facts dt{font-size:9px}.work-note{padding:23px}.work-note>p:not(.eyebrow){font-size:13px}.work-source{margin-top:20px}.related-art .art-grid .art-card:last-child{display:none}.journal-heading{padding-block:36px 30px}.journal-heading h1{font-size:32px;margin-bottom:18px}.journal-heading>.eyebrow{font-size:8px}.journal-heading>p:last-child{font-size:12px;line-height:2}.article-browser{padding-bottom:35px}.journal-section-label{align-items:start;flex-direction:column;gap:8px;padding-block:15px;margin-bottom:23px}.journal-section-label>span{font-size:12px}.journal-section-label>p{font-size:10px;line-height:1.9}.article-preview{padding-block:25px 40px}.article-preview h1{font-size:29px}.article-preview>header{margin-bottom:25px}.article-byline{font-size:9px}.article-preview-copy{margin-top:30px}.article-preview-copy h2{font-size:24px}.article-preview-copy>p:not(.eyebrow){font-size:13px}.article-preview-copy>.button{display:flex;margin:0 0 24px}.article-preview-copy>.text-link{display:table;margin:auto}.article-migration-note{padding:20px}.editorial-empty{padding-block:65px}.editorial-empty h1{font-size:29px}}
@media(max-width:420px){.atelier-home h1,.gallery-hero h1{font-size:33px}.gallery-feature-frame img{height:300px}.atelier-home-art img{height:310px}.art-grid{gap:23px 12px}.art-card h3{font-size:16px}.art-card-line{font-size:8px}.gallery-count{display:none}.journal-card{display:block}.journal-image{aspect-ratio:1.6;height:auto}.journal-image img{object-fit:cover}.journal-body{padding:23px}.journal-body h3{font-size:21px}.journal-body>p:not(.eyebrow){font-size:12px}.work-facts dd{font-size:12px}.work-facts>div{padding:14px}.journal-heading h1{font-size:28px}.article-preview h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.art-image img,.art-view{transition:none}}

/* Preserve original article material: natural proportions, no thumbnail crops. */
.journal-image{aspect-ratio:auto;background:transparent;height:auto;align-self:start}
.journal-image img{display:block;width:100%;height:auto;object-fit:contain}
.article-page .breadcrumb{font-size:12px;gap:10px;padding-top:27px}
.article-page .breadcrumb>span:last-child{max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-full{max-width:1160px;padding-block:34px 0}
.article-full-heading{text-align:center;max-width:840px;margin:0 auto 32px}
.article-full-heading>.eyebrow{display:inline-block;padding:6px 14px;border:1px solid #dfd7c8;border-radius:30px;background:#f3eee5;font-size:11px;letter-spacing:.07em;color:#736b59}
.article-full-heading h1{font-size:clamp(30px,3vw,42px);line-height:1.6;margin:17px 0 20px;overflow-wrap:anywhere}
.article-full-heading .article-byline{font-size:12px;line-height:1.9;color:#8c7f71}
.article-full-cover{max-width:760px;margin:0 auto 48px;padding:10px;border:1px solid #e7dfd3;background:#fffdf9;border-radius:12px}
.article-cover-original{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:6px}
.article-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:38px;align-items:start}
.article-outline{position:sticky;top:118px;grid-column:2;grid-row:1;min-width:0;padding:6px 0}
.article-outline details{border-top:2px solid #8c9a87;border-bottom:1px solid var(--line);padding:18px 0}
.article-outline summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;font-size:17px;color:#514c40}
.article-outline summary::-webkit-details-marker{display:none}
.article-outline summary small{display:block;margin-bottom:5px;font-size:9px;letter-spacing:.15em;color:#8c8e7d}
.article-outline-toggle{font-size:18px;font-weight:400;color:#8c8e7d}
.article-outline details[open] .article-outline-toggle{transform:rotate(45deg)}
.article-outline nav{display:grid;gap:4px;margin-top:17px}
.article-outline nav>a{display:grid;grid-template-columns:21px minmax(0,1fr);gap:10px;align-items:start;padding:10px 8px;border-radius:5px;color:#837765;font-size:13px;line-height:1.85;overflow-wrap:anywhere}
.article-outline-number{font:italic 12px/1.85 Georgia,serif;color:#b5a38b}
.article-outline nav>a:hover,.article-outline nav>a[aria-current="location"]{color:#435748;background:#eaf0e7}
.article-outline nav>a[aria-current="location"] .article-outline-number{color:#657e67}
.article-outline>.text-link{display:table;font-size:12px;margin-top:22px}
.article-reading-body{grid-column:1;grid-row:1;min-width:0;padding:36px 40px 0;background:#fffdf9;border:1px solid #e8e0d5;border-radius:10px}
.article-prose{font-size:17px;line-height:2.05;letter-spacing:.015em;color:#554d43;overflow-wrap:anywhere}
.article-prose p{margin:0 0 24px;line-height:2.05}
.article-prose p:empty{display:none}
.article-prose h2,.article-prose h3,.article-prose h4,.article-prose h5,.article-prose h6{font-family:var(--sans);font-size:20px;line-height:1.85;margin:30px 0 20px;font-weight:500;color:#4d493e}
.article-introduction{padding-bottom:28px;margin-bottom:34px;border-bottom:1px solid #eee7dd}
.article-prose .article-meta-label{font-size:12px;letter-spacing:.05em;color:#968575;margin:0 0 5px}
.article-prose .article-intro-note{font-size:16px;font-weight:500;line-height:1.95;background:#eef1e9;border-left:3px solid #97a48e;padding:17px 20px;margin:20px 0 0;border-radius:0 6px 6px 0}
.article-chapter{padding-bottom:36px}
.article-chapter+.article-chapter{border-top:1px solid #e6ddcf;padding-top:36px}
.article-chapter>*:last-child{margin-bottom:0}
.article-prose .article-section-title{font:500 25px/1.7 var(--serif);color:#493e31;border:0;padding:0;margin:0 0 26px;scroll-margin-top:126px;outline-offset:8px}
.article-prose .article-step-heading{display:grid;gap:12px}
.article-step-label{justify-self:start;background:#f1e6d8;color:#9d623e;font:600 11px/1.6 var(--sans);letter-spacing:.12em;border-radius:4px;padding:5px 10px}
.article-step-divider{display:none}
.article-step-title{font:500 27px/1.7 var(--serif)}
.article-step-note{display:block;font:400 14px/1.9 var(--sans);color:#8c7d69;margin-top:7px;letter-spacing:.01em}
.article-prose .article-instruction{font-weight:500;color:#5e5447;margin-top:30px}
.article-chapter>ul{list-style:none;counter-reset:article-item;margin:24px 0 32px;padding:6px 22px;background:#f6f3ec;border-radius:7px}
.article-chapter>ul>li{position:relative;counter-increment:article-item;padding:15px 0 15px 36px;margin:0;font-size:16px;line-height:1.95;border-bottom:1px solid #e9e1d5}
.article-chapter>ul>li>:last-child{margin-bottom:0}
.article-chapter>ul>li:last-child{border-bottom:0}
.article-chapter>ul>li::before{content:counter(article-item,decimal-leading-zero);position:absolute;left:0;top:18px;font:italic 12px/1.9 Georgia,serif;color:#b58b62}
.article-prose :where(ul,ol){padding-left:24px;margin:20px 0 27px}
.article-prose li{padding-left:4px;margin-bottom:12px}
.article-prose a{display:inline-block;max-width:100%;color:#a45e36;text-decoration:underline;text-underline-offset:4px}
.article-prose a.article-reference{padding:6px 12px;border:1px solid #d5ddce;border-radius:6px;background:#eef2e9;color:#52694f;text-decoration:none;font-size:.92em;line-height:1.9;box-decoration-break:clone}
.article-prose a.article-reference::before{content:"▤";display:inline-block;margin-right:8px;color:#879b7c}
.article-prose a.article-reference:hover{background:#e2eadb;border-color:#aebfa3}
.article-prose hr{border:0;border-top:1px solid #eee6d9;margin:30px 0}
.article-chapter>hr:last-child{display:none}
.article-prose figure{margin:24px 0 32px}
.article-prose figcaption{font-size:12px;color:#9a8269;text-align:center;line-height:1.9;margin-top:10px}
.article-image-button{position:relative;display:block;max-width:100%;width:100%;padding:7px;margin:0 auto;background:#f8f6f0;border:1px solid #e8e1d5;border-radius:8px;overflow:hidden;cursor:zoom-in}
.article-image-button img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.article-image-button>span{position:absolute;right:13px;bottom:13px;background:#fffdf9f2;color:#79644f;border:1px solid #e0d5c5;border-radius:20px;font-size:10px;padding:3px 11px;pointer-events:none}
.article-image-button:focus-visible{outline:3px solid #aa643c;outline-offset:4px}
.article-prose .article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin:25px 0 30px}
.article-prose .article-gallery>figure{margin:0;min-width:0}
.article-prose .article-gallery>figure:only-child{grid-column:1/-1}
/* 舊下載介面截圖：上排兩張、下排三張，各排等高；contain 保留圖上的文字與標示。 */
.article-prose .article-gallery-warning-pair{gap:12px;align-items:stretch;margin-bottom:12px}
.article-prose .article-gallery-warning-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;margin-top:0}
.article-gallery-warning-pair .article-image-button{aspect-ratio:1.16}
.article-gallery-warning-trio .article-image-button{aspect-ratio:1.6}
.article-gallery-warning-pair .article-image-button img,.article-gallery-warning-trio .article-image-button img{height:100%;object-fit:contain}
.article-gallery-warning-pair .article-image-button>span,.article-gallery-warning-trio .article-image-button>span{right:8px;bottom:8px;width:25px;height:25px;padding:0;display:grid;place-items:center;font-size:0}
.article-gallery-warning-pair .article-image-button>span::before,.article-gallery-warning-trio .article-image-button>span::before{content:"＋";font:16px/1 var(--sans)}
@media(max-width:600px){.article-gallery-warning-pair .article-image-button,.article-gallery-warning-trio .article-image-button{aspect-ratio:auto}.article-gallery-warning-pair .article-image-button img,.article-gallery-warning-trio .article-image-button img{height:auto}.article-prose .article-gallery-warning-pair{margin-bottom:17px}}
.article-prose blockquote{border-left:3px solid #c09366;background:#f1e7d7;padding:25px 26px;margin:27px 0;border-radius:0 8px 8px 0}
.article-prose blockquote p:last-child{margin:0}
.article-prose cite{font-size:12px;color:#927357;font-style:normal}
.article-prose mark{background:#f1dfb9;color:inherit;padding:1px 4px;border-radius:3px}
.article-prose table{width:100%;border-collapse:collapse;font-size:13px}
.article-prose td,.article-prose th{padding:10px;border:1px solid var(--line)}
.article-prose pre{overflow:auto;white-space:pre-wrap;background:#f2e8da;padding:18px;border-radius:8px}
.article-prose .article-modified-date{font-size:12px;color:#a38a70;margin-bottom:25px}
.article-prose .article-buttons{display:flex;justify-content:center;margin:28px 0}
.article-prose .article-inline-button{display:inline-block;text-decoration:none;background:#ae653d;color:#fffaf2;padding:12px 25px;border-radius:30px;font-size:14px}
.article-prose .article-inline-button.is-expired{color:#8b7762;background:#e9dfd0;border:1px solid #d7c5ad;cursor:default}
.article-version-note{padding:21px 24px;background:#f7f0e3;border:1px solid #e5d8c3;border-left:3px solid #bba17b;border-radius:0 7px 7px 0;margin:0 0 30px;font-size:14px;line-height:2;color:#796851}
.article-version-note strong{display:block;font-size:14px;font-weight:500;color:#815332;margin-bottom:7px}
.article-version-note p{margin:0;line-height:2}
.article-version-note a{display:inline-block;margin-top:8px;color:#a26039;text-decoration:underline;text-underline-offset:4px}
.article-reading-end{text-align:center;border-top:1px solid var(--line);padding:32px 0 36px;margin-top:8px}
.article-reading-end p{font-size:14px;color:#8d7e6c;margin-bottom:20px}
.article-related{border-top:1px solid var(--line)}
.article-related .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;margin-inline:auto;gap:24px;align-items:stretch}
.article-related .journal-card{display:flex;flex-direction:column}
.article-related .journal-image{display:grid;place-items:center;width:100%;aspect-ratio:1.6;flex:none;background:#f7f0e6;border-radius:10px}
.article-related .journal-image img{width:100%;height:100%;object-fit:contain}
.article-related .journal-body{display:flex;flex-direction:column;flex:1}
.article-related .journal-bottom{margin-top:auto;padding-top:20px}
@media(max-width:1050px){.article-reading-layout{grid-template-columns:minmax(0,1fr) 205px;gap:25px}.article-reading-body{padding:30px 28px 0}}
@media(max-width:960px){.article-reading-layout{grid-template-columns:minmax(0,1fr);gap:24px;max-width:800px;margin-inline:auto}.article-outline{grid-column:1;grid-row:1;position:static;padding:0 18px;background:#f1f1e9;border:1px solid #dedfce;border-radius:8px}.article-outline details{border:0;padding:16px 0}.article-outline summary{font-size:15px}.article-outline summary small{font-size:8px;margin-bottom:3px}.article-outline nav>a{font-size:13px;padding:10px}.article-outline>.text-link{display:none}.article-reading-body{grid-column:1;grid-row:2;padding:30px 34px 0}}
@media(max-width:760px){.journal-image{aspect-ratio:auto;height:auto}.journal-image img{height:auto;object-fit:contain}.article-full{padding-top:25px}.article-full-heading{margin-bottom:25px}.article-full-heading h1{font-size:29px;line-height:1.65;margin-block:15px 18px}.article-full-heading .article-byline{font-size:11px}.article-full-cover{padding:6px;margin-bottom:28px;border-radius:8px}.article-cover-original{border-radius:4px}.article-prose{font-size:16px}.article-prose p{margin-bottom:22px}.article-reading-body{padding:26px 24px 0}.article-prose h2,.article-prose h3,.article-prose h4{font-size:19px}.article-prose .article-section-title{font-size:23px;margin:0 0 24px;scroll-margin-top:105px}.article-step-title{font-size:24px}.article-prose .article-intro-note{font-size:15px;padding:15px 17px}.article-chapter{padding-bottom:30px}.article-chapter+.article-chapter{padding-top:30px}.article-chapter>ul{padding:4px 16px}.article-chapter>ul>li{font-size:15px;padding-left:31px}.article-prose .article-gallery{gap:12px}.article-prose figure{margin-block:22px 28px}.article-image-button{padding:5px;border-radius:6px}.article-image-button>span{right:9px;bottom:9px;font-size:10px;padding:2px 9px}.article-version-note,.article-safety-correction{font-size:13px;padding:18px}.article-prose blockquote{padding:20px}.article-reading-end{padding-block:28px 32px}.article-related .journal-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.article-prose .article-gallery{grid-template-columns:minmax(0,1fr);gap:17px}.article-page .article-full{width:calc(100% - 32px)}.article-reading-body{padding:24px 18px 0}.article-full-heading h1{font-size:27px}.article-full-heading>.eyebrow{font-size:10px}.article-step-title{font-size:23px}.article-prose .article-intro-note{font-size:15px}.article-chapter>ul{padding-inline:12px}.article-chapter>ul>li{font-size:15px}.article-chapter>ul>li.article-safety-correction{padding-right:12px}.article-prose .article-modified-date{font-size:12px}.article-page .breadcrumb{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:no-preference){.article-page{scroll-behavior:smooth}}
#article-reference-dialog{width:min(660px,calc(100% - 32px));max-width:660px;max-height:90dvh;margin:auto;padding:0;border:1px solid #ded5c7;border-radius:12px;background:#fffdf8;color:var(--ink);overflow:auto;overscroll-behavior:contain}
#article-reference-dialog::backdrop{background:#38332b80;backdrop-filter:blur(4px)}
#article-reference-dialog .dialog-close{position:absolute;z-index:2;top:12px;right:12px;background:#fffdf8f2;border:1px solid #e2d8c8;border-radius:50%;width:38px;height:38px;color:#685c4b;line-height:1}
.article-reference-card>figure{background:#eee8dc;padding:20px;border-bottom:1px solid #e4dbcd}
.article-reference-card>figure img{width:100%;height:auto;max-height:245px;object-fit:contain;display:block}
.article-reference-copy{padding:28px 32px 30px}
.article-reference-copy .eyebrow{font-size:11px;margin-bottom:8px}
#article-reference-category{font-size:11px;color:#8d816e;margin-bottom:8px}
#article-reference-title{font:500 27px/1.65 var(--serif);margin:0 0 14px;overflow-wrap:anywhere}
#article-reference-excerpt{font-size:15px;color:#7c705e;line-height:2;margin-bottom:15px;overflow-wrap:anywhere}
#article-reference-date{font-size:11px;color:#a18f78;margin-bottom:22px}
.article-reference-actions{display:flex;flex-wrap:wrap;gap:12px}
.article-reference-actions .button{font-size:13px;min-height:46px;border-radius:6px}
@media(max-width:600px){.article-reference-card>figure{padding:16px}.article-reference-card>figure img{max-height:190px}.article-reference-copy{padding:23px 22px 25px}#article-reference-title{font-size:23px}#article-reference-excerpt{font-size:14px}.article-reference-actions{flex-direction:column}.article-reference-actions .button{width:100%}}
.series-chips{gap:12px;justify-content:center;padding:24px;background:#f4ede3;border:1px solid var(--line);border-radius:16px;margin-bottom:28px}
.series-chips>a{font-size:13px;min-height:44px;padding:9px 17px;line-height:1.7;white-space:nowrap}
.series-chips small{font-size:12px}
/* 說明卡先建立閱讀焦點，再接對應圖片；固定尺寸上限避免長圖與小圖示占滿閱讀區。 */
.article-instruction-step{margin:30px 0 38px;break-inside:avoid}
.article-instruction-copy{padding:19px 22px 20px;background:#f4ede2;border:1px solid #e6d8c5;border-left:4px solid #bd7850;border-radius:0 9px 9px 0;margin-bottom:18px}
.article-instruction-label{display:inline-block;font:600 11px/1.6 var(--sans);letter-spacing:.1em;color:#9b5c35;margin-bottom:9px}
.article-prose .article-instruction-copy .article-instruction{font-size:18px;font-weight:600;line-height:1.9;color:#514332;margin:0}
.article-prose .article-instruction-copy .article-instruction+.article-instruction{margin-top:11px}
.article-instruction-media{display:flow-root}
.article-prose .article-instruction-media>figure{margin:0 0 16px}
.article-prose .article-instruction-media>figure:last-child{margin-bottom:0}
.article-prose .article-instruction-media>figure.article-gallery-warning-pair{margin-bottom:12px}
.article-instruction-media>figure:not(.article-gallery) .article-image-button{width:100%;max-width:620px;margin-inline:auto}
.article-instruction-media>figure:not(.article-gallery) .article-image-portrait{max-width:400px}
.article-instruction-media>figure:not(.article-gallery) .article-image-compact{max-width:300px}
.article-instruction-media>figure:not(.article-gallery) .article-image-button img{width:100%;height:auto;max-width:100%;max-height:420px;margin-inline:auto}
@media(max-width:600px){.article-instruction-step{margin-block:26px 32px}.article-instruction-copy{padding:16px 16px 17px;margin-bottom:16px}.article-prose .article-instruction-copy .article-instruction{font-size:17px;line-height:1.9}.article-instruction-label{font-size:10px}.article-instruction-media>figure:not(.article-gallery) .article-image-button img{max-height:380px}}
@media(max-width:760px){.series-chips{gap:10px;padding:16px 12px;border-radius:12px}.series-chips>a{font-size:12px;padding:9px 13px;gap:8px}.series-chips small{font-size:11px}}
/* 主要操作與分類卡保留一致尺寸，最後一排不足時仍置中，不影響圖片放大控制。 */
.editorial-actions,.article-reference-actions{justify-content:center;align-items:stretch;gap:18px}
.editorial-actions>.button,.article-reference-actions>.button{flex:1 1 190px;max-width:280px;min-width:0;min-height:52px;text-align:center;padding:14px 20px}
.editorial-actions{margin-top:32px}
.article-reference-actions{margin-top:24px}
.series-chips{gap:14px;padding:26px;margin-bottom:32px}
.series-chips>a{flex:0 1 158px;justify-content:center;min-width:0;min-height:50px;padding:11px 14px;white-space:normal;text-align:center}
.gallery-hero-footer{justify-content:center;gap:24px;flex-wrap:wrap}
.gallery-hero-footer>.button{min-width:220px;min-height:52px}
.gallery-filters{gap:22px;padding:26px}
.gallery-filters .button{min-height:48px}
.article-reading-end>.button{min-width:240px;min-height:52px}
@media(max-width:760px){.series-chips{gap:12px;padding:20px 14px}.series-chips>a{flex-basis:calc((100% - 12px)/2);padding:11px 10px}.gallery-filters{gap:20px 16px;padding:22px}.gallery-filters>.button{width:min(100%,360px);justify-self:center}}
@media(max-width:600px){.editorial-actions,.article-reference-actions{gap:16px}.editorial-actions>.button,.article-reference-actions>.button{flex-basis:auto;width:100%;max-width:360px}.gallery-hero-footer{gap:24px}.article-reading-end>.button{min-width:0;width:min(100%,360px)}}
/* 延伸閱讀直接以原封面呈現；整張為原生連結，鍵盤與無 JavaScript 時也能前往文章。 */
.article-prose a.article-jump-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);align-items:stretch;width:min(100%,760px);max-width:100%;margin:26px auto 36px;padding:0;border:1px solid #dfd1be;border-radius:12px;background:#fffdf8;box-shadow:0 5px 22px #7553370a;color:var(--ink);text-decoration:none;overflow:hidden;transition:border-color .18s,box-shadow .18s}
.article-jump-cover{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1778/1200;background:#f1e8d9;align-self:center}
.article-jump-cover>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;aspect-ratio:1778/1200}
.article-jump-placeholder{font:500 22px/1.8 var(--serif);letter-spacing:.12em;text-align:center;color:#9a7c5e}
.article-jump-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:16px;background:#51403194;color:#fffdf7;font:500 15px/1.8 var(--sans);text-align:center;opacity:0;transition:opacity .18s}
.article-jump-hover>span{font-size:23px}
/* 作品主分類固定四個入口；子系列另起一層，避免把計劃、媒材與日誌全部擠在同一列。 */
.portfolio-main-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(100%,880px);margin:0 auto 32px;padding:0;background:none;border:0;border-radius:0}
.portfolio-main-categories>a{min-height:54px;padding:13px 16px;font-size:15px;line-height:1.7;gap:12px}
.portfolio-subcategories{margin:0 0 30px;padding:26px 24px 28px;border:1px solid var(--line);border-radius:14px;background:#f4ede3}
.portfolio-subcategories>h3{margin:0 0 22px;text-align:center;font:500 17px/1.8 var(--serif);color:#71634f}
.portfolio-child-categories{justify-content:center;gap:14px;margin:0;padding:0;background:none;border:0;border-radius:0}
.portfolio-child-categories>a{flex:0 1 158px;min-height:48px;padding:10px 12px;font-size:14px}
.portfolio-child-categories>a[aria-current]{background:#9b6b49;border-color:#9b6b49}
.portfolio-main-categories>a:focus-visible,.portfolio-child-categories>a:focus-visible{outline:3px solid #a7653e;outline-offset:4px}
.portfolio-filters{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(140px,.6fr);gap:24px;padding:26px}
.portfolio-filters label{font-size:13px}
.portfolio-filters input:not([type=hidden]),.portfolio-filters select{min-height:50px;font-size:14px}
.portfolio-filters>.button{min-height:50px;justify-content:center;text-align:center}
.portfolio-browser .gallery-result-line{margin-block:25px;font-size:13px;flex-wrap:wrap}
.portfolio-browser .gallery-result-line>p>span{font-size:12px}
.portfolio-browser[aria-busy=true],.portfolio-browser[aria-busy=true] .series-chips>a{cursor:progress}
/* 佳句直接呈現原文與譯文，不加標題或語言標籤；無譯文時也不產生裝飾分隔線。 */
.work-words{margin:0 0 24px;padding:30px 32px 32px;background:#edf0e7;border:1px solid #dce3d4;border-radius:12px}
.work-word-card{margin:0;padding:0}
.work-word-card+.work-word-card{border-top:1px solid #d7ddce;margin-top:28px;padding-top:28px}
.work-word-card blockquote{margin:0;padding:0}
.work-word-original{font:italic 28px/1.6 Georgia,var(--serif);color:#4e5d47;overflow-wrap:anywhere;margin:0}
.work-word-original[lang=ja]{font:500 24px/1.85 var(--serif);letter-spacing:.03em}
.work-word-divider{display:block;width:40px;height:1px;background:#a4ae98;margin:18px 0}
.work-word-translation{font-size:16px;line-height:1.95;color:#77816c;margin:0;overflow-wrap:anywhere}
.work-social-actions{display:flex;justify-content:center;margin-top:25px}
.work-social-actions>.work-instagram{width:min(100%,360px);min-height:52px;padding:14px 18px;gap:13px;font-size:14px;text-align:center;border-color:#d9c8b5;background:#fffaf3}
.work-instagram>svg{width:21px;height:21px;flex-shrink:0}
@media(max-width:760px){.work-words{padding:26px 24px 28px;margin-bottom:23px}.work-word-original{font-size:25px}.work-word-original[lang=ja]{font-size:23px}.work-word-translation{font-size:16px}.work-word-card+.work-word-card{margin-top:24px;padding-top:24px}.work-social-actions{margin-top:23px}.work-social-actions>.work-instagram{width:100%;font-size:13px}}
@media(max-width:760px){.portfolio-main-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:26px}.portfolio-main-categories>a{min-height:52px;padding:12px 10px;font-size:14px}.portfolio-subcategories{padding:23px 16px 25px;margin-bottom:26px}.portfolio-subcategories>h3{font-size:16px;margin-bottom:19px}.portfolio-child-categories{gap:12px}.portfolio-child-categories>a{flex-basis:calc((100% - 12px)/2);min-height:48px;font-size:13px}.portfolio-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px;gap:20px 16px}.portfolio-filters>.gallery-search{grid-column:1/-1}.portfolio-filters>.button{grid-column:auto;width:100%;max-width:none;padding-inline:12px}.portfolio-browser .gallery-result-line{gap:12px}.portfolio-browser .gallery-result-line>p{line-height:1.9}}
.article-jump-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;min-width:0;padding:26px 28px}
.article-jump-category{display:block;font:500 11px/1.8 var(--sans);letter-spacing:.08em;color:#a06b43}
.article-jump-title{display:block;font:500 21px/1.8 var(--serif);color:#534334;overflow-wrap:anywhere}
.article-jump-action{display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:18px;margin-top:4px;padding:12px 0 0;border-top:1px solid #e6d9c8;font:500 13px/1.8 var(--sans);color:#a4613b}
.article-jump-action>span{font-size:22px;line-height:1}
.article-prose a.article-jump-card:hover,.article-prose a.article-jump-card:focus-visible{border-color:#bb875e;box-shadow:0 7px 24px #7553371a}
.article-prose a.article-jump-card:focus-visible{outline:3px solid #a6653f;outline-offset:5px}
.article-jump-card:hover .article-jump-hover,.article-jump-card:focus-visible .article-jump-hover{opacity:1}
@media(max-width:680px){.article-prose a.article-jump-card{grid-template-columns:minmax(0,1fr);width:min(100%,460px);margin-block:24px 30px}.article-jump-copy{padding:23px 22px;gap:14px}.article-jump-title{font-size:20px;line-height:1.85}.article-jump-action{padding-top:14px;font-size:13px}.article-jump-category{font-size:11px}}
@media(hover:none){.article-jump-hover{display:none}}
@media(prefers-reduced-motion:reduce){.article-prose a.article-jump-card,.article-jump-hover{transition:none}}



/* Keep the existing artwork card, with a compact row of rotation controls beneath it. */
.home-update-rotation{min-width:0;width:100%}
.home-update-controls:not([hidden]){display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;color:#805f45}
.home-update-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:6px 12px;border:1px solid #e9d9c1;border-radius:50%;background:#fffaf2;color:#805f45;font:inherit;line-height:1;cursor:pointer}
.home-update-controls button[data-home-update-pause]{border-radius:20px;font-size:12px;min-width:58px}
.home-update-controls button:hover{background:#f4eadb}
.home-update-controls button:focus-visible{outline:2px solid #b96940;outline-offset:3px}
.home-update-controls [data-home-update-position]{font-size:13px;font-variant-numeric:tabular-nums;min-width:52px;text-align:center}

/* Readable category text and its historical view count share one aligned row. */
.editorial-site .journal-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;min-width:0}
.editorial-site .journal-card .journal-card-topline>.eyebrow{flex:1;min-width:0;margin:0;font-size:14px;line-height:1.6;letter-spacing:.03em;overflow-wrap:anywhere}
.editorial-site .journal-card .article-view-count{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;flex:none;color:#9a8069;font:400 12px/1.6 var(--sans);letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.editorial-site .article-view-count svg{display:block;flex:none;width:16px;height:16px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.editorial-site .article-full-heading>.eyebrow{font-size:14px;line-height:1.6;letter-spacing:.04em}
@media(max-width:760px){.editorial-site .journal-card .journal-card-topline>.eyebrow,.editorial-site .article-full-heading>.eyebrow{font-size:13px}.editorial-site .journal-card-topline{gap:10px;margin-bottom:12px}}
/* Service links are distinct actions, never concatenated underlined words. */
.article-prose .article-buttons{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:12px;margin:28px 0 34px}
/* Documentation captures share one canvas; never constrain or distort their height. */
.article-prose figure.article-tutorial-screenshot{width:min(100%,640px);margin-inline:auto}
.article-prose figure.article-tutorial-screenshot .article-image-button{width:100%;max-width:none;aspect-ratio:1;margin-inline:auto}
.article-prose figure.article-tutorial-screenshot .article-image-button img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain}
.article-prose figure.article-tutorial-detail,.article-prose figure.article-tutorial-menu{width:min(100%,640px);margin-inline:auto}
.article-prose figure.article-tutorial-detail .article-image-button,.article-prose figure.article-tutorial-menu .article-image-button{display:flex;align-items:center;justify-content:center;width:100%;max-width:none;aspect-ratio:auto;margin-inline:auto;background:#fffcf6}
.article-prose figure.article-tutorial-detail .article-image-button img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.article-prose figure.article-tutorial-menu .article-image-button img{display:block;width:auto;max-width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.article-prose .article-buttons>a{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:144px;min-height:48px;padding:12px 22px;border:1px solid #d9bfa7;border-radius:10px;background:#fff8ee;color:#99502c;font:600 15px/1.6 var(--sans);letter-spacing:.02em;text-decoration:none;box-shadow:0 4px 12px #91654008}
.article-prose .article-buttons>a:first-child{background:#b56034;border-color:#b56034;color:#fffaf2}
.article-prose .article-buttons>a:hover{background:#f5e6d4;border-color:#bc8c66;color:#7d3e20;text-decoration:none}
.article-prose .article-buttons>a:first-child:hover{background:#a4522c;color:#fffaf2}
.article-action-icon{display:block;flex:none;width:16px;height:16px}
@media(max-width:600px){.article-prose .article-buttons{gap:10px}.article-prose .article-buttons>a{flex:1 1 140px;min-width:0;padding:12px 16px}}