:root{
  --teal:#4BBEA3; --teal-deep:#379A83; --coral:#E64126; --ink:#1B1817;
  --blush:#F7E0CE; --blush-2:#FAECDD; --gold:#E9C46A; --gray:#55544a;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;color:var(--ink);background:var(--blush);line-height:1.6}
img{max-width:100%}
a{color:var(--coral);text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}

/* team stripes */
.stripes{height:10px;background:var(--coral);border-top:5px solid var(--teal);border-bottom:3px solid var(--ink)}
.stripes.b{border-top:3px solid var(--ink);border-bottom:5px solid var(--teal)}

/* header */
header{background:var(--ink);position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;gap:28px;padding:10px 24px;max-width:1100px;margin:0 auto}
.nav img{height:58px}
.nav .brand{font-family:'Anton',sans-serif;font-size:30px;color:var(--blush);letter-spacing:2px}
.nav .brand span{color:var(--coral)}
.nav nav{margin-left:auto;display:flex;gap:26px;flex-wrap:wrap}
.nav nav a{font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:3px;font-size:15px;color:var(--blush);text-transform:uppercase}
.nav nav a:hover,.nav nav a.active{color:var(--teal)}
.nav .cta{background:var(--coral);color:#fff !important;padding:8px 18px;border-radius:6px}
.nav .cta:hover{background:#d13a24;color:#fff !important}

/* hero */
.hero{background:linear-gradient(rgba(23,20,18,.72),rgba(23,20,18,.84)),url("assets/photo_bar.webp") center 62%/cover no-repeat;color:var(--blush);text-align:center;padding:72px 24px 80px;position:relative;overflow:hidden}
.hero .glow{position:absolute;left:50%;top:40%;width:900px;height:900px;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(62,188,162,.22),transparent 60%);pointer-events:none}
.hero img{height:230px;position:relative}
.hero h1{font-family:'Anton',sans-serif;font-size:clamp(52px,9vw,96px);letter-spacing:4px;line-height:1;margin-top:14px;position:relative}
.hero h1 span{color:var(--coral)}
.hero .tag{font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:7px;font-size:clamp(14px,2.4vw,20px);color:var(--teal);margin-top:16px;text-transform:uppercase;position:relative}
.hero .addr{font-family:'Special Elite',monospace;font-size:15px;color:var(--gold);margin-top:14px;position:relative}
.btns{display:flex;gap:16px;justify-content:center;margin-top:34px;flex-wrap:wrap;position:relative}
.btn{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:3px;font-size:17px;text-transform:uppercase;
  padding:14px 30px;border-radius:8px;display:inline-block;border:3px solid transparent}
.btn.solid{background:var(--coral);color:#fff}
.btn.solid:hover{background:#d13a24}
.btn.ghost{border-color:var(--teal);color:var(--teal)}
.btn.ghost:hover{background:var(--teal);color:var(--ink)}

/* sections */
section{padding:64px 0}
.plate{display:inline-block;background:var(--teal-deep);color:#fff;font-family:'Anton',sans-serif;
  font-size:clamp(20px,3vw,28px);letter-spacing:2px;padding:6px 20px 8px;transform:skew(-8deg);box-shadow:3px 3px 0 var(--ink)}
.plate.or{background:var(--coral)}
.plate span{display:inline-block;transform:skew(8deg)}
.sec-sub{font-family:'Special Elite',monospace;color:var(--gray);margin:12px 0 26px;font-size:16px}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:10px}
.card{background:var(--blush-2);border:3px solid var(--ink);border-radius:12px;padding:26px 24px;box-shadow:6px 6px 0 var(--teal)}
.card:nth-child(2){box-shadow:6px 6px 0 var(--coral)}
.card:nth-child(3){box-shadow:6px 6px 0 var(--gold)}
.card h3{font-family:'Anton',sans-serif;font-size:24px;letter-spacing:1px;margin-bottom:10px}
.card h3 em{font-style:normal;color:var(--coral)}
.card p{font-size:15.5px;color:var(--gray)}

/* dark band */
.band-dark{background:var(--ink);color:var(--blush);border-top:4px solid var(--coral);border-bottom:4px solid var(--coral)}
.band-dark .plate{background:var(--coral)}
.band-dark p{color:#d9cbbb}

/* menu page */
.menu-nav{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 8px}
.menu-nav a{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:2px;font-size:14px;text-transform:uppercase;
  border:2px solid var(--ink);border-radius:20px;padding:6px 16px;color:var(--ink)}
.menu-nav a:hover{background:var(--ink);color:var(--blush)}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 56px;margin-top:18px}
@media(max-width:760px){.mgrid{grid-template-columns:1fr}}
.mi{padding:9px 0;border-bottom:2px dotted rgba(25,26,24,.25)}
.mi .l{display:flex;align-items:baseline;gap:10px}
.mi .n{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;letter-spacing:.5px;text-transform:uppercase}
.mi .dots{flex:1}
.mi .p{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;color:var(--coral);white-space:nowrap}
.mi .d{font-size:14px;color:var(--gray);margin-top:2px}
.note{font-family:'Special Elite',monospace;font-size:14px;color:var(--teal-deep);margin:8px 0}

/* dog park feature */
.dogpark{background:var(--ink);color:var(--blush);border:4px solid var(--coral);border-radius:14px;
  box-shadow:10px 10px 0 var(--teal);padding:34px 34px 30px;position:relative;overflow:hidden;margin:26px 0}
.dogpark .fence{position:absolute;top:0;left:0;right:0;height:16px;
  background:repeating-linear-gradient(90deg,var(--teal) 0 14px,transparent 14px 30px);opacity:.55}
.dogpark h2{font-family:'Anton',sans-serif;font-size:clamp(38px,6vw,58px);letter-spacing:2px}
.dogpark h2 em{font-style:normal;color:var(--coral)}
.dogpark .tag{font-family:'Special Elite',monospace;color:var(--teal);margin:6px 0 22px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px}
.steps h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:1.5px;color:#fff;
  background:var(--teal-deep);display:inline-block;padding:3px 10px;border-radius:4px;margin-bottom:8px}
.steps .or h4{background:var(--coral)}
.steps div p{font-size:15px;color:#e8dccb}
.steps b{color:#fff}
.steps .pp{color:var(--coral);font-weight:700}
.dogpark .pup{position:absolute;right:18px;top:12px;width:80px}
@media(max-width:700px){.dogpark .pup{display:none}}

/* jobs */
.job{background:var(--blush-2);border:3px solid var(--ink);border-radius:12px;padding:26px;margin-bottom:22px;box-shadow:5px 5px 0 var(--teal)}
.job h3{font-family:'Anton',sans-serif;font-size:26px;letter-spacing:1px}
.job .pay{font-family:'Barlow Condensed',sans-serif;font-weight:700;color:var(--coral);letter-spacing:1px;font-size:17px;margin:4px 0 10px}
.job p{font-size:15.5px;color:var(--gray)}
.job .apply{display:inline-block;margin-top:12px}

/* footer */
footer{background:var(--ink);color:var(--blush);padding:40px 24px;text-align:center}
footer .fbrand{font-family:'Anton',sans-serif;font-size:26px;letter-spacing:2px}
footer .fbrand span{color:var(--coral)}
footer .ftag{font-family:'Barlow Condensed',sans-serif;letter-spacing:5px;font-size:13px;color:var(--teal);margin:8px 0;text-transform:uppercase}
footer .faddr{font-size:14px;color:#bfae9d}
footer .fsocial{margin-top:12px;font-family:'Special Elite',monospace;font-size:14px}
footer .fsocial a{color:var(--gold)}
.scrawl{font-family:'Permanent Marker',cursive;color:var(--coral);transform:rotate(-2deg);display:inline-block}
.ph{font-size:12px;color:#8a7568;font-style:italic}

/* responsive fixes */
.split{display:grid;grid-template-columns:1fr 340px;gap:44px;align-items:center}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media(max-width:820px){
  .split,.split2{grid-template-columns:1fr}
  .nav{flex-wrap:wrap;justify-content:center;gap:14px;padding:10px 14px}
  .nav nav{margin-left:0;justify-content:center;gap:16px;width:100%}
  section{padding:44px 0}
}

/* menu accordion */
details.msec{margin-top:34px}
details.msec>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px}
details.msec>summary::-webkit-details-marker{display:none}
.chev{display:none;font-size:20px;color:var(--coral);transition:transform .2s;font-family:'Barlow Condensed',sans-serif;font-weight:700}
details[open]>summary .chev{transform:rotate(180deg)}
@media(max-width:760px){
  .chev{display:inline-block}
  details.msec{border-bottom:2px solid rgba(25,26,24,.15);padding-bottom:18px;margin-top:22px}
}
@media(min-width:761px){ details.msec>summary{pointer-events:none} }

/* hamburger nav */
.burger{display:none;margin-left:auto;background:none;border:0;cursor:pointer;padding:8px;z-index:60}
.burger span{display:block;width:27px;height:3px;background:var(--blush);margin:5px 0;border-radius:2px;transition:.25s}
@media(max-width:820px){
  .nav{flex-wrap:nowrap;justify-content:flex-start;gap:14px}
  .burger{display:block}
  .nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);
    flex-direction:column;align-items:center;gap:0;padding:8px 0 20px;border-bottom:4px solid var(--coral);width:auto;margin:0}
  .nav nav a{padding:13px 0;font-size:17px}
  .nav nav .cta{margin-top:10px;padding:10px 28px}
  header.open .nav nav{display:flex}
  header.open .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  header.open .burger span:nth-child(2){opacity:0}
  header.open .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}

/* brand refresh: slab (Mokoko-like) + rounded (New Atten-like) accents */
.card h3,.job h3{font-family:'Rokkitt',serif;font-weight:900}
.hero .tag,.sec-sub,footer .ftag,.dogpark .tag,.note{font-family:'Varela Round',sans-serif;letter-spacing:2px}
.sec-sub,.note{font-size:15px;letter-spacing:.5px}

/* legal pages */
.legal{max-width:760px}
.legal h2{font-family:'Rokkitt',serif;font-weight:900;font-size:24px;letter-spacing:.5px;margin:30px 0 8px}
.legal p{font-size:15.5px;color:var(--gray);margin:10px 0}
.legal ul{margin:10px 0 10px 22px}
.legal li{font-size:15.5px;color:var(--gray);margin:6px 0}
.legal b{color:var(--ink)}
.legal a{text-decoration:underline}
footer .flegal{margin-top:12px;font-size:13px}
footer .flegal a{color:#bfae9d;text-decoration:underline}
footer .flegal a:hover{color:var(--blush)}

/* photo cards & galleries */
.pcard{border:3px solid var(--ink);border-radius:14px;object-fit:cover;display:block;width:100%;box-shadow:6px 6px 0 var(--teal)}
.pcard.or{box-shadow:6px 6px 0 var(--coral)}
.pcard.gd{box-shadow:6px 6px 0 var(--gold)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:26px}
@media(max-width:820px){.gallery{grid-template-columns:1fr;gap:18px}}
.gallery figure{margin:0}
.gallery .pcard{aspect-ratio:3/2}
.gallery figcaption{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:2px;font-size:14px;
  text-transform:uppercase;margin-top:10px;color:var(--gray);text-align:center}
.foodstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:26px}
.foodstrip img{aspect-ratio:1/1}
@media(max-width:820px){.foodstrip{grid-template-columns:repeat(2,1fr);gap:14px}}
.msec-photo{float:right;width:300px;aspect-ratio:3/2;object-fit:cover;margin:10px 0 12px 24px;
  border:3px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--teal)}
@media(max-width:760px){.msec-photo{float:none;display:block;margin:12px auto 4px;width:100%;max-width:420px}}
.dogpark .dogphoto{position:absolute;right:26px;bottom:20px;width:290px;aspect-ratio:3/2;object-fit:cover;
  border:3px solid var(--blush);border-radius:12px}
@media(max-width:1000px){.dogpark .dogphoto{display:none}}
@media(min-width:1001px){.dogpark .steps{margin-right:320px}}

.menunote{font-family:'Varela Round',sans-serif;font-size:12.5px;color:var(--gray);margin-top:26px}