@font-face{font-family:DM Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/dm-sans/DM-Sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/dm-sans/DM-Sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@scope(#hero){.wall-clock{transform-origin:50%;z-index:3;user-select:none;will-change:transform;width:192px;height:82px;position:absolute;top:0;left:0}.wall-clock[hidden]{display:none}.clock-case:before,.clock-bezel:before,.clock-controls,.clock-dial{filter:url(#clock-lighting)}.clock-case{isolation:isolate;border:1px solid #0000;border-radius:16px;width:100%;height:100%;padding:7px;position:relative}.clock-case:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(175deg,#dfccae,#c6ad8b);border:1px solid #d3bea0;position:absolute;inset:-1px;box-shadow:0 4px 7px -2px #2d241c55,0 1px 2px #352d2440,inset 0 1px #f4e4ca80}.clock-bezel{isolation:isolate;border:1px solid #0000;border-radius:10px;grid-template-columns:62px 62px 24px;align-items:center;gap:6px;height:100%;padding:5px 7px;display:grid;position:relative}.clock-bezel:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:#d3bd9e;border:1px solid #9b846a80;position:absolute;inset:-1px;box-shadow:inset 0 1px 2px #38291e20}.flip-panel{background:var(--clock-card-backing,#29231e);perspective:350px;width:62px;height:53px;box-shadow:0 0 0 1px var(--clock-card-rim,#8c765d80), inset 0 1px 2px var(--clock-card-inset,#00000050);border-radius:5px;flex-shrink:0;position:relative}.flip-panel:after{content:"";background:var(--clock-card-seam,#1c1713);z-index:5;height:1px;box-shadow:0 1px 0 var(--clock-card-glint,#ebd6b421);pointer-events:none;position:absolute;top:50%;left:-1px;right:-1px}.flip-panel:before{content:"";border-left:2px solid var(--clock-card-hinge,#9d896d);border-right:2px solid var(--clock-card-hinge,#9d896d);z-index:6;pointer-events:none;height:4px;position:absolute;top:calc(50% - 2px);left:-1px;right:-1px}.flip-upper,.flip-lower,.flip-flap,.flip-fold{background:linear-gradient(var(--clock-card-upper-start,#3a3128),var(--clock-card-upper-end,#332b24));backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.flip-upper,.flip-flap{border-radius:5px 5px 0 0;top:0}.flip-lower,.flip-fold{background:linear-gradient(var(--clock-card-lower-start,#362d25),var(--clock-card-lower-end,#3b3229));border-radius:0 0 5px 5px;bottom:0}.flip-flap{transform-origin:bottom;z-index:3;visibility:hidden}.flip-fold{transform-origin:top;z-index:4;visibility:hidden}.flip-number{text-align:center;letter-spacing:-3px;height:53px;color:var(--clock-card-number,#edddbd);text-shadow:0 1px 1px var(--clock-card-number-shadow,#00000045);font-variant-numeric:tabular-nums;padding-right:3px;font-family:Arial,Helvetica,sans-serif;font-size:46px;font-weight:700;line-height:54px;display:block}.flip-lower .flip-number,.flip-fold .flip-number{transform:translateY(-50%)}.clock-controls{grid-template-rows:repeat(2,1fr);height:52px;display:grid}.clock-control{color:#65503b;cursor:pointer;touch-action:manipulation;z-index:2;background:0 0;border:0;place-items:center;height:26px;margin-left:0;padding:0;display:grid;position:relative}.clock-control:before{content:"";position:absolute;inset:0 -8px}.clock-toggle-face{background:0 0;border-radius:5px;place-items:center;width:22px;height:22px;transition:background .15s,transform .15s;display:grid}.clock-control:hover .clock-toggle-face{background:#80644414}.clock-control svg{fill:currentColor;width:12px;height:12px}.clock-toggle .play-symbol{display:none}.sound-waves,.sound-cross{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round}.clock-mute .sound-cross,.clock-mute[aria-pressed=true] .sound-waves{display:none}.clock-mute[aria-pressed=true] .sound-cross{display:block}.clock-toggle[data-paused=true] .pause-symbol{display:none}.clock-toggle[data-paused=true] .play-symbol{display:block}.clock-control:active .clock-toggle-face{background:#80644424;transform:translateY(1px)}.clock-control:hover{color:#36271c}.clock-control:focus-visible{outline:none}.clock-control:focus-visible .clock-toggle-face{outline-offset:3px;outline:2px solid #805f3e}.clock-dial{cursor:ns-resize;touch-action:none;z-index:-1;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:47px;height:66px;padding:0;position:absolute;top:8px;right:-30px}.clock-dial:focus-visible{outline:none}.clock-wheel{background:linear-gradient(90deg,#a58b69,#cbb18c 40%,#a88c67);border:1px solid #aa8c68;border-radius:5px 8px 8px 5px;width:22px;height:44px;position:absolute;top:11px;left:6px;box-shadow:2px 3px 3px #2c261c66,inset 0 1px #f2ddba}.clock-wheel:after{content:"";border-radius:inherit;background:repeating-linear-gradient(0deg,#3e3a2938 0 1px,#ffffff20 1px 2px,#0000 2px 4px);background-position-y:var(--dial-turn,0px);position:absolute;inset:1px}.is-setting .clock-wheel{box-shadow:1px 2px 2px #2c261c55,inset 0 0 4px #4e483873}.clock-hint{color:#efdfc3;letter-spacing:.2px;white-space:nowrap;opacity:0;pointer-events:none;background:#372b22ea;border-radius:4px;padding:7px 11px;font:9px DM Sans,sans-serif;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-3px)}.wall-clock:hover .clock-hint,.wall-clock:focus-within .clock-hint,.wall-clock.is-setting .clock-hint{opacity:1;transform:translate(-50%)}.clock-instructions{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.clock-lamp{pointer-events:none;border-radius:2px 2px 8px 8px;width:94px;height:13px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.clock-lamp:before{content:"";border-radius:inherit;filter:url(#clock-lighting);background:linear-gradient(#65503b,#29231e);border:1px solid #9b846a80;position:absolute;inset:0;box-shadow:0 3px 5px #2d241c55}.clock-lamp-lens{background:#65503b;border-radius:2px 2px 5px 5px;transition:background .24s,box-shadow .3s;position:absolute;inset:4px 7px 2px}.clock-lamp:after{content:"";opacity:0;background:radial-gradient(at 50% 0,#edddbd55,#0000 68%);width:240px;height:130px;transition:opacity .3s;position:absolute;top:5px;left:50%;transform:translate(-50%)}[data-lamp-on=true] .clock-lamp-lens{background:#fff4d7;box-shadow:0 0 8px #edddbd,0 7px 22px #edddbd99}[data-lamp-on=true] .clock-lamp:after{opacity:1}.lamp-cord-assembly{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:-7px;overflow:visible}.lamp-cord-anchor{z-index:-1;background:linear-gradient(#edddbd,#a58b69 55%,#65503b);border:1px solid #aa8c68;border-radius:5px 2px 2px 5px;width:22px;height:12px;position:absolute;top:-6px;left:-4px;box-shadow:-1px 2px 3px #2d241c55}.lamp-cord{fill:none;stroke-linecap:round;pointer-events:none;width:280px;height:300px;position:absolute;top:-140px;left:-140px;overflow:visible}.lamp-cord-anchor,.lamp-cord,.lamp-cord-grip,[data-lamp-on=false] .clock-lamp-lens{filter:url(#clock-lighting)}.lamp-cord-shadow{stroke:#2d241c55;stroke-width:3.5px;transform:translate(1px,1px)}.lamp-cord-strand{stroke:#a58b69;stroke-width:2.3px}.lamp-cord-thread{stroke:#efdfc3;stroke-width:1.5px;stroke-dasharray:2 2}.lamp-pull{transform-origin:22px 11px;cursor:grab;touch-action:none;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute;top:0;left:0;transform:translate(-22px,59px)}.lamp-pull:active{cursor:grabbing}.lamp-cord-grip{background:linear-gradient(90deg,#65503b,#cbb18c 38%,#edddbd 47%,#a58b69 70%,#65503b);border:1px solid #aa8c68;border-radius:5px 5px 8px 8px;width:16px;height:23px;position:absolute;top:11px;left:14px;box-shadow:1px 3px 4px #2d241c55,inset 0 1px #edddbd}.lamp-pull:focus-visible{box-shadow:none;outline:none}.lamp-pull:focus-visible .lamp-cord-grip{outline:2px solid var(--color-dark-text);outline-offset:4px}.wall-clock:has(.lamp-pull:hover,.lamp-pull:focus-visible)>.clock-hint{opacity:0}@media (width<=700px){.clock-dial{width:58px;right:-40px}}@media (width<=360px){.clock-dial{width:70px;right:-52px}}@media (pointer:coarse){.lamp-pull:before{content:"";inset:min(0px, calc((44px - 48px * var(--clock-inverse-scale,1)) / 2));position:absolute}.lamp-cord-grip{border-radius:6px 6px 9px 9px;width:20px;height:27px;left:12px}.lamp-cord-shadow{stroke-width:4px}.lamp-cord-strand{stroke-width:2.8px}.lamp-cord-thread{stroke-width:1.7px}.clock-control:before{width:max(40px, calc(44px * var(--clock-inverse-scale,1)));height:max(26px, calc(44px * var(--clock-inverse-scale,1)));inset:auto auto auto 50%;transform:translate(-50%)}.clock-toggle:before{bottom:0}.clock-mute:before{top:0}.clock-dial{width:calc(18px + 44px * var(--clock-inverse-scale,1));height:max(66px, calc(44px * var(--clock-inverse-scale,1)));top:50%;left:calc(100% - 18px);right:auto;transform:translateY(-50%)}.clock-wheel{width:26px;height:50px;top:50%;left:7px;transform:translateY(-50%)}.wall-clock:hover .clock-hint,.wall-clock:focus-within .clock-hint{opacity:0}.wall-clock.is-setting .clock-hint,.wall-clock:has(:focus-visible) .clock-hint{opacity:1}}@media (prefers-reduced-motion:reduce){.clock-hint{transition:none}}}