/* Pio Pico's complete restaurant experience — SyekDigital */
:root{--paper:#fffbdc;--ink:#252625}html{scroll-padding-top:110px}.header{position:sticky;top:0;background:#252625f5;backdrop-filter:blur(16px);z-index:40}.admin-bar .header{top:32px}.mobile-nav{position:fixed;top:92px;z-index:39;max-height:calc(100dvh - 92px);overflow:auto}.hero-photo{inset:0 0 0 37%}.hero-photo img{object-position:50% 50%;filter:brightness(.87);animation:none}.hero-shade{background:linear-gradient(90deg,#252625 0%,#252625 26%,#252625d9 40%,#25262515 66%),linear-gradient(0deg,#252625dc,transparent 35%)}.hero-content h1{font-size:clamp(5rem,8.4vw,8.8rem)}.hero-description{color:#eeeee2}.food-image img{object-position:50% 50%}.menu-board{margin-top:60px}.favorite-heading{margin:64px 0 26px;display:flex;align-items:end;justify-content:space-between;gap:24px}.favorite-heading h3{font-size:clamp(2.6rem,4vw,4rem)}.favorite-heading .eyebrow{margin-bottom:10px}.favorite-heading p{font-size:.85rem}.favorites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.favorite-card{display:block;min-width:0}.favorite-image{aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:#ddd7cc}.favorite-image img{object-fit:cover;transition:transform .45s}.favorite-card:hover img{transform:scale(1.055)}.favorite-caption{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:12px}.favorite-caption h4{font-family:var(--display);font-size:1.8rem;line-height:1.15;margin:0;text-transform:uppercase}.favorite-caption span{width:34px;height:34px;border:1px solid #25262540;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.favorite-card p{font-size:.82rem;line-height:1.55;color:#5a5d4e;margin-top:8px;max-width:30ch}.menu :focus-visible,.origin-story :focus-visible,.full-menu :focus-visible,.contact-form :focus-visible{outline-color:#395c3b}.inner-hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.inner-hero-copy{padding:85px 9% 85px 12%;align-self:center}.inner-hero h1{font-size:clamp(3.8rem,6.4vw,7.1rem);line-height:.94}.inner-hero-copy>p:not(.eyebrow){color:#d8dacb;margin:26px 0 30px;line-height:1.8;font-size:1.05rem}.inner-hero-photo{position:relative;overflow:hidden;min-height:500px}.inner-hero-photo img{position:absolute;inset:0;object-position:50% 50%}.inner-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#252625a1,transparent 45%)}.photo-note{position:absolute;z-index:1;bottom:35px;left:35px;font-size:.75rem;letter-spacing:.12em;font-weight:700;padding:12px 16px;border:1px solid #fffbdc70;background:#25262570;backdrop-filter:blur(8px)}.origin-story{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.origin-story h2{font-size:clamp(3.5rem,6vw,6.5rem)}.editorial-copy p{margin-bottom:22px;line-height:1.85;max-width:560px}.editorial-copy p:first-child{font-size:1.25rem;line-height:1.65}.craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}.craft-number{display:block;color:var(--red);font-size:.8rem;letter-spacing:.1em;margin-bottom:28px}.craft-grid h3{font-size:2.5rem;margin-bottom:22px}.craft-grid p{color:var(--muted);font-size:.95rem;line-height:1.8}.service-strip{background:var(--red);color:#181b16;display:flex;align-items:center;justify-content:center;gap:28px;padding:23px 6%;font-family:var(--display);font-size:1.6rem;font-weight:700;text-transform:uppercase}.service-strip b{font-size:1.4rem}.faq{background:var(--paper);color:var(--ink)}.faq h2{margin-bottom:40px}.faq details{border-top:1px solid #25262540;padding:22px 0}.faq details:last-child{border-bottom:1px solid #25262540}.faq summary{font-weight:700;font-size:1.1rem;cursor:pointer;line-height:1.5}.faq details p{margin-top:16px;max-width:750px;line-height:1.8}.faq summary:focus-visible{outline-color:var(--green)}.contact-hero{padding-bottom:60px}.contact-hero h1,.order-intro h1,.menu-intro h1{font-size:clamp(4.5rem,8.4vw,9rem);line-height:.94}.contact-hero>p:last-child,.order-intro>p:not(.eyebrow):not(.order-help){margin-top:24px;color:#d8dacb;font-size:1.05rem;line-height:1.75}.contact-grid{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:7%}.contact-card{padding:45px;background:var(--green);align-self:start}.contact-card h2{font-size:3rem;margin-bottom:26px}.contact-card .hours-note{color:#e5e8d5}.contact-catering{margin-top:35px;padding-top:30px;border-top:1px solid #fffbdc45}.contact-catering h3{font-size:2rem;margin-bottom:14px}.contact-catering p{font-size:.9rem}.contact-form{padding:42px;background:var(--paper);color:var(--ink)}.contact-form h2{font-size:3.6rem;margin-bottom:18px}.contact-form>p:not(.eyebrow){font-size:.95rem;margin-bottom:26px}.contact-form .fluentform label{color:var(--ink);font-size:.9rem}.contact-form .fluentform input,.contact-form .fluentform textarea,.contact-form .fluentform select{width:100%;font-size:16px;background:#fffef3;border:1px solid #25262555;border-radius:3px;min-height:48px;color:var(--ink)}.contact-form .fluentform .ff-btn-submit{background:#be252d;color:#fffbdc;border:0;border-radius:3px;font-weight:700;min-height:50px;padding:14px 28px;font-size:1rem}.contact-form .ff-el-group{margin-bottom:19px}.contact-form .ff-el-form-control:focus{border-color:var(--green);outline:2px solid var(--green)}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:50px}.order-card{padding:44px;background:#be252d;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #ffffff25;transition:transform .25s,box-shadow .25s}.order-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003}.order-card.green{background:var(--green)}.order-card .eyebrow{font-size:.7rem}.order-card h2{font-size:clamp(4rem,6vw,6.5rem)}.order-card p{margin:22px 0 34px;font-size:.95rem}.order-card-action{border-top:1px solid #fffbdc70;padding-top:20px;width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:700;margin-top:auto}.order-card-action b{font-size:1.9rem}.order-help{font-size:.95rem;margin-top:32px}.order-help a{text-decoration:underline;text-underline-offset:4px}.menu-intro{background:var(--paper);color:var(--ink);display:flex;align-items:end;justify-content:space-between;gap:35px;padding-bottom:60px}.menu-intro p{font-size:.95rem}.menu-intro .button{margin-top:25px}.full-menu{background:var(--paper);color:var(--ink);padding-top:0}.menu-choice{padding:25px 0;border-top:1px solid #25262540;border-bottom:1px solid #25262540}.restaurant-menu{gap:50px 65px;padding-top:50px}.restaurant-menu .menu-category{min-width:0}.restaurant-menu .dish-heading h3{max-width:80%}.restaurant-menu h2{font-size:2.5rem}.menu-final{margin-top:40px;padding-top:40px;border-top:1px solid #25262540;display:flex;align-items:center;justify-content:space-between;gap:30px}.menu-final h2{font-size:4rem}.footer-top{display:flex;justify-content:space-between;gap:40px;padding:25px 0 55px}.footer-invite{font-family:var(--display);font-size:2.5rem;line-height:1.08;font-weight:700}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:15px 42px;font-size:.85rem;align-content:center}.footer-top nav a{padding:8px 0;border-bottom:1px solid #fffbdc30}.pio-footer .footer-wordmark{font-size:clamp(3.7rem,11.8vw,13rem)}.pio-footer{background:#1b211c}.pio-content{background:var(--paper);color:var(--ink)}.pio-content a:focus-visible{outline-color:var(--green)}
@media(max-width:1100px){.inner-hero-copy{padding:60px 8% 60px 10%}.inner-hero{min-height:530px}.inner-hero h1{font-size:5.5vw}.inner-hero-photo{min-height:480px}.service-strip{gap:18px;font-size:1.4rem}.contact-grid{gap:28px}.contact-card,.contact-form{padding:30px}.contact-card h2{font-size:2.6rem}.craft-grid{gap:30px}.menu-intro{display:block}.menu-intro>div+div{margin-top:30px}.footer-top nav{gap:15px 24px}.menu-final h2{font-size:3.5rem}}
@media(max-width:760px){html{scroll-padding-top:90px}.header{height:78px}.mobile-nav{top:78px;max-height:calc(100dvh - 78px)}.admin-bar .header{top:46px}.hero{min-height:850px}.hero-photo{inset:320px 0 0;height:500px}.hero-photo img{object-position:center;filter:brightness(.82)}.hero-shade{background:linear-gradient(180deg,#252625 0%,#252625 23%,#252625bf 39%,#25262518 66%,#252625 99%)}.hero-content h1{font-size:clamp(3.7rem,13vw,6.2rem)}.hero-content{padding-top:36px}.hero-description{font-size:.9rem;max-width:340px}.hero .round-stamp{bottom:110px}.hero-foot>span{max-width:190px}.hero-foot a{max-width:108px}.favorite-heading{display:block;margin-top:45px}.favorite-heading>p{margin-top:12px}.favorites{grid-template-columns:1fr 1fr;gap:24px 14px}.favorite-caption h4{font-size:1.4rem}.favorite-caption span{width:26px;height:26px;font-size:.85rem}.favorite-card p{font-size:.78rem}.favorite-image{aspect-ratio:1}.inner-hero{grid-template-columns:1fr;min-height:0}.inner-hero-copy{padding:50px 24px 42px}.inner-hero h1{font-size:clamp(3.6rem,12vw,5.5rem)}.inner-hero-copy>p:not(.eyebrow){font-size:.95rem;margin:22px 0 26px}.inner-hero-photo{height:360px;min-height:0}.photo-note{bottom:22px;left:24px;right:24px;width:fit-content;font-size:.64rem;padding:10px 12px}.origin-story{grid-template-columns:1fr;gap:30px}.editorial-copy p:first-child{font-size:1.12rem}.craft-grid{grid-template-columns:1fr;gap:30px}.craft-grid article+article{border-top:1px solid #fffbdc30;padding-top:30px}.craft-number{margin-bottom:15px}.craft-grid h3{font-size:2.7rem;margin-bottom:18px}.service-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:10px;padding:20px 24px;font-size:1.35rem}.service-strip b{display:none}.faq h2{font-size:3.6rem}.faq summary{font-size:1rem}.faq details p{font-size:.9rem}.contact-hero h1,.order-intro h1,.menu-intro h1{font-size:clamp(3.6rem,12vw,6rem)}.contact-hero{padding-bottom:36px}.contact-grid{grid-template-columns:1fr;gap:26px}.contact-card,.contact-form{padding:30px 24px}.contact-card address{font-size:1.15rem}.contact-card .visit-links a{font-size:.87rem}.contact-card .button{width:100%}.order-grid{grid-template-columns:1fr;gap:22px;margin-top:35px}.order-card{padding:30px}.order-card h2{font-size:4.7rem}.order-card p{font-size:.9rem}.order-card .eyebrow{font-size:.65rem}.order-help{font-size:.85rem}.menu-intro{padding-bottom:35px}.restaurant-menu{grid-template-columns:1fr;gap:35px;padding-top:30px}.restaurant-menu h2{font-size:2.15rem}.menu-final{display:block}.menu-final .button{margin-top:25px;width:100%;gap:12px}.menu-final h2{font-size:3.8rem}.footer-top{display:block;padding:10px 0 35px}.footer-invite{font-size:2.5rem}.footer-top nav{margin-top:30px;gap:10px 20px;font-size:.78rem}.pio-footer .footer-wordmark{font-size:11.7vw}.mobile-order{z-index:45}.menu-lightbox{z-index:100}.menu-text-content .dish-heading h3{min-width:0}.catering summary{min-height:68px}}
@media(max-width:370px){.hero-content{padding-left:20px;padding-right:20px}.hero-description{font-size:.82rem}.hero-buttons{gap:8px}.hero-buttons .button{font-size:.8rem;padding:13px 12px;gap:8px}.hero-secondary{gap:18px}.hero-secondary .text-link{font-size:.74rem}.favorites{gap:20px 12px}.favorite-caption h4{font-size:1.2rem}.favorite-caption span{display:none}.contact-grid{padding-left:18px;padding-right:18px}.contact-card,.contact-form{padding:26px 20px}.footer-top nav{grid-template-columns:1fr}.order-card{padding:25px}.inner-hero-copy{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.favorite-card img,.order-card{transition:none}.order-card:hover{transform:none}}

.full-menu .favorite-heading{margin-top:0}.full-menu .favorites{margin-bottom:55px}

/* Keep the opening frame immediately readable on every device. */
.inner-hero h1>span,.contact-hero h1>span,.order-intro h1>span,.menu-intro h1>span{animation:none}
.hero-photo{left:29%}.hero-shade{background:linear-gradient(90deg,#252625 0%,#252625 30%,#252625de 41%,#25262525 63%),linear-gradient(0deg,#252625dc,transparent 35%)}
@media(max-width:760px){.hero-photo{inset:240px 0 0;height:610px}.hero-shade{background:linear-gradient(180deg,#252625 0%,#252625 28%,#252625c0 45%,#25262518 70%,#252625f0 100%)}.hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:365px}.hero-buttons .button{padding:14px 12px;font-size:.83rem;gap:8px;justify-content:center}.hero-secondary{gap:20px}.hero-secondary .text-link{font-size:.77rem}}

.inner-hero h1>span,.contact-hero h1>span,.order-intro h1>span,.menu-intro h1>span{display:inline}