/* Kitchen Stories by Swati — Multi-page | Ishita-style + PINK */
:root{
  --cream:#FFF9F5;--cream-deep:#F5E6D8;--pink-bg:#FFF2F4;
  --plum:#3D2B3D;--plum-light:#6B4C6E;
  --rose:#C47A88;--rose-deep:#B5607A;--pink:#E08DA6;--pink-dark:#9E4060;
  --blush:#F5C6D6;--blush-light:#FBE0EA;
  --white:#fff;--wa:#25D366;
  --serif:'Cormorant Garamond',Georgia,serif;
  --script:'Italianno',cursive;
  --sans:'Inter','Nunito',sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--sans);color:var(--plum);background:var(--cream);overflow-x:hidden;min-height:100%}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font:inherit}

/* Grain */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}

/* Blobs */
.blob{filter:blur(60px);animation:blobFloat 18s ease-in-out infinite;will-change:transform}
@keyframes blobFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-25px) scale(1.06)}66%{transform:translate(-20px,18px) scale(.94)}}

/* Reveal */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
[data-reveal].visible{opacity:1;transform:none}

/* Shared */
.section-cream{background:var(--cream)}
.section-pink{background:var(--pink-bg)}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.label{font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--rose-deep)}
.sec-title{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(2rem,5vw,4.5rem);line-height:1.05;color:var(--plum)}
.sec-title .accent{font-family:var(--script);color:var(--rose-deep);font-style:normal}

/* Buttons */
.btn-pill{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;border-radius:9999px;font-size:.82rem;letter-spacing:.15em;text-transform:uppercase;transition:all .3s}
.btn-pink{background:var(--pink);color:var(--white)}
.btn-pink:hover{background:var(--rose-deep)}
.btn-plum{background:var(--plum);color:var(--cream)}
.btn-plum:hover{background:var(--rose-deep)}
.btn-outline{border:1px solid rgba(61,43,61,.2);color:var(--plum)}
.btn-outline:hover{border-color:var(--pink);color:var(--rose-deep)}
.btn-outline-pink{border:1px solid var(--pink);color:var(--rose-deep)}
.btn-outline-pink:hover{background:var(--pink);color:#fff}
.btn-wa{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:var(--wa);color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:9999px;box-shadow:0 4px 20px rgba(37,211,102,.3);transition:all .3s}
.btn-wa:hover{background:#1DA851}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .4s;background:transparent}
.nav.scrolled{background:rgba(255,249,245,.95);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(0,0,0,.04)}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:80px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:inline-flex;align-items:center}
.nav-logo-img{height:70px;width:auto}
.nav-links{display:flex;align-items:center;gap:36px}
.nav-links a{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(61,43,61,.6);transition:color .3s}
.nav-links a:hover,.nav-links a.active{color:var(--rose-deep)}
.nav-cta{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;padding:10px 24px;border-radius:9999px;background:var(--pink);color:#fff;transition:all .3s}
.nav-cta:hover{background:var(--rose-deep)}
.hamburger{display:none;flex-direction:column;gap:5px;width:24px;z-index:200}
.hamburger span{height:1.5px;background:var(--plum);border-radius:2px;transition:all .3s}

/* Mobile Menu */
.mob-menu{position:fixed;inset:0;background:var(--cream);z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;visibility:hidden;transition:all .4s}
.mob-menu.open{opacity:1;visibility:visible}
.mob-menu a{font-family:var(--serif);font-size:1.5rem;font-style:italic;color:var(--plum);padding:12px 0;transition:color .3s}
.mob-menu a:hover{color:var(--rose-deep)}
.mob-menu::before{content:'';display:block;width:60px;height:60px;background:url('images/logo-monogram.png') center/contain no-repeat;margin-bottom:24px}

/* ===== HERO ===== */
.hero{position:relative;min-height:100dvh;width:100%;overflow:hidden;display:flex;align-items:center;padding-bottom:40px}
.hero .b1{position:absolute;top:-160px;left:-128px;width:40rem;height:40rem;border-radius:50%;background:rgba(245,198,214,.5)}
.hero .b2{position:absolute;top:33%;right:-160px;width:34rem;height:34rem;border-radius:50%;background:rgba(224,141,166,.25);animation-delay:-6s}
.hero .b3{position:absolute;bottom:-160px;left:25%;width:28rem;height:28rem;border-radius:50%;background:rgba(251,224,234,.6);animation-delay:-12s}
.hero-grid{position:relative;z-index:10;max-width:1280px;width:100%;margin:0 auto;padding:96px 24px 0;display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;background:rgba(245,198,214,.35);border:1px solid rgba(224,141,166,.3);margin-bottom:24px;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-deep)}
.hero-badge svg{width:14px;height:14px;color:var(--rose-deep)}
.hero h1{line-height:.95}
.hero h1 .line1{display:block;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(2.5rem,7vw,6.5rem);color:var(--plum)}
.hero h1 .line2{display:block;font-family:var(--script);font-size:clamp(5rem,14vw,12rem);color:var(--rose-deep);margin-top:-8px}
.hero-byswati{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--plum-light);margin-top:-4px;letter-spacing:.05em}
.hero-desc{margin-top:20px;max-width:540px;font-family:var(--serif);font-size:1.1rem;font-weight:300;line-height:1.7;color:rgba(61,43,61,.6)}
.hero-btns{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}

