/* Cream, honey and cocoa: a warm sunflower-inspired creative studio. */
:root { --ink:#513923; --cream:#fff8eb; --muted:#81715e; --line:#e2d1b5; --sage:#f2e5cc; --accent:#ac6c1c; --gutter:clamp(22px,4.5vw,82px); }
body { background:var(--cream); }
header { background:rgb(255 247 237 / 97%); height:84px; }
.topbar { background:#513923; color:#f8e5d7; }
.brand-icon { color:var(--accent); }
.btn { background:var(--accent); border-color:var(--accent); color:#fff9f2; }
.btn:hover { background:#875015; border-color:#875015; }
.menu { color:var(--ink); }
.language-options,.language-options a { background:var(--cream); color:var(--ink); }
.language-options a:hover,.language-options a[aria-current] { background:#f5d6bf; }
.section { padding-block:clamp(38px,4.3vw,66px); }
h2 { font-size:clamp(38px,3.9vw,58px); }
.section-heading { gap:24px; margin-bottom:28px; }
.section-heading .eyebrow { margin-bottom:13px; }
.section-heading>p { max-width:410px; }
.eyebrow { letter-spacing:.11em; }
.filters button.active { background:var(--ink); }
.filters button:hover:not(.active) { background:#f5d9c8; }
.round { border-color:#d2ba96; }
.round:hover { background:var(--accent); border-color:var(--accent); }
.page-intro { padding-top:40px; padding-bottom:35px; background:#f9edce; }
html .page-intro h1 { font-size:clamp(58px,6vw,86px); margin:15px 0 20px; }
.page-intro p { font-size:15px; }
.breadcrumbs { padding-top:18px; padding-bottom:15px; background:#f9edce; }
.page-intro+.section { padding-top:30px; }
.custom { background:#f7e5c4; gap:6%; }
.custom-art { background:#ead5ae; }
.custom-options>div { padding:13px 0; border-color:#d4b7a6; }
.custom-copy>p { margin-top:18px; }
.palette-name { border-color:#c2a58f; }
.palette-picker button { color:var(--ink); }
.palette-picker button.active { border-color:#c4a798; background:#fff5e9; }
.finished { background:#f9e8ca; }
.process { background:#f6e9d1; gap:5%; }
.steps article>span { color:var(--accent); padding-bottom:16px; border-color:#d4bcab; }
.steps h3 { margin-top:17px; }
.questions details { padding:18px 0; }
.questions summary { font-size:14px; }
.faq { gap:6%; background:#fff9f2; }
.reading-panel { background:#f7ecd5; padding-block:45px; }
.checklist li { padding-block:12px; border-color:#dfcaab; }
.comparison thead { background:#f2e5cc; }
.comparison table { font-size:14px; }
.comparison th,.comparison td { padding:18px; }
.route-cta { background:#f2d9a7; padding-block:45px; gap:35px; }
html .route-cta h2 { font-size:clamp(40px,4.5vw,64px); margin-top:14px; }
.route-cta .btn { flex-basis:125px; width:125px; min-height:125px; padding:20px; color:var(--ink); border-color:var(--ink); }
.route-cta .btn:hover { color:#fff8ed; background:var(--ink); border-color:var(--ink); }
.site-footer { background:#513923; padding-top:42px; border-top-color:#75563c; }
.footer-columns { gap:32px; padding-bottom:36px; }
.footer-columns strong { color:#e0b994; margin-bottom:18px; }
.footer-columns>div>a:not(.brand) { color:#f7e7ce; margin-block:11px; font-size:12px; }
.footer-columns p { color:#ddc9ab; font-size:14px; }
.site-footer .brand-icon { color:#e6b08d; }
.site-footer .footer-bottom { border-color:#84684a; color:#ddc9ab; }
.inquiry { background:#513923; }
.inquiry-copy>.eyebrow,.inquiry .inquiry-copy>p,.inquiry-note p,.form-help { color:#e9d7b8; }
.inquiry h2 em { color:#efbf98; }
.inquiry-note { border-color:#967859; }
input,select,textarea { border-color:#a68c6b; }
input::placeholder,textarea::placeholder { color:#e0ccae; }
form .btn { background:#f3c7a4; border-color:#f3c7a4; color:var(--ink); }
form .btn:hover { background:#ffe0c3; }
.journal-search input { background:transparent; color:var(--ink); border-color:var(--ink); }
.journal-search input::placeholder { color:var(--muted); }
.takeaway { background:#f2dfd0; border-color:var(--accent); }
.article-page { padding-top:35px; padding-bottom:45px; }
.article-heading { margin-bottom:35px; padding-bottom:26px; }
.article-prose p { color:#71606a; }
.article-prose .article-intro { color:var(--ink); }

/* The cover carries useful product information instead of empty vertical space. */
.home-page .hero.hero-editorial { --cover-height:620px; height:auto; min-height:580px; gap:35px; background:#fae4d0; padding-top:20px; padding-bottom:22px; }
.home-page .hero-editorial .hero-copy>.eyebrow { margin-top:23px; padding-top:0; }
.home-page .hero.hero-editorial h1 { margin:18px 0; font-size:clamp(65px,6.1vw,94px); line-height:.98; }
.home-page .hero-editorial .hero-copy>.hero-intro { margin-bottom:21px; max-width:450px; width:96%; }
.home-page .hero-editorial .hero-foot { margin-top:17px; padding-top:13px; border-top:1px solid #d6b8a6; }
.home-page .hero-editorial .hero-art { height:auto; min-height:0; }
.home-page .hero-photo-frame { min-height:420px; background:#efdfcd; }
.home-page .hero-photo { object-position:50% 30%; }
.home-page .hero-edition { border-color:#d6b8a6; }
.home-page .hero-photo-number,.home-page .hero-photo-mark { color:#765530; }
.hero-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:23px; width:100%; }
.hero-highlights>div { padding:12px 0 3px; border-top:2px solid #ac6c1c66; min-width:0; }
.hero-highlights>div:nth-child(2) { border-color:#b98a51; }
.hero-highlights>div:nth-child(3) { border-color:#bda16a; }
.hero-highlights span { display:block; font-size:10px; color:#8a665c; margin-bottom:7px; }
.hero-highlights strong { display:block; font-weight:500; font-size:11px; line-height:1.7; }
.home-page .site-explore { padding-top:25px; padding-bottom:25px; background:#f3ddb2; }
.site-explore .section-heading { display:none; }
.route-grid { gap:18px; border:0; }
.route-grid>a,.route-grid>a:first-child,.route-grid>a:last-child { min-height:0; padding:22px 23px 48px; border:1px solid #d7bda9; background:#fff3e3; }
.route-grid>a:nth-child(2) { background:#f8edc9; border-color:#e3d1a1; }
.route-grid>a:nth-child(3) { background:#f4e4c8; }
.route-grid h3 { font-size:32px; margin:16px 0 12px; }
.route-grid p { font-size:13px; line-height:1.75; }
.route-arrow,.route-grid>a:last-child .route-arrow { right:18px; bottom:12px; width:30px; height:30px; font-size:19px; border-color:#ceb8ae; }
.home-products { background:#fff8ee; border:0; }
.home-products .product-visual { aspect-ratio:1.04; }
.home-products .product-grid { gap:22px; }
.home-products .product-bottom { padding-top:15px; }
.home-page .custom { padding-block:42px; }
.home-page .custom h2 { font-size:clamp(38px,3.7vw,53px); }
.home-page .custom-copy>.eyebrow { margin-bottom:16px; }
.home-page .custom-art svg { padding-block:10px; }
.home-page .finished .section-heading { margin-bottom:28px; }
.home-page .finished .craft-grid:not(#craft-grid) { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 22px; }
.home-page .finished .craft-grid:not(#craft-grid) .craft-card:nth-child(n) { margin-top:0; }
.home-page .finished .craft-card-copy { padding-top:15px; }
.home-page .finished .craft-card-copy h3,.home-page .finished .craft-grid:not(#craft-grid) .craft-card:first-child h3 { font-size:21px; line-height:1.35; margin:8px 0; }
.home-page .finished .craft-card-copy .static-description { display:none; }
.home-page .finished .craft-link { margin-top:5px; }
.home-page .finished>.sample-note { margin-top:26px; padding-top:16px; font-size:11px; }
.home-page .process { grid-template-columns:.85fr 1.45fr; }
.home-page .process h2 { font-size:clamp(36px,3.4vw,48px); }
.home-journal { background:#f5e8ce; border:0; }
.home-page .home-journal .section-heading { margin-bottom:26px; }
.home-page .home-journal .journal-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.home-page .home-journal .journal-card:nth-child(n) { padding-top:0; display:block; grid-column:auto; }
.home-page .home-journal .journal-card:nth-child(n) .journal-art { aspect-ratio:1.2; }
.home-page .home-journal .journal-card:nth-child(n) h3 { font-size:27px; margin:12px 0; }
.home-page .home-journal .journal-card-text { padding-top:16px; }
.home-page .home-journal .journal-card p { font-size:13px; margin-bottom:10px; }
.home-page .home-journal .article-meta { font-size:10px; gap:5px; }

.sourcing-desk { background:#fff8eb; }
.sourcing-desk h2 { max-width:780px; }
.brief-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:30px; }
.brief-fields { border-top:1px solid var(--line); }
.brief-fields article { display:flex; gap:19px; border-bottom:1px solid var(--line); padding:20px 0; }
.brief-fields article>span { color:var(--accent); padding-top:3px; font-size:11px; flex-shrink:0; }
.brief-fields h3 { margin:0 0 7px; font-size:16px; }
.brief-fields p { margin:0; font-size:13px; line-height:1.85; }
.application-panel { padding:26px; background:#f8edcf; border:1px solid #e4d1a7; }
.application-panel>a:not(.btn) { display:block; padding:18px 0; border-bottom:1px solid #dfcba5; }
.application-panel h3 { display:flex; justify-content:space-between; gap:14px; margin:0 0 7px; font-size:15px; }
.application-panel p { margin:0; font-size:13px; line-height:1.8; }
.application-panel .btn { margin-top:21px; width:100%; }
.application-panel .sample-note { font-size:10px; margin-top:14px; }
html[lang='zh-CN'] .home-page .hero.hero-editorial h1 { font-size:clamp(45px,4.6vw,72px); line-height:1.25; }
html[lang='zh-CN'] .home-page .home-journal .journal-card:nth-child(n) h3 { font-size:22px; }
html[lang='zh-CN'] .home-page h2 { font-size:clamp(32px,3.3vw,46px); }

@media(max-width:1200px) {
 header>nav { top:84px; background:var(--cream); }
 .home-page .hero.hero-editorial h1 { font-size:clamp(61px,6.6vw,78px); }
 .home-page .hero-editorial .hero-actions { gap:14px; }
 .hero-highlights { gap:10px; margin-top:18px; }
 .hero-highlights strong { font-size:10px; }
 .home-page .home-journal .journal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home-page .home-journal .journal-card:nth-child(n) h3 { font-size:28px; }
 .home-page .process { grid-template-columns:1fr; gap:25px; }
}
@media(max-width:900px) {
 .section { padding-block:38px; }
 .route-grid { gap:13px; }
 .route-grid>a,.route-grid>a:first-child,.route-grid>a:last-child { padding:18px 18px 45px; }
 .route-grid h3 { font-size:29px; }
 .route-grid p { font-size:12px; }
 .home-page .hero.hero-editorial { gap:25px; min-height:0; }
 .home-page .hero.hero-editorial h1 { font-size:58px; }
 .hero-highlights { grid-template-columns:1fr; gap:0; }
 .hero-highlights>div { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:9px 0; border-top-width:1px; }
 .hero-highlights span { margin:0; flex-shrink:0; }
 .hero-highlights strong { font-size:10px; text-align:right; }
 .home-page .hero-editorial .hero-foot { display:none; }
 .home-page .finished .craft-grid:not(#craft-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .brief-grid { gap:22px; grid-template-columns:1fr 1fr; }
 .application-panel { padding:22px; }
 .home-page .custom h2 { font-size:43px; }
 .footer-columns { padding-bottom:28px; }
 .page-intro { padding-block:32px; }
 html .page-intro h1 { font-size:64px; }
 .article-toc { background:#f5ead4; }
}
@media(max-width:760px) {
 .home-page .hero.hero-editorial { gap:20px; padding-top:15px; padding-bottom:20px; }
 .home-page .hero.hero-editorial h1 { font-size:clamp(55px,11.5vw,78px); }
 .home-page .hero-editorial .hero-copy>.eyebrow { margin-top:19px; }
 .hero-highlights { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
 .hero-highlights>div { display:block; padding-top:10px; }
 .hero-highlights span { margin-bottom:5px; }
 .hero-highlights strong { text-align:left; font-size:10px; }
 .home-page .hero-photo-frame { min-height:0; aspect-ratio:1.08; }
 .home-page .hero-photo { object-position:50% 35%; }
 .home-page .hero-art-caption { padding-top:9px; }
 html[lang='zh-CN'] .home-page .hero.hero-editorial h1 { font-size:clamp(36px,8.6vw,57px); }
 .home-page .site-explore { padding-block:22px; }
 .route-grid { grid-template-columns:1fr; gap:12px; }
 .route-grid>a,.route-grid>a:first-child,.route-grid>a:last-child { padding:18px 55px 19px 18px; }
 .route-grid h3 { margin:8px 0; font-size:30px; }
 .route-arrow,.route-grid>a:last-child .route-arrow { bottom:18px; }
 .route-grid p { font-size:13px; }
 .brief-grid { grid-template-columns:1fr; }
 .home-page .custom { padding-block:35px; gap:25px; }
 .home-page .custom-art { max-width:480px; }
 .home-page .custom-copy { max-width:none; }
 .home-page .custom h2 { font-size:39px; }
 .home-page .custom-copy h2 br { display:none; }
 .home-page .faq { gap:25px; }
 .home-page .home-journal .journal-grid { gap:26px 18px; }
 .home-page .home-journal .journal-card:nth-child(n) h3 { font-size:25px; }
 .home-page .home-journal .journal-card p { font-size:12px; }
 .home-page .home-journal .journal-card .text-link { font-size:11px; }
 .route-cta .btn { align-self:flex-start; width:auto; min-height:52px; flex-basis:auto; border-radius:2px; flex-direction:row; }
 html .route-cta h2 { font-size:42px; }
 .route-cta { gap:23px; padding-block:35px; }
}
@media(max-width:600px) {
 header { height:78px; }
 header>nav { top:78px; }
 .section { padding-block:32px; }
 .section-heading { gap:15px; margin-bottom:23px; }
 .section-heading h2 { font-size:39px; }
 .home-page .finished .craft-grid:not(#craft-grid) { gap:24px 16px; }
 .home-page .finished .craft-image-label { font-size:8px; padding:6px; top:9px; left:9px; }
 .home-page .finished .craft-zoom { width:30px; height:30px; right:9px; bottom:9px; font-size:17px; }
 .home-page .finished .craft-card-copy .eyebrow { font-size:8px; }
 .home-page .finished .craft-card-copy h3,.home-page .finished .craft-grid:not(#craft-grid) .craft-card:first-child h3 { font-size:16px; }
 .home-page .finished .craft-card-copy p { font-size:12px; }
 .home-page .finished .craft-link { font-size:11px; gap:15px; }
 .home-page .home-journal .journal-grid { grid-template-columns:1fr; }
 .home-page .home-journal .journal-card:nth-child(n) { display:grid; grid-template-columns:.75fr 1fr; align-items:start; gap:17px; }
 .home-page .home-journal .journal-card:nth-child(n) .journal-art { aspect-ratio:1; }
 .home-page .home-journal .journal-card-text { padding:0; }
 .home-page .home-journal .journal-card:nth-child(n) h3 { font-size:25px; margin:9px 0; }
 .home-page .home-journal .journal-category { font-size:8px; padding:6px; left:8px; bottom:8px; }
 .home-page .home-journal .article-meta { font-size:9px; }
 .page-intro { padding-block:28px; }
 html .page-intro h1,html[lang='zh-CN'] .page-intro h1 { font-size:48px; }
 .page-intro p { font-size:14px; }
 .steps { gap:20px; }
 .site-footer { padding-top:32px; }
 .footer-columns { gap:24px; }
 .home-page .custom h2 { font-size:37px; }
 html[lang='zh-CN'] .home-page h2 { font-size:32px; }
 .application-panel { padding:22px; }
}

/* Real factory photography and company pages */
.company-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:end;padding-block:48px 38px}
.company-hero h1,.company-contact h1{font-size:clamp(42px,4.4vw,76px);line-height:1.18;letter-spacing:-.04em;margin:18px 0 0}
.company-hero p,.company-contact p,.company-story p,.company-teaser p{color:var(--muted);font-size:16px;line-height:1.9;max-width:620px}
.company-panorama{margin:0 4%;position:relative;overflow:hidden;border-radius:8px}
.company-panorama img{display:block;width:100%;height:clamp(280px,39vw,570px);object-fit:cover}
.company-panorama figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:20px;padding:40px 26px 22px;background:linear-gradient(transparent,#241b12c9);color:#fff9ed;font-size:12px;letter-spacing:.04em}
.company-story,.company-teaser{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.company-story h2,.company-teaser h2{font-size:clamp(30px,3vw,46px);line-height:1.4;margin:18px 0}
.company-story figure{margin:0;position:relative}
.company-story img{display:block;width:100%;height:360px;object-fit:cover;border-radius:6px}
.company-story figcaption{position:absolute;bottom:18px;left:20px;background:#fff8ebed;padding:8px 14px;font-size:12px}
.factory-journal{background:#f3e5cdb3}
.factory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.factory-grid figure{margin:0;position:relative;overflow:hidden;border-radius:5px}
.factory-grid img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;transition:transform .5s}
.factory-grid article:hover img{transform:scale(1.035)}
.factory-grid figure span{position:absolute;left:12px;top:12px;border-radius:50%;background:#fff8ebed;width:34px;height:34px;display:grid;place-items:center;font-size:11px}
.factory-grid h3{font-size:21px;margin:20px 0 10px}
.factory-grid p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.company-teaser-image img{display:block;width:100%;height:350px;object-fit:cover;border-radius:6px}
.company-contact{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding-block:45px 55px}
.contact-heading .btn{margin-top:18px}
.contact-details{background:#f0dfbd70;border:1px solid var(--line);border-radius:8px;padding:26px 30px}
.contact-details .contact-example{font-size:12px;color:#966123;padding-bottom:18px;margin:0;border-bottom:1px solid var(--line)}
.contact-details dl{margin:0}
.contact-details dl>div{padding-top:19px}
.contact-details dt{font-size:11px;color:var(--muted);margin-bottom:6px}
.contact-details dd{font-size:16px;line-height:1.6;margin:0;overflow-wrap:anywhere}
@media(min-width:1101px){header>nav{gap:clamp(10px,1.3vw,24px)}header>nav>a{font-size:12px}}
@media(max-width:800px){.company-hero,.company-story,.company-contact,.company-teaser{grid-template-columns:1fr;gap:22px}.company-hero h1,.company-contact h1{font-size:40px}.company-hero{padding-block:25px}.company-panorama{margin-inline:5%}.company-panorama img{height:280px}.company-panorama figcaption{padding:40px 16px 15px;font-size:10px}.factory-grid{grid-template-columns:1fr;gap:28px}.factory-grid article{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;align-items:start}.factory-grid figure{grid-row:span 2}.factory-grid h3{font-size:18px;margin:3px 0 8px}.factory-grid p{font-size:12px}.company-story img,.company-teaser-image img{height:260px}.company-contact{padding-block:25px 32px}.contact-details{padding:20px}.company-hero p,.company-contact p,.company-story p,.company-teaser p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.factory-grid img{transition:none}}

.company-values-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:7%;align-items:start}
.company-values-intro>.eyebrow{grid-column:1/-1;margin-bottom:18px}
.company-values h2,.company-journey h2,.company-partners h2{font-size:clamp(28px,3vw,44px);line-height:1.4;margin:0 0 20px}
.company-values p,.company-journey p,.company-partners p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
.company-value-grid,.company-partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.company-value-grid article{border-top:1px solid var(--line);padding-top:22px}
.company-value-grid h3,.company-partner-grid h3{font-size:21px;margin:14px 0 10px}
.company-journey{display:grid;grid-template-columns:1fr 1.05fr;gap:6%;align-items:center;background:#f3e5cd80}
.company-journey figure{margin:0;position:relative}
.company-journey figure img{width:100%;height:520px;object-fit:cover;display:block;border-radius:6px}
.company-journey figcaption{position:absolute;bottom:20px;left:20px;right:20px;background:#fff8ebed;padding:13px 18px;font-size:12px}
.company-journey .eyebrow{margin-bottom:16px}
.company-timeline{list-style:none;margin:20px 0 0;padding:0}
.company-timeline li{display:flex;gap:18px;padding:14px 0;border-top:1px solid var(--line)}
.company-timeline li>span{font-size:12px;color:var(--accent);padding-top:4px}
.company-timeline h3{font-size:16px;margin:0 0 4px}
.company-timeline p{font-size:12px}
.company-partners .section-heading{align-items:end}
.company-partners .section-heading>p{max-width:380px}
.company-partner-grid article{padding:25px;background:#f3e7cf80;border:1px solid var(--line);border-radius:6px}
.company-next{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;border-top:1px solid var(--line);margin-top:35px;padding-top:30px}
.company-next h3{font-size:24px;line-height:1.5;margin:0 0 12px}
.company-next p{max-width:700px}
.company-next>div:last-child{display:flex;flex-direction:column;align-items:start;gap:15px}
@media(max-width:800px){.company-values-intro,.company-journey,.company-next{grid-template-columns:1fr;gap:20px}.company-value-grid,.company-partner-grid{grid-template-columns:1fr;gap:18px}.company-value-grid article{display:grid;grid-template-columns:28px 1fr;column-gap:12px;padding-top:17px}.company-value-grid .eyebrow{grid-row:span 2;margin-top:5px}.company-value-grid h3{margin:0 0 8px;font-size:18px}.company-value-grid p{grid-column:2}.company-journey figure img{height:300px}.company-partners .section-heading{display:block}.company-partner-grid article{padding:20px}.company-partner-grid h3{margin:8px 0}.company-next>div:last-child{flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}}

/* Retouched photographs: preserve subjects across responsive layouts. */
.company-panorama img{height:auto;aspect-ratio:16/9;object-position:50% 60%}
.company-story img{height:auto;aspect-ratio:4/3;object-position:50% 50%}
.company-teaser-image img{height:auto;aspect-ratio:3/2;object-position:50% 55%}
.factory-grid img{aspect-ratio:3/2;object-position:center}
.company-journey figure img{height:auto;aspect-ratio:4/5;object-position:50% 40%}
@media(max-width:800px){.company-panorama img{height:auto;aspect-ratio:3/2}.company-story img,.company-teaser-image img{height:auto;aspect-ratio:3/2}.company-journey figure img{height:auto;aspect-ratio:4/5;max-height:560px;object-position:50% 35%}}

/* Coordinated photographic product collection. */
.product-visual,.home-products .product-visual{aspect-ratio:1;background:#fff6e8!important;border-radius:6px}
.product-photo{display:block;width:100%;height:100%;object-fit:contain;background:#fff6e8;transition:transform .6s ease}
.product-visual:hover .product-photo{transform:scale(1.035)}
.detail-art{border-radius:8px;background:#fff6e8!important;align-self:start}
.detail-art .product-photo{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.detail-art .product-tag{display:none}
@media(prefers-reduced-motion:reduce){.product-photo{transition:none}}

.tianyin-brand{gap:10px;letter-spacing:0}
.tianyin-brand .tianyin-mark{display:block;width:48px;height:48px;flex-shrink:0}
.tianyin-wordmark strong{display:block;font-size:26px;letter-spacing:.2em;font-weight:600;line-height:1.15}
.tianyin-brand .brand-sub{font-size:8px;letter-spacing:.14em;margin-top:7px}
.site-footer .tianyin-mark{filter:brightness(0) saturate(100%) invert(81%) sepia(30%) saturate(439%) hue-rotate(350deg) brightness(103%) contrast(91%)}
.company-legal-name{border-left:2px solid var(--accent);padding-left:15px;margin-top:20px!important;color:var(--ink)!important}
.company-legal-name small{font-size:10px;letter-spacing:.08em}
@media(max-width:600px){.tianyin-brand .tianyin-mark{width:40px;height:40px}.tianyin-wordmark strong{font-size:22px}.tianyin-brand .brand-sub{font-size:7px}}
.whatsapp-float{position:fixed;right:24px;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:900;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 4px 18px #0003;text-decoration:none;transition:transform .2s,background .2s}
.whatsapp-float:hover{background:#128c4a;color:#fff;transform:translateY(-3px)}
.whatsapp-float:focus-visible{outline:3px solid #164d30;outline-offset:4px}
.whatsapp-float svg{display:block;width:30px;height:30px}
@media(max-width:600px){.whatsapp-float{right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}}