.clock-module__dbvJWq__clockHero{grid-template-columns:minmax(0,.88fr) minmax(340px,1.12fr);align-items:center;gap:clamp(1.5rem,4vw,5rem);display:grid}.clock-module__dbvJWq__heroText{z-index:2;max-width:34rem;position:relative}.clock-module__dbvJWq__heroImage{min-height:clamp(34rem,72vw,54rem);position:relative}.clock-module__dbvJWq__heroPhoto{background:color-mix(in srgb, var(--color-paper-2) 75%, white);border-radius:.4rem;width:min(100%,38rem);height:100%;position:absolute;inset:0 0 0 auto;overflow:hidden}.clock-module__dbvJWq__heroPhoto img{object-fit:cover;object-position:50% 48%}.clock-module__dbvJWq__assemblyGrid{grid-template-columns:minmax(260px,.82fr) minmax(360px,1.18fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.clock-module__dbvJWq__assemblyCad{aspect-ratio:.72;background:#ffffff6b;position:relative;overflow:hidden}.clock-module__dbvJWq__assemblyExplodedWrap{padding-top:clamp(2.5rem,6vw,5.25rem);position:relative}.clock-module__dbvJWq__assemblyExploded{z-index:2;aspect-ratio:1.34;position:relative;overflow:visible}.clock-module__dbvJWq__assemblySketch{z-index:1;aspect-ratio:1.25;opacity:.9;background:#ffffff7a;width:min(48%,23rem);position:absolute;top:0;right:0;overflow:hidden}.clock-module__dbvJWq__assemblyCopy{max-width:44rem;margin-top:clamp(1.5rem,3vw,2.25rem)}.clock-module__dbvJWq__annotatedLayout{grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);align-items:center;gap:clamp(2rem,5vw,4.75rem);display:grid}.clock-module__dbvJWq__annotatedLayoutReverse{grid-template-columns:minmax(320px,1.05fr) minmax(280px,.95fr)}.clock-module__dbvJWq__architectureGrid{grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);align-items:stretch;gap:clamp(1.5rem,3.5vw,3rem);display:grid}.clock-module__dbvJWq__architectureGridReverse{grid-template-columns:minmax(420px,1.2fr) minmax(300px,.8fr)}.clock-module__dbvJWq__detailsGrid{grid-template-columns:minmax(470px,1.18fr) minmax(300px,.82fr);align-items:center;gap:clamp(1.25rem,3vw,2.5rem)}.clock-module__dbvJWq__architectureFigure{background:#ffffff57;align-self:start;height:min(68rem,140vw);min-height:40rem;position:relative;overflow:hidden}.clock-module__dbvJWq__hotspot{z-index:2;border:1px solid color-mix(in srgb, var(--color-ink) 54%, transparent);opacity:0;background:radial-gradient(circle,#2f54d6e6 0 16%,#0000 18%),#f5f1e8b8;border-radius:999px;width:1.2rem;height:1.2rem;transition:opacity .28s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-50%)scale(.82);box-shadow:0 0 0 .35rem #2f54d614}:is(.clock-module__dbvJWq__architectureGrid:has(.clock-module__dbvJWq__architectureCallout:first-child:hover) .clock-module__dbvJWq__hotspotCuckoo,.clock-module__dbvJWq__architectureGrid:has(.clock-module__dbvJWq__architectureCallout:nth-child(2):hover) .clock-module__dbvJWq__hotspotKalimba,.clock-module__dbvJWq__architectureGrid:has(.clock-module__dbvJWq__architectureCallout:nth-child(3):hover) .clock-module__dbvJWq__hotspotWeights,.clock-module__dbvJWq__architectureGrid:has(.clock-module__dbvJWq__architectureCallout:nth-child(4):hover) .clock-module__dbvJWq__hotspotBase,.clock-module__dbvJWq__architectureGrid:has(.clock-module__dbvJWq__architectureCallout:first-child:hover) .clock-module__dbvJWq__hotspotFace,.clock-module__dbvJWq__architectureGrid:has(.clock-module__dbvJWq__architectureCallout:nth-child(2):hover) .clock-module__dbvJWq__hotspotConnectors,.clock-module__dbvJWq__architectureGrid:has(.clock-module__dbvJWq__architectureCallout:nth-child(3):hover) .clock-module__dbvJWq__hotspotGears,.clock-module__dbvJWq__architectureGrid:has(.clock-module__dbvJWq__architectureCallout:nth-child(4):hover) .clock-module__dbvJWq__hotspotTube,.clock-module__dbvJWq__architectureGrid:has(.clock-module__dbvJWq__detailCallout:first-child:hover) .clock-module__dbvJWq__hotspotFace,.clock-module__dbvJWq__architectureGrid:has(.clock-module__dbvJWq__detailCallout:nth-child(2):hover) .clock-module__dbvJWq__hotspotConnectors,.clock-module__dbvJWq__architectureGrid:has(.clock-module__dbvJWq__detailCallout:nth-child(3):hover) .clock-module__dbvJWq__hotspotGears,.clock-module__dbvJWq__architectureGrid:has(.clock-module__dbvJWq__detailCallout:nth-child(4):hover) .clock-module__dbvJWq__hotspotTube){opacity:1;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 .35rem #2f54d617,0 0 0 .78rem #2f54d60b}.clock-module__dbvJWq__architectureCallouts{grid-template-rows:repeat(4,minmax(9.75rem,1fr));gap:clamp(1.25rem,2.8vw,2.75rem);display:grid}.clock-module__dbvJWq__architectureCallout{grid-template-columns:minmax(13rem,.78fr) minmax(13rem,1fr);align-items:center;gap:clamp(1rem,2vw,1.5rem);transition:transform .32s cubic-bezier(.22,1,.36,1);display:grid}.clock-module__dbvJWq__architectureCallout:hover{transform:translate(.35rem)}.clock-module__dbvJWq__architectureCopy{position:relative}.clock-module__dbvJWq__architectureThumb{aspect-ratio:1.45}.clock-module__dbvJWq__detailsFigure{height:min(50rem,84vw);min-height:30rem}.clock-module__dbvJWq__detailsCallouts{grid-template-rows:repeat(4,minmax(7.5rem,1fr));gap:clamp(1rem,2.2vw,2rem);display:grid}.clock-module__dbvJWq__detailCallout{grid-template-columns:minmax(9.5rem,.72fr) minmax(13rem,1fr);align-items:start;gap:clamp(1rem,2vw,1.5rem);transition:transform .32s cubic-bezier(.22,1,.36,1);display:grid}.clock-module__dbvJWq__detailCallout:hover{transform:translate(.35rem)}.clock-module__dbvJWq__detailThumb{aspect-ratio:1.48}.clock-module__dbvJWq__detailCopy{padding-top:.1rem}.clock-module__dbvJWq__calloutStack{gap:clamp(1.1rem,2vw,1.8rem);display:grid}.clock-module__dbvJWq__callout{grid-template-columns:clamp(6.5rem,10vw,8.75rem) 1fr;align-items:start;gap:1.15rem;display:grid;position:relative}.clock-module__dbvJWq__callout:before{content:"";border-top:1px dashed color-mix(in srgb, var(--color-ink) 46%, transparent);width:3.2rem;position:absolute;top:1.1rem;left:-4.25rem}.clock-module__dbvJWq__calloutReverse:before{left:auto;right:-4.25rem}.clock-module__dbvJWq__calloutThumb{aspect-ratio:1.18;background:var(--color-paper-2);border-radius:.35rem;position:relative;overflow:hidden}.clock-module__dbvJWq__videoGrid{grid-template-columns:.8fr 1.2fr;align-items:end;gap:clamp(1.25rem,3vw,2.25rem);display:grid}.clock-module__dbvJWq__videoSlot{width:100%}.clock-module__dbvJWq__naturalVideo{max-width:min(100%,30rem);margin-inline:auto}@media (max-width:900px){.clock-module__dbvJWq__clockHero,.clock-module__dbvJWq__assemblyGrid,.clock-module__dbvJWq__architectureGrid,.clock-module__dbvJWq__annotatedLayout,.clock-module__dbvJWq__annotatedLayoutReverse,.clock-module__dbvJWq__videoGrid{grid-template-columns:1fr}.clock-module__dbvJWq__architectureFigure{height:44rem}.clock-module__dbvJWq__detailsFigure{height:36rem;min-height:0}.clock-module__dbvJWq__architectureCallouts{grid-template-rows:none;gap:1.5rem}.clock-module__dbvJWq__detailsCallouts{grid-template-rows:none;gap:1.35rem}.clock-module__dbvJWq__architectureCallout{grid-template-columns:minmax(9rem,.75fr) 1fr}.clock-module__dbvJWq__detailCallout{grid-template-columns:minmax(9rem,.72fr) 1fr}.clock-module__dbvJWq__assemblyExplodedWrap{padding-top:3.5rem}.clock-module__dbvJWq__assemblySketch{width:min(54%,20rem)}.clock-module__dbvJWq__heroImage{min-height:34rem}.clock-module__dbvJWq__heroPhoto{width:100%}.clock-module__dbvJWq__callout:before{display:none}}@media (max-width:640px){.clock-module__dbvJWq__heroImage{min-height:28rem}.clock-module__dbvJWq__callout{grid-template-columns:5.75rem 1fr}.clock-module__dbvJWq__architectureFigure{height:36rem;min-height:0}.clock-module__dbvJWq__detailsFigure{height:30rem}.clock-module__dbvJWq__architectureCallout,.clock-module__dbvJWq__detailCallout{grid-template-columns:1fr}.clock-module__dbvJWq__assemblySketch{width:100%;margin-bottom:1rem;position:relative}.clock-module__dbvJWq__assemblyExplodedWrap{padding-top:0}}
