:root{
  --amber:#FBBC3E; --brown:#442C1A; --ink:#1E1410; --cream:#F5ECD8; --tomato:#E23B2E;
  --leaf:#3DA35D; --pink:#E86A92; --orange:#F08A24; --muted:#cdbfa4;
  --max:1280px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--ink); color:var(--cream);
  font-family:"Inter",system-ui,sans-serif; line-height:1.5;
  background-image:radial-gradient(rgba(245,236,216,.05) 1px,transparent 1px);
  background-size:14px 14px;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
a{color:inherit}
img{display:block}
em{font-style:normal}

.noise{
  position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.45; mix-blend-mode:overlay;
  background-image:radial-gradient(var(--amber) .6px,transparent .6px),radial-gradient(var(--tomato) .6px,transparent .6px);
  background-size:5px 5px,5px 5px; background-position:0 0,2px 2px;
}

.nav{
  position:sticky; top:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  max-width:var(--max); margin:0 auto; width:100%;
  padding:14px 48px; background:rgba(30,20,16,.82); backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(245,236,216,.12);
}
.nav::after{content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:linear-gradient(90deg,transparent,var(--amber),transparent); opacity:.4}
.nav-brand{display:inline-flex; align-items:center; gap:11px; text-decoration:none}
.nav-logo{width:40px; height:40px; border-radius:11px; border:2px solid var(--cream); transform:rotate(-6deg); box-shadow:2px 3px 0 rgba(0,0,0,.5)}
.nav-word{font-family:"Lilita One",cursive; font-size:22px; letter-spacing:.04em; color:var(--cream); text-shadow:1.5px 1.5px 0 var(--tomato)}
.nav-links{display:flex; align-items:center; gap:6px}
.nav-links a{
  font-family:"Fredoka",sans-serif; font-weight:500; font-size:15px; text-decoration:none; color:var(--cream);
  padding:8px 14px; border-radius:999px; transition:background .15s,color .15s;
}
.nav-links a:hover{background:var(--amber); color:var(--ink)}
.nav-right{display:flex; align-items:center; gap:12px}
.nav-phone{
  font-family:"Baloo 2",sans-serif; font-weight:800; font-size:15px; text-decoration:none;
  color:var(--ink); background:var(--amber); padding:9px 18px; border-radius:999px;
  border:2px solid var(--brown); box-shadow:2px 3px 0 var(--brown); transition:transform .12s,box-shadow .12s; white-space:nowrap;
}
.nav-phone:hover{transform:translate(-1px,-1px); box-shadow:3px 4px 0 var(--brown)}
.nav-burger{display:none; flex-direction:column; gap:5px; width:42px; height:38px; padding:9px 8px; background:transparent; border:2px solid rgba(245,236,216,.3); border-radius:11px; cursor:pointer}
.nav-burger span{display:block; height:2.5px; background:var(--cream); border-radius:2px; transition:transform .2s,opacity .2s}
body.menu-open .nav-burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
body.menu-open .nav-burger span:nth-child(2){opacity:0}
body.menu-open .nav-burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

.hero{
  position:relative; z-index:1; max-width:var(--max); margin:0 auto;
  padding:60px 48px 52px; display:grid; grid-template-columns:1.05fr .95fr; gap:24px; align-items:center; overflow:hidden;
}
.hero-ghost{position:absolute; inset:0; z-index:0; pointer-events:none; display:flex; flex-direction:column; justify-content:center; padding-left:30px; overflow:hidden}
.hero-ghost b{
  font-family:"Baloo 2",sans-serif; font-weight:800; font-size:165px; line-height:.78; color:var(--cream);
  letter-spacing:-.02em; white-space:nowrap;
}
.hero-ghost b:nth-child(1){opacity:.05}
.hero-ghost b:nth-child(2){opacity:.08; transform:translateX(40px)}
.hero-ghost b:nth-child(3){opacity:.05; transform:translateX(12px)}

