@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Fraunces;src:url('assets/fraunces.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#fff8e9;--ink:#292b24;--red:#b73520;--yellow:#f4d35b;--line:rgba(41,43,36,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}a:focus-visible{outline:3px solid currentColor;outline-offset:6px}.skip-link{position:fixed;left:16px;top:-100px;z-index:10;background:var(--paper);padding:12px}.skip-link:focus{top:12px}.site-header{padding:22px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:109px}.brand{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.brand img{width:152px;height:auto}.brand span{font-size:.65rem;letter-spacing:.22em;font-weight:600}.site-header nav{display:flex;align-items:center;gap:36px;font-size:.875rem}.site-header nav a{padding:10px 0}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.site-header .contact-nav{border:1px solid var(--ink);border-radius:30px;padding:11px 22px;display:flex;gap:26px}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--red);color:var(--paper);min-height:660px}.hero-copy{padding:35px 7.3% 48px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:600;font-size:.75rem}.hero .eyebrow{display:flex;justify-content:space-between;gap:20px}.hero .eyebrow span{white-space:nowrap}.hero h1{font-family:Fraunces,Georgia,serif;font-size:clamp(3rem,5.55vw,6rem);font-weight:450;letter-spacing:-.045em;line-height:1.02}.hero h1 em{color:var(--yellow);font-weight:420}em{font-family:Fraunces,Georgia,serif;font-weight:inherit}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.hero-bottom p{max-width:260px;font-size:.9375rem;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:50px;padding:15px 22px;white-space:nowrap;font-size:.875rem;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:var(--yellow);transform:translateY(-2px)}.light{background:var(--paper);color:var(--red)}.hero-photo{position:relative;min-height:100%}.hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.hero-photo figcaption{position:absolute;bottom:26px;left:26px;right:26px;padding:10px 15px;color:var(--ink);background:var(--paper);width:fit-content;max-width:calc(100% - 52px);font-size:.8125rem;transform:rotate(-3deg)}.section{padding:95px 4%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:14px;color:var(--red)}h2{font-family:Fraunces,Georgia,serif;letter-spacing:-.04em;font-size:clamp(2.6rem,4.3vw,4.7rem);line-height:1.07;font-weight:440}.section-heading>p{font-size:.9375rem;line-height:1.65}.place-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.place-image{display:block;position:relative;overflow:hidden;aspect-ratio:1.45}.place-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.place-image:hover img{transform:scale(1.035)}.bistro .place-image img{object-position:50% 67%}.location-label{position:absolute;bottom:20px;left:20px;border-radius:25px;background:var(--paper);padding:9px 15px;font-size:.75rem}.place-copy{padding:25px 0 0}.place-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.place-top .eyebrow{font-size:.6875rem;letter-spacing:.08em}.small-label{font-size:.8125rem}h3{font-family:Fraunces,Georgia,serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:420;line-height:1.02;letter-spacing:-.045em}.place-copy>p{max-width:410px;margin:20px 0 25px;line-height:1.7}.place-link{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.875rem;font-weight:550}.place-link span{font-size:1.2rem}.place-link:hover{color:var(--red)}.about{display:grid;grid-template-columns:1fr 2.1fr;border-top:1px solid var(--line);gap:30px}.about>.eyebrow{padding-top:12px}.about h2{font-size:clamp(3.2rem,6.8vw,7rem)}.about h2 em{color:var(--red)}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:750px;margin-top:38px}.about-copy p{font-size:1rem;line-height:1.8}.contact{position:relative;background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;padding-top:80px;padding-bottom:80px}.contact:before{content:'';height:12px;position:absolute;top:0;left:0;width:100%;background:repeating-linear-gradient(90deg,var(--ink) 0,var(--ink) 12px,transparent 12px,transparent 24px);opacity:.8}.contact .eyebrow{margin-bottom:28px}.contact h2{font-size:clamp(4rem,7vw,7.3rem)}.contact-copy{max-width:485px;padding-bottom:8px}.contact-copy p{max-width:390px;line-height:1.8}.email-link{display:flex;justify-content:space-between;align-items:center;font-size:clamp(1.25rem,2.3vw,2rem);margin-top:36px;border-bottom:1px solid;padding-bottom:12px;gap:16px}.email-link:hover{color:var(--red)}footer{padding:45px 4% 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:40px}.footer-top p{font-family:Fraunces,Georgia,serif;font-size:1.5rem}.footer-top>a:last-child{font-size:.875rem}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:.75rem}.footer-bottom>div{display:flex;gap:25px}footer a:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1600px){body{max-width:2000px;margin:auto}.hero{min-height:800px}}
@media(max-width:1050px){.hero{min-height:600px}.hero .eyebrow{display:block}.hero .eyebrow span{display:none}.hero-bottom{display:block}.hero-bottom p{max-width:320px;margin-bottom:25px}.place-top{display:block}.small-label{display:block;margin-top:6px}.hero-copy{gap:30px}.about{grid-template-columns:1fr 2.5fr}}
@media(max-width:700px){.site-header{padding:19px 5%;min-height:96px;gap:14px}.brand img{width:112px}.brand span{font-size:.55rem;letter-spacing:.15em}.site-header nav{gap:19px;font-size:.8125rem}.site-header nav a:nth-child(2){display:none}.site-header .contact-nav{padding:9px 0;border:0;gap:6px}.hero{grid-template-columns:minmax(0,1fr);min-height:0}.hero-copy,.hero-photo{min-width:0}.hero-copy{padding:30px 6% 40px;gap:36px}.hero h1{font-size:clamp(2.4rem,10.4vw,4.5rem)}.hero-bottom{display:block}.hero-bottom p{font-size:.875rem;max-width:280px;margin:0 0 22px}.button{padding:13px 17px;gap:16px;font-size:.8125rem}.hero-photo{min-height:0;aspect-ratio:1.15}.hero-photo img{object-position:center 47%}.hero-photo figcaption{font-size:.75rem}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px}.place-grid{grid-template-columns:1fr;gap:45px}.place-image{aspect-ratio:1.25}.place-top{display:flex}.small-label{margin:0;font-size:.6875rem}.place-top .eyebrow{font-size:.625rem}.place-copy{padding-top:20px}h3{font-size:2.8rem}.about{display:block}.about>.eyebrow{padding:0;margin-bottom:25px}.about h2{font-size:3.6rem}.about-copy{grid-template-columns:1fr;gap:20px;margin-top:28px}.contact{grid-template-columns:1fr;gap:35px;padding-top:60px}.contact h2{font-size:4.7rem}.contact .eyebrow{margin-bottom:20px}.email-link{font-size:1.45rem;margin-top:24px}.footer-top{flex-wrap:wrap;gap:24px}.footer-top p{font-size:1.15rem}.footer-top>a:last-child{width:100%}footer{padding:35px 6% 25px}.footer-bottom{flex-direction:column}.footer-bottom>div{flex-wrap:wrap;gap:12px 22px}}
@media(max-width:380px){.hero-bottom{display:block}.hero-bottom p{max-width:100%;margin-bottom:24px}.site-header nav{gap:12px}.hero-photo{min-height:0}.place-top{display:block}.small-label{margin-top:6px}.about h2{font-size:3rem}.contact h2{font-size:4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Picnic: a playful modernist composition. */
:root{--red:#cd3925;--blue:#1948b8;--yellow:#f3ce3b;--ink:#22251f;--paper:#fff8e9;--green:#235849}
.picnic-play .site-header{border-bottom:2px solid var(--ink)}
.picnic-play .hero{background:var(--paper);color:var(--ink);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:690px;padding:0 4%;gap:20px}
.picnic-play .hero-copy{padding:32px 0 45px;position:relative;z-index:1;gap:35px}
.picnic-play .hero h1{font-family:Inter,Arial,sans-serif;font-size:clamp(3.3rem,6.9vw,7.5rem);font-weight:800;letter-spacing:-.075em;line-height:.98;padding-bottom:10px}
.together{display:inline-block;color:var(--paper);background:var(--blue);transform:rotate(-4deg);padding:0 .13em .1em;margin-top:.06em;margin-left:-.08em}
.picnic-play .hero .eyebrow{font-size:.7rem}.picnic-play .hero .eyebrow span{margin-right:25px}
.picnic-play .hero-bottom{justify-content:flex-start;gap:40px}
.picnic-play .hero-bottom p{font-size:1rem;max-width:270px}.picnic-play .button{background:var(--red);color:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:0;padding:15px 19px;white-space:normal}.picnic-play .button:hover{background:var(--blue);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.picnic-play .hero-photo{align-self:center;min-height:0;aspect-ratio:1;transform:rotate(3deg);margin:35px 0 35px 20px}.picnic-play .hero-photo img{border-radius:50% 50% 0 0}.picnic-play .hero-photo figcaption{left:auto;right:-8px;bottom:0;background:var(--yellow);font:500 1.3rem Fraunces,Georgia,serif;border:2px solid var(--ink);padding:13px 25px;transform:rotate(-8deg)}
.welcome-strip{display:flex;justify-content:space-around;align-items:center;gap:20px;background:var(--yellow);padding:22px 4%;font-weight:750;font-size:1.1rem;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.welcome-strip b{font-size:1.5rem;color:var(--red)}.welcome-strip b:nth-of-type(2){color:var(--blue)}
.picnic-play h2{font-family:Inter,Arial,sans-serif;font-weight:750;letter-spacing:-.065em}.picnic-play h3{font-weight:550}.picnic-play .about h2{font-family:Inter,Arial,sans-serif;font-weight:750;letter-spacing:-.065em}.picnic-play .contact h2{font-family:Inter,Arial,sans-serif;font-weight:750}.picnic-play .contact h2 em{font-family:Fraunces,Georgia,serif;font-weight:450}.picnic-play .contact{background:var(--blue);color:var(--paper)}.picnic-play .contact:before{background:repeating-linear-gradient(90deg,var(--yellow) 0,var(--yellow) 12px,transparent 12px,transparent 24px);opacity:1}.picnic-play .email-link:hover{color:var(--yellow)}
@media(max-width:1050px){.picnic-play .hero{min-height:570px}.picnic-play .hero-bottom{display:block}.picnic-play .hero-bottom p{margin-bottom:24px}.picnic-play .hero .eyebrow span{display:none}.picnic-play .hero h1{font-size:6.7vw}}
@media(max-width:700px){.picnic-play .hero{grid-template-columns:minmax(0,1fr);padding:0 6%;gap:0}.picnic-play .hero-copy{padding:28px 0 20px;gap:32px}.picnic-play .hero h1{font-size:clamp(2.8rem,13.2vw,5.7rem)}.picnic-play .hero-bottom{display:flex;gap:20px;align-items:center}.picnic-play .hero-bottom p{font-size:.875rem;margin:0;max-width:180px}.picnic-play .button{font-size:.8125rem;gap:14px;max-width:150px;padding:12px 14px}.picnic-play .hero-photo{margin:18px 12px 40px;aspect-ratio:1.2}.picnic-play .hero-photo figcaption{font-size:1.1rem;padding:9px 20px;right:-10px}.welcome-strip{padding:17px 6%;gap:10px;flex-wrap:wrap;font-size:.75rem}.welcome-strip b{font-size:.9rem}.welcome-strip span:nth-of-type(3),.welcome-strip b:last-child{display:none}.picnic-play .about h2{font-size:clamp(2.6rem,10.5vw,4rem)}.picnic-play .contact h2{font-size:clamp(3.3rem,13vw,5rem)}}
@media(prefers-reduced-motion:reduce){.together{transform:rotate(-4deg)}}
.picnic-play .hero-art{aspect-ratio:1.2;transform:rotate(3deg);margin-left:0}.picnic-play .hero-art img{border-radius:0;object-fit:contain;mix-blend-mode:multiply}.picnic-play .hero-art figcaption{bottom:-8px;right:8px;transform:rotate(-9deg)}
.picnic-play .places{padding-top:85px;padding-bottom:85px}.section-heading h2 em{color:var(--red);font-weight:500}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.brand-card{position:relative;display:flex;flex-direction:column;min-height:445px;padding:24px;overflow:hidden;transition:transform .25s,box-shadow .25s;border:2px solid var(--ink)}.brand-card:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:6px 6px 0 var(--ink)}.brand-card:focus-visible{outline:4px solid var(--blue);outline-offset:4px}.card-meta{font-size:.75rem;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-meta>span:last-child{font-size:1.3rem}.brand-stage{height:235px;display:flex;align-items:center;justify-content:center;position:relative;flex:1;margin:10px 0 20px}.brand-stage>img{position:relative;width:90%;height:180px;object-fit:contain;z-index:1;transition:transform .3s}.brand-card:hover .brand-stage>img{transform:rotate(3deg) scale(1.04)}.color-disc{position:absolute;width:195px;height:195px;border-radius:50%;background:var(--yellow);transform:translateX(25px)}.brand-caption{border-top:1px solid currentColor;padding-top:20px}.brand-caption h3{font-family:Inter,Arial,sans-serif;font-size:1.15rem;line-height:1.2;letter-spacing:-.04em;font-weight:700}.brand-caption p{font-size:.875rem;margin-top:9px}.brand-location{display:block;font-size:.75rem;margin-top:17px}.card-mbbc{background:#a4cfde}.card-mbbc .brand-stage>img{width:95%;transform:rotate(-4deg)}.card-superbloom{background:var(--yellow)}.card-superbloom .brand-stage>img{height:190px;transform:rotate(-8deg)}.card-therapie{background:#e8acbb}.card-therapie .brand-stage>img{transform:rotate(3deg);width:85%}.card-moonlight{background:var(--blue);color:var(--paper)}.card-moonlight .color-disc{background:#eb983c;width:130px;height:130px;top:10px;right:0}.card-moonlight .brand-stage>img{filter:invert(1);height:170px}.card-cellar{background:var(--red);color:var(--paper)}.card-cellar .brand-stage>img{filter:invert(1);width:75%;height:185px;transform:rotate(-6deg)}.card-foods{background:#e6ebcf}.foods-stage{gap:7px}.foods-stage>.foods-dog{mix-blend-mode:multiply;width:43%;height:175px;align-self:center}.foods-lockup{width:55%;display:flex;flex-direction:column;align-items:center;gap:8px;transform:rotate(-5deg)}.foods-lockup>img{width:100%;height:auto}.foods-lockup>span{font-size:.75rem;letter-spacing:.18em;font-weight:750;color:#093233}.life-section{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:35px;padding:70px 6% 85px;background:var(--yellow);border-block:2px solid var(--ink)}.life-heading{grid-row:1 / 3;align-self:center}.life-heading .eyebrow{max-width:200px;margin-bottom:25px}.life-heading h2{font-size:clamp(2.5rem,4.5vw,5rem)}.life-heading h2 em{color:var(--blue);font-weight:550}.life-photo{background:white;padding:10px 10px 14px;border:1px solid var(--ink);box-shadow:5px 5px 0 rgba(34,37,31,.85)}.life-photo img{width:100%;aspect-ratio:1.2;object-fit:cover}.life-photo figcaption{font-size:.75rem;font-weight:600;padding:12px 3px 0}.photo-one{grid-column:2;grid-row:1 / 3;transform:rotate(-7deg)}.photo-two{transform:rotate(6deg);margin-right:20px}.photo-three{transform:rotate(-4deg);margin:0 0 0 20px}.photo-three img{aspect-ratio:1.8;object-position:50% 70%}.picnic-play .about{border-top:0}.picnic-play .about h2{font-size:clamp(2.8rem,5.5vw,6rem)}
@media(max-width:1050px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.life-section{gap:25px}.life-heading h2{font-size:3.4vw}.brand-stage{height:205px}.brand-card{min-height:420px}}
@media(max-width:700px){.picnic-play .hero-art{margin:10px 0 45px;aspect-ratio:1.3}.picnic-play .hero-art figcaption{font-size:1.1rem;bottom:0}.picnic-play .places{padding:55px 6%}.brand-grid{gap:20px;grid-template-columns:1fr}.brand-card{min-height:400px;padding:22px}.brand-stage{min-height:205px}.card-meta{font-size:.75rem}.brand-caption h3{font-size:1.2rem}.brand-caption p{font-size:.875rem}.brand-location{font-size:.8125rem}.brand-stage>img{max-width:320px}.life-section{grid-template-columns:1fr 1fr;padding:50px 8%;gap:25px 14px}.life-heading{grid-row:auto;grid-column:1 / -1;margin-bottom:10px}.life-heading h2{font-size:2.7rem}.life-heading h2 br{display:none}.life-heading .eyebrow{max-width:100%;margin-bottom:20px}.photo-one{grid-column:1;grid-row:auto;transform:rotate(-6deg)}.photo-two{margin:0;transform:rotate(5deg)}.photo-three{grid-column:1 / -1;margin:5px 18px 0;transform:rotate(-3deg)}.life-photo{padding:6px 6px 10px}.life-photo figcaption{font-size:.75rem;line-height:1.4;padding:9px 0 0}.photo-one img,.photo-two img{aspect-ratio:.8}.picnic-play .about h2{font-size:clamp(2.4rem,9.8vw,4rem)}}
.life-section{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr)}.life-photo{min-width:0}.life-photo img{height:auto;aspect-ratio:1.2}.photo-three img{aspect-ratio:1.8}
@media(max-width:700px){.life-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.photo-one img,.photo-two img{aspect-ratio:.8}}
/* Launch: reflow for enlarged text, narrow screens, and long contact details. */
body{font-size:1rem}.site-header{flex-wrap:wrap}.site-header nav{flex-wrap:wrap;min-width:0}.hero-copy,.hero-bottom,.about>div,.contact>div,.section-heading>div{min-width:0}.picnic-play .hero-bottom{flex-wrap:wrap}.contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.email-link{overflow-wrap:anywhere;min-width:0}.email-link>span{flex-shrink:0}.footer-bottom{flex-wrap:wrap}.footer-bottom>div{flex-wrap:wrap}.footer-bottom a{padding-block:8px}.picnic-play .contact h2{overflow-wrap:anywhere}.brand-caption,.card-meta{overflow-wrap:anywhere}.brand-stage{flex:none;min-height:0}.brand-card{height:auto}.brand-card:focus-visible{outline-color:var(--ink)}
@media(max-width:900px){.contact{grid-template-columns:minmax(0,1fr)}.contact-copy{max-width:100%}}
@media(max-width:700px){.picnic-play .hero h1{font-size:clamp(2.8rem,13.2vw,5.7rem);overflow-wrap:anywhere}.together{max-width:100%;overflow-wrap:anywhere}.site-header nav{gap:10px 20px}.site-header{gap:18px}.site-header nav a:nth-child(2){display:inline}.site-header nav a{min-height:44px;display:inline-flex;align-items:center}.picnic-play .hero-bottom p{max-width:100%}.picnic-play .button{max-width:100%}.hero-art figcaption{max-width:90%}.section-heading h2,.picnic-play .about h2{overflow-wrap:anywhere}.picnic-play .contact h2{font-size:clamp(2.8rem,13vw,5rem)}.footer-top{flex-wrap:wrap}}
