/* Independent pages: retain the Huazhi black, olive and warm gold identity. */
[hidden],#page-support{display:none!important}
body{min-height:100svh;display:flex;flex-direction:column}
main{flex:1;min-width:0}main:focus{outline:none}
main h1{font-family:var(--font);font-size:clamp(30px,3vw,45px);font-weight:400;line-height:1.55;letter-spacing:1px;margin:0}
.site-header{padding-inline:5%;gap:22px}.site-header nav{gap:clamp(15px,1.8vw,28px)}.site-header nav a{white-space:nowrap;font-size:13px}.company-logo{width:166px;height:auto}
.page-breadcrumb{display:flex;gap:12px;align-items:center;padding:26px 7% 0;color:var(--muted);font-size:12px}.page-breadcrumb a{color:var(--gold)}
main>.section-wrap{padding:42px 7% 58px}
main>.products .section-heading{align-items:center;margin-bottom:28px}.products .section-heading>p{font-size:14px;line-height:1.8}.products .section-heading .eyebrow{margin-bottom:10px}
body:is([data-page=products],[data-page=shop],[data-page=gifts]) .catalog-switch{display:none}
body[data-page=products] .shopping-entry{margin:0 0 24px;padding:18px 22px}body[data-page=shop] .shopping-entry,body[data-page=gifts] .shopping-entry{display:none}
body[data-page=gifts] .collection-toolbar{display:none}
body[data-page=gifts] .gift-heading{display:none}
body[data-page=shop] .shop-heading .eyebrow,body[data-page=shop] .shop-heading h3{display:none}
.collection-toolbar{margin-top:12px}.filters{flex-wrap:wrap;gap:18px}.filters button{font-size:13px;min-height:44px}.quote-caption{font-size:12px}
body[data-page=gifts] .gift-size-options{margin-top:0}.gift-grid{gap:30px 24px}
body[data-page=gifts] .selection{margin-top:0;border-top:1px solid var(--line);padding:48px 7%;min-height:0;gap:6%}.selection-image{min-height:0;height:360px}.selection-image img{max-height:100%;object-fit:contain}
/* Company introduction is the first page, with the identity and profile kept together. */
body[data-page=index] .about{padding-top:52px;display:grid;grid-template-columns:minmax(0,0.82fr) minmax(0,1.18fr);gap:7%;align-items:center}
body[data-page=index] .section-intro{min-height:0;padding:0;display:flex;flex-direction:column;align-items:flex-start}
body[data-page=index] .section-intro:after{display:none}
body[data-page=index] .about-logo{display:block;position:static;width:220px;height:auto;margin:0 0 24px;align-self:flex-start}
body[data-page=index] .about .eyebrow{font-size:12px;letter-spacing:2px;margin:0 0 20px}
body[data-page=index] .about-statement{font-size:clamp(32px,3.3vw,50px);line-height:1.65;letter-spacing:0}
body[data-page=index] .about-statement span{display:block;white-space:normal}
body[data-page=index] .about-tagline{position:static;align-self:flex-start;text-align:left;font-size:21px;margin:20px 0 0}
body[data-page=index] .about-copy{font-size:15px;line-height:2.05;padding:28px 30px}
body[data-page=index] .about-copy .large-copy{font-size:25px;line-height:1.65;margin-bottom:18px}
body[data-page=index] .about-copy p+p{margin-top:16px}
body[data-page=index] .about-actions{gap:12px;flex-wrap:wrap;margin-top:22px}
body[data-page=index] .capability-section{margin:0 7%;padding:28px 30px;width:auto}
body[data-page=index] .production-story{grid-template-columns:1fr 1fr;gap:36px;align-items:center}
body[data-page=index] .production-story h2{font-size:30px}body[data-page=index] .production-story p{font-size:14px;line-height:2}body[data-page=index] .production-story small{font-size:11px;line-height:1.8;display:block;margin-top:14px}
body[data-page=index] .company-metrics strong{font-size:37px}.company-metrics>div{padding:18px}.company-metrics span{font-size:12px}
.home-next{display:grid;grid-template-columns:0.85fr 1.15fr;gap:7%;align-items:start;margin-top:12px}.home-next h2{font-size:29px;line-height:1.6}.home-next p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:14px}.home-next .eyebrow{margin-bottom:14px}.home-next-links{display:grid}.home-next-links a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.home-next-links strong{font-size:19px;font-weight:400}.home-next-links span{font-size:13px;color:var(--gold)}
body[data-page=about] .hero{height:560px;min-height:500px;max-height:700px}body[data-page=about] .hero-copy{padding-top:70px}body[data-page=about] .facts{padding:28px 7%}.brand-values .eyebrow{margin-bottom:14px}.brand-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:28px 0}.brand-value-grid article{border-top:1px solid var(--line);padding-top:20px}.brand-value-grid h3{font-size:22px;font-weight:400}.brand-value-grid p{font-size:15px;color:var(--muted);margin-top:14px}
body[data-page=company] .company-info .section-heading{margin-bottom:26px}.company-info .company-doc-photo{height:220px}.company-info .credential-image{height:210px}
body[data-page=services] .partners{padding-bottom:36px}body[data-page=services] .faq{padding-top:30px;border-top:1px solid var(--line)}
body[data-page=contact] main{background:#d9c495}body[data-page=contact] .page-breadcrumb{color:#53603f}body[data-page=contact] .page-breadcrumb a{color:#2a351d}body[data-page=contact] .contact{padding:38px 7% 60px;min-height:calc(100svh - 230px)}
body:not([data-page=products]):not([data-page=shop]):not([data-page=gifts]) .cart-launch{display:none!important}
footer{padding:26px 7%;margin-top:0;border-top:1px solid var(--line)}footer .footer-brand img{max-width:130px}footer>p{font-size:13px}footer div{flex-wrap:wrap}
@media(min-width:761px) and (max-width:1100px){.site-header{padding-inline:3%;gap:12px}.company-logo{width:130px}.site-header nav{gap:14px}.site-header nav a{font-size:12px}.nav-contact{padding:8px 10px;font-size:11px}.nav-contact svg{margin-left:8px}.about-copy .large-copy{font-size:23px}body[data-page=index] .about{gap:4%;grid-template-columns:0.8fr 1.2fr}}
@media(max-width:1050px){.site-header nav a{font-size:16px}.site-header nav.open{z-index:32}.site-header nav a[aria-current=page]{color:var(--gold)}}
@media(max-width:760px){
 .site-header{padding:10px 18px;height:70px;gap:10px}.company-logo{width:142px}.nav-contact{font-size:11px;padding:7px 10px}.nav-contact svg{margin-left:9px}.menu-button{font-size:24px}.site-header nav{top:70px}
 .page-breadcrumb{padding:20px 18px 0;font-size:11px;gap:9px}main>.section-wrap{padding:25px 18px 34px}main h1{font-size:29px;line-height:1.5;letter-spacing:0}
 .products .section-heading{display:block;margin-bottom:20px!important}.products .section-heading .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:8px}.products .section-heading>p{font-size:12px;margin-top:10px}
 body[data-page=products] .shopping-entry{padding:12px 14px;margin-bottom:14px;font-size:13px}.shopping-entry small{font-size:10px}
 .collection-toolbar{margin-top:0}.filters{flex-wrap:nowrap;gap:18px;overflow-x:auto;scrollbar-width:none;padding-bottom:0}.filters button{font-size:12px;flex-shrink:0;min-height:44px}
 .quote-tools{gap:12px;align-items:center;flex-wrap:wrap}.quote-caption{font-size:11px;margin-top:14px}.quote-caption>span{display:none}
 body[data-page=shop] .shop-steps{margin-bottom:18px}.shop-heading{margin-bottom:18px}.shop-heading>div>p{font-size:12px}.shop-search-label{margin-top:12px}.shop-search-label input{font-size:14px;min-height:42px}
 .shop-grid,.gift-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}.shop-photo,.gift-photo{height:118px;padding:6px}.mobile-shop-open{min-height:96px}.gift-card h3{font-size:12px;line-height:1.55;min-height:38px}.gift-size-options{gap:10px;margin-bottom:18px}.gift-size-options button{font-size:12px;padding:12px 10px;flex:1}.gift-size-options small{font-size:10px;margin-left:5px}.gift-prices button{min-height:51px}.gift-prices strong{font-size:17px}.gift-footnote{font-size:11px;line-height:1.8}
 body[data-page=gifts] .selection{padding:30px 18px;display:grid;grid-template-columns:100px 1fr;gap:18px}.selection-image{height:150px}.selection-image:before,.selection-image>span{display:none}.selection-copy h2{font-size:21px;line-height:1.55}.selection-copy .eyebrow,.selection-copy>p,.selection-copy .occasion-tabs,.selection-copy #scene-content{display:none}.selection-copy .text-link{font-size:12px;margin-top:12px}
 body[data-page=index] .about{display:block;padding-top:30px}body[data-page=index] .section-intro{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px;padding:0 0 25px}
 body[data-page=index] .about-logo{width:154px;margin:0 0 20px;grid-column:1/-1;justify-self:start}
 body[data-page=index] .about .eyebrow{grid-column:1/-1;font-size:10px;letter-spacing:1px;margin-bottom:10px}
 body[data-page=index] .about-statement{grid-column:1/-1;font-size:30px;line-height:1.7}.about-statement .about-focus{font-size:inherit}
 body[data-page=index] .about-tagline{font-size:17px;margin:12px 0 0;grid-column:1/-1}
 body[data-page=index] .about-copy{padding:20px 18px;font-size:14px;line-height:2}body[data-page=index] .about-copy .large-copy{font-size:21px;margin-bottom:14px}body[data-page=index] .about-copy p+p{margin-top:14px}body[data-page=index] .about-actions .button{padding:10px 11px;font-size:11px;min-height:42px}
 body[data-page=index] .capability-section{margin:0 18px;padding:23px 18px}body[data-page=index] .production-story{display:block}body[data-page=index] .production-story h2{font-size:25px}body[data-page=index] .production-story .eyebrow{font-size:9px;margin-bottom:10px}body[data-page=index] .production-story p{font-size:13px}body[data-page=index] .production-story small{font-size:10px}.company-metrics{margin-top:20px;gap:10px}body[data-page=index] .company-metrics strong{font-size:29px}.company-metrics>div{padding:13px 10px}.company-metrics span{font-size:10px}
 .home-next{display:block;padding-top:30px}.home-next h2{font-size:25px}.home-next p:not(.eyebrow){font-size:12px}.home-next-links{margin-top:12px}.home-next-links a{padding:17px 0;align-items:center;gap:12px}.home-next-links strong{font-size:17px}.home-next-links span{font-size:11px}
 body[data-page=about] .hero{height:700px;min-height:0;max-height:none}body[data-page=about] .hero-copy{padding:35px 18px 0;width:100%}body[data-page=about] .hero h1{font-size:39px}body[data-page=about] .hero-description{font-size:12px}.brand-value-grid{grid-template-columns:1fr;gap:18px;margin-block:22px}.brand-value-grid h3{font-size:20px}.brand-value-grid p{font-size:14px;margin-top:8px}
 .company-info .company-doc-photo,.company-info .credential-image{height:100px;padding:6px}.company-info .credential-card h3,.company-info .company-doc-card h3{font-size:11px;line-height:1.6}.company-info .credential-grid,.company-info .company-doc-grid{gap:18px 9px}.company-info .company-group-heading{margin:22px 0 14px}.company-info .company-group-heading h3{font-size:20px}.company-info .company-summary{gap:12px}.company-info .company-summary>div{min-width:0}
 body[data-page=contact] .contact{padding:26px 18px 35px}.contact h1{font-size:29px;line-height:1.65}.contact .contact-qrs{width:100%}
 footer{padding:24px 18px}footer div{display:flex;gap:12px 20px;justify-content:center}footer small{font-size:10px}.cart-launch{bottom:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:760px){
 .mobile-quote-card{padding:0;margin-bottom:9px;border:1px solid var(--line);background:#191d15}
 .mobile-quote-card summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:83px;padding:12px 10px;cursor:pointer}.mobile-quote-card summary::-webkit-details-marker{display:none}
 .mobile-quote-card summary>img{width:29px;height:57px;object-fit:contain;flex-shrink:0}.mobile-quote-name{flex:1;min-width:0;font-size:14px;line-height:1.6}.mobile-quote-name small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
 .mobile-quote-card summary>strong{font-size:19px;font-weight:400;color:var(--gold);white-space:nowrap}.mobile-quote-card summary>strong small{font-size:10px;margin-left:3px}.quote-expand{font-size:17px;color:var(--gold)}.mobile-quote-card[open] .quote-expand{transform:rotate(45deg)}.mobile-quote-card[open] summary{border-bottom:1px solid var(--line)}
 .mobile-quote-card .mobile-price-grid{padding:10px;gap:7px}.mobile-price-item{min-height:59px}
}
/* Switch to the menu before desktop navigation becomes cramped. */
@media(min-width:761px) and (max-width:1050px){
 .site-header nav{display:none;position:absolute;top:86px;left:0;right:0;height:auto;padding:24px 7%;background:#141710;border-bottom:1px solid var(--line)}
 .site-header nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.site-header .nav-contact{margin-left:auto}.site-header .menu-button{display:block;flex-shrink:0}.site-header nav a{font-size:15px}.site-header nav a.active:after{bottom:-7px}
}

/* Gift selection belongs to the shop; category navigation remains available. */
body[data-page=shop][data-catalog-view=gifts] .gift-heading{display:flex;margin:18px 0 20px;gap:24px;align-items:center}
body[data-page=shop][data-catalog-view=gifts] .gift-heading h3{font-size:27px;line-height:1.5}
body[data-page=shop][data-catalog-view=gifts] .gift-heading .eyebrow{display:none}
body[data-page=shop][data-catalog-view=gifts] .gift-heading>p{font-size:12px;max-width:340px}
@media(max-width:760px){body[data-page=shop][data-catalog-view=gifts] .gift-heading{display:block;margin:15px 0}body[data-page=shop][data-catalog-view=gifts] .gift-heading h3{font-size:22px}body[data-page=shop][data-catalog-view=gifts] .gift-heading>p{font-size:11px;margin-top:8px}}