/* Hero Visual */
.hero-visual{position:relative;overflow:visible;animation:fadeIn .8s .3s ease both}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero-visual .glow{position:absolute;inset:-16px;border-radius:2rem;background:linear-gradient(135deg,rgba(224,141,166,.3),rgba(245,198,214,.4),rgba(251,224,234,.5));filter:blur(24px)}
.hero-visual .float-tag{position:absolute;left:-24px;bottom:40px;padding:12px 20px;border-radius:1rem;background:rgba(255,248,245,.88);backdrop-filter:blur(12px);border:1px solid rgba(224,141,166,.2);box-shadow:0 8px 24px rgba(0,0,0,.06);z-index:10}
.hero-visual .float-tag .ft-script{font-family:var(--script);font-size:1.8rem;color:var(--rose-deep);line-height:1}
.hero-visual .float-tag .ft-serif{font-family:var(--serif);font-style:italic;font-size:.85rem;color:rgba(61,43,61,.5)}
.scroll-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(61,43,61,.4)}
.scroll-hint span{font-size:10px;letter-spacing:.4em;text-transform:uppercase}
.scroll-hint .line{width:1px;height:32px;background:linear-gradient(to bottom,var(--pink),transparent)}

/* Polaroid Stack */
.polaroid-stack{position:relative;width:100%;max-width:320px;aspect-ratio:3/4;margin:0 auto;overflow:visible}
.polaroid{position:absolute;inset:0;background:#fff;padding:10px 10px 40px;border-radius:4px;box-shadow:0 8px 32px rgba(61,43,61,.12),0 2px 8px rgba(0,0,0,.06);opacity:0;transition:opacity .8s ease,transform .8s ease;pointer-events:none}
.polaroid.active{opacity:1;pointer-events:auto;z-index:2}
.polaroid.prev{opacity:.5;z-index:1;transform:scale(.82) rotate(-10deg) translateX(-80px) translateY(10px) !important}
.polaroid.next{opacity:.5;z-index:1;transform:scale(.82) rotate(10deg) translateX(80px) translateY(10px) !important}
.polaroid-img{width:100%;height:100%;overflow:hidden;border-radius:2px;background:var(--cream)}
.polaroid-img img{width:100%;height:100%;object-fit:cover}
.polaroid-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-family:var(--script);font-size:1.4rem;color:var(--rose-deep)}

/* ===== ABOUT ===== */
.about-section{position:relative;padding:100px 24px;overflow:hidden}
.about-grid{position:relative;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}
.about-photos{position:relative;height:28rem}
.about-photos .photo{position:absolute;width:63%;aspect-ratio:3/4;border-radius:1.5rem;overflow:hidden;box-shadow:0 12px 36px rgba(181,96,122,.1);border:1px solid rgba(255,255,255,.3)}
.about-photos .photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.about-photos .p1{top:0;left:0}
.about-photos .p2{bottom:0;right:0}
.about-photos .float-pill{position:absolute;top:35%;right:22%;padding:8px 16px;border-radius:9999px;background:rgba(255,248,245,.85);backdrop-filter:blur(12px);border:1px solid rgba(224,141,166,.2);box-shadow:0 4px 16px rgba(0,0,0,.05);z-index:5}
.about-photos .float-pill span{font-family:var(--script);font-size:1.6rem;color:var(--rose-deep)}
.about-text h2{margin-top:16px}
.about-text p{margin-top:14px;font-family:var(--serif);font-size:1.05rem;font-weight:300;line-height:1.7;color:rgba(61,43,61,.6);max-width:600px}
.about-stats{display:flex;gap:36px;margin-top:28px;padding-top:20px;border-top:1px solid var(--blush)}
.s-num{font-family:var(--serif);font-size:2rem;font-weight:500;color:var(--rose-deep)}
.s-lbl{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(61,43,61,.4)}

