*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --primary:    #f05c62;
      --secondary:  #2f3440;
      --white:      #ffffff;
      --light-bg:   #fafafa;
      --light-gray: #f4f4f4;
      --mid-gray:   #e8e8e8;
      --text-muted: #666;
      --text-body:  #444;
      --radius:     16px;
      --shadow:     0 8px 40px rgba(0,0,0,0.08);
      --shadow-strong: 0 16px 60px rgba(240,92,98,0.15);
    }

    html { scroll-behavior: smooth; }
    .teamhome-interiorpage-design-reveal-body {
      font-family: Arial, Helvetica, sans-serif;
      color: var(--secondary);
      background: var(--white);
      overflow-x: hidden;
    }

    /* ── ANIMATIONS ── */
    @keyframes fadeUp   { from { opacity:0; transform:translateY(36px); } to { opacity:1; transform:none; } }
    @keyframes fadeIn   { from { opacity:0; } to { opacity:1; } }
    @keyframes slideL   { from { opacity:0; transform:translateX(-44px); } to { opacity:1; transform:none; } }
    @keyframes slideR   { from { opacity:0; transform:translateX(44px);  } to { opacity:1; transform:none; } }
    @keyframes scaleIn  { from { opacity:0; transform:scale(0.92); } to { opacity:1; transform:scale(1); } }
    @keyframes lineGrow { from { width:0; } to { width:60px; } }
    @keyframes pulse-ring {
      0%  { box-shadow: 0 0 0 0 rgba(240,92,98,0.35); }
      70% { box-shadow: 0 0 0 18px rgba(240,92,98,0); }
      100%{ box-shadow: 0 0 0 0 rgba(240,92,98,0); }
    }
    @keyframes floatY { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-8px);} }
    @keyframes rotateSlow { from{transform:rotate(0);} to{transform:rotate(360deg);} }

    /* scroll reveal */
    .teamhome-interiorpage-design-reveal,
    .teamhome-interiorpage-design-reveal-left,
    .teamhome-interiorpage-design-reveal-right {
      opacity: 0;
      transform: translateY(32px);
      transition: opacity .7s ease, transform .7s ease;
    }
    .teamhome-interiorpage-design-reveal.visible,
    .teamhome-interiorpage-design-reveal-left.visible,
    .teamhome-interiorpage-design-reveal-right.visible { opacity:1; transform:none; }

    .tip-delay-1 { transition-delay:.08s; }
    .tip-delay-2 { transition-delay:.17s; }
    .tip-delay-3 { transition-delay:.26s; }
    .tip-delay-4 { transition-delay:.35s; }
    .tip-delay-5 { transition-delay:.44s; }

    /* ── SHARED ── */
    .tip-container { max-width:1180px; margin:0 auto; padding:0 36px; }
    .tip-section     { padding:96px 0; background:var(--white); }
    .tip-section-alt { background:var(--light-bg); }

    .tip-eyebrow {
      display:inline-flex; align-items:center; gap:7px;
      font-size:.75rem; font-weight:600; letter-spacing:3px;
      text-transform:uppercase; color:var(--primary);
      background:rgba(240,92,98,.1); padding:6px 16px;
      border-radius:100px; margin-bottom:14px;
    }

    .tip-h2 {
      font-size:2.2rem; font-weight:600; letter-spacing:.4px;
      line-height:1.15; color:var(--secondary);
    }
    .tip-h2 span { color:var(--primary); }
    .tip-h2-light { color:var(--white); }

    .tip-divider {
      width:60px; height:3px;
      background:linear-gradient(90deg, var(--primary), rgba(240,92,98,.25));
      border-radius:4px; margin-top:18px;
    }

    .tip-body-text {
      font-size:.97rem; color:var(--text-body);
      line-height:1.82; margin-bottom:36px;
    }

    /* ────────────────────────────────────────────────
       HERO  –  completely new design
       Split-screen: left = image mosaic, right = text panel
    ──────────────────────────────────────────────── */
    #teamhome-interiorpage-design-hero {
      display:grid;
      grid-template-columns: 55% 45%;
      min-height:100vh;
      position:relative;
      overflow:hidden;
    }

    /* LEFT – image mosaic */
    .tip-hero-mosaic {
      position:relative;
      display:grid;
      grid-template-rows: 58% 42%;
      grid-template-columns: 60% 40%;
      height:100vh;
    }
    .tip-hero-mosaic-img {
      overflow:hidden;
      position:relative;
    }
    .tip-hero-mosaic-img img {
      width:100%; height:100%;
      object-fit:cover;
      display:block;
      transition:transform .8s ease;
    }
    .tip-hero-mosaic-img:hover img { transform:scale(1.06); }

    /* main large image spans 2 rows */
    .tip-hm-main {
      grid-row: 1 / 3;
      grid-column: 1;
    }
    .tip-hm-top   { grid-row:1; grid-column:2; }
    .tip-hm-bot   { grid-row:2; grid-column:2; position:relative; }

    /* gap lines between mosaic cells */
    .tip-hero-mosaic::after {
      content:'';
      position:absolute; inset:0;
      background:
        linear-gradient(90deg, transparent calc(60% - 2px), var(--white) calc(60% - 2px), var(--white) calc(60% + 2px), transparent calc(60% + 2px)),
        linear-gradient(180deg, transparent calc(58% - 2px), var(--white) calc(58% - 2px), var(--white) calc(58% + 2px), transparent calc(58% + 2px));
      pointer-events:none; z-index:1;
    }

    /* floating badge on mosaic */
    .tip-hero-badge {
      position:absolute; bottom:24px; left:24px; z-index:3;
      background:var(--white);
      border-radius:14px;
      padding:14px 20px;
      box-shadow:0 12px 40px rgba(0,0,0,0.18);
      display:flex; align-items:center; gap:13px;
      animation:scaleIn .8s .6s both;
    }
    .tip-hero-badge-icon {
      width:44px; height:44px;
      background:rgba(240,92,98,.1);
      border-radius:10px;
      display:flex; align-items:center; justify-content:center;
    }
    .tip-hero-badge-icon i { color:var(--primary); font-size:1.15rem; }
    .tip-hero-badge-text strong { display:block; font-size:.92rem; font-weight:600; color:var(--secondary); }
    .tip-hero-badge-text span   { font-size:.74rem; color:var(--text-muted); }

    /* RIGHT – content panel */
    .tip-hero-panel {
      background:var(--secondary);
      display:flex; flex-direction:column;
      justify-content:center;
      padding:60px 56px;
      position:relative;
      overflow:hidden;
    }
    /* decorative circles */
    .tip-hero-panel::before {
      content:'';
      position:absolute; top:-100px; right:-100px;
      width:340px; height:340px;
      border-radius:50%;
      border:60px solid rgba(240,92,98,.07);
      pointer-events:none;
    }
    .tip-hero-panel::after {
      content:'';
      position:absolute; bottom:-80px; left:-80px;
      width:260px; height:260px;
      border-radius:50%;
      background:rgba(240,92,98,.05);
      pointer-events:none;
    }
    /* dot grid */
    .tip-hero-dots {
      position:absolute; inset:0;
      background-image:radial-gradient(rgba(255,255,255,.045) 1px, transparent 1px);
      background-size:24px 24px;
      pointer-events:none;
    }

    .tip-hero-content { position:relative; z-index:2; }
    .tip-hero-sub {
      display:inline-block;
      font-size:.72rem; font-weight:600; letter-spacing:3.5px;
      text-transform:uppercase; color:var(--primary);
      background:rgba(240,92,98,.12); padding:6px 16px;
      border-radius:100px; margin-bottom:24px;
      animation:fadeIn .7s .2s both;
    }
    .tip-hero-content h1 {
      font-size:3.5rem; font-weight:600; letter-spacing:-1px;
      line-height:1.07; color:var(--white);
      margin-bottom:20px;
      animation:slideR .8s .3s both;
    }
    .tip-hero-content h1 em {
      font-style:normal; color:var(--primary);
      display:block;
    }
    .tip-hero-desc {
      font-size:.97rem; color:rgba(255,255,255,.62);
      line-height:1.78; max-width:380px;
      margin-bottom:40px;
      animation:fadeUp .8s .45s both;
    }
    .tip-hero-cta {
      display:inline-flex; align-items:center; gap:10px;
      background:var(--primary); color:var(--white);
      text-decoration:none;
      padding:16px 36px; border-radius:100px;
      font-size:.92rem; font-weight:600; letter-spacing:.5px;
      text-transform:uppercase;
      transition:all .28s ease;
      animation:pulse-ring 2.4s ease infinite, fadeIn .8s .6s both;
      box-shadow:0 8px 28px rgba(240,92,98,.35);
    }
    .tip-hero-cta:hover {
      background:var(--white); color:var(--primary);
      transform:translateY(-3px);
      box-shadow:0 16px 42px rgba(240,92,98,.4);
    }

    /* hero mini stats row */
    .tip-hero-stats {
      display:flex; gap:28px; margin-top:44px;
      padding-top:36px;
      border-top:1px solid rgba(255,255,255,.08);
      animation:fadeUp .8s .7s both;
    }
    .tip-hero-stat strong {
      display:block;
      font-size:1.55rem; font-weight:600; color:var(--primary);
      line-height:1;
    }
    .tip-hero-stat span {
      font-size:.72rem; color:rgba(255,255,255,.45);
      letter-spacing:1.5px; text-transform:uppercase;
    }

    /* scroll pill */
    .tip-hero-bar {
      position:absolute; bottom:32px; left:50%;
      transform:translateX(-50%);
      z-index:10;
      display:flex; flex-direction:column; align-items:center; gap:7px;
      color:rgba(255,255,255,.35); font-size:.65rem;
      letter-spacing:2px; text-transform:uppercase;
    }
    .tip-hero-bar::before {
      content:'';
      width:1px; height:48px;
      background:linear-gradient(to bottom, rgba(255,255,255,.4), transparent);
      animation:floatY 2s ease infinite;
    }
    /* hero hidden img (kept for DOM, mosaic handles visuals) */
    .tip-hero-img { display:none; }
    .tip-hero-overlay { display:none; }

    /* ────────────────────────────────────────────────
       INTRO  (Section 1)
    ──────────────────────────────────────────────── */
    .tip-intro-layout {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:70px;
      align-items:center;
    }

    .tip-intro-images {
      position:relative;
      height:520px;
    }
    .tip-intro-img-main {
      width:72%; height:75%;
      object-fit:cover;
      border-radius:var(--radius);
      position:absolute; bottom:0; left:0;
      box-shadow:var(--shadow);
      transition:transform .5s ease;
    }
    .tip-intro-img-secondary {
      width:60%; height:55%;
      object-fit:cover;
      border-radius:var(--radius);
      position:absolute; top:0; right:0;
      box-shadow:var(--shadow);
      border:4px solid var(--white);
      transition:transform .5s ease;
    }
    .tip-intro-img-main:hover    { transform:scale(1.03); }
    .tip-intro-img-secondary:hover { transform:scale(1.03); }

    /* red accent square behind images */
    .tip-intro-images::before {
      content:'';
      position:absolute; bottom:-18px; left:-18px;
      width:120px; height:120px;
      background:rgba(240,92,98,.1);
      border-radius:14px;
      z-index:-1;
    }
    .tip-intro-images::after {
      content:'';
      position:absolute; top:-14px; right:-14px;
      width:80px; height:80px;
      border:3px solid rgba(240,92,98,.2);
      border-radius:50%;
      z-index:-1;
    }

    .tip-feature-grid {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:13px;
    }
    .tip-feat-box {
      display:flex; align-items:center; gap:13px;
      padding:16px 18px;
      background:var(--light-gray);
      border-radius:12px;
      border-left:3px solid transparent;
      transition:all .28s ease;
      cursor:default;
    }
    .tip-feat-box:hover {
      border-left-color:var(--primary);
      background:rgba(240,92,98,.05);
      transform:translateX(4px);
    }
    .tip-feat-icon {
      width:36px; height:36px; flex-shrink:0;
      background:rgba(240,92,98,.1);
      border-radius:9px;
      display:flex; align-items:center; justify-content:center;
    }
    .tip-feat-icon svg {
      width:16px; height:16px;
      stroke:var(--primary); fill:none;
      stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
    }
    .tip-feat-box strong { font-size:.85rem; font-weight:600; color:var(--secondary); }

    /* ────────────────────────────────────────────────
       PRICING
    ──────────────────────────────────────────────── */
    .tip-pricing-header { text-align:center; margin-bottom:52px; }
    .tip-pricing-header p { font-size:.97rem; color:var(--text-muted); margin-top:10px; }

    .tip-pkg-cards {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:22px;
      max-width:940px;
      margin:0 auto;
    }
    .teamhome-interiorpage-design-pkg-card {
      border-radius:var(--radius);
      padding:44px 32px;
      text-align:center;
      position:relative;
      overflow:hidden;
      transition:transform .3s ease, box-shadow .3s ease;
      cursor:default;
    }
    .teamhome-interiorpage-design-pkg-card:hover {
      transform:translateY(-10px);
      box-shadow:var(--shadow-strong);
    }
    /* decorative ring */
    .teamhome-interiorpage-design-pkg-card::before {
      content:'';
      position:absolute; bottom:-40px; right:-40px;
      width:140px; height:140px;
      border-radius:50%;
      background:rgba(255,255,255,.06);
    }
    .tip-pkg-light { background:var(--light-gray); box-shadow:var(--shadow);border: 1px solid black; }
    .tip-pkg-light .tip-pkg-label { color:var(--text-muted); }
    .tip-pkg-light .tip-pkg-price { color:var(--secondary); }
    .tip-pkg-light .tip-pkg-btn   { background:var(--primary); color:var(--white); }
    .tip-pkg-light .tip-pkg-btn:hover { background:var(--secondary); }

    .tip-pkg-primary { background:var(--primary); box-shadow:0 16px 50px rgba(240,92,98,.35); }
    .tip-pkg-primary .tip-pkg-label { color:rgba(255,255,255,.78); }
    .tip-pkg-primary .tip-pkg-price { color:var(--white); }
    .tip-pkg-primary .tip-pkg-btn   { background:var(--white); color:var(--primary); }
    .tip-pkg-primary .tip-pkg-btn:hover { background:var(--secondary); color:var(--white); }
    /* popular ribbon */
    .tip-pkg-primary::after {
      content:'Most Popular';
      position:absolute; top:16px; right:-28px;
      background:var(--secondary);
      color:var(--white);
      font-size:.62rem; font-weight:600; letter-spacing:1.5px;
      text-transform:uppercase;
      padding:5px 36px;
      transform:rotate(40deg);
    }

    .tip-pkg-dark { background:var(--secondary); box-shadow:var(--shadow); }
    .tip-pkg-dark .tip-pkg-label { color:rgba(255,255,255,.55); }
    .tip-pkg-dark .tip-pkg-price { color:var(--white); }
    .tip-pkg-dark .tip-pkg-btn   { background:var(--primary); color:var(--white); }
    .tip-pkg-dark .tip-pkg-btn:hover { background:rgba(255,255,255,.12); }

    .tip-pkg-label { font-size:.88rem; line-height:1.55; margin-bottom:20px; font-weight:600; }
    .tip-pkg-price { font-size:1.95rem; font-weight:600; letter-spacing:-.5px; margin-bottom:28px; line-height:1; }
    .tip-pkg-btn {
      display:inline-flex; align-items:center; gap:9px;
      text-decoration:none;
      padding:13px 26px; border-radius:100px;
      font-size:.82rem; font-weight:600; letter-spacing:.4px;
      text-transform:uppercase;
      transition:all .25s ease;
    }

    /* ────────────────────────────────────────────────
       SPECIFICATIONS
    ──────────────────────────────────────────────── */
    #teamhome-interiorpage-design-specs {
      padding:96px 0;
      background:var(--secondary);
      position:relative;
      overflow:hidden;
    }
    #teamhome-interiorpage-design-specs::before {
      content:'';
      position:absolute; inset:0;
      background-image:radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
      background-size:26px 26px;
      pointer-events:none;
    }
    #teamhome-interiorpage-design-specs::after {
      content:'';
      position:absolute; top:-100px; right:-100px;
      width:400px; height:400px; border-radius:50%;
      background:radial-gradient(circle, rgba(240,92,98,.08) 0%, transparent 70%);
      pointer-events:none;
    }
    .tip-specs-header { text-align:center; margin-bottom:52px; position:relative; z-index:1; }
    .tip-specs-header h2 {
      font-size:2.2rem; font-weight:600; letter-spacing:.4px;
      line-height:1.15; color:var(--white);
    }
    .tip-specs-header p { font-size:.97rem; color:rgba(255,255,255,.52); margin-top:10px; }
    .tip-specs-divider {
      width:60px; height:3px;
      background:linear-gradient(90deg, var(--primary), rgba(240,92,98,.25));
      border-radius:4px; margin:16px auto 0;
    }

    .teamhome-interiorpage-design-spec-item {
      display:flex; align-items:flex-start; gap:16px;
      padding:18px 0;
      border-bottom:1px solid rgba(255,255,255,.07);
      font-size:.93rem; color:rgba(255,255,255,.72);
      line-height:1.65;
      position:relative; z-index:1;
      transition:color .25s, padding-left .25s;
      cursor:default;
    }
    .teamhome-interiorpage-design-spec-item:last-child { border-bottom:none; }
    .teamhome-interiorpage-design-spec-item:hover {
      color:var(--white);
      padding-left:8px;
    }
    .tip-spec-dot {
      width:9px; height:9px; border-radius:50%;
      background:var(--primary);
      flex-shrink:0; margin-top:6px;
      transition:transform .25s;
    }
    .teamhome-interiorpage-design-spec-item:hover .tip-spec-dot { transform:scale(1.5); }

    /* ────────────────────────────────────────────────
       WHY TEAMHOME
    ──────────────────────────────────────────────── */
    #teamhome-interiorpage-design-why {
      padding:96px 0;
      background:var(--light-bg);
    }
    .tip-why-header { text-align:center; margin-bottom:56px; }

    .tip-why-grid {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:20px;
    }
    .teamhome-interiorpage-design-why-card {
      background:var(--white);
      border-radius:var(--radius);
      padding:36px 26px;
      border:1px solid var(--mid-gray);
      position:relative;
      overflow:hidden;
      transition:all .32s ease;
      cursor:default;
    }
    .teamhome-interiorpage-design-why-card::before {
      content:'';
      position:absolute; bottom:0; left:0;
      width:100%; height:3px;
      background:var(--primary);
      transform:scaleX(0); transform-origin:left;
      transition:transform .35s ease;
    }
    .teamhome-interiorpage-design-why-card:hover::before { transform:scaleX(1); }
    .teamhome-interiorpage-design-why-card:hover {
      border-color:transparent;
      box-shadow:var(--shadow-strong);
      transform:translateY(-8px);
    }
    .tip-why-icon-wrap {
      width:52px; height:52px;
      background:rgba(240,92,98,.1);
      border-radius:13px;
      display:flex; align-items:center; justify-content:center;
      margin-bottom:20px;
      transition:background .28s;
    }
    .teamhome-interiorpage-design-why-card:hover .tip-why-icon-wrap { background:rgba(240,92,98,.18); }
    .tip-why-icon-wrap svg {
      width:22px; height:22px;
      stroke:var(--primary); fill:none;
      stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
    }
    .teamhome-interiorpage-design-why-card h4 {
      font-size:1.02rem; font-weight:600;
      color:var(--secondary); margin-bottom:10px;
    }
    .teamhome-interiorpage-design-why-card p {
      font-size:.86rem; color:var(--text-muted); line-height:1.7;
    }

    /* ────────────────────────────────────────────────
       GALLERY
    ──────────────────────────────────────────────── */
    .tip-gallery-intro { text-align:center; margin-bottom:52px; }

    .tip-gallery-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      grid-template-rows:auto auto;
      gap:14px;
    }
    .teamhome-interiorpage-design-gallery-item {
      position:relative;
      border-radius:14px;
      overflow:hidden;
      aspect-ratio:4/3;
      cursor:pointer;
    }
    .tip-span-2 { grid-column:span 2; aspect-ratio:16/9; }

    .teamhome-interiorpage-design-gallery-item img {
      width:100%; height:100%;
      object-fit:cover;
      display:block;
      transition:transform .6s ease;
    }
    .teamhome-interiorpage-design-gallery-item:hover img { transform:scale(1.07); }

    .tip-gallery-overlay {
      position:absolute; inset:0;
      background:linear-gradient(to top, rgba(47,52,64,.75) 0%, transparent 55%);
      opacity:0;
      transition:opacity .35s ease;
      display:flex; align-items:flex-end; padding:18px 20px;
    }
    .teamhome-interiorpage-design-gallery-item:hover .tip-gallery-overlay { opacity:1; }
    .tip-gallery-caption {
      color:var(--white); font-size:.88rem; font-weight:600;
      transform:translateY(8px);
      transition:transform .35s ease;
    }
    .teamhome-interiorpage-design-gallery-item:hover .tip-gallery-caption { transform:none; }

    /* ────────────────────────────────────────────────
       CTA BANNER
    ──────────────────────────────────────────────── */
    #teamhome-interiorpage-design-cta-banner {
      padding:90px 0;
      background:var(--primary);
      text-align:center;
      position:relative;
      overflow:hidden;
    }
    #teamhome-interiorpage-design-cta-banner::before {
      content:'';
      position:absolute; inset:0;
      background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px);
      background-size:24px 24px;
    }
    #teamhome-interiorpage-design-cta-banner::after {
      content:'';
      position:absolute; top:-80px; left:-80px;
      width:300px; height:300px; border-radius:50%;
      background:rgba(255,255,255,.07);
    }
    #teamhome-interiorpage-design-cta-banner .tip-container { position:relative; z-index:1; }
    #teamhome-interiorpage-design-cta-banner h2 {
      font-size:2.2rem; font-weight:600; letter-spacing:.4px;
      line-height:1.22; color:var(--white);
      margin-bottom:32px;
    }
    #teamhome-interiorpage-design-cta-banner h2 em { font-style:normal; display:block; }
    .tip-cta-banner-btn {
      display:inline-flex; align-items:center; gap:10px;
      background:var(--white); color:var(--primary);
      text-decoration:none;
      padding:17px 50px; border-radius:100px;
      font-size:1rem; font-weight:600; letter-spacing:.4px;
      text-transform:uppercase;
      transition:all .28s ease;
      box-shadow:0 12px 40px rgba(0,0,0,.18);
    }
    .tip-cta-banner-btn:hover {
      background:var(--secondary); color:var(--white);
      transform:translateY(-3px);
      box-shadow:0 20px 50px rgba(0,0,0,.22);
    }

    /* ────────────────────────────────────────────────
       CONTACT
    ──────────────────────────────────────────────── */
    #teamhome-interiorpage-design-contact {
      padding:96px 0;
      background:var(--light-bg);
    }
    .tip-contact-layout {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:start;
    }
    .tip-contact-text h2 {
      font-size:2.2rem; font-weight:600; letter-spacing:.4px;
      line-height:1.15; color:var(--secondary);
      margin-bottom:18px;
    }
    .tip-contact-text p {
      font-size:.95rem; color:var(--text-body);
      line-height:1.8; margin-bottom:32px;
    }
    .tip-contact-items { display:flex; flex-direction:column; gap:14px; }
    .tip-contact-item {
      display:flex; align-items:center; gap:14px;
      font-size:.9rem; color:var(--text-body);
    }
    .tip-contact-item-icon {
      width:40px; height:40px; flex-shrink:0;
      background:rgba(240,92,98,.1);
      border-radius:10px;
      display:flex; align-items:center; justify-content:center;
    }
    .tip-contact-item-icon svg {
      width:16px; height:16px;
      stroke:var(--primary); fill:none;
      stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
    }

    /* Form card */
    .tip-form-card {
      background:var(--white);
      border-radius:var(--radius);
      padding:44px 40px;
      box-shadow:var(--shadow);
      border-top:4px solid var(--primary);
    }
    .tip-form-title {
      font-size:1.3rem; font-weight:600; color:var(--secondary);
      margin-bottom:6px;
    }
    .tip-form-sub { font-size:.82rem; color:var(--text-muted); margin-bottom:28px; }

    .tip-form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }

    .teamhome-interiorpage-design-form-group {
      display:flex; flex-direction:column; gap:6px;
      margin-bottom:14px;
    }
    .teamhome-interiorpage-design-form-group label {
      font-size:.78rem; font-weight:600; color:var(--secondary);
      text-transform:uppercase; letter-spacing:.5px;
    }
    .teamhome-interiorpage-design-form-group input,
    .teamhome-interiorpage-design-form-group select,
    .teamhome-interiorpage-design-form-group textarea {
      font-family:Arial, Helvetica, sans-serif;
      font-size:.9rem; color:var(--secondary);
      background:var(--light-gray);
      border:1.5px solid var(--mid-gray);
      border-radius:10px;
      padding:12px 15px;
      outline:none;
      transition:border-color .25s, box-shadow .25s;
      resize:none;
    }
    .teamhome-interiorpage-design-form-group textarea { min-height:110px; }
    .teamhome-interiorpage-design-form-group input:focus,
    .teamhome-interiorpage-design-form-group select:focus,
    .teamhome-interiorpage-design-form-group textarea:focus {
      border-color:var(--primary);
      box-shadow:0 0 0 3px rgba(240,92,98,.1);
    }
    .tip-submit-btn {
      width:100%;
      background:var(--primary); color:var(--white);
      border:none; cursor:pointer;
      font-family:Arial, Helvetica, sans-serif;
      font-size:.92rem; font-weight:600; letter-spacing:.5px;
      text-transform:uppercase;
      padding:16px; border-radius:10px;
      display:flex; align-items:center; justify-content:center; gap:9px;
      transition:all .28s ease;
      margin-top:6px;
    }
    .tip-submit-btn:hover { background:var(--secondary); transform:translateY(-2px); }

    .tip-form-success {
      display:none; align-items:center; gap:10px;
      background:rgba(34,197,94,.1); color:#16a34a;
      border-radius:10px; padding:14px 16px;
      font-size:.88rem; font-weight:600; margin-top:14px;
    }
    .tip-form-success.show { display:flex; }
    .tip-form-success svg {
      width:18px; height:18px; flex-shrink:0;
      stroke:#16a34a; fill:none;
      stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round;
    }

    /* ── RESPONSIVE ── */
    @media(max-width:960px){
      #teamhome-interiorpage-design-hero { grid-template-columns:1fr; min-height:auto; }
      .tip-hero-mosaic { height:55vw; min-height:320px; }
      .tip-hero-panel { padding:52px 32px; }
      .tip-hero-content h1 { font-size:2.6rem; }
      .tip-intro-layout { grid-template-columns:1fr; }
      .tip-intro-images { height:360px; }
      .tip-pkg-cards { grid-template-columns:1fr; max-width:380px; margin:0 auto; }
      .tip-why-grid { grid-template-columns:1fr 1fr; }
      .tip-gallery-grid { grid-template-columns:1fr 1fr; }
      .tip-span-2 { grid-column:span 2; }
      .tip-contact-layout { grid-template-columns:1fr; }
    }
    @media(max-width:600px){
      .tip-container { padding:0 20px; }
      .tip-section { padding:68px 0; }
      .tip-why-grid { grid-template-columns:1fr; }
      .tip-feature-grid { grid-template-columns:1fr; }
      .tip-form-row { grid-template-columns:1fr; }
      .tip-gallery-grid { grid-template-columns:1fr; }
      .tip-span-2 { grid-column:span 1; aspect-ratio:4/3; }
      .tip-hero-content h1 { font-size:2rem; }
      .tip-hero-panel { padding:40px 24px; }
      .tip-form-card { padding:30px 22px; }
    }