/* Language-aware layouts: the small screen gets its own reading / firing flow. */
.site-header .lang-switch{min-width:44px;min-height:44px;display:grid;place-items:center;position:relative;z-index:30}
html[lang=en] .kiln-copy{width:35%}
html[lang=en] .kiln-copy h1{font-size:clamp(34px,3.35vw,60px);line-height:1.22;letter-spacing:-.02em}
html[lang=en] .kiln-copy p{max-width:30em;letter-spacing:0}
html[lang=en] .kiln-reveal h2{font-size:clamp(13px,1.15vw,18px);line-height:1.4;overflow-wrap:anywhere}
html[lang=en] .kiln-reveal .primary-link{font-size:12px;letter-spacing:0}
.product-main>*{min-width:0}.catalog-item{min-width:0}
@media(max-width:760px){
 .site-header,body[data-page=kiln]>.site-header{height:108px;padding:10px 20px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:50px 28px;gap:8px 12px;align-items:center}
 .site-header .identity{grid-column:1;grid-row:1;min-width:0}
 .site-header .identity img,body[data-page=kiln]>.site-header .identity img{width:54px;height:50px}
 .site-header .identity b,body[data-page=kiln]>.site-header .identity b{font-size:22px}
 .site-header .identity small,body[data-page=kiln]>.site-header .identity small{font-size:8px}
 .site-header .lang-switch{grid-column:2;grid-row:1;font-size:12px}
 .site-header nav,body[data-page=kiln]>.site-header nav{grid-column:1/-1;grid-row:2;justify-self:center;gap:24px;font-size:12px;line-height:1.2;white-space:nowrap}
 .site-header nav a{padding:5px 0}
 body[data-page=kiln]>.site-header nav a+a:before{display:none}
 .kiln-experience{--scene-height:117vw;height:calc(490px + var(--scene-height));min-height:0;max-height:none;aspect-ratio:auto}
 .kiln-copy,html[lang=en] .kiln-copy{left:20px;right:20px;top:125px;width:auto}
 .kiln-copy h1{font-size:clamp(32px,9.2vw,40px);line-height:1.32}
 html[lang=en] .kiln-copy h1{font-size:clamp(29px,8vw,36px);line-height:1.22;letter-spacing:-.015em}
 .kiln-copy p{font-size:12px;line-height:1.8;max-width:29em;margin-top:15px}
 .firing-stages{left:20px;right:20px;top:285px;width:auto;height:48px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
 .firing-stages:before{left:9%;right:9%;top:7px;bottom:auto;height:1px;width:auto}
 .firing-stages li,.firing-stages li:first-child,.firing-stages li:last-child{flex-direction:column;gap:9px;font-size:11px;line-height:1.3;white-space:normal;text-align:center;letter-spacing:0}
 .firing-stages i{width:14px;height:14px;flex-shrink:0}
 html[lang=en] .firing-stages li{font-size:10px}
 .kiln-temperature{display:block;left:20px;right:20px;top:345px;width:auto;height:5px;bottom:auto}
 .kiln-temperature>span,.kiln-temperature small{display:none}
 .kiln-temperature .temperature-track{left:0;right:0;top:0;bottom:0;width:100%;height:5px}
 .kiln-temperature:before{left:0;top:0;bottom:0;width:100%;height:5px;transform:scaleX(var(--temperature-level));transform-origin:left;box-shadow:none}
 .kiln-temperature:after{display:none}
 .kiln-temperature strong{left:auto;right:0;top:10px;bottom:auto;font-size:12px}
 .kiln-temperature strong b{font-size:12px}
 .kiln-art{left:-65%;right:-10%;top:380px;bottom:auto;height:var(--scene-height)}
 .kiln-illustration{display:none}
 .fuel-control{left:20px;right:20px;bottom:46px;width:auto}
 .fuel-control p{max-width:100%;font-size:11px;line-height:1.5;margin-top:12px}
 .wood{width:190px;height:53px}
 .drop-zone{left:18%;right:29%;top:calc(380px + var(--scene-height) * .72);height:calc(var(--scene-height) * .2);width:auto}
 .skip-kiln{left:20px;right:auto;bottom:14px;font-size:12px;line-height:1.5}
 .kiln-reveal{left:20px;right:20px;top:calc(390px + var(--scene-height));bottom:auto;width:auto;max-width:340px;height:auto;min-height:0;margin:0 auto;padding:0;transform:none;align-items:center}
 .kiln-reveal>p{font-size:12px}
 .kiln-reveal .reveal-orbit{width:176px;flex-shrink:0;margin:16px 0}
 .kiln-reveal .reveal-title{justify-content:center;max-width:100%;gap:8px}
 .kiln-reveal h2,html[lang=en] .kiln-reveal h2{font-size:17px;line-height:1.5;text-align:center;max-width:270px}
 .kiln-reveal .primary-link,html[lang=en] .kiln-reveal .primary-link{width:auto;min-width:205px;font-size:13px;line-height:1.5;padding:12px 20px;margin-top:16px}
 .kiln-reveal>button{font-size:12px;margin-top:12px}
 .kiln-experience[data-stage='4']{height:calc(845px + var(--scene-height))}
 .kiln-experience[data-stage='4'] .fuel-control{display:none}
 .home-selection>header,.page-hero{grid-template-columns:1fr;gap:22px}
 .home-selection{padding:65px 20px}
 .home-object-grid,.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 14px}
 .home-object-wide{grid-column:1/-1}.home-object-tall{grid-row:auto}
 .catalog{padding:35px 20px 65px}
 .catalog-item,.catalog-item:nth-child(5n+1),.catalog-item:nth-child(5n+2){grid-column:span 1;margin-top:0}
 .catalog-item:nth-child(3n+1){grid-column:1/-1}
 .catalog-item footer{gap:5px}.catalog-item h2{font-size:17px;line-height:1.5}
 .catalog-item p{font-size:12px}
 .product-main,.story-hero,.contact-band{grid-template-columns:minmax(0,1fr)}
 .product-info{position:static;padding-top:25px}
 .product-images{grid-template-columns:minmax(0,1fr)}
 .product-info h1{font-size:32px;overflow-wrap:anywhere}
 .story-hero>div{padding:60px 20px}.story-row{grid-template-columns:1fr;gap:20px}
 .story-hero h1,.contact-band h2{font-size:36px}
 .site-footer{flex-direction:column;align-items:flex-start;padding:28px 20px;gap:20px}
 .contact-form input,.contact-form textarea,.contact-form select{font-size:16px}
}

