jacc-compact-header{display:block}.header.jacc-compact-header{--header-grid: "logo logo" "primary-nav secondary-nav" / minmax(0, 1fr) auto;grid-template-areas:"logo logo" "primary-nav secondary-nav";grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto 52px;padding-block:10px 0;row-gap:9px;column-gap:22px;isolation:isolate}.jacc-compact-header .header__logo{grid-column:1 / -1;width:auto;max-width:100%;justify-self:center}.jacc-compact-header .jacc-brand--horizontal{display:flex;align-items:center;justify-content:center;gap:14px;height:1.15em;font-size:clamp(27px,2.65vw,36px);text-align:center}.jacc-compact-header .jacc-brand__name{padding:0;font-size:clamp(27px,2.65vw,36px);line-height:1.15;letter-spacing:.035em}.jacc-compact-header .jacc-clock-o{display:inline-block;position:relative;top:auto;left:auto;z-index:auto;transform:none;flex:0 0 clamp(52px,4.3vw,58px);width:clamp(52px,4.3vw,58px);height:clamp(52px,4.3vw,58px);margin:0;line-height:0;pointer-events:none;overflow:visible}.jacc-compact-header .jacc-clock-o .jacc-emblem{width:100%;height:100%;overflow:visible}.jacc-compact-header .jacc-clock-o.is-striking .jacc-emblem__bezel{animation:none}.jacc-compact-header .header__primary-nav{min-width:0;min-height:52px;padding:0;border:0;gap:0;justify-content:flex-start;align-self:stretch;position:relative;isolation:auto;font-size:18px}.jacc-compact-header .header__primary-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:#ece5da;box-shadow:0 0 0 100vmax #ece5da;clip-path:inset(0 -100vmax);border-top:1px solid var(--jacc-line)}.jacc-compact-header .header__primary-nav>ul.contents{gap:0 clamp(14px,1.8vw,30px);flex-wrap:wrap;justify-content:flex-start}.jacc-compact-header .header__primary-nav>ul.contents:before{display:none}.jacc-compact-header .header__primary-nav>ul.contents>.header__primary-nav-item{order:0}.jacc-compact-header .header__primary-nav-item>a,.jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>summary,.jacc-compact-header .header__primary-nav-item>mega-menu-disclosure>details>summary{min-height:52px;padding-block:8px}.jacc-compact-header .header__secondary-nav{width:max-content;max-width:100%;min-width:0;min-height:52px;gap:10px;align-self:stretch;flex-wrap:nowrap}.jacc-compact-header .header__secondary-nav a,.jacc-compact-header .header__secondary-nav button{min-height:44px;justify-content:center}.jacc-compact-header .jacc-brands-menu{inset-inline-start:0;width:min(620px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - var(--header-height, 150px) - 24px);overflow-y:auto;overscroll-behavior:contain;padding:16px 20px;box-shadow:0 12px 26px #29282114}.jacc-brands-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 22px}.jacc-brands-grid>li{border-bottom:1px solid var(--jacc-line)}.jacc-compact-header .jacc-brand-group>summary,.jacc-compact-header .jacc-brands-menu a.jacc-brand-direct{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 0;font:500 21px/1.2 var(--jacc-serif);cursor:pointer}.jacc-brand-group[open]>summary .jacc-nav-chevron{transform:rotate(180deg)}.jacc-brand-links{padding-bottom:12px}.jacc-compact-header .jacc-brand-links a{display:block;padding:8px 4px;font:400 13px/1.45 var(--text-font-family, Arial, sans-serif)}.jacc-compact-header .jacc-brand-links a:hover{color:#826637;text-decoration:underline}.jacc-brand-sublinks{padding-inline-start:12px}.jacc-compact-header .jacc-brands-menu :is(a,summary):focus-visible{outline:2px solid var(--jacc-gold);outline-offset:2px}@media(min-width:1150px)and (max-width:1249px){.jacc-compact-header .jacc-clock-o{flex-basis:52px;width:52px;height:52px}.header.jacc-compact-header{padding-inline:24px;column-gap:14px}.jacc-compact-header .header__primary-nav{font-size:17px}.jacc-compact-header .header__primary-nav>ul.contents{gap:0 14px}.jacc-compact-header .header__secondary-nav{gap:9px}}@media(max-width:1149px){.header.jacc-compact-header{row-gap:5px;padding-block:8px 0}.header.jacc-compact-header{grid-template-rows:auto 48px}.jacc-compact-header .jacc-brand--horizontal{gap:12px;font-size:clamp(24px,4.6vw,32px)}.jacc-compact-header .jacc-brand__name{font-size:clamp(24px,4.6vw,32px)}.jacc-compact-header .jacc-clock-o{flex-basis:44px;width:44px;height:44px}.jacc-compact-header .header__primary-nav>button{display:flex!important;width:44px;height:48px;justify-content:flex-start}.jacc-compact-header .header__primary-nav>ul{display:none!important}.jacc-compact-header .header__secondary-nav{gap:18px}.jacc-compact-header .header__primary-nav,.jacc-compact-header .header__secondary-nav{min-height:48px}}@media(max-width:699px){.header.jacc-compact-header{padding-inline:18px}.jacc-compact-header .jacc-brand--horizontal{gap:8px;font-size:clamp(20px,5.5vw,29px)}.jacc-compact-header .jacc-brand__name{font-size:clamp(20px,5.5vw,29px);letter-spacing:.015em}.jacc-compact-header .jacc-clock-o{flex-basis:clamp(32px,4.9vw,38px);width:clamp(32px,4.9vw,38px);height:clamp(32px,4.9vw,38px)}}@media(max-width:359px){.header.jacc-compact-header{padding-inline:12px}.jacc-compact-header .jacc-brand--horizontal{gap:6px;font-size:18px}.jacc-compact-header .jacc-brand__name{font-size:18px}.jacc-compact-header .jacc-clock-o{flex-basis:28px;width:28px;height:28px}}@media(min-width:1150px){.jacc-gallery .jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>ul.header__dropdown-menu{padding:16px 20px;background:var(--jacc-paper);box-shadow:0 12px 26px #29282114}.jacc-gallery .jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>ul.header__dropdown-menu--restrictable{max-height:calc(100dvh - var(--header-height, 150px) - 24px);overflow-y:auto;overscroll-behavior:contain}.jacc-gallery .jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>ul.header__dropdown-menu>li{border-bottom:1px solid var(--jacc-line)}.jacc-gallery .jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>ul.header__dropdown-menu>li>a,.jacc-gallery .jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>ul.header__dropdown-menu>li>dropdown-menu-disclosure>details>summary{display:flex;align-items:center;width:100%;min-height:48px;padding:8px 0;font:500 21px/1.2 var(--jacc-serif);letter-spacing:0;white-space:normal;color:var(--jacc-ink)}.jacc-gallery .jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>ul.header__dropdown-menu>li>dropdown-menu-disclosure>details>summary>.h-stack{width:100%}.jacc-gallery .jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>summary:is([data-title="Shop Clocks"],[data-title=Vintage],[data-title=Movements])+ul.header__dropdown-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0 22px;width:min(620px,calc(100vw - 64px));max-width:none}.jacc-gallery .jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>summary[data-title="Shop Clocks"]+ul.header__dropdown-menu>li:first-child{grid-column:1 / -1}.jacc-gallery .jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>ul.header__dropdown-menu>li>a:hover,.jacc-gallery .jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>ul.header__dropdown-menu>li>dropdown-menu-disclosure>details>summary:hover{color:#826637}.jacc-gallery .jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>ul.header__dropdown-menu>li>a:focus-visible,.jacc-gallery .jacc-compact-header .header__primary-nav-item>dropdown-menu-disclosure>details>ul.header__dropdown-menu>li>dropdown-menu-disclosure>details>summary:focus-visible{outline:2px solid var(--jacc-gold);outline-offset:2px}}@media(min-width:1150px){.jacc-gallery .jacc-compact-header .jacc-brands-item .jacc-brands-menu{inset-inline-start:auto}}@media(min-width:1150px){.jacc-gallery .jacc-compact-header .jacc-brands-menu .jacc-brand-links>li:first-child{display:none}}.jacc-gallery .jacc-clock-o .jacc-emblem__second-hand{transform-box:view-box;transform-origin:100px 100px;transform:rotate(var(--jacc-second-angle,0deg))}.jacc-gallery .jacc-clock-o .jacc-emblem__bezel{animation:none}.jacc-station-clock{position:fixed;left:10px;top:var(--jacc-station-top,150px);width:154px;height:175px;z-index:20;pointer-events:none;opacity:0;transform:translate(-180px);transition:transform .62s cubic-bezier(.22,.72,.25,1),opacity .35s ease;filter:drop-shadow(0 8px 10px #10182042)}.jacc-clock-revealed .jacc-station-clock{transform:translate(0);opacity:1}.jacc-station-clock__mount{position:absolute;top:0;right:0;bottom:0;left:0;width:154px;height:175px}.jacc-station-clock__dial,.jacc-station-clock__dial .jacc-live-emblem{position:absolute;top:38px;left:30px;width:120px;height:120px;margin:0;transform:none}.jacc-station-clock__dial .jacc-live-emblem{top:0;left:0}.jacc-station-clock__dial .jacc-emblem{width:100%;height:100%}.jacc-clock-revealed .header__logo .jacc-clock-o{opacity:0}@media(max-width:1149px){.jacc-station-clock{display:none}}@media(prefers-reduced-motion:reduce){.jacc-station-clock{transition:none}}@media(min-width:1150px){.jacc-home .jacc-hero__copy{padding-left:max(180px,6.25vw)}.jacc-home .header__logo .jacc-clock-o{opacity:0;animation:jacc-logo-clock-return .01s linear .7s forwards}.jacc-home.jacc-clock-revealed .header__logo .jacc-clock-o{opacity:0;animation:none}}@keyframes jacc-logo-clock-return{to{opacity:1}}@media(prefers-reduced-motion:reduce)and (min-width:1150px){.jacc-home .header__logo .jacc-clock-o{animation-delay:0s}}
/*# sourceMappingURL=/cdn/shop/t/195/assets/jacc-compact-header.css.map */