/* ===== MARQUEE ===== */
.marquee{padding:16px 0;background:linear-gradient(90deg,var(--pink-dark),var(--rose-deep));overflow:hidden}
.marquee-track{display:inline-flex;align-items:center;gap:32px;white-space:nowrap;animation:mqScroll 25s linear infinite}
.marquee-track span{font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,4vw,3rem);color:rgba(255,255,255,.85)}
.marquee-track .dot{font-family:var(--script);font-size:clamp(2rem,5vw,4rem);color:rgba(255,255,255,.4);line-height:0}
@keyframes mqScroll{to{transform:translateX(-50%)}}

/* ===== GALLERY ===== */
.gallery-container{max-width:min(100%,48rem);aspect-ratio:1;margin:0 auto;background:var(--plum);border-radius:1.5rem;padding:8px;box-shadow:0 16px 48px rgba(181,96,122,.08);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px}
.g-cell{position:relative;border-radius:.8rem;overflow:hidden;background:#000}
.g-cell img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.g-cell:hover img{transform:scale(1.06)}
.g-cell .g-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);opacity:1;transition:opacity .4s}
.g-cell:hover .g-label{opacity:0}
.g-cell .g-label span{font-family:var(--serif);font-style:italic;font-size:clamp(1rem,2vw,1.8rem);color:var(--cream);text-align:center;padding:8px}
.g-logo{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blush),var(--cream-deep),rgba(224,141,166,.3));border-radius:.8rem}
.g-logo img{width:60%;height:auto}

/* ===== SERVICES ===== */
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.srv-card{padding:36px;border-radius:1.5rem;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);border:1px solid rgba(224,141,166,.1);transition:all .5s;box-shadow:0 2px 12px rgba(181,96,122,.03)}
.srv-card:hover{border-color:rgba(224,141,166,.35);box-shadow:0 16px 40px rgba(181,96,122,.07)}
.srv-icon{width:44px;height:44px;border-radius:.8rem;background:rgba(245,198,214,.4);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.srv-icon svg{width:20px;height:20px;color:var(--plum)}
.srv-card h3{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,2.5vw,2rem);color:var(--plum);margin-bottom:10px}
.srv-card p{font-family:var(--serif);font-size:1rem;line-height:1.6;color:rgba(61,43,61,.5)}

/* ===== REELS ===== */
.reels-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
.reels-row::-webkit-scrollbar{display:none}
.reel-card{flex:0 0 240px;aspect-ratio:9/16;border-radius:1.2rem;overflow:hidden;background:#000;border:1px solid rgba(224,141,166,.1);box-shadow:0 4px 20px rgba(0,0,0,.04);transition:transform .4s;display:block}
.reel-card:hover{transform:translateY(-4px)}
.reel-card video{display:block;width:100%;height:100%;border:none;object-fit:contain;background:#000}

/* ===== TESTIMONIALS ===== */
.testi-carousel{position:relative;overflow:hidden;max-width:600px;margin:0 auto}
.tc-track{display:flex;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.tc-slide{flex:0 0 100%;padding:0 16px;text-align:center}
.tc-mark{font-family:var(--serif);font-size:4rem;color:var(--blush);line-height:.5;margin-bottom:16px}
.tc-quote{font-family:var(--serif);font-style:italic;font-size:1.15rem;line-height:1.65;color:var(--plum);margin-bottom:20px}
.tc-name{font-weight:600;font-size:.85rem}
.tc-item{display:inline-block;margin-top:6px;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--rose-deep);background:var(--blush-light);padding:4px 12px;border-radius:9999px}
.tc-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px}
.tc-btn{width:36px;height:36px;border:1px solid var(--blush);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--rose-deep);transition:all .3s;cursor:pointer}
.tc-btn:hover{background:var(--pink);color:#fff;border-color:var(--pink)}
.tc-dots{display:flex;gap:6px}
.tc-dots .d{width:6px;height:6px;border-radius:50%;background:var(--blush);border:none;padding:0;transition:all .3s;cursor:pointer}
.tc-dots .d.on{background:var(--rose-deep);width:18px;border-radius:3px}

/* ===== CONTACT CARDS ===== */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.o-card{display:block;padding:28px;border-radius:1.5rem;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);border:1px solid rgba(224,141,166,.15);text-align:left;transition:all .5s}
.o-card:hover{border-color:rgba(224,141,166,.4);box-shadow:0 16px 40px rgba(181,96,122,.08)}
.o-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.o-card-icon{width:44px;height:44px;border-radius:.8rem;background:rgba(245,198,214,.4);display:flex;align-items:center;justify-content:center}
.o-card-icon svg{width:20px;height:20px;color:var(--plum)}
.o-card-arrow{width:20px;height:20px;color:rgba(61,43,61,.3);transition:all .3s}
.o-card:hover .o-card-arrow{color:var(--rose-deep);transform:rotate(45deg)}
.o-card .o-label{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(61,43,61,.4);margin-bottom:6px}
.o-card .o-value{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--plum)}