/* Original QR artwork is clipped in CSS so every code module stays intact. */
.contact-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:360px;margin-top:48px}
.contact-social figure{margin:0;min-width:0}
.social-qr{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#fff}
.social-qr img{position:absolute;max-width:none;height:auto;display:block}
.social-qr-wechat img{width:132.93413%;left:-16.46707%;top:-41.91617%}
.social-qr-xhs img{width:398.79032%;left:-268.14516%;top:-413.30645%}
.contact-social figcaption{display:flex;align-items:center;justify-content:center;height:30px;margin-top:14px;font-size:13px;color:#ddd}
@media(max-width:760px){.contact-social{margin-top:32px;max-width:344px;gap:22px}}

.contact-methods{background:var(--lavender);color:var(--ink);padding:80px var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;align-items:center}
.contact-methods h2{font-family:var(--font-serif,"AM Serif",serif);font-weight:400;font-size:clamp(36px,4vw,58px);line-height:1.4;margin:12px 0 20px}
.contact-eyebrow{font-size:11px;letter-spacing:.15em;color:var(--purple)}
.contact-methods-note{font-size:14px;line-height:1.9;max-width:28em}
.contact-methods .contact-social{margin-top:0;width:100%;max-width:400px;gap:32px}
.contact-methods .contact-social figcaption{color:var(--ink)}
@media(max-width:760px){.contact-methods{grid-template-columns:minmax(0,1fr);padding:56px 22px;gap:30px}.contact-methods .contact-social{max-width:360px;gap:22px}.contact-methods h2{font-size:36px;margin-bottom:14px}}

/* Direct business contact channels. Keep QR modules from the original image intact. */
.contact-methods{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:5vw}
.contact-methods .contact-social{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;gap:24px}
.contact-email{margin-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.contact-email>span{font-size:14px;color:var(--purple,#83458f)}
.contact-email>a{font-size:16px;line-height:1.75;overflow-wrap:anywhere;text-underline-offset:5px;text-decoration-thickness:1px;min-height:44px;display:inline-flex;align-items:center}
.social-qr-whatsapp{display:block}
.social-qr-whatsapp img{width:212.35955%;left:-56.17978%;top:-157.30337%}
.contact-social figcaption a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;text-underline-offset:4px}
.contact-email a:hover,.contact-social figcaption a:hover{color:var(--purple,#83458f);text-decoration:underline}
.contact-social a:focus-visible,.contact-email a:focus-visible{outline:2px solid var(--purple,#83458f);outline-offset:5px}
@media(max-width:760px){.contact-methods{grid-template-columns:minmax(0,1fr)}.contact-methods .contact-social{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;max-width:400px}.contact-email{margin-top:20px}}

/* Email as an editorial contact line, aligned with the QR channels. */
.contact-email{width:100%;max-width:480px;margin-top:32px}
.contact-email>a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:12px 16px;width:100%;box-sizing:border-box;padding:20px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-decoration:none;transition:color .18s,border-color .18s}
.contact-email-label{grid-column:1/-1;font-size:13px;line-height:1.5;font-weight:500;color:var(--purple);letter-spacing:.04em}
.contact-email-address{font-size:clamp(20px,2vw,26px);line-height:1.5;font-weight:400;letter-spacing:-.025em;overflow-wrap:anywhere}
.contact-email-arrow{position:static;display:flex;align-items:center;justify-content:flex-end;font-size:28px;line-height:1;color:var(--purple)}
.contact-email a:hover{background:transparent;border-color:var(--purple);color:var(--purple);text-decoration:none}
@media(max-width:760px){.contact-email{margin-top:24px}.contact-email>a{gap:10px 12px;padding:18px 0 20px;grid-template-columns:minmax(0,1fr) 24px}.contact-email-address{font-size:20px}.contact-email-arrow{font-size:24px}}
@media(prefers-reduced-motion:reduce){.contact-email>a{transition:none}}

.contact-methods .contact-social figcaption{height:44px;margin-top:12px}
/* Official website wordmarks: preserve the brand geometry without a custom badge. */
.social-brand-logo{display:block;position:static;width:auto;max-width:100%;height:30px;object-fit:contain}
.social-brand-whatsapp{height:29px}

.social-wechat-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#07C160;font-size:18px;line-height:1.5;white-space:nowrap}
.social-wechat-symbol{display:block;width:30px;height:30px;object-fit:contain}

.social-brand-xhs{width:80px;height:auto;aspect-ratio:24/10}

/* English contact channels: WeChat and WhatsApp. */
html[lang="en"] .contact-methods .contact-social{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px}