/* Compact TiMO masthead and image-led collection pages. */
:root{--timo-header-height:58px}
#main:focus{outline:none}
.site-header{border-bottom:1px solid var(--line)}
.site-header .header-main{height:var(--timo-header-height);padding:0 18px;display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(184px,1fr);gap:18px;align-items:center}
.site-header .wordmark{position:static;inset:auto;transform:none;justify-self:start;align-items:flex-start;padding:0}
.site-header .wordmark>.wordmark-text{font-size:39px;line-height:1;letter-spacing:-1.6px}
.site-header .main-nav{height:100%;padding:0;gap:42px;border:0;letter-spacing:1.5px;font-size:11px;white-space:nowrap}
.site-header .main-nav a{display:flex;align-items:center}
.site-header .header-end{display:flex;justify-content:flex-end;gap:8px;min-width:0}
.site-header .header-button,.site-header .favorite-header{display:inline-flex;justify-content:center;align-items:center;flex:none;width:40px;height:44px;min-height:44px;padding:0;gap:0}
.site-header .header-button svg{width:20px;height:20px}
.site-header .button-label{display:none}
.collection-subnav{height:36px;min-height:36px;margin:0;padding:0 14px;gap:28px;border-bottom:1px solid var(--line);font-size:11px}
.collection-subnav a{height:100%;display:flex;align-items:center;padding:0 2px;border-bottom-width:2px}
.shop-page.wrap{padding:0 0 22px}
.shop-page .shop-toolbar{min-height:36px;flex-direction:row;align-items:center;padding:6px 12px;margin:0 0 2px;gap:12px;border-top:0}
.shop-page .shop-options{gap:16px;font-size:10px}
.shop-page .shop-options select{font-size:10px}
.collection-cover-grid{margin:0;gap:2px}
.collection-cover-grid .category-tile{height:clamp(210px,22vw,350px)}
.collection-page .collection-toolbar{margin:0 0 2px;padding:6px 12px;border-top:0}
.shop-page .product-grid,.collection-page .product-grid{column-gap:2px;row-gap:14px}
.shop-page .product-meta{padding:9px 10px 0}
.shop-page .product-meta h3{margin-bottom:4px}
.shop-page .product-color{margin-top:6px}
.shop-page[data-shop-category="art"] .product-picture{aspect-ratio:1}
.archive-page.wrap{padding:0}
.archive-page .archive-nav{min-height:36px;margin:0;padding:0 12px;align-items:center;border-bottom:1px solid var(--line)}
.archive-grid{padding:0;column-gap:2px}
.interior-page>.collection-subnav{margin:0}
.finish-section-heading{padding:9px 14px 8px}
.finish-section-heading h2{font-size:16px}
.finish-section-heading h2 em{font-size:14px}
.finish-meta{padding:10px 14px 13px}
.timo-home .hero,.timo-story-opening{height:calc(100svh - var(--timo-header-height));min-height:390px}
.timo-home .selection-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:18px;padding:0 12px;min-height:38px}
.timo-home .selection-toolbar .section-top{display:flex;order:2;flex:none;margin:0}
.timo-home .selection-toolbar .section-top>.text-link{font-size:10px}
.timo-home .selection-tabs{order:1;gap:24px;min-width:0;font-size:10px;overflow-x:auto;scrollbar-width:none}
.timo-home .selection-tabs button{height:38px;padding:0;flex:none}
.product-page>.breadcrumbs{padding-top:10px;padding-bottom:10px}
.site-footer .footer-top{padding-top:20px;padding-bottom:20px}
@media(max-width:760px){
 :root{--timo-header-height:88px}
 .site-header .header-main{height:auto;min-height:88px;grid-template-columns:minmax(80px,1fr) auto;grid-template-rows:54px 34px;gap:0 12px;padding:0 12px}
 .site-header .wordmark{grid-column:1;grid-row:1}
 .site-header .wordmark>.wordmark-text{font-size:35px;letter-spacing:-1.4px}
 .site-header .header-end{grid-column:2;grid-row:1;gap:2px}
 .site-header .main-nav{grid-column:1/-1;grid-row:2;justify-content:center;height:34px;margin:0 -12px;padding:0 12px;gap:38px;border-top:1px solid var(--line);font-size:10px}
 .site-header .header-button,.site-header .favorite-header{width:40px;height:44px}
 .site-header .header-button svg{width:19px;height:19px}
 .collection-subnav{justify-content:flex-start;height:34px;min-height:34px;padding:0 12px;gap:25px;font-size:10px}
 .shop-page .shop-toolbar{min-height:34px;padding:5px 10px;gap:8px}
 .shop-page .shop-options{gap:13px;font-size:9px}
 .shop-page .product-meta{padding:8px 6px 0}
 .shop-page .product-grid,.collection-page .product-grid{column-gap:2px;row-gap:12px}
 .collection-cover-grid{margin:0;gap:2px}
 .collection-cover-grid .category-tile{height:58vw;max-height:350px}
 .collection-cover-grid .category-tile:last-child{height:46vw;max-height:350px}
 .finish-section-heading{padding:8px 12px}
 .finish-section-heading h2{font-size:15px}
 .finish-section-heading h2 em{font-size:13px}
 .timo-home .selection-toolbar{padding:0 10px;gap:12px}
 .timo-home .selection-tabs{justify-content:flex-start;gap:18px}
 .timo-home .selection-toolbar .section-top>.text-link{font-size:9px;gap:6px}
 .timo-home .hero,.timo-story-opening{min-height:360px}
 .product-page>.breadcrumbs{padding-top:9px;padding-bottom:9px}
}

/* The SHOP category row can hold additional categories without moving the sort controls. */
.shop-page .shop-category-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-top:0;padding-bottom:0;gap:12px}
.shop-subnav{grid-column:2;grid-row:1;display:flex;align-items:stretch;justify-content:safe center;gap:28px;max-width:min(60vw,700px);min-height:35px;font-size:11px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.shop-subnav a{display:flex;align-items:center;padding:0 2px;border-bottom:2px solid transparent}
.shop-subnav a[aria-current="page"]{color:var(--accent);border-color:var(--accent)}
.shop-category-toolbar .shop-options{grid-column:3;grid-row:1;justify-self:end;white-space:nowrap}
@media(max-width:760px){
 .shop-subnav{min-height:33px;max-width:calc(100vw - 180px);font-size:10px;gap:24px}
}
@media(max-width:520px){
 .shop-category-toolbar #resultCount{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
}