/* Flamingo Bowl — Liverpool, NY. Retro-roadside flamingo concept. Palette PIL-sampled from their own assets: flamingo pink (mascot #fb04b7), sign/wordmark red (#c73131/#a62323), amber sign-arrow (#f58049) + cosmic gold (#ffd016), deco sky-blue (their + sign sky #216bb5). Display face Bungee/Bungee Inline (their roadside SIGN lettering, grown up). */ @font-face{font-family:'Bungee';src:url('fonts/Bungee-400.woff2') format('woff2');font-weight:400;font-display:swap} @font-face{font-family:'Bungee Inline';src:url('fonts/BungeeInline-400.woff2') format('woff2');font-weight:400;font-display:swap} @font-face{font-family:'Hanken Grotesk';src:url('fonts/HankenGrotesk-400.woff2') format('woff2');font-weight:400;font-display:swap} @font-face{font-family:'Hanken Grotesk';src:url('fonts/HankenGrotesk-600.woff2') format('woff2');font-weight:600;font-display:swap} @font-face{font-family:'Hanken Grotesk';src:url('fonts/HankenGrotesk-700.woff2') format('woff2');font-weight:700;font-display:swap} @font-face{font-family:'Hanken Grotesk';src:url('fonts/HankenGrotesk-800.woff2') format('woff2');font-weight:800;font-display:swap} :root{ --pink:#e5389a; --pink-deep:#c31f7e; --pink-soft:#f9cee0; --pink-tint:#fdeef5; --red:#c62828; --red-deep:#9e1c1c; --amber:#f5a623; --amber-deep:#d97e13; --gold:#f0b21e; --blue:#0f4f9e; --blue-deep:#0a3a78; --blue-ink:#082a55; --cream:#faf4ee; --paper:#fffdf9; --ink:#241820; --muted:#6d5b64; --line:#e7dcd6; --shadow:0 14px 40px rgba(20,10,30,.14); --radius:16px; } *{box-sizing:border-box} html{scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}} body{margin:0;font-family:'Hanken Grotesk',system-ui,sans-serif;color:var(--ink);background:var(--cream); font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased} img{max-width:100%;height:auto;display:block} a{color:var(--red)} h1,h2,h3{font-family:'Bungee',system-ui,sans-serif;font-weight:400;line-height:1.05;margin:0;letter-spacing:.2px} .wrap{max-width:1180px;margin:0 auto;padding:0 22px} .skip{position:absolute;left:-999px;top:0;background:#fff;padding:.6rem 1rem;z-index:200} .skip:focus{left:8px;top:8px} /* kickers + amber arrow motif */ .kicker{font-family:'Hanken Grotesk';font-weight:800;text-transform:uppercase;letter-spacing:.16em; font-size:.74rem;color:var(--pink-deep);display:inline-flex;align-items:center;gap:.5em;margin-bottom:.7rem} .kicker::before{content:"";width:26px;height:12px;flex:0 0 auto; background:var(--amber); clip-path:polygon(0 40%,64% 40%,64% 12%,100% 50%,64% 88%,64% 60%,0 60%); transform:scaleX(.2);transform-origin:left center;opacity:0;transition:transform .5s cubic-bezier(.2,.8,.25,1),opacity .35s} .in .kicker::before,.kicker.in::before{transform:scaleX(1);opacity:1} @media (prefers-reduced-motion:reduce){.kicker::before{transform:scaleX(1);opacity:1;transition:none}} /* buttons */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:'Hanken Grotesk'; font-weight:800;text-decoration:none;border:0;cursor:pointer;border-radius:999px;padding:.85em 1.5em; font-size:1rem;line-height:1;transition:transform .14s,box-shadow .14s,background .14s} .btn:active{transform:translateY(1px)} .btn-red{background:var(--red);color:#fff;box-shadow:0 8px 22px rgba(198,40,40,.32)} .btn-red:hover{background:var(--red-deep);box-shadow:0 12px 28px rgba(198,40,40,.42)} .btn-pink{background:var(--pink);color:#fff;box-shadow:0 8px 22px rgba(229,56,154,.34)} .btn-pink:hover{background:var(--pink-deep)} .btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)} .btn-ghost:hover{background:rgba(255,255,255,.14)} .btn-lg{padding:1.02em 1.9em;font-size:1.06rem} /* header */ .site-head{position:sticky;top:0;z-index:120;background:rgba(250,244,238,.94);backdrop-filter:blur(9px); border-bottom:2px solid var(--pink-soft)} .head-in{display:flex;align-items:center;gap:1rem;height:66px} .brand{display:flex;align-items:baseline;gap:.34em;text-decoration:none;white-space:nowrap;flex:0 0 auto} .brand .b1{font-family:'Bungee';color:var(--red);font-size:1.18rem} .brand .b2{font-family:'Bungee';color:var(--pink);font-size:1.18rem} .nav{margin-left:auto;display:flex;align-items:center;gap:.15rem} .nav a{font-family:'Hanken Grotesk';font-weight:700;color:var(--ink);text-decoration:none;font-size:.83rem; padding:.5rem .6rem;border-radius:8px;white-space:nowrap;position:relative} .nav a::after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:.28rem;height:2.5px;background:var(--pink); border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .18s} .nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1)} .nav .navcall{margin-left:.4rem;background:var(--red);color:#fff;padding:.56rem 1rem;border-radius:999px} .nav .navcall::after{display:none} .nav .navcall:hover{background:var(--red-deep)} .nav-toggle{display:none;margin-left:auto;background:var(--red);color:#fff;border:0;border-radius:10px; width:46px;height:42px;font-size:1.3rem;cursor:pointer} .nav-drawer{display:none} @media(max-width:1040px){ .nav{display:none} .nav-toggle{display:block} .nav-drawer{display:block;position:absolute;left:0;right:0;top:66px;background:var(--cream); border-bottom:3px solid var(--pink);padding:.6rem 22px 1rem;box-shadow:var(--shadow)} .nav-drawer[hidden]{display:none} .nav-drawer a{display:block;padding:.7rem .4rem;font-weight:700;color:var(--ink);text-decoration:none; border-bottom:1px solid var(--line)} .nav-drawer a.navcall{color:var(--red)} } /* open chip */ .chip{display:inline-flex;align-items:center;gap:.5em;font-family:'Hanken Grotesk';font-weight:800; font-size:.78rem;letter-spacing:.04em;padding:.42em .9em;border-radius:999px;background:#fff;color:var(--ink); border:1.5px solid var(--line)} .chip .dot{width:9px;height:9px;border-radius:50%;background:var(--muted)} .chip.open{border-color:#1c8f4a;color:#136b37}.chip.open .dot{background:#22b562;box-shadow:0 0 0 4px rgba(34,181,98,.2)} .chip.closed{border-color:var(--red);color:var(--red-deep)}.chip.closed .dot{background:var(--red)} /* HERO */ .hero{position:relative;background: radial-gradient(120% 90% at 82% 12%,rgba(245,166,35,.30),transparent 55%), linear-gradient(158deg,#12539f 0%,#0a3a78 46%,#c31f7e 100%); color:#fff;overflow:hidden} .hero::after{content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(60% 60% at 20% 90%,rgba(229,56,154,.4),transparent 60%)} .hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;align-items:center; padding:3.4rem 0 3.8rem} .hero-copy h1{font-size:clamp(2.5rem,6vw,4.35rem);margin:0 0 .2rem} .hero-copy h1 .fl{font-family:'Bungee Inline';color:#fff;display:block} .hero-copy h1 .bw{color:var(--amber);display:block} .hero-tag{font-family:'Hanken Grotesk';font-weight:800;font-size:clamp(1.05rem,2.2vw,1.35rem); color:#fff;margin:.4rem 0 .3rem;line-height:1.25} .hero-sub{color:rgba(255,255,255,.9);font-weight:600;max-width:34ch;margin:.2rem 0 1.3rem} .hero-cta{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center} .hero-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem} .hero-art{position:relative} .sign-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 26px 60px rgba(6,20,50,.5); border:4px solid rgba(255,255,255,.14);transform:rotate(-1.4deg)} .sign-frame img{width:100%} /* amber marquee arrow sweeping toward the sign */ .hero-arrow{position:absolute;left:-6%;bottom:14%;width:52%;height:18px;z-index:3;pointer-events:none} .hero-arrow svg{width:100%;height:100%;overflow:visible} .hero-arrow .shaft{stroke:var(--amber);stroke-width:11;stroke-linecap:round; stroke-dasharray:400;stroke-dashoffset:400;animation:draw 1.1s .3s cubic-bezier(.2,.8,.2,1) forwards; filter:drop-shadow(0 3px 6px rgba(217,126,19,.5))} .hero-arrow .head{fill:var(--amber);opacity:0;animation:pop .3s 1.25s forwards; filter:drop-shadow(0 3px 6px rgba(217,126,19,.5))} @keyframes draw{to{stroke-dashoffset:0}} @keyframes pop{to{opacity:1}} @media (prefers-reduced-motion:reduce){.hero-arrow .shaft{stroke-dashoffset:0;animation:none}.hero-arrow .head{opacity:1;animation:none}} @media(max-width:860px){ .hero-in{grid-template-columns:1fr;gap:1.8rem;padding:2.4rem 0 2.8rem} .sign-frame{transform:none;max-width:440px;margin:0 auto} .hero-arrow{display:none} } /* facts strip */ .facts{background:var(--blue-deep);color:#fff} .facts-in{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem 0} .fact{text-align:center;padding:.3rem} .fact b{display:block;font-family:'Bungee';font-size:1.9rem;color:var(--amber);line-height:1} .fact span{display:block;font-weight:700;font-size:.82rem;color:rgba(255,255,255,.86);margin-top:.4rem;letter-spacing:.02em} @media(max-width:720px){.facts-in{grid-template-columns:repeat(2,1fr);gap:.6rem 1rem}} /* sections */ section{padding:4.4rem 0} .sec-head{max-width:720px;margin:0 0 2rem} .sec-head.center{margin-left:auto;margin-right:auto;text-align:center} .sec-head h2{font-size:clamp(1.7rem,3.6vw,2.6rem);color:var(--ink)} .sec-head.on-dark h2{color:#fff} .sec-head p{color:var(--muted);font-weight:600;margin:.8rem 0 0} .sec-head.on-dark p{color:rgba(255,255,255,.82)} .band-blue{background:linear-gradient(160deg,#0f4f9e,#0a3a78);color:#fff} .band-pink{background:linear-gradient(155deg,#e5389a,#c31f7e);color:#fff} .band-cream{background:var(--cream)} .band-paper{background:var(--paper)} /* reveal */ .reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.25,1)} .reveal.in{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}} /* feature cards */ .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem} .feat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.4rem; box-shadow:0 6px 18px rgba(20,10,30,.05);transition:transform .16s,box-shadow .16s} .feat:hover{transform:translateY(-4px);box-shadow:var(--shadow)} .feat .ic{width:40px;height:40px;border-radius:11px;background:var(--pink-tint);display:grid;place-items:center; margin-bottom:.9rem;font-size:1.3rem} .feat h3{font-family:'Hanken Grotesk';font-weight:800;font-size:1.06rem;color:var(--ink);margin:0 0 .35rem} .feat p{margin:0;color:var(--muted);font-size:.95rem;font-weight:600} @media(max-width:860px){.feat-grid{grid-template-columns:1fr 1fr}} @media(max-width:560px){.feat-grid{grid-template-columns:1fr}} /* split media */ .split{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:center} .split.rev>.media{order:2} .split .media img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%} .split .body h2{margin-bottom:.8rem} .split .body p{color:var(--muted);font-weight:600} .split.on-dark .body p{color:rgba(255,255,255,.86)} .split.on-dark .body h2{color:#fff} @media(max-width:820px){.split{grid-template-columns:1fr;gap:1.5rem}.split.rev>.media{order:0}} /* ESTIMATOR */ .est-wrap{background:linear-gradient(165deg,#0f4f9e,#082a55);border-radius:24px;box-shadow:0 30px 70px rgba(6,20,50,.4); overflow:hidden;position:relative} .est-wrap::before{content:"";position:absolute;inset:0;pointer-events:none; background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,transparent 2px 26px)} .est-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:0;position:relative;z-index:2} .est-controls{padding:2rem 2rem 2.2rem} .est-controls h3{font-family:'Bungee';color:#fff;font-size:1.15rem;margin:0 0 .3rem} .est-controls .lead{color:rgba(255,255,255,.78);font-weight:600;font-size:.92rem;margin:0 0 1.3rem} .est-label{display:block;font-family:'Hanken Grotesk';font-weight:800;text-transform:uppercase;letter-spacing:.1em; font-size:.72rem;color:var(--amber);margin:1.3rem 0 .6rem} /* marquee time-window panels */ .slots{display:grid;grid-template-columns:1fr 1fr;gap:.5rem} .slot{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.14);border-radius:11px; padding:.6rem .7rem;text-align:left;cursor:pointer;color:rgba(255,255,255,.82);transition:all .16s;font-family:inherit} .slot b{display:block;font-family:'Bungee';font-size:.72rem;letter-spacing:.02em;color:#fff;line-height:1.15} .slot span{display:block;font-size:.72rem;font-weight:700;color:rgba(255,255,255,.6);margin-top:.2rem} .slot:hover{border-color:rgba(245,166,35,.6)} .slot[aria-pressed="true"]{background:rgba(245,166,35,.16);border-color:var(--amber); box-shadow:0 0 0 1px var(--amber),0 8px 20px rgba(245,166,35,.22)} .slot[aria-pressed="true"] b{color:var(--amber)} .slot[aria-pressed="true"] span{color:rgba(255,255,255,.85)} /* steppers */ .step-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0; border-bottom:1px solid rgba(255,255,255,.1)} .step-row .lab{font-weight:700;color:#fff;font-size:.92rem} .step-row .lab small{display:block;color:rgba(255,255,255,.55);font-weight:600;font-size:.74rem} .stepper{display:flex;align-items:center;gap:.2rem;background:rgba(255,255,255,.08);border-radius:999px;padding:.2rem} .stepper button{width:32px;height:32px;border:0;border-radius:50%;background:var(--pink);color:#fff;font-size:1.2rem; cursor:pointer;line-height:1;display:grid;place-items:center;font-family:inherit;transition:background .14s} .stepper button:hover{background:var(--pink-deep)} .stepper button:disabled{background:rgba(255,255,255,.14);cursor:not-allowed} .stepper output{min-width:2.1rem;text-align:center;font-family:'Bungee';font-size:1rem;color:#fff;font-variant-numeric:tabular-nums} .shoe-toggle{display:flex;gap:.4rem;margin-top:.5rem} .shoe-toggle button{flex:1;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.14);color:rgba(255,255,255,.8); border-radius:9px;padding:.5rem;font-family:inherit;font-weight:700;font-size:.78rem;cursor:pointer;transition:all .14s} .shoe-toggle button[aria-pressed="true"]{background:rgba(229,56,154,.2);border-color:var(--pink);color:#fff} /* ticket panel */ .est-ticket{background:var(--paper);padding:2rem 1.8rem;position:relative;display:flex;flex-direction:column} .est-ticket h4{font-family:'Bungee';font-size:.82rem;color:var(--blue);letter-spacing:.02em;margin:0 0 1rem; padding-bottom:.7rem;border-bottom:2px dashed var(--line)} .tk-lines{flex:1;font-variant-numeric:tabular-nums} .tk-line{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;font-size:.9rem;font-weight:600;color:var(--ink)} .tk-line small{color:var(--muted);font-weight:600} .tk-line.muted{color:var(--muted)} .tk-total{margin-top:.8rem;padding-top:1rem;border-top:2px dashed var(--line);display:flex;justify-content:space-between; align-items:baseline} .tk-total .lbl{font-family:'Hanken Grotesk';font-weight:800;text-transform:uppercase;letter-spacing:.08em; font-size:.8rem;color:var(--ink)} .tk-total .amt{font-family:'Bungee';font-size:2.1rem;color:var(--pink-deep);transition:transform .2s} .tk-total .amt.bump{transform:scale(1.12)} .tk-alt{margin-top:1rem;background:var(--pink-tint);border-radius:11px;padding:.8rem .9rem;font-size:.82rem; font-weight:600;color:var(--ink)} .tk-alt b{color:var(--pink-deep)} .tk-note{margin-top:.9rem;font-size:.72rem;color:var(--muted);font-weight:600;line-height:1.4} .est-cta{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap} .est-cta .btn{flex:1;font-size:.88rem;padding:.75em 1em} @media(max-width:820px){.est-grid{grid-template-columns:1fr}.slots{grid-template-columns:1fr}} /* price ladder table */ .ladder{width:100%;border-collapse:collapse;background:var(--paper);border-radius:var(--radius);overflow:hidden; box-shadow:0 6px 18px rgba(20,10,30,.06);font-variant-numeric:tabular-nums} .ladder caption{caption-side:top;text-align:left;font-weight:700;color:var(--muted);font-size:.85rem;padding:0 0 .7rem} .ladder th,.ladder td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--line);font-size:.9rem} .ladder thead th{background:var(--blue);color:#fff;font-family:'Hanken Grotesk';font-weight:800;font-size:.78rem; text-transform:uppercase;letter-spacing:.05em} .ladder tbody th{font-weight:700;color:var(--ink)} .ladder td{font-weight:700;color:var(--ink)} .ladder .lane{color:var(--pink-deep)} .ladder tr:last-child td,.ladder tr:last-child th{border-bottom:0} .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch} /* package / info cards */ .cards2{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem} @media(max-width:720px){.cards2{grid-template-columns:1fr}} .pcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem 1.7rem; box-shadow:0 6px 18px rgba(20,10,30,.05);position:relative} .pcard.feature{border:2px solid var(--pink);box-shadow:0 14px 34px rgba(229,56,154,.16)} .pcard .ptag{position:absolute;top:-13px;right:18px;background:var(--pink);color:#fff;font-weight:800;font-size:.68rem; text-transform:uppercase;letter-spacing:.08em;padding:.3em .8em;border-radius:999px} .pcard h3{font-family:'Bungee';font-size:1.05rem;color:var(--ink);margin:0 0 .2rem} .pcard .price{font-family:'Bungee';font-size:2.1rem;color:var(--red);margin:.2rem 0 .8rem} .pcard .price small{font-family:'Hanken Grotesk';font-weight:700;font-size:.9rem;color:var(--muted)} .pcard ul{list-style:none;margin:0;padding:0} .pcard li{padding:.34rem 0 .34rem 1.6rem;position:relative;font-weight:600;color:var(--ink);font-size:.92rem} .pcard li::before{content:"";position:absolute;left:0;top:.62rem;width:16px;height:9px; background:var(--amber);clip-path:polygon(0 40%,64% 40%,64% 12%,100% 50%,64% 88%,64% 60%,0 60%)} /* cosmic */ .cosmic{background:radial-gradient(120% 100% at 70% 10%,#2a1256,#0a0730 70%);color:#fff;position:relative;overflow:hidden} .cosmic::before{content:"";position:absolute;inset:0;opacity:.5; background: radial-gradient(2px 2px at 20% 30%,#fff,transparent), radial-gradient(2px 2px at 70% 20%,#ffd016,transparent), radial-gradient(1.5px 1.5px at 40% 70%,#e5389a,transparent), radial-gradient(2px 2px at 85% 60%,#3fe0e0,transparent), radial-gradient(1.5px 1.5px at 55% 40%,#fff,transparent), radial-gradient(2px 2px at 12% 80%,#ff4fa3,transparent)} .cosmic .wrap{position:relative;z-index:2} .cosmic .cos-word{max-width:520px;margin:0 0 1.4rem;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5))} .cosmic .price-badge{font-family:'Bungee';font-size:2.4rem;color:#ffd016} /* testimonials */ .quotes{columns:3;column-gap:1.3rem} @media(max-width:860px){.quotes{columns:2}} @media(max-width:560px){.quotes{columns:1}} .quote{break-inside:avoid;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1.2rem 1.3rem; margin:0 0 1.3rem;box-shadow:0 5px 14px rgba(20,10,30,.05)} .quote p{margin:0 0 .6rem;font-size:.94rem;font-weight:600;color:var(--ink)} .quote cite{font-style:normal;font-weight:800;color:var(--pink-deep);font-size:.8rem} .trust-band{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center;text-align:center} .trust-band img{width:180px;border-radius:12px;box-shadow:var(--shadow)} .trust-band .tb-copy{max-width:440px;text-align:left} .trust-band .tb-copy b{font-family:'Bungee';color:var(--amber);font-size:1.3rem;display:block;margin-bottom:.4rem} @media(max-width:560px){.trust-band .tb-copy{text-align:center}} /* visit / location */ .visit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.2rem;align-items:start} @media(max-width:820px){.visit-grid{grid-template-columns:1fr}} .info-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.7rem; box-shadow:0 6px 18px rgba(20,10,30,.05);margin-bottom:1.2rem} .info-card h3{font-family:'Hanken Grotesk';font-weight:800;font-size:1.05rem;color:var(--ink);margin:0 0 .7rem} .hours-row{display:flex;justify-content:space-between;padding:.32rem 0;border-bottom:1px solid var(--line);font-weight:600;font-size:.93rem} .hours-row:last-child{border-bottom:0} .hours-row.today{color:var(--pink-deep);font-weight:800} .hours-row .d{color:var(--muted)}.hours-row.today .d{color:var(--pink-deep)} .addr-line{font-weight:700;margin:.2rem 0} .map-facade{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line); position:relative;cursor:pointer;background:#0a3a78;min-height:280px;display:grid;place-items:center;text-align:center} .map-facade .mf-inner{color:#fff;padding:1.5rem} .map-facade .mf-inner .btn{margin-top:.9rem} .map-facade iframe{width:100%;height:100%;min-height:320px;border:0;display:block} /* sticky mobile call bar */ .callbar{display:none} @media(max-width:720px){ .callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:130;gap:.5rem;padding:.55rem .7rem; background:rgba(250,244,238,.97);border-top:2px solid var(--pink-soft);box-shadow:0 -6px 20px rgba(20,10,30,.12)} .callbar .btn{flex:1;font-size:.92rem;padding:.8em 1em} body{padding-bottom:70px} } /* footer */ .foot{background:var(--blue-ink);color:#fff;padding:3rem 0 2rem;position:relative;overflow:hidden} .foot-mascot{position:absolute;right:2%;bottom:-6px;width:120px;opacity:.9;pointer-events:none} .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;position:relative;z-index:2} .foot h4{font-family:'Hanken Grotesk';font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem; color:var(--amber);margin:0 0 .9rem} .foot a{color:rgba(255,255,255,.86);text-decoration:none;display:block;padding:.22rem 0;font-weight:600;font-size:.92rem} .foot a:hover{color:#fff} .foot .fbrand{font-family:'Bungee';font-size:1.4rem;margin-bottom:.5rem} .foot .fbrand .b1{color:#fff}.foot .fbrand .b2{color:var(--pink)} .foot p{color:rgba(255,255,255,.7);font-size:.88rem;font-weight:600;margin:.3rem 0} .foot-bottom{margin-top:2rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.14); font-size:.8rem;color:rgba(255,255,255,.6);position:relative;z-index:2} @media(max-width:720px){.foot-grid{grid-template-columns:1fr;gap:1.4rem}.foot-mascot{width:86px;opacity:.7}}