/* Owner-approved annotated revision, 2026-10-25. */
:root{--z-owner-serif:"Noto Serif TC","Songti TC","PMingLiU",serif}
.z-home .z-feature h2,.z-home .z-home-designers>.z-section-title h2,.z-product-details h2,.z-journal .z-section-title h2,.z-designers-page .z-section-title h2{font-family:var(--z-owner-serif)}
.z-home .z-hero+.z-principles{margin-top:0}
.z-home .z-principle>div{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-content:center;align-items:baseline}
.z-home .z-principle .z-number{font-family:var(--z-owner-serif);font-size:28px;line-height:1.5;margin:0}
.z-home .z-principle .z-number:after{display:none}
.z-home .z-principle h2{font-size:28px;margin:0;line-height:1.5;letter-spacing:.02em}
.z-home .z-principle p{grid-column:2;font-size:14px;margin-top:8px;line-height:1.85}
.z-home .z-selected>.z-section-title{position:relative;display:flex;justify-content:center;align-items:center;min-height:60px}
.z-home .z-selected>.z-section-title h2{font-size:28px;text-align:center}
.z-home .z-selected>.z-section-title h2 span,.z-journal .z-section-title h2 span,.z-designers-page .z-section-title h2 span{display:block;font-size:14px;line-height:1.6;font-weight:400;letter-spacing:.05em;color:var(--z-muted);margin-top:4px}
.z-home .z-selected>.z-section-title>a{position:absolute;right:0}
.z-home .z-journal-banner .z-pill{font-size:16px;padding:8px 18px;min-height:38px;height:auto;letter-spacing:.025em;line-height:1.3}
.z-home .z-home-articles{background:#f3f3f3}
.z-home .z-home-designers{background:#fff}
.z-home .z-home-designers>.z-section-title h2{font-size:28px}
.z-home .z-home-designers-more a{display:inline-flex;font-size:16px;line-height:1.5;padding:10px 22px;border:1px solid #bcb7ae;border-radius:0;transition:background .2s,color .2s}
.z-home .z-home-designers-more a:hover{background:#35332f;color:#fff}
.z-designer-english{display:block;font-size:14px;line-height:1.7;margin-top:4px;color:var(--z-muted)}
.z-home .z-home-articles .z-article-card h3,.z-journal .z-journal-latest .z-article-card h3{font-size:16px;line-height:1.6;font-family:var(--z-owner-serif)}
.z-home .z-home-articles .z-article-card p,.z-journal .z-journal-latest .z-article-card p{font-size:14px;line-height:1.8}
.z-home .z-home-articles .z-meta,.z-journal .z-journal-latest .z-meta{font-size:12px}
.z-catalog .z-product h2{font-size:16px;line-height:1.6;font-family:var(--z-owner-serif)}
.z-catalog .z-product .price{font-size:14px}
.z-catalog .z-product-details .button{width:44px;height:44px;min-height:44px}
.z-catalog .z-product-details .button:before{font-size:20px}
.z-journal .z-section-title,.z-designers-page .z-latest-works .z-section-title{display:block;text-align:center}
.z-journal .z-section-title h2,.z-designers-page .z-latest-works .z-section-title h2{font-size:28px;font-family:var(--z-owner-serif)}
.z-journal .z-journal-categories .z-section-title .z-eyebrow{font-size:14px;margin-top:4px;letter-spacing:.05em;text-transform:none}
.z-journal .z-category-cards>a{text-align:center}
.z-journal .z-category-cards h3{font-size:16px;letter-spacing:.025em;font-family:var(--z-owner-serif)}
.z-journal .z-category-cards>a>span:last-child{font-size:12px}
.z-journal .z-featured-story{grid-template-columns:1fr 1fr;gap:64px;overflow:visible;margin-right:8%;align-items:center;padding-right:0}
.z-journal .z-featured-visual{padding:0;transform:translateX(15%);margin:0}
.z-journal .z-featured-visual>img{width:100%;aspect-ratio:1.05;object-fit:cover}
.z-designers-page .z-wide-hero{position:relative}
.z-designers-page .z-wide-hero:after{content:"";position:absolute;inset:0;background:#0006}
.z-designers-page .z-wide-hero h1{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--z-owner-serif);font-size:clamp(34px,5vw,80px);line-height:1.2;margin:0;z-index:1;letter-spacing:.02em}
.z-designers-page .z-latest-works h3{display:none}
.z-designers-page .z-work-tiles-collage{gap:24px}
.z-designers-page .z-work-tiles-collage>a{overflow:hidden}
.z-designer-page .z-designer-profile h1{font-size:28px}
.z-designer-page .z-designer-profile>div>p:not(.z-eyebrow),.z-designer-biography,.z-designer-work-intro p{font-size:14px;line-height:1.85}
.z-designer-works .z-rule-title{font-size:28px;gap:40px}
.z-designer-page .z-designer-philosophy h2{font-size:28px;margin-bottom:48px}
.z-designer-philosophy .z-prose{font-size:14px;line-height:1.85}
.z-designer-philosophy blockquote:before,.z-designer-philosophy blockquote:after{display:none}
.z-designer-works .z-direction-button,.z-designer-works .z-work-tiles>a:after{display:none}
.z-designer-works .z-concept-grid>a:after,.z-designer-works .z-work-tiles>a:before{background:#0002;transition:background .25s}
.z-designer-works .z-concept-grid>a:hover:after,.z-designer-works .z-concept-grid>a:focus-visible:after,.z-designer-works .z-work-tiles>a:hover:before{background:#0007}
.z-direction-label,.z-designer-works .z-work-tiles h3{top:50%;transform:translateY(-50%);transition:transform .25s;font-size:28px}
.z-designer-works .z-concept-grid>a:hover .z-direction-label,.z-designer-works .z-concept-grid>a:focus-visible .z-direction-label{transform:translateY(-50%) scale(1.06)}
.z-owner-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:start;padding:80px;max-width:1200px;margin:0 auto;background:#f3f3f3}
.z-owner-contact-visual>img{width:100%;aspect-ratio:1.4;object-fit:cover}
.z-owner-contact-form h2{font-family:var(--z-owner-serif);font-size:28px;line-height:1.4;margin:0}
.z-owner-contact-form>p{font-size:14px;line-height:1.6;color:var(--z-muted);letter-spacing:.05em;margin:4px 0 18px}
.z-owner-contact .z-native-form{min-width:0}
.z-owner-contact .elementor-form-fields-wrapper{display:flex!important;flex-wrap:wrap!important;gap:16px!important;margin:0!important}
.z-owner-contact .elementor-field-group{padding:0!important;margin:0!important;flex:0 0 100%!important;width:100%!important;min-width:0}
.z-owner-contact .elementor-field-group-name{flex:0 0 calc(35% - 8px)!important;width:calc(35% - 8px)!important}
.z-owner-contact .elementor-field-group-email{flex:0 0 calc(65% - 8px)!important;width:calc(65% - 8px)!important}
.z-owner-contact .elementor-field-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}
.z-owner-contact .elementor-field{background:#fff!important;border:1px solid #b7b5b0!important;border-radius:0!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;min-height:40px!important;padding:8px 10px!important;color:#35332f!important;width:100%!important}
.z-owner-contact textarea.elementor-field{height:152px!important;resize:vertical}
.z-owner-contact .elementor-field-type-submit{justify-content:flex-start!important}
.z-owner-contact button.elementor-button{flex:0 0 auto!important;width:112px!important;min-width:112px!important;min-height:36px!important;padding:7px 20px!important;border-radius:0!important;background:#777!important;color:#fff!important;font-size:14px!important;line-height:22px!important;letter-spacing:.15em}
.z-owner-contact button.elementor-button:hover{background:#35332f!important}
.z-owner-contact .elementor-button-text{white-space:nowrap}
.z-owner-contact .elementor-select-wrapper{width:100%}
.z-owner-contact .select-caret-down-wrapper,.z-owner-contact .elementor-select-wrapper:before{display:none}
.z-owner-socials{display:flex;gap:8px;margin-top:14px}
.z-owner-socials a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#73736f;color:white;transition:background .2s}
.z-owner-socials a:hover{background:#35332f}
.z-owner-socials svg,.z-owner-socials img{width:20px;height:20px}
.z-owner-socials svg{fill:none;stroke:currentColor;stroke-width:1.5}
.z-owner-socials a:last-child svg{fill:currentColor;stroke:none}
.z-owner-socials img{filter:brightness(0) invert(1)}
body.page-id-4693 .elementor-element-c672b19{display:none!important}
body.page-id-4693 .elementor-element-8486464{max-width:960px!important;margin:0 auto!important;width:calc(100% - 48px)!important}
body.page-id-4693 .e-n-tabs-heading{justify-content:center!important;gap:16px!important;margin-bottom:24px!important}
body.page-id-4693 .e-n-tab-title{font-size:14px!important;padding:10px 20px!important;min-height:40px}
body.page-id-4693 .z-page-heading{padding-bottom:32px}
.z-footer .z-footer-brand{text-align:left}
.z-footer .z-footer-brand>a:first-child{margin-left:0;margin-right:auto}
.z-footer .z-footer-socials{justify-content:flex-start;gap:8px}
.z-footer .z-footer-socials>a{width:36px;height:36px;border-radius:50%;background:#73736f;color:white}
.z-footer .z-footer-socials>a:hover{background:#35332f}
.z-footer .z-social-logo{width:20px;height:20px}
.z-footer .z-social-line-official{width:20px!important;height:20px!important;filter:brightness(0) invert(1)}
.z-footer .z-footer-brand>p{font-size:14px;line-height:1.85;margin-top:18px;overflow-wrap:anywhere}
@media(max-width:760px){
.z-home .z-principle h2,.z-home .z-principle .z-number{font-size:20px}.z-home .z-principle>div{column-gap:12px}.z-home .z-principle p{font-size:14px}
.z-home .z-selected>.z-section-title{display:block;text-align:center}.z-home .z-selected>.z-section-title>a{position:static;margin-top:16px}
.z-home .z-selected>.z-section-title h2,.z-home .z-home-designers>.z-section-title h2,.z-journal .z-section-title h2,.z-designers-page .z-latest-works .z-section-title h2{font-size:24px}
.z-journal .z-featured-story{grid-template-columns:1fr;gap:32px;margin-right:0;padding-right:24px}.z-journal .z-featured-visual{transform:none;max-width:none}
.z-owner-contact{grid-template-columns:1fr;gap:32px;padding:40px 24px}.z-owner-contact-form h2{font-size:24px}
.z-designer-works .z-rule-title{font-size:24px;gap:24px}.z-designer-page .z-designer-philosophy h2{font-size:24px}
.z-catalog .z-product h2{font-size:16px}
}
@media(min-width:761px) and (max-width:1050px){.z-owner-contact{padding:48px 36px;gap:32px}}
@media(prefers-reduced-motion:reduce){.z-direction-label,.z-designer-works .z-concept-grid>a:after{transition:none}}
.z-owner-contact .elementor-field{box-sizing:border-box!important}
.z-designers-page .z-latest-works .z-section-title h2 span{display:block;font-size:14px;line-height:1.6;font-weight:400;letter-spacing:.05em;color:var(--z-muted);margin-top:4px}
.z-home .z-journal-banner+.z-home-articles{margin-top:0}
.z-home .z-home-articles>.z-section-title h2{font-size:28px}
.z-home .z-feature h2{font-family:var(--z-owner-serif)!important}

body.page-id-4693 .elementor-element-8486464>.e-con-inner{max-width:100%!important;width:100%!important;padding-top:16px!important}
.z-footer .z-footer-socials .z-social-line-official{filter:brightness(0) invert(1)!important}
.zushiu-site .z-catalog .z-product-details>.button:after{width:24px;height:24px}
.z-designer-page .z-designer-work-intro p{font-size:18px;line-height:1.6;letter-spacing:normal}
@media(max-width:760px){.z-designer-page .z-designer-work-intro p{font-size:16px;line-height:1.9}}
.z-designer-philosophy blockquote{border:0;padding-inline:0}

/* Owner follow-up 2026-11-04: one outer alignment, edge-to-edge mobile panels. */
:root{--z-site-max:1200px;--z-site-width:min(var(--z-site-max),calc(100% - 100px))}
.zushiu-site .z-header-inner,.zushiu-site .z-wrap,.zushiu-site .z-page-heading{width:var(--z-site-width);max-width:var(--z-site-max);margin-inline:auto}
.zushiu-site .z-hero,.zushiu-site .z-wide-hero,.zushiu-site .z-page-heading,.zushiu-site .z-catalog{margin-top:0}
.zushiu-native #content>.ast-container{width:var(--z-site-width);max-width:var(--z-site-max);margin-inline:auto;padding-inline:0}
.zushiu-native #content>.ast-container>.content-area{width:100%;min-width:0}
.zushiu-site .z-series-page{border-left:0;border-right:0}
.zushiu-site .z-footer{width:100%;max-width:none;padding:64px 0;margin-inline:0}
.zushiu-site .z-footer-grid,.zushiu-site .z-footer-bottom{width:var(--z-site-width);max-width:var(--z-site-max);margin-inline:auto}
.zushiu-site .z-footer-grid{min-height:0}
.zushiu-site .z-footer-bottom{margin-top:40px}
.zushiu-site .z-footer li{font-size:14px}
.zushiu-site .z-footer h2{font-size:15px}
.z-footer .z-footer-socials{gap:8px}
.z-footer .z-footer-socials>a{width:32px;min-width:32px;height:32px;min-height:32px;position:relative}
.z-footer .z-footer-socials>a:before{content:"";position:absolute;inset:-6px}
.z-footer .z-footer-socials .z-social-logo,.z-footer .z-footer-socials .z-social-line-official{width:18px!important;height:18px!important}
@media(min-width:761px) and (max-width:1050px){:root{--z-site-width:calc(100% - 50px)}}
@media(max-width:760px){
:root{--z-site-width:90%}
.zushiu-site .z-header-inner{width:calc(100% - 24px)}
.zushiu-site .z-home>.z-wrap,.zushiu-site .z-catalog.z-wrap,.zushiu-site .z-series-page.z-wrap,.zushiu-site .z-designers-page.z-wrap,.zushiu-site .z-page-heading{width:100%;max-width:100%}
.zushiu-site .z-home .z-principles,.zushiu-site .z-home .z-selected,.zushiu-site .z-home .z-home-articles,.zushiu-site .z-home .z-home-designers{padding-inline:5vw}
.zushiu-site .z-home .z-feature{width:90%;margin-inline:auto}
.zushiu-site .z-catalog{padding-inline:5vw}
.zushiu-site .z-series-page .z-series-section,.zushiu-site .z-designers-page>.z-designers,.zushiu-site .z-designers-page .z-latest-works{padding-inline:5vw}
.zushiu-site .z-owner-contact{max-width:100%;padding-inline:5vw}
.zushiu-site .z-footer{padding-block:48px}
.zushiu-site .z-footer li{font-size:13px}
.zushiu-site .z-footer h2{font-size:13px}
.zushiu-site .z-footer-grid{gap:36px 16px}
}

.z-footer .z-footer-socials>a[data-social-pending="line"]{width:32px;min-width:32px;height:32px;min-height:32px}

/* Approved typography and final frame cleanup, 2026-11-04. */
.zushiu-site .z-series-page{border:0}
.zushiu-site .z-footer{padding-bottom:0}
.zushiu-site .z-footer-bottom{padding-block:20px}
.zushiu-site .z-footer-bottom>span{margin-block:0}
.zushiu-site .z-footer-bottom .z-footer-legal{margin-bottom:0}
.zushiu-site .z-account-preview .hzwc-panel,
.zushiu-site .woocommerce-MyAccount-content .hzwc-panel,
.zushiu-site .hzwc-card:has(input[name="action"][value="hzwc_profile"]),
.zushiu-site .woocommerce-EditAccountForm,.zushiu-site .woocommerce-EditAccountForm fieldset{border:0;box-shadow:none}
.z-home .z-eyebrow,.z-journal .z-eyebrow,.z-series-page .z-eyebrow{font-size:12px}
.zushiu-site .z-page-heading-label{font-size:12px}
.z-home .z-hero .z-pill,.z-home .z-feature .z-pill,.z-home .z-selected .z-pill{font-size:13px}
.z-home .z-selected .z-product h2{font-size:16px}
.z-home .z-selected .z-product .price{font-size:14px}
.z-home .z-hero-copy>p:not(.z-eyebrow),.z-home .z-feature p:not(.z-eyebrow){font-size:15px}
.z-series-page .z-work-tiles h3{font-size:14px}
.z-series-page .z-series-feature p:not(.z-eyebrow){font-size:15px}
.z-catalog .z-catalog-header>p:last-child{font-size:14px}
.z-catalog .z-category-nav a{font-size:13px}
.z-catalog .z-catalog-order .woocommerce-result-count,.z-catalog .z-catalog-order select{font-size:12px}
.z-journal .z-featured-story p:not(.z-eyebrow){font-size:15px}
.z-journal .z-text-link,.z-series-page .z-text-link{font-size:14px}
.zushiu-site .z-page-heading-intro{font-size:14px}
.zushiu-site .z-meta,.zushiu-site .z-meta time{font-size:13px}
@media(max-width:760px){
.z-home .z-eyebrow,.z-journal .z-eyebrow,.z-series-page .z-eyebrow,.zushiu-site .z-page-heading-label{font-size:11px}
.z-home .z-selected .z-product h2{font-size:14px}
.z-home .z-selected .z-product .price{font-size:13px}
}

.z-home .z-home-articles .z-meta,.z-journal .z-journal-latest .z-meta,.z-article-card .z-meta time{font-size:13px}
@media(max-width:760px){.z-series-page .z-work-tiles h3{font-size:13px}}

/* Final typography detail: serif selection heading and slightly larger desktop chrome. */
.z-home .z-selected>.z-section-title h2,.z-home .z-selected>.z-section-title h2 span{font-family:var(--z-owner-serif)}
@media(min-width:901px){
.z-header .z-nav>ul>li>a{font-size:13px}
.z-header .z-nav ul.sub-menu a{font-size:13px}
}
@media(min-width:761px){
.zushiu-site .z-footer li{font-size:15px}
.zushiu-site .z-footer h2{font-size:16px}
.z-footer .z-footer-brand>p,.z-footer .z-footer-brand>p a{font-size:15px}
.zushiu-site .z-footer-bottom{font-size:12px}
}

/* Remove only the member navigation top rule. */
.zushiu-site .hzwc .hzwc-tabs{border-top:0}

/* Keep full wishlist titles while anchoring each row's actions to the card foot. */
.zushiu-site ul.z-wishlist-cards{align-items:stretch}
.zushiu-site ul.z-wishlist-cards>li.z-saved-work{height:100%}
.zushiu-site .z-wishlist-cards .z-saved-details{flex:1 1 auto;min-height:0}
.zushiu-site .z-wishlist-cards .z-saved-stock{margin-bottom:22px!important}
.zushiu-site .z-wishlist-cards .z-saved-actions{margin-top:auto;flex-wrap:wrap}
@media(max-width:760px){.zushiu-site .z-wishlist-cards .z-saved-stock{margin-bottom:16px!important}}

/* November owner review. The disclosure controls retain their interaction. */
.zushiu-site .z-nav .z-submenu-toggle::after,
.zushiu-site .z-nav .menu-item-has-children > a[data-z-submenu-trigger]::after {
    content: none;
}
.z-home .z-journal-banner h2,
.z-home .z-home-designers > .z-section-title h2,
.z-journal .z-journal-categories .z-section-title h2,
.z-designers-page .z-owner-contact-form h2,
.z-designers-page .z-latest-works .z-section-title h2,
.z-designer-page .z-designer-profile h1,
.z-designer-page .z-direction-label {
    font-weight: 600;
}
.z-home .z-home-articles .z-article-card h3,
.z-journal .z-category-cards h3 {
    font-size: 18px;
    font-weight: 600;
}
.z-home .z-home-designers-more a {
    border-radius: 999px;
}
.zushiu-site .z-catalog .z-catalog-header h1 {
    font-size: clamp(30px, 3vw, 38px);
    font-weight: 600;
}
.zushiu-site .z-catalog .z-category-nav a {
    font-size: 14px;
    padding-inline: 18px;
}
.z-journal .z-featured-story .z-text-link {
    border-bottom: 0;
}
.z-journal .z-journal-latest .z-article-card h3 {
    margin-bottom: 4px;
}
.z-journal .z-journal-latest .z-article-card p {
    margin-top: 0;
}
.z-designer-page .z-designer-works .z-rule-title {
    margin-bottom: 22px;
}
.z-designer-page .z-designer-work-intro {
    margin-top: 0;
    margin-bottom: 24px;
}
.z-designer-page .z-designer-philosophy blockquote,
.z-designer-page .z-designer-philosophy blockquote p {
    color: #6f693f;
    font-size: clamp(18px, 2vw, 24px);
    font-style: normal;
    line-height: 1.65;
}
.z-home .z-hero h1 {
    font-size: clamp(24px, 3vw, 44px);
    letter-spacing: 0;
}
@media (min-width: 761px) {
    .z-home .z-hero-copy { left: 20%; width: 43%; }
}

/* Works passport */
.z-passport {
    background: #f8f6f1;
    color: #423f38;
    padding: clamp(24px, 5vw, 70px);
}
.z-passport h1 { font-size: clamp(24px, 3vw, 39px); }
.z-passport h2 { font-size: 20px; }
.z-passport-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 13px;
    margin-bottom: 32px;
}
.z-passport .z-passport-kicker {
    color: #785e50;
    font-size: 12px;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.z-passport-intro { margin-bottom: 32px; }
.z-passport-hero {
    display: grid;
    grid-template-columns: 1.08fr 1fr;
    gap: clamp(20px, 5vw, 60px);
    align-items: center;
}
.z-passport-image {
    aspect-ratio: 1;
    background: #eae6dd;
    display: grid;
    place-items: center;
}
.z-passport .z-passport-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.z-passport-object h2 {
    font-size: clamp(25px, 3vw, 40px);
    margin-block: 16px 6px;
}
.z-passport-edition {
    border-block: 1px solid #d8d1c6;
    margin-top: 24px;
    padding-block: 18px;
}
.z-passport-edition strong { font-size: 34px; font-weight: 400; }
.z-passport-summary,
.z-passport-section {
    border-top: 1px solid #d8d1c6;
    margin: 32px 0 0;
    padding-top: 20px;
}
.z-passport-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.z-passport-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    gap: 20px;
}
.z-passport-section dl { margin: 0; }
.z-passport-section dl > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 10px;
    border-bottom: 1px solid #ded8ce;
    padding-block: 10px;
}
.z-passport dt { font-size: 13px; color: #6a635a; }
.z-passport dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 760px) {
    .z-passport-hero, .z-passport-section { grid-template-columns: minmax(0, 1fr); }
    .z-passport-summary { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
}