/* ===== FOOTER ===== */
.footer{background:var(--plum);color:rgba(255,248,245,.6);padding:48px 24px}
.footer-inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px}
.footer-brand .fb-sub{margin-top:8px;font-family:var(--serif);font-style:italic;font-size:1rem;color:rgba(255,248,245,.45)}
.footer-links{display:flex;flex-direction:column;gap:6px;text-align:right}
.footer-links a{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;transition:color .3s}
.footer-links a:hover{color:var(--rose)}
.footer-bottom{max-width:1280px;margin:40px auto 0;padding-top:20px;border-top:1px solid rgba(255,248,245,.06);display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,248,245,.3)}
.footer-bottom a{color:var(--pink);font-weight:600}

/* ===== WA FLOAT ===== */
.wa-float{position:fixed;bottom:20px;right:20px;width:52px;height:52px;background:var(--wa);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.3);z-index:90;transition:transform .3s}
.wa-float:hover{transform:scale(1.1)}

/* ===== PAGE HEADER ===== */
.page-header{padding:120px 24px 60px;text-align:center;position:relative;overflow:hidden;background:var(--pink-bg)}
.page-header .blob{position:absolute;width:24rem;height:24rem;border-radius:50%;background:rgba(245,198,214,.35)}
.page-header .b1{top:-160px;left:-80px}
.page-header .b2{bottom:-160px;right:-80px;animation-delay:-8s}
.page-header h1{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(2.5rem,6vw,4.5rem);color:var(--plum);position:relative;z-index:2}
.page-header h1 .accent{font-family:var(--script);color:var(--rose-deep);font-style:normal}
.page-header p{margin-top:12px;font-family:var(--serif);font-size:1.05rem;color:rgba(61,43,61,.5);position:relative;z-index:2}

/* ===== MENU ===== */
.menu-item{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:64px 0;border-bottom:1px solid var(--blush)}
.menu-item:nth-child(even){direction:rtl}
.menu-item>*{direction:ltr}
.menu-item-img{border-radius:1.2rem;overflow:hidden;box-shadow:0 8px 32px rgba(181,96,122,.06)}
.menu-item-img img{width:100%;aspect-ratio:4/3;object-fit:cover}
.menu-item h3{font-family:var(--serif);font-style:italic;font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--plum);margin-bottom:12px}
.menu-item p{font-family:var(--serif);font-size:1rem;line-height:1.7;color:rgba(61,43,61,.55)}

/* =========================================
   RESPONSIVE — TABLET (max 900px)
   ========================================= */
