/* GUANQI controls: typographic navigation, fine direction marks, one primary action. */
:root{--ui49-ink:#e9ebe1;--ui49-muted:#aab2a7;--ui49-rule:rgb(211 225 207 / 22%);--ui49-celadon:#b8cdbf;--ui49-ease:cubic-bezier(.22,1,.36,1)}

/* A chapter marker is enough; navigation never needs an enclosing frame. */
.header,.ep-header{background:rgb(12 15 13 / 94%);border-bottom-color:rgb(210 220 200 / 12%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.header #nav,.ep-header .ep-nav{gap:10px;align-items:center}
.header #nav a,.ep-header .ep-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 15px;border:0;border-radius:0;background:none;color:var(--ui49-muted);font-size:13px;letter-spacing:.07em;white-space:nowrap;transition:color .3s}
.header #nav a::after,.ep-header .ep-nav a::after{content:'';position:absolute;left:calc(50% - 8px);right:auto;bottom:3px;width:16px;height:1px;background:var(--ui49-ink);transform:scaleX(.25);transform-origin:center;opacity:0;transition:transform .45s var(--ui49-ease),opacity .3s}
.header #nav a.current,.ep-header .ep-nav a[aria-current='page']{color:var(--ui49-ink)}
.header #nav a.current::after,.ep-header .ep-nav a[aria-current='page']::after{transform:scaleX(1);opacity:1}
.header>.header-contact,.ep-header>.ep-contact{display:inline-flex;align-items:center;gap:13px;min-height:44px;padding:4px 0;border:0;border-radius:0;background:none;color:#dce2d5;font-size:12px;letter-spacing:.045em;transition:color .3s}
.header>.header-contact>svg,.ep-header>.ep-contact>svg{display:block;width:28px;height:22px;margin:0;padding:0;border:0;background:none;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.85;transform:none;transition:transform .45s var(--ui49-ease),opacity .3s}
.header .menu-button,.ep-header .ep-menu{min-width:44px;min-height:44px;padding:11px;border:0;border-radius:0;background:none}
.header .menu-button span,.ep-header .ep-menu span{width:22px;height:1px;margin:6px auto;transform-origin:center;transition:transform .4s var(--ui49-ease)}
.header .menu-button[aria-expanded='true'] span:first-child,.ep-header .ep-menu[aria-expanded='true'] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.header .menu-button[aria-expanded='true'] span:last-child,.ep-header .ep-menu[aria-expanded='true'] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* Editorial links: a short rule opens gently while the slender arrow advances. */
#main :is(.line-link,.tea46-product-link,.ep-link,a.ep-copy,.ep-scroll){position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:22px;width:fit-content;min-height:44px;padding:6px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ui49-ink);font:400 14px/1.6 var(--sans);letter-spacing:.025em;white-space:nowrap;transition:color .3s}
#main :is(.line-link,.tea46-product-link,.ep-link,a.ep-copy,.ep-scroll)::before{content:none}
#main :is(.line-link,.tea46-product-link,.ep-link,a.ep-copy,.ep-scroll)::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--ui49-rule);transform:scaleX(.38);transform-origin:left;transition:transform .55s var(--ui49-ease),background-color .35s}
#main :is(.line-link,.tea46-product-link,.ep-link,a.ep-copy,.ep-scroll)>svg{display:block;flex:0 0 32px;width:32px;height:24px;margin:0;padding:0;border:0;border-radius:0;background:none;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.85;transform:none;transition:transform .5s var(--ui49-ease),opacity .3s}
#main .ep-scroll{font-size:12px;color:var(--ui49-muted);gap:12px}
#main .ep-scroll::after{content:none}
#main .ep-scroll>svg{flex-basis:24px;width:24px;height:24px;transform:none}
#main .ep-scroll>svg>path{transform:none}

/* Selection belongs to the label, with a single short line beneath it. */
#main :is(.filter-row,.tea46-tabs),#product-dialog .dialog-modes{display:flex;align-items:center;gap:27px;width:fit-content;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
#main :is(.filter-row>.filter,.tea46-tabs>button),#product-dialog .dialog-modes>.dialog-mode-button{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:7px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ui49-muted);font:400 13px/1.6 var(--sans);letter-spacing:.045em;white-space:nowrap;transition:color .3s}
#main :is(.filter-row>.filter,.tea46-tabs>button)::after,#product-dialog .dialog-modes>.dialog-mode-button::after{content:'';position:absolute;left:calc(50% - 10px);right:auto;bottom:2px;width:20px;height:1px;background:#c5d4c1;transform:scaleX(.35);transform-origin:center;opacity:0;transition:opacity .3s,transform .5s var(--ui49-ease)}
#main :is(.filter-row>.filter[aria-pressed='true'],.tea46-tabs>button[aria-selected='true']),#product-dialog .dialog-modes>.dialog-mode-button[aria-pressed='true']{color:var(--ui49-ink);background:none;box-shadow:none}
#main :is(.filter-row>.filter[aria-pressed='true'],.tea46-tabs>button[aria-selected='true'])::after,#product-dialog .dialog-modes>.dialog-mode-button[aria-pressed='true']::after{opacity:1;transform:scaleX(1)}

/* Pagination is a quiet typographic index, with honest disabled states. */
#collection .collection-pagination{gap:20px;align-items:center}
#collection .collection-pagination>button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:0;background:none;color:var(--ui49-muted);font-size:12px;letter-spacing:.035em;transition:color .3s,opacity .3s}
#collection .collection-pagination>button>svg{display:block;width:32px;height:24px;padding:0;border:0;background:none;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;transform:none;transition:transform .45s var(--ui49-ease)}
#collection .collection-pagination>button:disabled{opacity:.22}
#collection .page-numbers{display:flex;align-items:center;gap:6px}
#collection .page-numbers>button{position:relative;width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:0;background:none;color:var(--ui49-muted);font:400 11px/1.6 var(--sans);letter-spacing:.08em;transition:color .3s}
#collection .page-numbers>button>span{display:block;width:auto;height:auto;margin:0;padding:0;border:0;background:none!important;transform:none!important;opacity:1;line-height:1.6}
#collection .page-numbers>button::after{content:'';position:absolute;left:calc(50% - 7px);bottom:4px;width:14px;height:1px;background:#c5d4c1;opacity:0;transform:scaleX(.3);transition:opacity .3s,transform .4s var(--ui49-ease)}
#collection .page-numbers>button[aria-current='page']{background:none;color:var(--ui49-ink)}
#collection .page-numbers>button[aria-current='page']::after{opacity:1;transform:scaleX(1)}

/* Only the principal album entrance gets a solid celadon surface. */
#main :is(.ui49-primary,.ep-album-actions [data-album-link]),#visit .consultation-actions .consultation-shop,#product-dialog #dialog-album-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;width:100%;min-width:0;max-width:300px;min-height:54px;padding:12px 20px;border:0;border-radius:1px;background:var(--ui49-celadon);box-shadow:none;color:#18281f;font:400 17px/1.6 var(--serif);letter-spacing:.025em;transition:background-color .4s,color .3s}
#main :is(.ui49-primary,.ep-album-actions [data-album-link])::before,#main :is(.ui49-primary,.ep-album-actions [data-album-link])::after,#visit .consultation-actions .consultation-shop::before,#visit .consultation-actions .consultation-shop::after,#product-dialog #dialog-album-link::before,#product-dialog #dialog-album-link::after{content:none}
#main :is(.ui49-primary,.ep-album-actions [data-album-link])>svg,#visit .consultation-actions .consultation-shop>svg,#product-dialog #dialog-album-link>svg{display:block;flex:0 0 32px;width:32px;height:24px;margin:0;padding:0;border:0;border-radius:0;background:none;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:1;transform:none;transition:transform .5s var(--ui49-ease)}
.ep-album-actions:has([data-copy-album]){display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;max-width:300px}

/* Copy is a secondary text action; the two-sheet icon alone explains the action. */
#visit .consultation-copy-code,#main button.ep-copy[data-copy-album]{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;max-width:300px;min-height:44px;margin:9px 0 0;padding:6px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ui49-muted);font:400 13px/1.6 var(--sans);letter-spacing:.015em;transition:color .3s}
#visit .consultation-copy-code>span{font:inherit;opacity:1}
.ui47-copy-icon,#visit .consultation-copy-code>.ui47-copy-icon,#main button.ep-copy>.ui47-copy-icon{display:block;flex:0 0 21px;width:21px;height:21px;margin:0;padding:0;border:0;border-radius:0;background:none;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;transform:none}
.ui47-copy-check{display:none}
.is-copied .ui47-copy-sheets{display:none}
.is-copied .ui47-copy-check{display:block}
#visit .consultation-copy-code.is-copied,#main button.ep-copy[data-copy-album].is-copied{color:#d0dfc8}
#main .ep-copy-feedback:empty{min-height:0;margin-top:0}

/* Preserve the slow illumination composition and the still photographs. */
#visit .consultation-content{grid-template-columns:67% 33%;padding-bottom:0}
#visit .consultation-copy{width:min(100%,330px);justify-self:center;padding:0}
#visit .consultation-copy h2{font:400 clamp(32px,3.25vw,48px)/1.4 var(--serif);letter-spacing:.025em;white-space:nowrap}
#visit .consultation-copy h2>a{display:inline-block;color:#eeeee3;transition:color .35s}
#visit .consultation-eyebrow,#visit .consultation-intro{display:none}
#visit .consultation-actions{margin-top:24px;max-width:none;width:100%}
#visit .consultation-actions .consultation-shop{margin-top:0}
#visit .consultation-copy-message{min-height:0;font-size:11px;line-height:1.7}
#visit .consultation-copy-message:not(:empty){margin-top:7px}
#visit .consultation-note{margin-top:7px;max-width:300px;font-size:11px;line-height:1.8;letter-spacing:.015em}
.consultation-depth{transition:none}

/* Detail controls keep the same reading modes without toolbar boxes. */
#product-dialog .dialog-close{justify-content:flex-end;gap:9px;width:auto;min-width:44px;min-height:44px;margin:0;padding:5px 0;border:0;border-radius:0;background:none;color:var(--ui49-muted);font-size:12px;box-shadow:none;transition:color .3s}
#product-dialog .dialog-close>svg{width:18px;height:18px;margin:0;padding:0;border:0;background:none;stroke-width:1.1;transform:none;transition:opacity .3s}
#product-dialog .dialog-process summary{min-height:44px;border:0;border-radius:0;background:none;color:#d1d8c9;transition:color .3s}
#product-dialog .dialog-process summary>svg{width:18px;height:18px;padding:0;border:0;background:none}
.tea46-preview-image{border:0}

/* Footer rhythm comes from spacing and a shared horizontal rule. */
.footer{display:grid;grid-template-columns:auto 1fr;gap:24px 40px;padding-block:34px 20px}
.footer-wordmark{margin:0;align-self:center}
.footer .home-footer45-nav{display:flex;justify-self:end;align-self:center;justify-content:flex-end;gap:30px;margin:0}
.home-footer45-nav>a,.ep-footer-nav>a{display:flex;align-items:center;min-height:44px;padding:0;border:0;border-radius:0;background:none;font-size:12px;letter-spacing:.035em;white-space:nowrap;color:var(--ui49-muted);transition:color .3s}
.home-footer45-nav>a::after{content:none}
.footer-bottom{grid-column:1/-1;margin:0;padding-top:15px;border-top:1px solid rgb(211 225 207 / 16%);font-size:11px}
.ep-footer-nav{gap:30px}
#ui48-backtop{display:inline-flex;align-items:center;gap:12px;width:fit-content;min-height:44px;margin-top:0;padding:0;border:0;border-radius:0;background:none;color:var(--ui49-muted);font:400 12px/1.6 var(--sans);letter-spacing:.025em;transition:color .3s}
#ui48-backtop::before,#ui48-backtop::after{content:none}
#ui48-backtop>svg{display:block;flex:0 0 24px;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:0;background:none;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;transform:none;transition:transform .45s var(--ui49-ease)}

/* Motion is confined to small direction marks; no photography follows the pointer. */
@media(hover:hover) and (pointer:fine){
 .header #nav a:hover,.ep-header .ep-nav a:hover,.header>.header-contact:hover,.ep-header>.ep-contact:hover{color:var(--ui49-ink);background:none}
 .header #nav a:hover::after,.ep-header .ep-nav a:hover::after{opacity:.45;transform:scaleX(1)}
 .header #nav a.current:hover::after,.ep-header .ep-nav a[aria-current='page']:hover::after{opacity:1}
 .header>.header-contact:hover>svg,.ep-header>.ep-contact:hover>svg{transform:translateX(3px);opacity:1}
 #main :is(.line-link,.tea46-product-link,.ep-link,a.ep-copy,.ep-scroll):hover{color:#d1e0c9;background:none}
 #main :is(.line-link,.tea46-product-link,.ep-link,a.ep-copy):hover::after{transform:scaleX(1);background:rgb(211 225 207 / 50%)}
 #main :is(.line-link,.tea46-product-link,.ep-link,a.ep-copy):hover>svg{background:none;transform:translateX(3px);opacity:1}
 #main .ep-scroll:hover>svg{transform:translateY(3px)}
 #main :is(.filter-row>.filter,.tea46-tabs>button):hover,#product-dialog .dialog-modes>.dialog-mode-button:hover{color:var(--ui49-ink);background:none;box-shadow:none}
 #collection .collection-pagination>button:not(:disabled):hover,#collection .page-numbers>button:hover{color:var(--ui49-ink);background:none}
 #collection #page-previous:not(:disabled):hover>svg{transform:translateX(-3px)}
 #collection #page-next:not(:disabled):hover>svg{transform:translateX(3px)}
 #main :is(.ui49-primary,.ep-album-actions [data-album-link]):hover,#visit .consultation-actions .consultation-shop:hover,#product-dialog #dialog-album-link:hover{background:#c6d9ca;color:#14251a;filter:none}
 #main :is(.ui49-primary,.ep-album-actions [data-album-link]):hover>svg,#visit .consultation-actions .consultation-shop:hover>svg,#product-dialog #dialog-album-link:hover>svg{background:none;transform:translateX(3px)}
 #visit .consultation-copy-code:hover,#main button.ep-copy[data-copy-album]:hover,#product-dialog .dialog-close:hover,#product-dialog .dialog-process summary:hover,.home-footer45-nav>a:hover,.ep-footer-nav>a:hover,#ui48-backtop:hover{color:var(--ui49-ink);background:none}
 #product-dialog .dialog-close:hover>svg{transform:none;opacity:1}
 #ui48-backtop:hover>svg{background:none;transform:translateY(-3px)}
}
:is(.header,.ep-header,#main,#product-dialog,.footer,.ep-footer) :is(a,button,summary):focus-visible{outline:1px solid #b8cdbf;outline-offset:5px}

@media(min-width:761px) and (min-height:551px){
 #visit .consultation-media::after{background:linear-gradient(90deg,transparent 52%,rgb(9 11 10 / 42%) 64%,rgb(9 11 10 / 88%) 77%,rgb(9 11 10 / 94%) 100%)}
}
@media(min-width:761px) and (max-width:1100px){
 .header #nav,.ep-header .ep-nav{gap:2px}
 .header #nav a,.ep-header .ep-nav a{padding-inline:11px;font-size:12px}
 .header>.header-contact,.ep-header>.ep-contact{gap:9px;font-size:11px}
 .footer .home-footer45-nav,.ep-footer-nav{gap:20px}
 #visit .consultation-copy h2{font-size:31px}
}
@media(max-width:760px){
 .header,.ep-header{gap:9px}
 .header>.header-contact,.ep-header>.ep-contact{min-height:44px;gap:6px;padding:0;font-size:11px}
 .header>.header-contact>svg,.ep-header>.ep-contact>svg{width:25px;height:20px}
 .header #nav,.ep-header .ep-nav{position:absolute;top:100%;left:0;right:0;align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:6px 20px;margin:0;padding:17px 6% 20px;border:0;border-bottom:1px solid rgb(211 225 207 / 16%);background:rgb(12 15 13 / 98%)}
 .header #nav a,.ep-header .ep-nav a{width:auto;min-width:calc(50% - 10px);justify-content:flex-start;padding:10px 0;border:0;border-radius:0;font-size:13px}
 .header #nav a::after,.ep-header .ep-nav a::after{left:0;bottom:4px;width:15px}
 .ep-header .ep-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 #main :is(.filter-row,.tea46-tabs){gap:18px}
 #main :is(.filter-row>.filter,.tea46-tabs>button){font-size:12px;min-width:44px}
 #product-dialog .dialog-modes{gap:18px}
 #product-dialog .dialog-modes>.dialog-mode-button{font-size:11px;padding:6px 0}
 #product-dialog .dialog-close{font-size:11px;gap:7px}
 #main :is(.line-link,.tea46-product-link,.ep-link,a.ep-copy){gap:16px;font-size:13px}
 #main :is(.line-link,.tea46-product-link,.ep-link,a.ep-copy)>svg{width:28px;flex-basis:28px;height:24px}
 #main .glaze-reading45 .line-link{gap:8px;font-size:12px}
 #main .glaze-reading45 .line-link>svg{width:25px;flex-basis:25px}
 #collection .collection-pagination{gap:10px}
 #collection .collection-pagination>button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 #collection .page-numbers{gap:0}
 #visit .consultation-copy{width:100%;padding:4px 0 12px}
 #visit .consultation-copy h2{font-size:31px;line-height:1.45}
 #visit .consultation-actions{margin-top:20px;max-width:none}
 #visit .consultation-actions .consultation-shop{min-height:52px;font-size:17px}
 #visit .consultation-copy-code{font-size:13px}
 #visit .consultation-note{font-size:10px}
 #visit .consultation-content{padding-bottom:26px}
 .footer{grid-template-columns:1fr;gap:18px;padding-top:28px}
 .footer .home-footer45-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;gap:0 24px}
 .home-footer45-nav>a,.ep-footer-nav>a{min-height:44px;padding:0;border:0;font-size:12px}
 .ep-footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 19px}
 .footer-bottom{padding-top:10px;gap:10px;font-size:10px}
 #ui48-backtop{font-size:11px;gap:8px}
}
@media(max-width:360px){
 .header,.ep-header{gap:4px}
 .header>.header-contact,.ep-header>.ep-contact{font-size:10px;gap:4px}
 #main :is(.filter-row,.tea46-tabs){gap:12px}
 #visit .consultation-copy h2{font-size:28px}
}
@media(min-width:600px) and (max-height:550px) and (orientation:landscape){
 #visit.consultation-chapter.is-flow .consultation-stage{min-height:calc(100svh - var(--consult-header))}
 #visit .consultation-content{grid-template-columns:61% 39%;min-height:calc(100svh - var(--consult-header));padding-bottom:0}
 #visit .consultation-copy{padding-block:0}
 #visit .consultation-copy h2{font-size:29px}
 #visit .consultation-actions{margin-top:19px}
 #visit .consultation-actions .consultation-shop{min-height:49px;font-size:16px}
 #visit .consultation-copy-code{min-height:44px;font-size:12px}
 #visit .consultation-note{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 :is(.header,.ep-header,#main,#product-dialog,.footer,.ep-footer) :is(a,button,summary,svg)::after,
 :is(.header,.ep-header,#main,#product-dialog,.footer,.ep-footer) :is(a,button,summary,svg){transition:none!important}
 :is(.header,.ep-header,#main,.footer,.ep-footer) :is(a,button):hover>svg{transform:none!important}
}