@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{--yellow:#ffcf08;--ink:#171814;--paper:#f6f2e7;--red:#df2824;--green:#336c46;--muted:#bdbbac}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Nunito','Avenir Next',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}button:disabled{cursor:default}.header{height:78px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;background:#171814f2;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;font-size:29px;font-weight:900;letter-spacing:-1.4px}.brand img{width:43px;height:43px;object-fit:cover;border-radius:50%;border:2px solid var(--yellow)}.brand-dot{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700}nav a:hover{color:var(--yellow)}.nav-buy{padding:13px 20px;border:1px solid #ffffff40;border-radius:99px}.nav-buy span{margin-left:24px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--yellow);border-radius:50%;box-shadow:0 0 10px #ffcf0844}nav .live-dot{margin-left:6px}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 78px);padding:21px 5.5% 0;display:flex;flex-direction:column}.chart-background{position:absolute;inset:0;z-index:-3;background-color:var(--ink);background-size:100% 100%,auto 100%;background-position:center,7% top;background-repeat:no-repeat;filter:saturate(1.3) contrast(1.08)}.hero:after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(0deg,#171814dd,transparent 35%)}.market-caption{display:flex;justify-content:space-between;color:#f0eadc;font:9px monospace;letter-spacing:1px;text-shadow:0 1px 6px #000}.market-caption>span:first-child{padding:7px 10px;border:1px solid #ffffff26;background:#1718148c;border-radius:4px}.market-down{color:#ff8a78;padding:7px 0}.hero-grid{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8%;align-items:center;width:100%;max-width:1450px;margin:24px auto 26px}.hero-copy{position:relative;isolation:isolate;min-width:0}.hero-copy:before{content:'';position:absolute;inset:-38px -30px;z-index:-1;border-radius:40px;background:radial-gradient(ellipse,#171814ef 20%,#171814c9 60%,transparent 78%);filter:blur(24px);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.4px;font-weight:800;margin:0 0 22px}#hero-title{font-family:'Helvetica Neue','Arial Black',Arial,sans-serif;font-weight:900;font-size:clamp(20px,2.3vw,37px);line-height:1.15;letter-spacing:-1px;white-space:nowrap;margin:0}.mcdonalds-name{color:var(--yellow)}#hero-title sup{font-size:.26em;vertical-align:super;letter-spacing:0;margin-left:3px}.token-display{display:flex;align-items:center;gap:24px;font-family:'Helvetica Neue','Arial Black',Arial,sans-serif;font-weight:900;font-size:clamp(72px,8vw,125px);letter-spacing:-8px;line-height:1.1;color:var(--yellow);margin:7px 0 13px}.token-tag{font:700 8px/1.8 monospace;letter-spacing:1px;color:var(--paper);border-left:1px solid #ffffff40;padding-left:17px;transform:rotate(-5deg)}.hero-description{font-size:13px;line-height:1.85;color:#e0ded3;margin:0 0 22px}.hero-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:16px 23px;font-size:12px;font-weight:800;border-radius:12px;transition:transform .2s,background .2s}.button span{font-size:20px;line-height:1}.button:hover{transform:translateY(-3px)}.button-yellow{background:var(--yellow);color:var(--ink)}.button-yellow:hover{background:#ffdb3d}.button-outline{border:1px solid #ffffff55;background:#17181440}.button-outline:hover{background:#ffffff12}.contract{display:flex;gap:13px;align-items:center;background:#17181477;color:#cbc8b7;border:1px dashed #ffffff40;border-radius:8px;padding:11px 12px;margin-top:15px;font:9px monospace;max-width:100%;text-align:left}.contract-label{color:var(--yellow);border-right:1px solid #ffffff40;padding-right:12px}#contract-value{overflow-wrap:anywhere}.contract svg{flex-shrink:0;margin-left:20px}.contract-feedback{font-size:10px;color:var(--yellow);min-height:11px;margin:3px 0 0}.crew-gallery{margin-top:20px;max-width:550px}.crew-gallery-heading{display:flex;justify-content:space-between;gap:10px;font:8px monospace;letter-spacing:1.1px;margin-bottom:12px;color:#d9d5c5}.crew-gallery-heading>span:last-child{font-size:7px;color:#b0ad9e;letter-spacing:.5px}.crew-images{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.crew-image{position:relative;aspect-ratio:1.22;border:3px solid #eee9db;border-bottom-width:17px;border-radius:3px;padding:0;background:#f0ecdf;cursor:zoom-in;transform:rotate(-3deg);box-shadow:0 8px 18px #0006;transition:transform .25s;overflow:visible}.crew-image:nth-child(2){transform:rotate(2deg) translateY(4px)}.crew-image:nth-child(3){transform:rotate(-2deg)}.crew-image:nth-child(4){transform:rotate(4deg) translateY(4px)}.crew-image img{width:100%;height:100%;display:block;object-fit:cover}.crew-image:nth-child(3) img{object-position:center 27%}.crew-image>span{position:absolute;left:-3px;right:-3px;bottom:-13px;text-align:center;font:700 6px monospace;letter-spacing:.1px;color:var(--ink);white-space:nowrap}.crew-image:hover{transform:translateY(-9px) rotate(0);z-index:1}.application-wrap{width:100%;max-width:455px;justify-self:end;position:relative;scroll-margin-top:25px}.kiosk-label{display:flex;align-items:center;gap:8px;font:8px monospace;letter-spacing:1px;margin:0 9px 13px;color:#e8e4d3}.kiosk-label>span:last-child{margin-left:auto;color:var(--yellow);font-size:8px}.application-card{position:relative;isolation:isolate;color:var(--ink);background:var(--paper);padding:0 25px 14px;border-radius:18px 18px 4px 4px;box-shadow:0 20px 65px #0007;transform:rotate(1deg);transition:transform .3s}.application-card:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:18px 18px 4px 4px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.035' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.application-card:after{content:'';position:absolute;left:0;right:0;height:9px;bottom:-8px;background:linear-gradient(135deg,var(--paper) 25%,transparent 25%) -5px 0/10px 10px,linear-gradient(225deg,var(--paper) 25%,transparent 25%) -5px 0/10px 10px}.application-wrap:hover .application-card{transform:rotate(0)}.paper-top{display:flex;justify-content:space-between;gap:6px;background:var(--red);color:#fff4da;font:7px monospace;letter-spacing:.7px;padding:12px 25px;margin:0 -25px;border-radius:18px 18px 0 0}.application-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0 17px}.small-label{display:block;font:700 7px monospace;letter-spacing:1px;margin:0 0 8px}.application-heading h2{font-size:35px;line-height:1.04;letter-spacing:-1.5px;font-weight:900;margin:0}.heading-star{display:inline-block;font-size:32px;color:var(--red);margin-left:7px;vertical-align:top;animation:star-turn 20s linear infinite}.hiring-pill{flex-shrink:0;width:64px;height:64px;border:1px solid var(--ink);border-radius:50%;background:var(--yellow);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(10deg);font-size:9px;line-height:1.5;box-shadow:3px 3px 0 var(--ink)}.hiring-pill strong{font-size:11px}.employee-id{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;background:#e9e5da;border:1px solid #d6d1c4;padding:12px;border-radius:10px}.applicant-photo{height:131px;position:relative;overflow:hidden;border:1px solid #c3beb0;border-radius:5px;background:var(--paper)}.applicant-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:var(--yellow);padding:6px 0;text-align:center;font:700 7px monospace;letter-spacing:1px}.id-label{font:7px monospace;color:#79766b;letter-spacing:.8px}.employee-name{display:block;font-size:22px;font-weight:900;line-height:1.05;letter-spacing:-.5px;margin:5px 0 11px}.application-details>div{margin-top:7px}.application-details>div>span{display:block;font:6px monospace;letter-spacing:.6px;color:#7c786c;margin-bottom:2px}.application-details>div>strong{display:block;font-size:9px;font-weight:700}.shift-track{display:flex;align-items:center;gap:8px;font:7px monospace;letter-spacing:.6px;margin:17px 0;color:#8e8a7d}.shift-track i{height:1px;background:#d2cdbd;flex:1}.shift-current{color:var(--green);font-weight:700}.ticket-divider{position:relative;text-align:center;border-top:1px dashed #bcb6a4;margin:0 -25px}.ticket-divider:before,.ticket-divider:after{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:var(--ink);top:-8px}.ticket-divider:before{left:-7px}.ticket-divider:after{right:-7px}.ticket-divider>span{position:relative;top:-7px;display:inline-block;background:var(--paper);padding:0 9px;font:6px monospace;letter-spacing:.8px;color:#898475}.counter-row{display:flex;justify-content:space-between;align-items:center;position:relative;margin:3px 0 14px;gap:8px}.counter-row .small-label{color:#736f63;font-size:7px;letter-spacing:.6px;margin-bottom:4px}.count{font-family:'Helvetica Neue',Arial,sans-serif;font-size:48px;line-height:1;letter-spacing:-2px;font-weight:800;font-variant-numeric:tabular-nums}.counter-caption{display:flex;align-items:center;gap:7px;font:6px/1.6 monospace;color:var(--green)}.counter-spark{font:38px/1 Arial,sans-serif}.apply-button{width:100%;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:12px;min-height:57px;border:0;border-radius:11px;background:var(--red);color:white;padding:13px 15px;box-shadow:0 5px 0 #a01916;transition:transform .2s,box-shadow .2s,background .2s;font-size:12px;font-weight:900}.fries-icon{font-size:25px;display:inline-block;transform-origin:50% 85%}.apply-arrow{font:25px/1 Arial,sans-serif;margin-left:auto;transition:transform .2s}.apply-button:before{content:'';position:absolute;inset:-100% -50%;z-index:-1;background:linear-gradient(110deg,transparent 40%,#ffffff30 50%,transparent 60%);transform:translateX(-70%);transition:transform .6s}.apply-button:hover{transform:translateY(-3px);background:#ed3730;box-shadow:0 8px 0 #a01916}.apply-button:hover:before{transform:translateX(70%)}.apply-button:hover .fries-icon{animation:fries-wave .65s ease-in-out infinite}.apply-button:hover .apply-arrow{transform:translate(2px,-2px)}.apply-button:active{transform:translateY(4px);box-shadow:0 1px 0 #a01916}.receipt-bottom{display:flex;align-items:center;gap:11px;margin:21px 0 10px;font:6px/1.7 monospace;letter-spacing:.2px;color:#8f897b}.receipt-bottom strong{font-weight:400;color:#575446}.barcode{display:block;width:60px;height:23px;flex-shrink:0;background:repeating-linear-gradient(90deg,#777163 0 1px,transparent 1px 3px,#777163 3px 5px,transparent 5px 6px,#777163 6px 7px,transparent 7px 11px)}.receipt-smile{margin-left:auto;font:26px/1 Arial,sans-serif;color:#9b9382}.application-status{text-align:center;font-size:7px;line-height:1.4;color:#8b8577;margin:0;min-height:10px}.kiosk-bottom{display:flex;justify-content:space-between;gap:8px;font:6px monospace;letter-spacing:.5px;color:#b5af99;margin:22px 6px 0}.kiosk-bottom>span:first-child{color:#ffcf08}.hired-stamp{position:absolute;top:37%;left:50%;transform:translate(-50%,-50%) rotate(-14deg) scale(1.7);background:#fff2b5f2;border:3px double #a82620;border-radius:8px;color:#a82620;width:220px;padding:10px;text-align:center;pointer-events:none;opacity:0;box-shadow:0 8px 25px #0003}.hired-stamp span{display:block;font:6px monospace;letter-spacing:2px}.hired-stamp strong{display:block;font:900 24px/1.4 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.6px}.celebrate .hired-stamp{animation:stamp 2.6s ease-out forwards}.count.bump{animation:bump .3s ease-out}.just-applied{animation:button-pop .4s ease-out}.plus-one{position:absolute;right:0;top:0;background:#e2ebd7;border:1px solid #80a06b;color:var(--green);border-radius:99px;padding:6px 9px;font-size:10px;font-weight:800;pointer-events:none;animation:crew-rise 1.1s ease-out forwards}.confetti{position:fixed;width:7px;height:12px;pointer-events:none;z-index:10;animation:confetti 850ms ease-out forwards}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #ffffff25;font:7px monospace;letter-spacing:.6px;color:#c9c4b0}.hero-bottom>span:nth-child(2){color:#9f9c8d;letter-spacing:.2px}.image-viewer{border:1px solid #ffffff30;border-radius:18px;padding:14px;background:#1a1b16;color:var(--paper);max-width:min(1100px,94vw);max-height:94svh;box-shadow:0 25px 100px #0009;overflow:auto}.image-viewer::backdrop{background:#000d;backdrop-filter:blur(9px)}.image-viewer img{display:block;max-width:100%;max-height:78svh;margin:auto;object-fit:contain;border-radius:8px}.viewer-close{position:absolute;right:23px;top:23px;border:1px solid #ffffff60;border-radius:50%;width:36px;height:36px;background:#171814e6;color:#fff;font-size:17px;z-index:1}.image-viewer p{text-align:center;font-size:10px;letter-spacing:1.5px;margin:14px 35px 4px}body:has(.image-viewer[open]){overflow:hidden}
@keyframes star-turn{to{transform:rotate(360deg)}}@keyframes fries-wave{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg) translateY(-3px)}}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%) rotate(-14deg) scale(1.7)}12%,75%{opacity:1;transform:translate(-50%,-50%) rotate(-14deg) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) rotate(-14deg) scale(1)}}@keyframes bump{50%{transform:translateY(-4px);color:var(--green)}}@keyframes button-pop{0%{transform:scale(.97)}45%{transform:scale(1.03)}100%{transform:scale(1)}}@keyframes crew-rise{0%{opacity:0;transform:translateY(12px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1}100%{opacity:0;transform:translateY(-35px)}}@keyframes confetti{to{transform:translate(var(--dx),var(--dy)) rotate(var(--spin));opacity:0}}
@media(min-width:1500px){.hero-grid{gap:10%}.application-wrap{max-width:470px}.application-card{padding-left:28px;padding-right:28px}.paper-top{margin:0 -28px;padding-left:28px;padding-right:28px}.ticket-divider{margin:0 -28px}.token-display{font-size:135px}#hero-title{font-size:36px}}
@media(min-width:1001px) and (max-height:820px){.header{height:67px}.hero{min-height:calc(100svh - 67px);padding-top:12px}.hero-grid{margin-top:12px;margin-bottom:18px}.application-wrap{max-width:410px}.application-heading{padding:14px 0}.application-heading h2{font-size:30px}.employee-id{grid-template-columns:95px 1fr;padding:10px;gap:14px}.applicant-photo{height:108px}.employee-name{font-size:20px;margin-bottom:8px}.shift-track{margin:13px 0}.count{font-size:43px}.counter-row{margin-bottom:11px}.receipt-bottom{margin-top:17px}.hero-bottom{padding:12px 0}.token-display{font-size:100px}.eyebrow{margin-bottom:16px}.hero-description{margin-bottom:16px}.crew-gallery{margin-top:15px}.kiosk-bottom{margin-top:19px}}
@media(max-width:1100px) and (min-width:701px){.hero-grid{gap:5%;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}#hero-title{font-size:2.2vw;letter-spacing:-.7px}.token-display{font-size:8.5vw;letter-spacing:-5px;gap:14px}.token-tag{font-size:6px;padding-left:10px}.application-card{padding-left:19px;padding-right:19px}.paper-top{padding-left:19px;padding-right:19px;margin:0 -19px;font-size:6px;letter-spacing:.2px}.ticket-divider{margin:0 -19px}.employee-id{grid-template-columns:85px 1fr;gap:10px;padding:9px}.applicant-photo{height:115px}.application-heading h2{font-size:29px}.hiring-pill{width:52px;height:52px}.employee-name{font-size:20px}.kiosk-label{font-size:6px;letter-spacing:.5px}.kiosk-bottom{font-size:5px;letter-spacing:0}.counter-caption{font-size:5px;gap:3px}.counter-spark{font-size:27px}.count{font-size:39px}.crew-images{gap:7px}.crew-image>span{font-size:5px}.button{padding:15px 18px;gap:22px}}
@media(max-width:700px){.header{height:71px;padding:0 6%}.brand{font-size:25px;gap:8px}.brand img{width:36px;height:36px}nav{font-size:10px;gap:17px}nav>a:first-child{display:none}.nav-buy{padding:10px 13px}.nav-buy span{margin-left:7px}.hero{padding:18px 7% 0;min-height:calc(100svh - 71px)}.market-caption{font-size:7px;letter-spacing:.5px}.hero-grid{grid-template-columns:1fr;gap:37px;margin:32px auto 23px}.chart-background{background-size:100% 100%,100% auto;background-position:center,center top}.hero-copy:before{inset:-24px -18px}.eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:17px}#hero-title{font-size:4.4vw;letter-spacing:-.5px}.token-display{font-size:21vw;letter-spacing:-5px;margin:7px 0 14px;gap:18px}.token-tag{font-size:6px;letter-spacing:.6px;padding-left:12px}.hero-description{font-size:12px;margin-bottom:20px}.desktop-break{display:none}.button{font-size:11px;padding:15px 20px;gap:24px}.contract{font-size:8px;margin-top:14px}.crew-gallery{margin-top:19px}.crew-gallery-heading{font-size:7px;letter-spacing:.6px}.crew-gallery-heading>span:last-child{font-size:6px}.crew-images{gap:8px}.crew-image{aspect-ratio:1.05;border-width:2px;border-bottom-width:16px}.crew-image>span{font-size:5px;bottom:-12px;letter-spacing:-.2px}.application-wrap{justify-self:center;width:100%;max-width:420px;padding:0 2px}.kiosk-label{font-size:6px;letter-spacing:.5px}.kiosk-label>span:last-child{font-size:6px}.application-card{padding-left:20px;padding-right:20px}.paper-top{margin:0 -20px;padding:12px 20px;font-size:6px;letter-spacing:.2px}.application-heading h2{font-size:31px}.application-heading{padding:18px 0}.hiring-pill{width:54px;height:54px;font-size:8px}.hiring-pill strong{font-size:10px}.employee-id{grid-template-columns:92px 1fr;padding:10px;gap:12px}.applicant-photo{height:125px}.employee-name{font-size:21px}.application-details>div>strong{font-size:8px}.ticket-divider{margin:0 -20px}.count{font-size:44px}.counter-caption{font-size:5px;gap:4px}.counter-spark{font-size:30px}.apply-button{font-size:11px;gap:9px}.kiosk-bottom{font-size:5px;letter-spacing:.1px}.hero-bottom{flex-wrap:wrap;font-size:6px;padding:15px 0;line-height:1.6}.hero-bottom>span:nth-child(2){order:3;width:100%}.image-viewer{padding:9px}.viewer-close{top:16px;right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.confetti{display:none}.celebrate .hired-stamp{opacity:1;transform:translate(-50%,-50%) rotate(-14deg) scale(1)}.plus-one{opacity:1}.application-wrap:hover .application-card{transform:rotate(1deg)}.crew-image:hover{transform:none}}

/* Fill the viewport with the content, rather than wide outer gutters. */
@media(min-width:701px){
  .header{padding-left:3.2%;padding-right:3.2%}
  .hero{padding:14px 3.2% 0}
  .hero-grid{max-width:1700px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:4%;margin:12px auto 18px}
  .application-wrap{max-width:560px}
  .crew-gallery{max-width:none}
  .crew-images{gap:12px}
  .hero-description{font-size:14px}
  .hero-bottom{padding:12px 0}
}
@media(min-width:1101px) and (min-height:821px){
  .token-display{font-size:clamp(115px,10vw,170px);margin:8px 0 15px}
  #hero-title{font-size:clamp(26px,2.65vw,43px)}
  .application-heading{padding:22px 0}
  .application-heading h2{font-size:40px}
  .employee-id{grid-template-columns:130px 1fr;padding:14px;gap:20px}
  .applicant-photo{height:155px}
  .employee-name{font-size:27px;margin-bottom:13px}
  .application-details>div>strong{font-size:11px}
  .application-details>div>span{font-size:7px}
  .shift-track{margin:21px 0;font-size:8px}
  .counter-row{margin:7px 0 18px}
  .count{font-size:61px}
  .apply-button{min-height:66px;font-size:14px}
  .receipt-bottom{margin:24px 0 12px}
  .crew-image{aspect-ratio:1.15}
  .crew-gallery{margin-top:24px}
}
@media(min-width:1101px) and (max-height:820px){
  .application-wrap{max-width:510px}
  .token-display{font-size:clamp(90px,9vw,135px)}
  .application-heading h2{font-size:33px}
  .employee-id{grid-template-columns:108px 1fr}
  .applicant-photo{height:119px}
  .crew-image{aspect-ratio:1.4}
}
@media(max-width:700px){
  .hero{padding-left:5%;padding-right:5%}
  .hero-grid{gap:24px;margin-top:22px;margin-bottom:17px}
  .application-wrap{max-width:none}
  .crew-gallery{margin-top:13px}
  .eyebrow{margin-bottom:12px}
}
.fries-rain-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:100;contain:strict}
.falling-fry{position:absolute;top:-90px;display:block;line-height:1;user-select:none;filter:drop-shadow(0 3px 3px #0003);animation:fries-rain 3s linear both;will-change:transform}
.single-fry{width:9px;height:38px;border-radius:3px;background:linear-gradient(90deg,#ed9f17,#ffe173 40%,#ffc431 75%,#e49c13);border:1px solid #e8a422}
@keyframes fries-rain{0%{transform:translate3d(0,0,0) rotate(-20deg);opacity:0}5%{opacity:1}90%{opacity:1}100%{transform:translate3d(var(--drift),var(--fall),0) rotate(var(--turn));opacity:0}}
@media(prefers-reduced-motion:reduce){.fries-rain-layer{display:none}}
@media(min-width:1101px) and (min-height:821px){.application-heading{padding:18px 0}.applicant-photo{height:145px}.shift-track{margin:18px 0}.receipt-bottom{margin-top:20px}}
@media(min-width:1101px) and (max-height:820px){.application-heading{padding:10px 0}.receipt-bottom{margin-top:13px}}

.icon-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.ui-icon{display:inline-block;width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
nav a,.hero-bottom>a,.crew-gallery-heading>span:last-child{display:inline-flex;align-items:center;gap:9px}
.nav-buy{gap:22px}nav .ui-icon{width:16px;height:16px}
.crew-gallery-heading .ui-icon{width:12px;height:12px}
.hero-bottom .ui-icon{width:11px;height:11px}
.counter-icon{width:31px;height:31px;stroke-width:1.6}
.apply-button .apply-arrow{width:25px;height:25px;margin-left:auto}
.apply-button:hover .apply-arrow{transform:rotate(-8deg) scale(1.08)}
@media(max-width:700px){.nav-buy{gap:10px}.counter-icon{width:24px;height:24px}}

.golden-arches{display:inline-block;width:34px;height:34px;margin-left:10px;vertical-align:baseline;fill:none;stroke:#ffbc0d;stroke-width:4.5;stroke-linecap:square;stroke-linejoin:round}
@media(max-width:700px){.golden-arches{width:28px;height:28px;margin-left:7px}}

/* Small brand stickers add texture to the open areas without capturing input. */
.background-stickers{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none}
.background-mini{position:absolute;display:block;width:48px;height:48px;opacity:.28;transform:rotate(var(--tilt,-12deg))}
.mini-arches{fill:none;stroke:#ffbc0d;stroke-width:4.5;stroke-linecap:square;stroke-linejoin:round;filter:drop-shadow(0 2px 5px #0005)}
.mini-mascot{object-fit:cover;border-radius:12px;border:2px solid #ffcf0870;box-shadow:0 4px 15px #0004;opacity:.24}
.sticker-one{left:52%;top:4%;width:54px;height:54px;--tilt:14deg}
.sticker-two{right:1%;top:3%;width:38px;height:38px;--tilt:-15deg}
.sticker-three{left:51.5%;top:48%;width:39px;height:39px;--tilt:-18deg}
.sticker-four{left:53%;bottom:5%;width:49px;height:49px;--tilt:13deg}
.sticker-five{right:.6%;bottom:5%;width:41px;height:41px;--tilt:16deg}
.sticker-six{left:.3%;top:58%;width:33px;height:33px;--tilt:-11deg}
.sticker-seven{left:25%;bottom:2%;width:34px;height:34px;--tilt:-8deg}
.sticker-eight{left:39%;top:3%;width:37px;height:37px;--tilt:12deg}
@media(max-width:700px){
  .background-mini{opacity:.2}
  .sticker-one{left:77%;top:2%;width:35px;height:35px}
  .sticker-two{right:1%;top:36%;width:30px;height:30px}
  .sticker-three{left:1%;top:41%;width:27px;height:27px}
  .sticker-four{left:4%;bottom:1%;width:31px;height:31px}
  .sticker-five{right:3%;bottom:1%;width:30px;height:30px}
  .sticker-six{left:1%;top:17%;width:24px;height:24px}
  .sticker-seven{left:45%;bottom:1%;width:27px;height:27px}
  .sticker-eight{left:57%;top:1%;width:25px;height:25px}
}

/* Slow, independent movement keeps the fuller backdrop light and continuous. */
.background-mini{animation:brand-drift var(--float-duration,18s) ease-in-out var(--float-delay,-4s) infinite;opacity:.34}
.mini-mascot{opacity:.28}
.generated-mini{width:var(--mini-size);height:var(--mini-size)}
.background-mini:nth-child(3n){--float-duration:22s;--float-delay:-9s}
.background-mini:nth-child(4n){--float-x:12px;--float-delay:-14s}
@keyframes brand-drift{
  0%,100%{transform:translate3d(0,0,0) rotate(var(--tilt,-12deg))}
  50%{transform:translate3d(var(--float-x,-8px),-19px,0) rotate(calc(var(--tilt,-12deg) + 7deg))}
}
@media(max-width:700px){.generated-mini{width:calc(var(--mini-size) * .7);height:calc(var(--mini-size) * .7)}.background-mini{opacity:.25}.mini-mascot{opacity:.21}}
@media(prefers-reduced-motion:reduce){.background-mini{animation:none!important}}