@media(max-width:900px){
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  .nav-inner{height:80px;justify-content:center}
  .nav-logo{position:absolute;left:50%;transform:translateX(-50%)}
  .nav-logo-img{height:140px}
  .hamburger{position:absolute;right:16px}

  .hero{min-height:auto;padding:80px 0 32px}
  .hero-grid{grid-template-columns:1fr;text-align:center;padding-top:72px;gap:24px}
  .hero-visual{order:-1}
  .hero-visual .glow{display:none}
  .hero-visual .float-tag{display:none}
  .hero-btns{justify-content:center}
  .hero-desc{margin:16px auto 0}
  .hero .b1{width:18rem;height:18rem;top:-80px;left:-60px}
  .hero .b2{width:16rem;height:16rem}
  .hero .b3{display:none}
  .scroll-hint{display:none}

  .polaroid-stack{max-width:220px}
  .polaroid{padding:8px 8px 32px}
  .polaroid-caption{font-size:1.1rem;bottom:6px}
  .polaroid.prev{transform:scale(.82) rotate(-8deg) translateX(-60px) !important}
  .polaroid.next{transform:scale(.82) rotate(8deg) translateX(60px) !important}

  /* ABOUT — switch from absolute positioning to simple stacked layout on mobile */
  .about-section{padding:64px 16px}
  .about-grid{grid-template-columns:1fr;gap:24px}
  .about-photos{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:400px;margin:0 auto}
  .about-photos .photo{position:static;width:100%;aspect-ratio:3/4;border-radius:1rem}
  .about-photos .p1,.about-photos .p2{top:auto;left:auto;bottom:auto;right:auto}
  .about-photos .float-pill{display:none}
  .about-text{text-align:center;padding:0 8px}
  .about-text p{margin-left:auto;margin-right:auto}
  .about-stats{justify-content:center;gap:20px;flex-wrap:wrap}

  .services-grid{grid-template-columns:1fr}
  .contact-cards{grid-template-columns:1fr}

  .gallery-container{aspect-ratio:auto;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;max-width:100%}
  .gallery-container .g-logo{order:-1;grid-column:1/-1;aspect-ratio:3/1}
  .gallery-container .g-logo img{width:30%;max-width:100px}
  .gallery-container .g-cell:nth-last-child(2){grid-column:1/-1}
  .gallery-container .g-cell:last-child{grid-column:1/-1}

  .reel-card{flex:0 0 200px}

  .menu-item{grid-template-columns:1fr;gap:20px;padding:40px 0}
  .menu-item:nth-child(even){direction:ltr}

  .page-header{padding:100px 16px 48px}

  .footer-inner{flex-direction:column;align-items:flex-start}
  .footer-links{text-align:left}
  .footer-bottom{flex-direction:column;gap:4px}
}

/* =========================================
   RESPONSIVE — MOBILE (max 480px)
   ========================================= */
@media(max-width:480px){
  .nav-logo-img{height:120px}

  .hero-grid{padding:64px 12px 0}
  .hero h1 .line1{font-size:2rem}
  .hero h1 .line2{font-size:4rem}
  .hero-badge{font-size:.6rem;padding:4px 10px;margin-bottom:16px}
  .hero-desc{font-size:.95rem}
  .hero-btns{flex-direction:column;align-items:center;gap:10px}
  .hero-btns .btn-pill{width:100%;max-width:260px;justify-content:center;padding:12px 24px}

  .polaroid-stack{max-width:180px}
  .polaroid.prev,.polaroid.next{opacity:.3;transform:scale(.78) translateX(-45px) rotate(-6deg) !important}
  .polaroid.next{transform:scale(.78) translateX(45px) rotate(6deg) !important}

  .about-photos{max-width:300px}
  .s-num{font-size:1.6rem}

  .sec-title{font-size:clamp(1.5rem,5vw,2.2rem)}

  .gallery-container{padding:4px;gap:3px;border-radius:.8rem}
  .g-cell{border-radius:.5rem}
  .g-cell .g-label span{font-size:.85rem}

  .srv-card{padding:24px 20px}
  .srv-card h3{font-size:1.2rem}
  .srv-card p{font-size:.9rem}

  .reel-card{flex:0 0 160px;border-radius:.8rem}

  .tc-mark{font-size:3rem}
  .tc-quote{font-size:1rem}

  .o-card{padding:20px}
  .o-card .o-value{font-size:.95rem}

  .menu-item h3{font-size:1.5rem}

  .marquee-track{gap:20px}
  .marquee-track span{font-size:1.2rem}
  .marquee-track .dot{font-size:1.6rem}

  .footer{padding:32px 12px}
  .footer-bottom{margin-top:24px}

  .page-header{padding:88px 12px 36px}
}

/* Inline style overrides for mobile */
@media(max-width:900px){
  [style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr !important}
  [style*="padding:112px"]{padding:48px 16px !important}
  [style*="padding:128px"]{padding:56px 16px !important}
  [style*="padding:80px 24px"]{padding:40px 16px !important}
  [style*="padding:48px 24px"]{padding:32px 16px !important}
  [style*="margin-top:56px"]{margin-top:24px !important}
  [style*="margin-top:64px"]{margin-top:28px !important}
  [style*="margin-top:48px"]{margin-top:20px !important}
  [style*="margin-bottom:48px"]{margin-bottom:24px !important}
}