/* Cel-shaded office objects, stacked paper and measured motion. */
:root{--lime:#c8df91;--desk:#d7d8c5;--edge:#727a5e;--tilt-x:0deg;--tilt-y:0deg}.header{gap:30px}.nav{gap:25px}.button{position:relative;border-width:2.5px;border-radius:5px 9px 6px 8px;box-shadow:inset 0 2px 0 #ffffff80,0 6px 0 var(--edge),0 8px 0 var(--ink),3px 8px 0 var(--ink);transform:rotate(-.5deg);transition:transform .18s,box-shadow .18s,background .18s}.button:hover{box-shadow:inset 0 2px 0 #ffffffa0,0 8px 0 var(--edge),0 10px 0 var(--ink),4px 10px 0 var(--ink);transform:translateY(-2px) rotate(.5deg)}.button:active{transform:translateY(6px) rotate(-.5deg);box-shadow:inset 0 1px 2px #0002,0 1px 0 var(--edge),0 3px 0 var(--ink),1px 3px 0 var(--ink)}.button-small{box-shadow:inset 0 2px 0 #fff9,0 4px 0 #b9bca7,0 6px 0 var(--ink),2px 6px 0 var(--ink)}.hero-art{transform:perspective(1000px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x)) rotate(1deg);transition:transform .4s ease-out;isolation:isolate;box-shadow:3px 4px 0 #858c74,5px 6px 0 var(--ink),11px 13px 0 #b6bba488}.hero-art:after{content:'';position:absolute;inset:5px;border:1px solid #2227;border-radius:4px 2px 8px 3px;pointer-events:none;z-index:5}.hero-art img{filter:saturate(.9)}.hero-art .hero-stamp{box-shadow:3px 3px 0 #6b745755}.floating-paper{position:absolute;width:38px;height:49px;background:#f6f1df;border:1.7px solid var(--ink);box-shadow:3px 4px 0 #151a1422;z-index:6;padding:10px 6px;pointer-events:none;animation:loose-sheet 7s ease-in-out infinite}.floating-paper i{height:1.5px;background:#7f8474;display:block;margin-bottom:6px;width:100%;transform:rotate(-3deg)}.floating-paper i:last-child{width:70%}.paper-one{top:62%;right:-16px;--paper-r:15deg;transform:rotate(15deg)}.paper-two{top:12%;left:-22px;--paper-r:-20deg;transform:rotate(-20deg);animation-delay:-3s;width:30px;height:40px}.episode-feature{border:2.5px solid var(--ink);border-radius:6px 4px 7px 5px;box-shadow:inset 0 2px 0 #fff9,0 6px 0 #9ba087,0 8px 0 var(--ink),4px 8px 0 var(--ink)}.office-note{box-shadow:3px 5px 0 #b0b296,4px 7px 0 var(--ink),9px 12px 0 #ced0ba;border:2px solid var(--ink)}.crew-card{border:2px solid var(--ink);box-shadow:3px 4px 0 #8d947c,4px 6px 0 var(--ink);border-radius:4px 7px 3px 5px}.crew-card:nth-child(3n+2){border-radius:6px 3px 8px 5px}.crew-card:hover{box-shadow:4px 6px 0 #8d947c,5px 8px 0 var(--ink)}.crew-image{border-bottom-width:2px}.crew-image:after{content:'';position:absolute;inset:6px;border:1px solid #f5f0d855;pointer-events:none}.crew-info details{padding-top:13px}.crew-info .crew-extra-label{font-size:7px;letter-spacing:1px;margin:20px 0 8px;color:#606952}.crew-info .crew-extra-story{border:0;padding:0;margin:0;font-size:11px;line-height:1.75;color:var(--ink)}.crew-info .crew-quote{font:600 22px/1.15 Hand,cursive;border:0;border-top:1px dashed #a4a991;padding:13px 0 0;margin:16px 0}.crew-info .crew-kit{font-size:9px;background:#e1e6cc;border:1px solid #9ca18a;border-radius:2px 5px 3px 4px;padding:10px;line-height:1.7;margin-top:15px}.crew-kit strong{font-size:7px;letter-spacing:1px;display:block;margin-bottom:3px}.polaroid{border:2px solid var(--ink);border-radius:2px 5px 3px 4px;box-shadow:3px 5px 0 #b7bba6,4px 7px 0 #31372aaa}.motion-control{position:fixed;bottom:21px;right:22px;z-index:80;padding:8px 11px;display:flex;align-items:center;gap:7px;border:1.5px solid var(--ink);background:#eeebdff2;border-radius:4px 5px 2px 3px;box-shadow:2px 3px 0 var(--ink);font-size:7px;letter-spacing:1px;font-weight:700}.motion-symbol{display:inline-block;font-size:17px;line-height:1;animation:tiny-orbit 8s linear infinite}.motion-control:hover{background:var(--lime)}.company-section{display:grid;grid-template-columns:43% 57%;column-gap:55px;padding-top:10px;padding-bottom:100px;overflow:visible}.company-copy .eyebrow{font-size:8px;letter-spacing:1.2px;max-width:330px;margin-bottom:23px}.company-copy h2{font-size:clamp(62px,6.8vw,91px);line-height:.94}.company-copy h2 em{font-style:normal;color:#64754e;font-size:.8em;position:relative;display:inline-block;padding-bottom:7px}.company-copy h2 em:after{content:'';position:absolute;bottom:0;left:2px;width:100%;height:3px;background:#64754e;border-radius:50%;transform:rotate(-2deg)}.lead-copy{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.4px}.company-copy .lead-copy{margin:26px 0 19px}.company-copy>p:not(.eyebrow):not(.lead-copy){font-size:13px;line-height:1.9;max-width:395px;margin-top:15px}.company-copy>.text-link{display:inline-block;margin-top:26px;font-size:11px}.company-visual{position:relative;padding:55px 55px 0 0;min-width:0}.layered-art{position:relative;background:#f7f1e1;border:2px solid var(--ink);border-radius:4px 2px 7px 4px;padding:10px;margin:0;box-shadow:3px 5px 0 #a6ad91,5px 7px 0 var(--ink),11px 14px 0 #c7cbb7;transform:perspective(1000px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x)) rotate(2deg);transition:transform .4s}.layered-art img{width:100%;aspect-ratio:1.6;object-fit:cover}.layered-art figcaption{font-size:6px;letter-spacing:.8px;line-height:1.6;padding:12px 1px 1px}.company-visual blockquote{position:relative;margin:48px 10px 0 33px;font:600 29px/1.2 Hand,cursive;max-width:380px}.quote-mark{font-family:var(--serif);font-size:88px;position:absolute;left:-43px;top:-16px;color:#8c9a72;line-height:1}.company-visual cite{font:500 8px/1.5 var(--body);display:block;margin-top:18px;color:var(--muted)}.pinned-note{position:absolute;top:0;right:64px;font-size:23px;transform:rotate(-6deg)}.company-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px dashed #9ba28a;margin:60px 55px 0 0;padding-top:26px}.company-principles article{position:relative}.company-principles article+article:before{content:'';position:absolute;left:-20px;top:0;height:100%;width:1px;background:#bdc2ac;transform:rotate(1deg)}.company-principles span{font-size:7px;letter-spacing:1.4px}.company-principles h3{font-size:31px;margin:12px 0 10px;line-height:1}.company-principles p{font-size:11px;line-height:1.7;max-width:260px}.workday-section{background:#d8d6ca;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);position:relative}.workday-section:before{content:'';position:absolute;top:6px;bottom:6px;left:0;right:0;border-top:1px dashed #8c927d;border-bottom:1px dashed #8c927d;pointer-events:none}.workday-section .section{padding-top:65px;padding-bottom:55px}.workday-section .section-heading{align-items:center;margin-bottom:39px}.workday-section .section-heading h2{font-size:clamp(45px,5vw,71px)}.office-clock{width:95px;position:relative;flex-shrink:0;margin-right:10px}.office-clock svg{width:90px;height:90px;fill:#f5f1df;stroke:var(--ink);stroke-width:3;stroke-linecap:round;filter:drop-shadow(3px 4px 0 #777e6577);transform:rotate(6deg)}.office-clock .clock-ticks{stroke-width:2;fill:none}.office-clock .hour-hand,.office-clock .minute-hand{transform-origin:55px 55px;fill:none;stroke-width:3;transition:transform 1s ease-in-out}.office-clock .hour-hand{transform:rotate(270deg)}.office-clock .minute-hand{transform:rotate(-84deg)}.office-clock span{position:absolute;left:-85px;bottom:-8px;white-space:nowrap;font-size:18px;transform:rotate(-7deg)}.workday-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;margin-bottom:25px}.workday-tabs:after{content:'';position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--ink)}.day-tab{text-align:left;padding:14px 17px;background:#e9e7d9;border:2px solid var(--ink);border-radius:5px 3px 6px 4px;box-shadow:0 3px 0 #888e76,0 5px 0 var(--ink);font-size:9px;letter-spacing:1px;position:relative;transition:transform .2s,background .2s}.day-tab span{display:block;font:800 33px/1 var(--serif);margin-bottom:7px;letter-spacing:-1px}.day-tab.active{background:var(--lime);transform:translateY(-3px) rotate(-.4deg);box-shadow:0 5px 0 #838f64,0 7px 0 var(--ink)}.day-tab.active:after{content:'';position:absolute;width:9px;height:9px;background:var(--ink);border:3px solid #f8f3df;border-radius:50%;left:50%;bottom:-21px}.day-tab:hover{background:#d4dfa9}.day-panel{display:grid;grid-template-columns:59% 41%;border:2px solid var(--ink);background:#eeebdf;border-radius:6px;box-shadow:4px 6px 0 #7b826a55;overflow:hidden;margin-top:38px}.day-photo{position:relative;overflow:hidden;border-right:2px solid var(--ink);background:#a8ad9d}.day-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.55;transition:opacity .2s}.day-time{position:absolute;top:15px;left:15px;display:inline-block;background:#e8edcdd9;border:1.5px solid var(--ink);padding:6px 11px;font:800 25px/1 var(--serif);box-shadow:2px 3px 0 #0005;transform:rotate(-3deg)}.day-copy{padding:30px;display:flex;flex-direction:column;align-items:flex-start}.day-copy .tag{font-size:6px;letter-spacing:1px}.day-copy h3{font-size:40px;line-height:1.03;margin-top:21px}.day-copy>p{font-size:12px;line-height:1.85;margin-top:18px}.day-copy blockquote{font:600 25px/1.2 Hand,cursive;margin:20px 0 10px;border-left:3px solid #8b9a6a;padding-left:13px}.day-attribution{font-size:6px;letter-spacing:.7px;margin-left:16px;line-height:1.7}.workday-run{margin-top:25px;text-decoration:underline;text-underline-offset:5px;font-size:9px;letter-spacing:.5px;padding:6px 0}.workday-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:25px}.workday-bottom .handnote{font-size:24px;transform:rotate(-2deg)}.workday-bottom p{font-size:8px;line-height:1.8;color:#5b6253;text-align:right}.photo-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 49%,#fcffe92b 50%,transparent 51%);background-size:100% 13px;opacity:.15}.day-panel.changing .day-photo img{animation:scene-settle .55s ease-out}.handbook-section{padding-top:90px;padding-bottom:90px}.handbook-section .section-heading{align-items:center;margin-bottom:34px}.handbook-section .stamp{font-size:16px;transform:rotate(8deg);color:#91715a;background:#e8dfcf;padding:14px}.handbook-grid{display:grid;grid-template-columns:52% 48%;gap:55px}.handbook-copy .lead-copy{margin-bottom:20px}.handbook-copy>p:not(.lead-copy){font-size:13px;line-height:1.85;max-width:465px}.rules{margin-top:31px;max-width:490px}.rules details{border-top:1px solid #aeb5a0;padding:17px 0}.rules details:last-child{border-bottom:1px solid #aeb5a0}.rules summary{list-style:none;cursor:pointer;font-size:12px;font-weight:600;display:flex;gap:13px;align-items:center;padding-right:22px;position:relative;line-height:1.6}.rules summary::-webkit-details-marker{display:none}.rules summary:after{content:'+';position:absolute;right:0;font:22px var(--body)}.rules details[open] summary:after{content:'−'}.rules summary>span{font:800 27px/1 var(--serif);color:#7d8868;min-width:28px}.rules p{font-size:12px;line-height:1.9;color:#535b4c;padding:15px 28px 0 42px;max-width:450px}.survival-note{display:flex;gap:30px;align-items:center;margin-top:35px;background:#e1e6cc;border:1.5px solid var(--ink);padding:20px;transform:rotate(-1deg);box-shadow:2px 3px 0 #9aa17d;max-width:450px;position:relative}.survival-note:before{content:'';position:absolute;left:9px;top:-10px;width:22px;height:33px;border:2px solid #767d6b;border-radius:8px;transform:rotate(-12deg)}.survival-note .handnote{font-size:25px;max-width:100px}.survival-note p{font-size:10px;line-height:1.7}.handbook-art{padding-right:55px;min-width:0}.after-hours{transform:rotate(-2deg);padding:9px}.after-hours img{aspect-ratio:1.65}.memo-machine{position:relative;margin-top:36px;border:2px solid var(--ink);border-radius:6px 3px 8px 4px;background:#d3d7c5;padding:17px 22px 22px;box-shadow:inset 0 2px 0 #f6f7e580,3px 5px 0 #899375,4px 7px 0 var(--ink);text-align:center}.machine-label{display:flex;align-items:center;gap:2px;text-align:left;font-size:6px;letter-spacing:.5px;border-bottom:1px solid #a0aa8f;padding-bottom:12px}.machine-label>span:last-child{margin-left:auto;font-size:5px}.machine-label .status-dot{background:#74914a;width:5px;height:5px}.memo-printer{position:relative;max-width:270px;margin:13px auto -2px}.memo-printer svg{display:block;width:100%;stroke:var(--ink);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(3px 4px 0 #83916b66)}.printer-light{animation:printer-blink 4s steps(1) infinite}.printer-lines{stroke:#7c826e;stroke-width:1.8}.printed-memo{background:#f7f0dd;position:relative;margin:0 auto 20px;border:1.5px solid var(--ink);border-top:4px solid #b3ac95;border-radius:1px 2px 4px 2px;padding:15px 18px 18px;max-width:290px;box-shadow:2px 4px 0 #0002;text-align:left;transform:rotate(-1deg);transform-origin:top}.printed-memo:after{content:'';position:absolute;bottom:-6px;height:8px;left:0;right:0;background:#f7f0dd;clip-path:polygon(0 0,100% 0,100% 80%,95% 20%,90% 80%,85% 20%,80% 80%,75% 20%,70% 80%,65% 20%,60% 80%,55% 20%,50% 80%,45% 20%,40% 80%,35% 20%,30% 80%,25% 20%,20% 80%,15% 20%,10% 80%,5% 20%,0 80%)}.printed-memo>span{font-size:7px;letter-spacing:1px;font-weight:700;display:block;border-bottom:1px solid #b8b59f;padding-bottom:10px;margin-bottom:10px}.printed-memo p{font:500 12px/1.7 var(--body)}.printed-memo small{font:600 17px/1.2 Hand,cursive;display:block;margin-top:14px;color:#676f58}.memo-machine .button{font-size:10px;gap:12px;padding:13px 16px;margin:0 auto 7px;max-width:100%}.memo-machine .button svg{width:16px;height:16px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round}.machine-footnote{font-size:7px;line-height:1.7;color:#59634b;margin:15px 0 0}.memo-machine.printing .printed-memo{animation:paper-feed .65s ease-out}.memo-machine.printing .memo-printer svg{animation:printer-rattle .12s ease-in-out 4}.crew-section{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.closing{background-color:#2a3027;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 49px,#7683650f 50px)}.hero-note,.pinned-note{animation:gentle-note 9s ease-in-out infinite}.closing .button{box-shadow:inset 0 2px 0 #fff8,0 6px 0 #89985e,0 8px 0 #12170e,3px 8px 0 #12170e}.day-tab:focus-visible,.crew-info summary:focus-visible,.rules summary:focus-visible{outline:3px solid #7653a4;outline-offset:4px}[data-motion="off"] *,[data-motion="off"] *:before,[data-motion="off"] *:after{animation-play-state:paused!important}[data-motion="off"] [data-tilt]{transform:rotate(1deg)!important}[data-motion="off"] .reveal{opacity:1;transform:none;transition:none}[data-motion="off"] .day-panel.changing .day-photo img,[data-motion="off"] .memo-machine.printing .printed-memo{animation:none!important}[data-motion="off"] .office-clock .hour-hand,[data-motion="off"] .office-clock .minute-hand{transition:none}
@keyframes loose-sheet{0%,100%{transform:translate(0,0) rotate(var(--paper-r))}35%{transform:translate(-4px,-10px) rotate(calc(var(--paper-r) - 5deg))}70%{transform:translate(4px,-4px) rotate(calc(var(--paper-r) + 5deg))}}@keyframes tiny-orbit{to{transform:rotate(360deg)}}@keyframes gentle-note{0%,100%{rotate:-1deg}50%{rotate:1deg}}@keyframes printer-blink{0%,85%,100%{fill:#c7e77b}86%,90%{fill:#75914e}91%,94%{fill:#c7e77b}95%,97%{fill:#75914e}}@keyframes paper-feed{0%{transform:translateY(-25px) scaleY(.6) rotate(-1deg);opacity:.3}65%{transform:translateY(3px) scaleY(1.02) rotate(1deg)}100%{transform:translateY(0) scaleY(1) rotate(-1deg);opacity:1}}@keyframes printer-rattle{50%{transform:translateX(1.5px) rotate(.5deg)}}@keyframes scene-settle{0%{transform:scale(1.035);filter:saturate(.4)}100%{transform:scale(1);filter:saturate(1)}}
@media(max-width:1180px){.header{gap:22px}.nav{gap:20px}.company-section{column-gap:35px}.company-visual{padding-right:35px}.company-principles{margin-right:35px;gap:30px}.company-copy>p:not(.eyebrow):not(.lead-copy){font-size:12px}.company-visual blockquote{font-size:27px}.handbook-grid{gap:35px}.handbook-art{padding-right:35px}.day-copy{padding:25px}.day-copy h3{font-size:35px}.day-copy>p{font-size:11px}.day-copy blockquote{font-size:23px}.company-principles h3{font-size:28px}.pinned-note{right:45px}.memo-machine{padding:15px}.memo-machine .button{font-size:9px;padding:12px;gap:8px}.machine-label{font-size:5px}.machine-label>span:last-child{font-size:4px}}@media(max-width:900px){.header{gap:19px}.nav{gap:18px;font-size:10px}.company-section{grid-template-columns:43% 57%;column-gap:22px}.company-copy h2{font-size:65px}.company-copy .lead-copy{font-size:17px}.company-copy>p:not(.eyebrow):not(.lead-copy){font-size:11px}.company-visual{padding-right:22px;padding-top:60px}.company-visual blockquote{font-size:25px;margin-top:35px}.company-visual cite{font-size:7px}.pinned-note{font-size:21px;right:20px;top:4px}.company-principles{margin:45px 22px 0 0;gap:25px}.company-principles h3{font-size:26px}.company-principles p{font-size:10px}.company-principles span{font-size:6px}.day-panel{grid-template-columns:55% 45%}.day-copy{padding:22px}.day-copy h3{font-size:32px;margin-top:16px}.day-copy>p{font-size:11px;line-height:1.8}.day-copy blockquote{font-size:22px;margin-top:14px}.day-photo img{object-position:center;height:100%;aspect-ratio:auto}.office-clock{width:75px}.office-clock svg{width:75px;height:75px}.office-clock span{left:-65px;font-size:16px;bottom:-13px}.workday-section .section-heading h2{font-size:49px;max-width:420px}.handbook-grid{gap:25px;grid-template-columns:52% 48%}.handbook-art{padding-right:25px}.handbook-copy>p:not(.lead-copy){font-size:12px}.handbook-copy .lead-copy{font-size:18px}.rules summary{font-size:11px;gap:10px}.rules p{font-size:11px;padding-left:38px;padding-right:10px}.survival-note{display:block;padding:18px}.survival-note .handnote{font-size:24px;max-width:none;display:block;margin-bottom:9px}.memo-printer{max-width:230px}.printed-memo{padding:13px}.printed-memo p{font-size:11px}.machine-label>span:last-child{display:none}.machine-footnote{font-size:6px}.crew-info .crew-extra-story{font-size:10px}.crew-info .crew-quote{font-size:21px}.crew-info .crew-kit{font-size:8px}.motion-control{font-size:6px;padding:7px 9px;right:14px;bottom:14px}}@media(max-width:620px){.header{gap:16px}.nav{gap:22px;font-size:12px}.hero-art{box-shadow:2px 3px 0 #858c74,4px 5px 0 var(--ink),8px 10px 0 #b6bba488}.floating-paper{width:27px;height:36px;padding:8px 5px}.paper-one{right:-9px;top:70%}.paper-two{left:-11px;width:24px;height:32px}.floating-paper i{margin-bottom:4px}.company-section{display:flex;flex-direction:column;padding-top:0;padding-bottom:65px;gap:0}.company-copy .eyebrow{font-size:7px;max-width:280px}.company-copy h2{font-size:77px}.company-copy h2 em{font-size:.74em}.company-copy .lead-copy{font-size:20px;margin-top:23px}.company-copy>p:not(.eyebrow):not(.lead-copy){font-size:13px;max-width:none;line-height:1.9}.company-copy>.text-link{font-size:11px;margin-top:25px}.company-visual{padding:65px 6px 0;margin-top:0}.pinned-note{top:25px;right:28px;font-size:22px}.layered-art{padding:8px;box-shadow:2px 4px 0 #a6ad91,4px 6px 0 var(--ink),8px 11px 0 #c7cbb7}.layered-art figcaption{font-size:5px;letter-spacing:.5px;padding-top:10px}.company-visual blockquote{font-size:27px;margin:40px 10px 0 34px;max-width:300px}.quote-mark{font-size:80px;left:-35px}.company-visual cite{font-size:8px;margin-top:14px}.company-principles{display:block;margin:33px 0 0;padding-top:0;border-top:0}.company-principles article{border-top:1px dashed #a9b197;padding:21px 4px 20px 48px}.company-principles article+article:before{display:none}.company-principles article:after{content:'✳';font-size:25px;position:absolute;top:40px;left:8px;color:#73825c}.company-principles span{font-size:7px}.company-principles h3{font-size:31px;margin:10px 0 7px}.company-principles p{font-size:12px;max-width:none}.workday-section .section{padding-top:50px;padding-bottom:35px}.workday-section .section-heading{margin-bottom:30px}.workday-section .section-heading .eyebrow{font-size:6px;max-width:250px}.workday-section .section-heading h2{font-size:45px;max-width:300px}.office-clock{width:55px;margin-right:0;align-self:flex-start;margin-top:28px}.office-clock svg{width:55px;height:55px}.office-clock span{display:none}.workday-tabs{gap:8px;margin-bottom:20px}.day-tab{padding:12px 8px;font-size:6px;letter-spacing:.3px;line-height:1.5}.day-tab span{font-size:30px;margin-bottom:6px}.day-tab.active:after{bottom:-20px}.day-panel{display:block;margin-top:34px}.day-photo{border-right:0;border-bottom:2px solid var(--ink)}.day-photo img{aspect-ratio:1.6;height:auto;object-fit:cover}.day-copy{padding:25px 23px 24px}.day-copy .tag{font-size:6px}.day-copy h3{font-size:41px;margin-top:20px}.day-copy>p{font-size:13px;line-height:1.9;margin-top:20px}.day-copy blockquote{font-size:27px;margin-top:22px}.day-attribution{font-size:6px;letter-spacing:.8px;margin-top:2px}.workday-run{font-size:10px;margin-top:23px}.workday-bottom{display:block;margin-top:24px}.workday-bottom .handnote{display:block;font-size:24px;margin-bottom:13px}.workday-bottom p{font-size:8px;text-align:left}.day-time{font-size:23px;padding:5px 9px;top:12px;left:12px}.handbook-section{padding-top:60px;padding-bottom:65px}.handbook-section .section-heading{gap:15px;align-items:flex-start}.handbook-section .section-heading .eyebrow{max-width:240px;font-size:6px}.handbook-section h2{font-size:45px}.handbook-section .stamp{font-size:10px;padding:8px;letter-spacing:.4px;flex-shrink:0;align-self:center;margin-top:15px}.handbook-grid{display:block}.handbook-copy .lead-copy{font-size:20px}.handbook-copy>p:not(.lead-copy){font-size:13px}.rules{margin-top:27px;max-width:none}.rules summary{font-size:12px;gap:12px}.rules summary>span{font-size:27px}.rules p{font-size:12px;padding:13px 12px 0 40px;line-height:1.85}.survival-note{display:flex;gap:25px;margin-top:30px;padding:20px;max-width:none}.survival-note .handnote{font-size:25px;max-width:100px;margin-bottom:0}.survival-note p{font-size:10px}.handbook-art{padding:0 5px;margin-top:47px}.after-hours{padding:8px}.memo-machine{margin-top:33px;padding:17px 20px 23px}.machine-label{font-size:6px}.machine-label>span:last-child{display:inline;font-size:5px}.memo-printer{max-width:260px;margin-top:17px}.printed-memo{max-width:270px;padding:15px 18px 18px}.printed-memo p{font-size:12px}.printed-memo>span{font-size:7px}.printed-memo small{font-size:18px}.memo-machine .button{font-size:10px;padding:13px 15px;gap:11px}.machine-footnote{font-size:7px;margin-top:15px}.crew-info .crew-extra-story{font-size:10px;line-height:1.8}.crew-info .crew-quote{font-size:21px;line-height:1.2}.crew-info .crew-kit{font-size:8px;line-height:1.8;padding:9px}.crew-info .crew-extra-label{font-size:6px}.motion-control{font-size:6px;right:10px;bottom:10px;gap:5px;padding:7px 8px}.motion-symbol{font-size:14px}.footer{padding-bottom:58px}}
@media(prefers-reduced-motion:reduce){.floating-paper,.hero-note,.pinned-note,.motion-symbol,.printer-light{animation:none!important}.hero-art,.layered-art{transform:rotate(1deg)!important}.office-clock .hour-hand,.office-clock .minute-hand{transition:none}.day-panel.changing .day-photo img{animation:none!important}.memo-machine.printing .printed-memo{animation:none!important}}

/* Raised navigation chips and the HR notice beside the memo machine. */
.header .nav{gap:11px}.header .nav a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:39px;padding:10px 13px;border:2.5px solid var(--ink);border-radius:5px 8px 4px 6px;background:#e5dbb4;box-shadow:inset 0 2px 0 #fff8,0 4px 0 #a99d76,0 6px 0 var(--ink),2px 6px 0 var(--ink);font-size:11px;font-weight:700;white-space:nowrap;transition:transform .16s,box-shadow .16s;transform:rotate(-.5deg)}
.header .nav a:nth-child(2){background:#dcd7e5;box-shadow:inset 0 2px 0 #fff8,0 4px 0 #a39aae,0 6px 0 var(--ink),2px 6px 0 var(--ink);transform:rotate(.6deg)}
.header .nav a:nth-child(3){background:#cbd8b5;box-shadow:inset 0 2px 0 #fff8,0 4px 0 #8f9f78,0 6px 0 var(--ink),2px 6px 0 var(--ink)}
.header .nav a:nth-child(4){background:#e3c8b9;box-shadow:inset 0 2px 0 #fff8,0 4px 0 #aa8d7c,0 6px 0 var(--ink),2px 6px 0 var(--ink);transform:rotate(.4deg)}
.header .nav a:after{display:none}.header .nav a span{font-size:7px;margin:0;background:#f8f1dc;border:1px solid var(--ink);padding:2px 3px;border-radius:3px;line-height:1}
.header .nav a:hover{transform:translateY(-2px) rotate(0deg)}.header .nav a:active{transform:translateY(4px);box-shadow:inset 0 1px 1px #0002,0 1px 0 var(--ink)}.header-watch{background:var(--lime);min-height:39px}
.employee-award{position:relative;border:2px solid var(--ink);border-radius:5px 3px 7px 4px;background:#e5ddc4;box-shadow:3px 5px 0 #acac8e,4px 7px 0 var(--ink);max-width:490px;margin:39px 0 0;padding:18px;transform:rotate(.6deg)}
.employee-award .art-tape{left:41%;top:-13px;width:78px;height:25px;transform:rotate(-7deg)}.award-topline{font-size:5px;letter-spacing:.7px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #b1b196;padding-bottom:10px;margin-bottom:16px}
.employee-award h3{font-size:32px;letter-spacing:-.3px;line-height:1;margin-bottom:16px}.award-photo{position:relative;border:1.5px solid var(--ink);background:#bfc5ae;overflow:hidden}.award-photo img{width:100%;height:160px;object-fit:cover;object-position:center 40%}.award-ribbon{position:absolute;bottom:10px;right:9px;display:block;padding:7px 9px;border:2px solid #546344;background:#dce3c7e6;color:#435435;font:800 13px/1 var(--serif);letter-spacing:.8px;transform:rotate(-9deg);box-shadow:2px 2px 0 #0002;text-align:center}
.award-copy{padding:17px 4px 2px}.award-copy h4{font:800 30px/.95 var(--serif);margin:0 0 10px;letter-spacing:-.5px}.award-copy>p{font-size:12px;line-height:1.7}.award-verdict{display:flex;flex-wrap:wrap;gap:5px 15px;margin-top:15px;padding-top:12px;border-top:1px dashed #a8ad91;font-size:8px;line-height:1.7}.award-copy>.handnote{font-size:22px;display:block;margin-top:13px;color:#697951;transform:rotate(-2deg)}
@media(max-width:1180px){.header{gap:19px}.header .nav{gap:9px}.header .nav a{font-size:10px;padding:9px 10px;min-height:37px}.employee-award{padding:16px}.employee-award h3{font-size:29px}.award-photo img{height:145px}.award-copy>p{font-size:11px}.award-copy>.handnote{font-size:21px}.award-verdict{font-size:7px;gap:5px 11px}}
@media(max-width:860px){.header{height:88px;position:relative;z-index:10}.header .nav{display:none;position:absolute;top:87px;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);padding:20px 25px 26px;gap:13px;box-shadow:0 5px 0 #0002}.header .nav.open{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-start}.header .nav a{font-size:11px;min-height:40px;padding:10px 14px}.header .menu-toggle{display:block;font-size:25px}.employee-award{padding:14px}.employee-award h3{font-size:26px}.award-photo img{height:135px}.award-copy{padding:15px 2px 0}.award-verdict{display:block}.award-verdict span{display:block;margin-top:4px}.award-copy>.handnote{font-size:20px}}
@media(max-width:620px){.header{height:80px;gap:17px}.header .nav{top:79px;padding:19px 22px 25px}.header .nav a{font-size:11px;min-height:41px;flex-basis:calc(50% - 8px);padding:11px 12px}.header-watch{min-height:37px}.employee-award{max-width:none;margin-top:34px;padding:19px;transform:rotate(.5deg)}.employee-award h3{font-size:32px}.award-photo img{height:auto;aspect-ratio:1.9}.award-copy{padding:18px 3px 1px}.award-copy h4{font-size:32px}.award-copy>p{font-size:12px}.award-verdict{display:flex;gap:5px 13px;font-size:8px}.award-copy>.handnote{font-size:24px}.award-ribbon{font-size:12px}.award-topline{font-size:5px}}

/* Let intrinsic dimensions reserve space without forcing oversized artwork. */
img{height:auto}
.layered-art img,.polaroid img{height:auto}
@media(min-width:621px){
.employee-award{display:grid;grid-template-columns:45% 55%;column-gap:0;padding:17px}
.award-topline,.employee-award h3{grid-column:1/-1}
.employee-award h3{font-size:30px;margin-bottom:16px}
.award-photo{align-self:stretch;min-height:170px}
.award-photo img{height:100%;min-height:170px;object-fit:cover;object-position:50% 45%}
.award-ribbon{font-size:10px;padding:6px;bottom:9px;right:6px;letter-spacing:.5px}
.award-copy{padding:1px 0 3px 17px}
.award-copy h4{font-size:27px;margin-bottom:8px}
.award-copy>p{font-size:10px;line-height:1.7}
.award-verdict{display:block;margin-top:10px;padding-top:9px;font-size:7px}
.award-verdict span{display:block;line-height:1.7;margin-top:3px}
.award-copy>.handnote{font-size:19px;line-height:1.15;margin-top:10px}
}