.hero-search{position:fixed;z-index:35;translate:0 var(--search-lag,0px);transition:top .22s ease;will-change:translate}
body.page-scrolled .hero-search{top:20px}
body.search-open .hero-search{visibility:hidden}
#search-dialog{position:fixed;inset:178px 20px auto auto;margin:0;width:390px;max-width:calc(100% - 40px);max-height:calc(100svh - 198px);padding:24px;z-index:55;box-shadow:0 8px 35px #12211c30;border:1px solid var(--line)}
body.page-scrolled #search-dialog{top:20px;max-height:calc(100svh - 40px)}
#search-dialog .dialog-head{gap:8px}
#search-dialog #query{font-size:15px}
#search-dialog #search-result h2{font-size:26px}
body.search-open #home,body.search-open #detail,body.search-open footer{margin-right:430px}
.brand-panel img{display:block;width:100%;max-width:160px;height:56px;object-fit:contain;margin:auto}
.brand-panel img[data-brand="orac"],.brand-panel img[data-brand="morris-co"]{filter:brightness(0)}
.brand-panel img[data-brand="novacolor"]{max-width:190px;height:72px;object-fit:cover}
.brand-grid .brand-panel,.brand-grid .brand-panel:hover{background:#fff}
.brand-grid .brand-panel:hover{box-shadow:inset 0 -2px var(--accent)}
.brand-panel img[data-brand="little-greene"]{filter:grayscale(1) invert(1) contrast(1.25);max-width:180px;height:64px;object-fit:cover;object-position:center 51%}
img[src$="aeterna.gif"]{filter:grayscale(1) invert(1) contrast(2);mix-blend-mode:multiply}
#search-dialog[open]{animation:panel-arrive .6s cubic-bezier(.2,.7,.2,1) both}
#search-dialog[open] .dialog-head,#search-dialog[open] #search-form{animation:panel-copy-arrive .55s .12s both}
#search-result>*{animation:panel-copy-arrive .55s .18s both}
#search-result>*:nth-child(2){animation-delay:.23s}
#search-result>*:nth-child(3){animation-delay:.28s}
#search-result>*:nth-child(4){animation-delay:.33s}
@keyframes panel-arrive{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@keyframes panel-copy-arrive{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}
.vertical-products{margin-top:36px}
.vertical-products>article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding:48px 0;border-top:1px solid var(--line);background:white;align-items:center}
.vertical-products>article>.product-photo{width:100%;height:380px;object-fit:contain;object-position:center;grid-column:2;grid-row:1}
.vertical-products .product-copy{grid-column:1;grid-row:1;min-width:0}
.vertical-products>article:nth-child(even)>.product-photo{grid-column:1}
.vertical-products>article:nth-child(even)>.product-copy{grid-column:2}
.product-brand{display:block;color:var(--muted);font-size:12px;margin:0 0 14px}
.vertical-products h2{font-size:30px;margin-bottom:16px}
.vertical-products p{max-width:750px;line-height:1.75;margin:0 0 22px}
.vertical-products .product-links{display:flex;flex-wrap:wrap;gap:16px 28px}
.brand-detail .detail-links{grid-template-columns:1fr;gap:0}
.brand-detail .detail-links a{background:white;border-top:1px solid var(--line);padding:22px 0}
.product-browser{padding-top:20px}
.product-controls{display:flex;gap:8px;flex-shrink:0}
.product-controls button{border:1px solid var(--line)}
.product-controls button:disabled{opacity:.3;cursor:default}
.product-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,calc((100% - 40px)/3));gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:1px;padding:2px 2px 18px;overscroll-behavior-x:contain}
.product-item{scroll-snap-align:start;border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;min-width:0}
.product-item>.product-photo{width:100%;height:260px;object-fit:contain;object-position:center;margin-bottom:28px}
.product-item h3{font:27px/1.2 Georgia,serif;margin:0 0 16px;overflow-wrap:anywhere}
.product-item p{font-size:14px;line-height:1.65;margin:0 0 22px}
.product-links{margin-top:auto;display:grid;gap:14px}
.product-links a{display:flex;align-items:center;gap:9px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.product-links a svg{width:17px}
.product-source-note{font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:0}
@media(max-width:1100px){
 body.search-open #home,body.search-open #detail,body.search-open footer{margin-right:350px}
 #search-dialog{width:320px;right:15px;padding:18px}
 body.search-open .brand-grid{grid-template-columns:repeat(2,1fr)}
 body.search-open .category-grid,body.search-open .editorial-grid{grid-template-columns:1fr}
}
@media(max-width:780px){
 #search-dialog{inset:auto 10px 10px;width:calc(100% - 20px);max-width:none;max-height:46svh}
 body.page-scrolled #search-dialog{top:auto;max-height:46svh}
 body.search-open #home,body.search-open #detail,body.search-open footer{margin-right:0}
 body.search-open{padding-bottom:48svh}
 .product-track{grid-auto-columns:85%;gap:14px}
 .product-item{padding:22px}
 .brand-panel img{max-width:125px;height:45px}
 body.page-scrolled .hero-search{top:12px}
 .vertical-products>article{grid-template-columns:1fr;gap:20px}
 .vertical-products>article>.product-photo,.vertical-products>article:nth-child(even)>.product-photo{grid-column:1;grid-row:2;height:280px}
 .vertical-products>article>.product-copy,.vertical-products>article:nth-child(even)>.product-copy{grid-column:1;grid-row:1}
 .vertical-products h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.hero-search{translate:none!important;transition:none;will-change:auto}#search-dialog[open],#search-dialog[open] .dialog-head,#search-dialog[open] #search-form,#search-result>*{animation:none!important}}

/* Search has its own flow row everywhere except the photographic cover. */
.search-dock{position:sticky;top:0;z-index:25;min-height:82px;padding:12px 28px;display:flex;justify-content:flex-end;align-items:center;background:#fff;border-bottom:1px solid var(--line)}
.menu-search-dock{position:absolute;right:28px;width:440px;max-width:calc(100% - 40px);padding:6px;display:flex;justify-content:flex-end;min-width:0;background:transparent;transition:top .72s cubic-bezier(.22,.68,.18,1)}
.hero-search.search-docked,body.page-scrolled .hero-search.search-docked{position:static;inset:auto;translate:none;transform:none;animation:none;transition:none;margin:0;max-width:100%;height:56px;z-index:auto;box-shadow:none;border:1px solid var(--line);will-change:auto}
.hero-search.search-on-cover{position:fixed}
.hero-search.search-relocated{animation:none}
.search-dock,.menu-search-dock{overflow:clip}
@media(prefers-reduced-motion:reduce){.hero-search{animation:none!important}}
.mega{max-height:calc(100svh - 184px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:780px){.search-dock{padding:12px 20px}.search-dock .hero-search{width:100%}.mega{max-height:calc(100svh - 171px)}.menu-search-dock{right:14px}}
@media(max-width:600px){.mega{bottom:auto}.menu-search-dock .hero-search{width:100%}}
@media(prefers-reduced-motion:reduce){.menu-search-dock{transition:none}}