.hero-copy{position:relative; z-index:2}
.badge{display:inline-flex; align-items:center; gap:12px; margin-bottom:24px}
.badge-logo{width:60px; height:60px; border-radius:16px; object-fit:cover; transform:rotate(-7deg); border:4px solid var(--cream); box-shadow:4px 5px 0 rgba(0,0,0,.45)}
.wordmark{font-family:"Lilita One",cursive; font-size:30px; letter-spacing:.04em; color:var(--cream); line-height:1; transform:rotate(-2deg); text-shadow:2px 2px 0 var(--tomato)}
.tagline{font-family:"Fredoka",sans-serif; font-weight:600; font-size:15px; color:var(--ink); background:var(--amber); padding:6px 14px; border-radius:999px; transform:rotate(1.5deg); box-shadow:3px 3px 0 var(--tomato); border:2px solid var(--brown); display:inline-block; margin-top:6px}

.head{font-family:"Baloo 2",sans-serif; font-weight:800; color:var(--cream); font-size:clamp(44px,6.2vw,90px); line-height:.92; letter-spacing:-.01em; margin:6px 0 16px}
.head .pop{color:var(--amber); text-shadow:0 0 22px rgba(251,188,62,.55),3px 4px 0 var(--brown); display:inline-block; transform:rotate(-1.5deg)}
.head .pop2{color:var(--tomato); text-shadow:0 0 22px rgba(226,59,46,.5),3px 4px 0 var(--ink); display:inline-block; transform:rotate(1.5deg)}
.scribble{display:block; width:230px; height:auto; margin:-4px 0 18px 4px}
.lead{font-family:"Fredoka",sans-serif; font-weight:500; font-size:18px; line-height:1.5; color:#ece1c8; max-width:440px; margin-bottom:28px}
.lead b{color:var(--amber); font-weight:600}

.cta-row{display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-bottom:24px}
.btn{font-family:"Baloo 2",sans-serif; font-weight:800; font-size:20px; text-decoration:none; color:var(--ink); background:var(--amber); padding:16px 30px; border-radius:18px; border:3px solid var(--brown); box-shadow:5px 6px 0 var(--brown); display:inline-flex; align-items:center; gap:10px; transform:rotate(-1.5deg); transition:transform .12s,box-shadow .12s; cursor:pointer}
.btn:hover{transform:rotate(-1.5deg) translate(-2px,-2px); box-shadow:8px 9px 0 var(--brown)}
.btn .arr{transition:transform .12s}
.btn:hover .arr{transform:translateX(4px)}
.link{font-family:"Fredoka",sans-serif; font-weight:600; font-size:16px; text-decoration:none; color:var(--cream); border-bottom:2px dashed var(--amber); padding-bottom:2px; transition:color .12s}
.link:hover{color:var(--amber)}

.micro{font-family:"Inter",sans-serif; font-size:13.5px; display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; color:var(--muted)}
.chip{display:inline-flex; align-items:center; gap:6px; background:rgba(245,236,216,.08); border:1px solid rgba(245,236,216,.2); padding:5px 11px; border-radius:999px; color:var(--cream)}
.chip b{color:var(--amber); font-weight:600}

.collage{position:relative; z-index:2; height:560px}
.collage-arrow{position:absolute; z-index:6; top:-18px; left:44%; width:128px; transform:rotate(6deg)}
.poly{position:absolute; background:var(--cream); padding:11px 11px 40px; border-radius:6px; box-shadow:6px 9px 0 rgba(0,0,0,.5)}
.poly img{width:100%; height:100%; object-fit:cover; border-radius:3px}
.poly .cap{position:absolute; left:0; right:0; bottom:11px; text-align:center; font-family:"Fredoka",sans-serif; font-weight:600; font-size:14px; color:var(--brown)}
.tape{position:absolute; width:78px; height:26px; background:rgba(251,188,62,.55); border-left:1px dashed rgba(68,44,26,.4); border-right:1px dashed rgba(68,44,26,.4)}
.p1{width:248px; height:312px; top:8px; left:36px; transform:rotate(-6deg); z-index:3}
.p1 .tape{top:-12px; left:80px; transform:rotate(8deg)}
.p2{width:200px; height:248px; top:26px; right:18px; transform:rotate(7deg); z-index:2}
.p2 .tape{top:-10px; right:48px; transform:rotate(-6deg); background:rgba(226,59,46,.5)}
.p3{width:218px; height:264px; bottom:6px; right:64px; transform:rotate(-4deg); z-index:4}
.p3 .tape{bottom:-12px; left:60px; transform:rotate(5deg); background:rgba(61,163,93,.5)}
.p4{width:158px; height:196px; bottom:30px; left:8px; transform:rotate(6deg); z-index:5}
.p4 .tape{top:-9px; left:36px; transform:rotate(-10deg)}
.star{position:absolute; z-index:6; font-family:"Lilita One",cursive; color:var(--ink); background:var(--amber); border:3px solid var(--brown); width:88px; height:88px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; font-size:16px; line-height:1; transform:rotate(-12deg); box-shadow:0 0 0 4px var(--ink),5px 5px 0 rgba(0,0,0,.4); padding:6px; top:246px; left:0}
.star small{display:block; font-size:10px; font-family:"Fredoka",sans-serif; font-weight:600; margin-top:3px}

.marquee{position:relative; z-index:1; background:var(--brown); border-top:3px solid var(--tomato); border-bottom:3px solid var(--tomato); overflow:hidden; transform:rotate(-1deg) scale(1.03); margin:14px 0 0}
.marquee-track{display:flex; width:max-content; animation:marq 26s linear infinite}
.marquee-track span{display:inline-flex; align-items:center; font-family:"Baloo 2",sans-serif; font-weight:800; font-size:24px; letter-spacing:.01em; color:var(--amber); padding:12px 0; text-transform:uppercase}
.marquee-track i{color:var(--tomato); font-style:normal; padding:0 22px; font-size:16px}
@keyframes marq{to{transform:translateX(-50%)}}

.kicker{font-family:"Fredoka",sans-serif; font-weight:600; font-size:14px; color:var(--cream); background:var(--tomato); display:inline-block; padding:6px 14px; border-radius:999px; transform:rotate(-2deg); margin-bottom:14px; box-shadow:3px 3px 0 var(--ink)}
.kicker.alt{background:var(--amber); color:var(--ink); box-shadow:3px 3px 0 var(--tomato)}
.sec-head{font-family:"Baloo 2",sans-serif; font-weight:800; font-size:clamp(34px,4.4vw,58px); line-height:.96; color:var(--cream); letter-spacing:-.01em}
.sec-head em{color:var(--amber); text-shadow:0 0 18px rgba(251,188,62,.5)}
.sec-head.light em{color:var(--tomato); text-shadow:none}

.cfg{position:relative; z-index:1; max-width:var(--max); margin:0 auto; padding:64px 48px 24px}
.cfg-head{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:34px; padding-top:30px; border-top:3px dashed rgba(245,236,216,.22)}
.sec-note{font-family:"Fredoka",sans-serif; font-weight:500; font-size:15px; color:#d6c8ad; max-width:320px; text-align:right; line-height:1.45}

.cfg-grid{display:grid; grid-template-columns:1fr 360px; gap:26px; align-items:start}
.cfg-steps{display:flex; flex-direction:column; gap:30px}
.seg{display:inline-flex; gap:5px; background:rgba(245,236,216,.08); border:2px solid rgba(245,236,216,.18); padding:5px; border-radius:999px; align-self:flex-start}
.seg-btn{font-family:"Baloo 2",sans-serif; font-weight:700; font-size:16px; color:var(--cream); background:transparent; border:none; padding:9px 26px; border-radius:999px; cursor:pointer; transition:background .15s,color .15s}
.seg-btn.is-on{background:var(--amber); color:var(--ink)}

.step{position:relative; background:var(--cream); color:var(--brown); border-radius:18px; border:3px solid var(--brown); padding:24px 22px 22px; box-shadow:5px 6px 0 rgba(0,0,0,.45)}
.step-num{position:absolute; top:-16px; left:-12px; width:42px; height:42px; border-radius:50%; background:var(--amber); border:3px solid var(--brown); color:var(--ink); font-family:"Lilita One",cursive; font-size:20px; display:flex; align-items:center; justify-content:center; box-shadow:3px 3px 0 rgba(0,0,0,.35); transform:rotate(-8deg)}
.step[data-step="1"] .step-num{background:var(--tomato); color:var(--cream)}
.step[data-step="2"] .step-num{background:var(--leaf); color:var(--cream)}
.step[data-step="3"] .step-num{background:var(--orange); color:var(--ink)}
.step[data-step="4"] .step-num{background:var(--pink); color:var(--ink)}
.step-head{display:flex; align-items:baseline; gap:12px; margin-bottom:16px}
.step-head h3{font-family:"Baloo 2",sans-serif; font-weight:800; font-size:22px; color:var(--ink); letter-spacing:-.01em}
.step-rule{font-family:"Fredoka",sans-serif; font-weight:500; font-size:13px; color:#8a7a66}
.opts{display:flex; flex-wrap:wrap; gap:9px}
.opt{display:inline-flex; align-items:center; gap:8px; font-family:"Fredoka",sans-serif; font-weight:500; font-size:14px; color:var(--brown); background:#fff; border:2px solid var(--brown); border-radius:999px; padding:9px 15px; cursor:pointer; transition:transform .1s,box-shadow .12s,background .12s; position:relative}
.opt i{font-style:normal; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#fff; background:var(--leaf); padding:2px 6px; border-radius:999px}
.opt b{font-weight:700; font-size:12.5px; color:var(--tomato)}
.opt:hover{transform:translateY(-2px); box-shadow:2px 4px 0 rgba(68,44,26,.4)}
.opt.is-on{background:var(--amber); box-shadow:3px 4px 0 var(--brown)}
.opt.is-on::after{content:"✓"; font-size:12px; font-weight:700; color:var(--ink)}
.opt.is-on b{color:var(--brown)}

.cfg-summary{position:sticky; top:88px}
.sum-card{background:linear-gradient(180deg,#2a1d15,#211710); border:3px solid var(--brown); border-radius:22px; padding:22px; box-shadow:6px 8px 0 rgba(0,0,0,.4)}
.sum-kick{font-family:"Fredoka",sans-serif; font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--ink); background:var(--amber); padding:5px 12px; border-radius:999px; display:inline-block}
.sum-list{margin:18px 0 4px; min-height:120px; display:flex; flex-direction:column; gap:9px}
.sum-empty{font-family:"Fredoka",sans-serif; font-size:14px; color:var(--muted); line-height:1.5}
.sum-row{display:flex; gap:12px; align-items:baseline; padding-bottom:9px; border-bottom:1px dashed rgba(245,236,216,.16)}
.sum-row-k{font-family:"Fredoka",sans-serif; font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.05em; color:var(--amber); flex:0 0 78px}
.sum-row-v{font-family:"Inter",sans-serif; font-size:14px; color:var(--cream); line-height:1.4}
.sum-row-v .none{color:#6f6151; font-style:italic}
.sum-total{display:flex; align-items:center; justify-content:space-between; margin:18px 0 16px; padding-top:4px}
.sum-total span{font-family:"Fredoka",sans-serif; font-weight:600; font-size:15px; color:var(--cream)}
.sum-total strong{font-family:"Lilita One",cursive; font-size:38px; color:var(--amber); line-height:1; text-shadow:0 0 20px rgba(251,188,62,.4)}
.sum-order{width:100%; font-family:"Baloo 2",sans-serif; font-weight:800; font-size:18px; color:var(--ink); background:var(--amber); border:3px solid var(--brown); border-radius:16px; padding:15px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:10px; box-shadow:4px 5px 0 var(--brown); transition:transform .12s,box-shadow .12s}
.sum-order .arr{transition:transform .12s}
.sum-order:hover:not(:disabled){transform:translate(-2px,-2px); box-shadow:6px 7px 0 var(--brown)}
.sum-order:hover:not(:disabled) .arr{transform:translateX(4px)}
.sum-order:disabled{opacity:.45; cursor:not-allowed; background:#6f6151; border-color:#4a3f33; box-shadow:none; color:var(--cream)}
.sum-note{font-family:"Inter",sans-serif; font-size:11.5px; color:var(--muted); margin-top:12px; line-height:1.5}

.ticket{margin-top:16px; background:var(--cream); color:var(--brown); border:3px solid var(--brown); border-radius:18px; padding:18px; box-shadow:6px 8px 0 rgba(0,0,0,.4)}
.ticket-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:8px}
.ticket-top strong{font-family:"Baloo 2",sans-serif; font-weight:800; font-size:22px; color:var(--ink)}
.ticket-x{background:transparent; border:none; font-size:24px; line-height:1; color:var(--brown); cursor:pointer; padding:0 4px}
.ticket-line{font-family:"Inter",sans-serif; font-size:14px; line-height:1.55; color:#52402f}
.ticket-line b{color:var(--ink)}
.ticket-sub{font-family:"Inter",sans-serif; font-size:12px; color:#8a7a66; margin:10px 0 14px; line-height:1.5}
.ticket-call{display:inline-block; font-family:"Baloo 2",sans-serif; font-weight:800; font-size:15px; text-decoration:none; color:var(--cream); background:var(--tomato); padding:11px 20px; border-radius:12px; border:2px solid var(--brown)}

.menu{position:relative; z-index:1; max-width:var(--max); margin:0 auto; padding:54px 48px 24px}
.menu-head{margin-bottom:28px}
.cat{display:grid; grid-template-columns:1.4fr 1fr 1fr; grid-template-rows:auto auto; gap:16px}
.card{position:relative; border-radius:20px; overflow:hidden; border:3px solid var(--brown); box-shadow:5px 6px 0 rgba(0,0,0,.45); min-height:210px; display:flex; align-items:flex-end; transition:transform .14s,box-shadow .14s}
.card:hover{transform:translateY(-4px); box-shadow:7px 10px 0 rgba(0,0,0,.55)}
.card:hover img{transform:scale(1.05)}
.card img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .25s}
.shade{position:absolute; inset:0; background:linear-gradient(to top,rgba(30,20,16,.94),rgba(30,20,16,.6) 40%,transparent 72%)}
.card-body{position:relative; padding:18px; width:100%}
.kick{font-family:"Fredoka",sans-serif; font-weight:600; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink); background:var(--amber); display:inline-block; padding:3px 9px; border-radius:999px; margin-bottom:9px}
.card h4{font-family:"Baloo 2",sans-serif; font-weight:800; font-size:26px; color:var(--cream); line-height:1; letter-spacing:-.01em}
.card p{font-family:"Inter",sans-serif; font-size:13px; color:#e0d4bd; margin-top:6px; line-height:1.45}
.price{position:absolute; top:14px; right:14px; z-index:2; font-family:"Lilita One",cursive; font-size:15px; color:var(--cream); background:var(--tomato); border:3px solid var(--cream); border-radius:14px; padding:7px 12px; line-height:1; transform:rotate(6deg); box-shadow:3px 3px 0 rgba(0,0,0,.4); text-align:center}
.price small{display:block; font-family:"Fredoka",sans-serif; font-weight:500; font-size:9px; opacity:.85; letter-spacing:.05em; text-transform:uppercase}
.big{grid-row:span 2}
.big h4{font-size:38px}

.cta-strip{margin-top:30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; background:var(--amber); color:var(--ink); border:3px solid var(--brown); border-radius:22px; padding:22px 28px; box-shadow:6px 7px 0 var(--brown)}
.cta-strip .t{font-family:"Baloo 2",sans-serif; font-weight:800; font-size:clamp(22px,2.6vw,30px); line-height:1.1}
.cta-strip .t span{color:var(--tomato)}
.btn-ink{font-family:"Baloo 2",sans-serif; font-weight:800; font-size:18px; text-decoration:none; color:var(--cream); background:var(--ink); padding:14px 26px; border-radius:16px; border:3px solid var(--brown); display:inline-flex; align-items:center; gap:10px; box-shadow:4px 5px 0 var(--brown); transition:transform .12s,box-shadow .12s; white-space:nowrap}
.btn-ink:hover{transform:translate(-2px,-2px); box-shadow:7px 8px 0 var(--brown)}

.gallery{position:relative; z-index:1; max-width:var(--max); margin:0 auto; padding:54px 48px 24px}
.gal-head{margin-bottom:26px}
.gal-grid{display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:150px; gap:14px}
.g{overflow:hidden; border-radius:16px; border:3px solid var(--brown); box-shadow:4px 5px 0 rgba(0,0,0,.4); background:var(--brown)}
.g img{width:100%; height:100%; object-fit:cover; transition:transform .3s}
.g:hover img{transform:scale(1.07)}
.g1{grid-column:span 2; grid-row:span 2}
.g5{grid-row:span 2}
.g6{grid-column:span 2}

.find{position:relative; z-index:1; max-width:var(--max); margin:0 auto; padding:54px 48px 40px}
.find-card{display:grid; grid-template-columns:1fr 1fr; gap:0; background:var(--cream); color:var(--brown); border:3px solid var(--brown); border-radius:26px; overflow:hidden; box-shadow:7px 9px 0 rgba(0,0,0,.4)}
.find-info{padding:40px 38px}
.find-info .kicker{color:var(--cream); background:var(--tomato)}
.find-info .sec-head{color:var(--ink)}
.find-info .sec-head em{color:var(--tomato); text-shadow:none}
.find-lead{font-family:"Fredoka",sans-serif; font-weight:500; font-size:16px; color:#52402f; margin:14px 0 22px; line-height:1.5; max-width:420px}
.find-list{list-style:none; display:flex; flex-direction:column; gap:12px; margin-bottom:22px}
.find-list li{display:flex; align-items:baseline; gap:16px; border-bottom:1px dashed rgba(68,44,26,.25); padding-bottom:12px}
.find-list span{font-family:"Fredoka",sans-serif; font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:#8a7a66; flex:0 0 92px}
.find-list b{font-family:"Baloo 2",sans-serif; font-weight:700; font-size:17px; color:var(--ink)}
.find-list b a{text-decoration:none; border-bottom:2px solid var(--amber)}
.find-tags{display:flex; flex-wrap:wrap; gap:9px}
.find-tags span{font-family:"Fredoka",sans-serif; font-weight:600; font-size:13px; color:var(--ink); background:var(--amber); border:2px solid var(--brown); padding:6px 13px; border-radius:999px; box-shadow:2px 2px 0 var(--brown)}
.find-photo{position:relative; min-height:340px}
.find-photo img{width:100%; height:100%; object-fit:cover}
.find-photo figcaption{position:absolute; left:18px; bottom:18px; right:18px; font-family:"Fredoka",sans-serif; font-weight:600; font-size:15px; color:var(--cream); background:rgba(30,20,16,.7); backdrop-filter:blur(4px); padding:10px 14px; border-radius:12px}

.foot{position:relative; z-index:1; max-width:var(--max); margin:0 auto; padding:30px 48px 60px}
.foot-top{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; padding:30px 0; border-top:3px dashed rgba(245,236,216,.22); border-bottom:1px solid rgba(245,236,216,.12)}
.foot-brand{display:flex; align-items:center; gap:14px}
.foot-logo{width:54px; height:54px; border-radius:14px; border:3px solid var(--cream); transform:rotate(-6deg)}
.foot-word{font-family:"Lilita One",cursive; font-size:26px; color:var(--cream); letter-spacing:.04em; text-shadow:2px 2px 0 var(--tomato)}
.foot-brand span{font-family:"Fredoka",sans-serif; font-size:14px; color:var(--muted)}
.foot-nav{display:flex; flex-wrap:wrap; gap:6px 4px}
.foot-nav a{font-family:"Fredoka",sans-serif; font-weight:500; font-size:15px; text-decoration:none; color:var(--cream); padding:8px 14px; border-radius:999px; transition:background .15s,color .15s}
.foot-nav a:hover{background:var(--amber); color:var(--ink)}
.foot-bottom{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding-top:22px; font-family:"Inter",sans-serif; font-size:13px; color:var(--muted)}
.credit{display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--cream); font-weight:500; opacity:.9; transition:opacity .15s}
.credit:hover{opacity:1}
.credit-logo{width:22px; height:22px; border-radius:6px}

@media(max-width:980px){
  .nav{padding:12px 24px}
  .nav-links{position:fixed; top:66px; left:0; right:0; flex-direction:column; align-items:stretch; gap:2px; background:rgba(30,20,16,.97); backdrop-filter:blur(12px); padding:14px 24px 22px; border-bottom:1px solid rgba(245,236,216,.12); transform:translateY(-12px); opacity:0; pointer-events:none; transition:transform .2s,opacity .2s}
  body.menu-open .nav-links{transform:translateY(0); opacity:1; pointer-events:auto}
  .nav-links a{padding:12px 14px; font-size:17px}
  .nav-burger{display:flex}
  .hero{grid-template-columns:1fr; padding:44px 24px 36px; gap:38px}
  .hero-ghost b{font-size:120px}
  .collage{height:500px}
  .cfg,.menu,.gallery,.find,.foot{padding-left:24px; padding-right:24px}
  .cfg-grid{grid-template-columns:1fr; gap:30px}
  .cfg-summary{position:static}
  .cat{grid-template-columns:1fr 1fr; grid-template-rows:auto}
  .big{grid-row:auto; grid-column:span 2}
  .sec-note{text-align:left}
  .find-card{grid-template-columns:1fr}
  .find-photo{min-height:280px; order:-1}
  .gal-grid{grid-template-columns:repeat(3,1fr); grid-auto-rows:130px}
}
@media(max-width:600px){
  .nav-word{font-size:18px}
  .nav-phone{padding:8px 13px; font-size:14px}
  .hero{padding:34px 18px 28px}
  .hero-ghost b{font-size:84px}
  .head{font-size:clamp(38px,11vw,56px)}
  .collage{height:430px; transform:scale(.92); transform-origin:top center; margin-bottom:-20px}
  .marquee-track span{font-size:19px}
  .cfg,.menu,.gallery,.find,.foot{padding-left:18px; padding-right:18px}
  .step{padding:22px 16px 18px}
  .cat{grid-template-columns:1fr}
  .big{grid-column:auto}
  .gal-grid{grid-template-columns:repeat(2,1fr); grid-auto-rows:120px}
  .g1{grid-column:span 2}
  .g6{grid-column:span 2}
  .find-info{padding:30px 24px}
  .cta-strip{padding:20px}
  .btn-ink{width:100%; justify-content:center}
  .foot-top{flex-direction:column; align-items:flex-start}
}