/* HRCS India – premium layer: serif display, brand accent colours, scroll effects */
:root{--accent:var(--teal);--accent-d:var(--teal-d);--accent-l:var(--cream);--hl:#111;--serif:'Cormorant Garamond','Playfair Display',Georgia,serif}

/* No gold: on dark teal sections the accent is brand cream, elsewhere brand teal */
.hero,.slide,.page-hero,.sec-teal,.big-cards,.footer,.emi-out,.cta-band,.iw-card,.ld-aside,.p360-price,.cmp-new,.orbit-core,.s360-orb{--accent:var(--cream);--accent-d:var(--cream);--accent-l:var(--cream)}

/* Typography: elegant serif display for big headings */
.slide h1,.slide h2,.page-hero h1,.sec-head h2,.split h2,.cta-band h2,.story h2,.big-cards h2,.emi h2{font-family:var(--serif);font-weight:600;letter-spacing:-.005em;line-height:1.08}
.slide h1,.slide h2{font-size:clamp(42px,6.4vw,84px)}
.page-hero h1{font-size:clamp(40px,5.6vw,72px)}
.sec-head h2{font-size:clamp(34px,4.4vw,56px)}
.split h2{font-size:clamp(32px,4vw,50px)}
.slide h1 em,.slide h2 em,.page-hero h1 em{font-style:italic;color:var(--accent)}
.hl{font-style:italic}
.eyebrow{color:var(--accent-d)}
.sec-teal .eyebrow,.page-hero .eyebrow{color:var(--accent)}
.eyebrow::before{background:var(--accent)}
section{padding:120px 0}
@media (max-width:860px){section{padding:80px 0}}

/* Lenis recommended CSS */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
/* style.css sets html{scroll-behavior:smooth}; Lenis 1.1 doesn't add .lenis-smooth, so ScrollTrigger's refresh (resize, load) measured mid-glide and broke pins. */
html.lenis{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* Page transitions */
body{animation:pageIn .7s ease both}
body.leaving{opacity:0;transition:opacity .35s ease}
@keyframes pageIn{from{opacity:0}to{opacity:1}}

/* Glass header that shrinks */
.header{transition:height .35s,background .35s,box-shadow .35s}
.header .nav{transition:height .35s}
.header.scrolled{background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(160%)}
.header.scrolled .nav{height:64px}
.header.scrolled .brand img{width:44px;height:44px}
@media (max-width:1080px){.header.scrolled{background:#fff;backdrop-filter:none}}

/* Hero: masked line-by-line headline */
.split-words .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.split-words .w>span{display:inline-block;transform:translateY(110%);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.slide.active .split-words .w>span,.split-words.in .w>span{transform:none}
.slide .slide-txt>h1,.slide .slide-txt>h2{opacity:1!important;transform:none!important}

.hero .hero-ctrl{bottom:96px}
.hero{height:min(100vh,860px);min-height:620px}
.slide::after{background:linear-gradient(95deg,rgba(6,30,32,.94) 0%,rgba(10,47,49,.72) 45%,rgba(10,47,49,.15) 100%)}

/* Image curtain reveal */
.img-reveal{position:relative;overflow:hidden;border-radius:var(--r)}
.img-reveal img{transform:scale(1.25);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.img-reveal::after{content:"";position:absolute;inset:0;background:var(--teal-d);transform-origin:right;transition:transform 1.1s cubic-bezier(.77,0,.18,1);z-index:2}
.img-reveal.in img{transform:scale(1)}
.img-reveal.in::after{transform:scaleX(0)}
.split-media .img-reveal{box-shadow:var(--shadow-lg)}
.split-media .img-reveal img{box-shadow:none}
.tl-media .img-reveal img{box-shadow:none}

/* Stats underline draw */
.stat{position:relative}
.stat::after{content:"";position:absolute;left:30%;right:30%;bottom:16px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform 1.2s .3s cubic-bezier(.2,.8,.2,1)}
.stats-grid.in .stat::after{transform:scaleX(1)}

/* Big service cards: horizontal scroll strip */
.big-cards{background:var(--teal-dd);color:#D3E8E6;overflow:hidden;padding:110px 0}
.big-cards .sec-head h2{color:#fff}
.big-cards .sec-head p{color:#B9D6D3}
@media (min-width:861px){.big-cards{min-height:100vh;padding:clamp(48px,8vh,110px) 0;display:flex;flex-direction:column;justify-content:center}.big-cards .sec-head{margin-bottom:clamp(24px,4vh,52px)}.big-cards .bcard{height:min(560px,calc(100vh - 330px));min-height:300px}}
.hs-track{display:flex;gap:28px;padding:0 max(16px,calc((100vw - 1180px)/2));width:max-content}
.bcard{position:relative;width:min(440px,78vw);height:min(560px,70vh);min-height:420px;border-radius:24px;overflow:hidden;flex:none;display:block;color:#fff;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.bcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.bcard::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,30,32,.05) 30%,rgba(6,30,32,.9));z-index:1}
.bcard .bc-body{position:absolute;left:0;right:0;bottom:0;padding:34px;z-index:2}
.bcard .bc-n{font:500 13px/1 'Poppins',sans-serif;letter-spacing:.3em;color:var(--accent);margin-bottom:12px;display:block}
.bcard h3{font:600 clamp(32px,3.4vw,44px)/1.05 var(--serif);color:#fff;margin-bottom:10px}
.bcard p{color:#D9EBE9;font-size:15.5px;max-width:330px;max-height:0;opacity:0;overflow:hidden;transition:.6s cubic-bezier(.2,.8,.2,1)}
.bcard .bc-go{position:absolute;right:28px;top:28px;z-index:2;width:56px;height:56px;border-radius:50%;background:var(--cream);color:var(--teal-dd);display:grid;place-items:center;transform:scale(0) rotate(-90deg);transition:.5s cubic-bezier(.2,.8,.2,1)}
.bcard .bc-go svg{width:22px;height:22px}
.bcard:hover img{transform:scale(1.1)}
.bcard:hover p{max-height:120px;opacity:1;margin-top:6px}
.bcard:hover .bc-go{transform:none}
@media (hover:none){.bcard p{max-height:120px;opacity:1}.bcard .bc-go{transform:none}}
.hs-wrap.no-pin{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hs-wrap.no-pin::-webkit-scrollbar{display:none}

/* Pinned story (sticky) */
.story{background:var(--cream-l)}
.story-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:start}
.story-visual{position:sticky;top:110px;height:min(72vh,620px);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-lg)}
.story-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.12);transition:opacity 1s ease,transform 1.6s cubic-bezier(.2,.8,.2,1)}
.story-visual img.on{opacity:1;transform:scale(1)}
.story-visual .sv-tag{position:absolute;left:22px;bottom:22px;z-index:2;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-radius:999px;padding:10px 18px;font:600 14px 'Poppins',sans-serif;color:var(--teal-dd)}
.story-prog{position:absolute;left:0;top:0;height:4px;background:var(--accent);z-index:3;width:0;transition:width .6s}
.story-steps{padding:6vh 0}
.story-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.25;transition:opacity .6s}
.story-step.on{opacity:1}
.story-step .sn{font:600 15px 'Poppins',sans-serif;color:var(--accent-d);letter-spacing:.2em;margin-bottom:14px}
.story-step h3{font:600 clamp(30px,3.4vw,46px)/1.1 var(--serif);margin-bottom:14px;color:var(--teal-dd)}
.story-step p{color:var(--muted);font-size:17px;max-width:460px}
.story-step a{margin-top:22px;align-self:flex-start}
.story-step .m-img{display:none}
@media (max-width:860px){
  .story-grid{grid-template-columns:1fr;gap:0}
  .story-visual{display:none}
  .story-step{min-height:auto;opacity:1;padding:30px 0}
  .story-step .m-img{display:block;border-radius:var(--r);aspect-ratio:16/10;object-fit:cover;margin-bottom:22px;width:100%}
}

/* EMI calculator */
.emi{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;background:#fff;border-radius:28px;padding:48px;box-shadow:var(--shadow-lg)}
.emi h2{font-size:clamp(30px,3.4vw,44px);margin-bottom:8px}
.emi-ctrl{display:grid;gap:30px;margin-top:26px}
.emi-row label{display:flex;justify-content:space-between;align-items:baseline;font:500 15px 'Poppins',sans-serif;color:var(--teal-dd);margin-bottom:12px}
.emi-row output{font:600 20px 'Poppins',sans-serif;color:var(--teal);font-variant-numeric:tabular-nums}
.emi input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--teal) var(--fill,50%),var(--teal-l) var(--fill,50%));outline:none}
.emi input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:6px solid var(--teal);box-shadow:0 4px 12px rgba(14,59,61,.3);cursor:grab;transition:transform .2s}
.emi input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}
.emi input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:6px solid var(--teal);cursor:grab}
.emi input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px rgba(53,153,153,.25)}
.emi-out{background:linear-gradient(150deg,var(--teal-dd),var(--teal-d));border-radius:22px;padding:36px;color:#D3E8E6;display:flex;flex-direction:column;align-items:center;text-align:center}
.emi-out small{letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:var(--accent)}
.emi-out .emi-val{font:600 clamp(40px,4.4vw,56px)/1.1 var(--serif);color:#fff;margin:8px 0 22px;font-variant-numeric:tabular-nums}
.emi-ring{width:190px;height:190px;position:relative;margin-bottom:22px}
.emi-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.emi-ring circle{fill:none;stroke-width:18}
.emi-ring .r-bg{stroke:var(--accent)}
.emi-ring .r-fg{stroke:var(--cream);stroke-linecap:round;transition:stroke-dasharray .6s cubic-bezier(.2,.8,.2,1)}
.emi-ring div{position:absolute;inset:0;display:grid;place-items:center;font:600 14px 'Poppins',sans-serif;color:#fff}
.emi-legend{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;font-size:14px}
.emi-legend span{display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.07);border-radius:12px;padding:12px}
.emi-legend b{color:#fff;font:600 16px 'Poppins',sans-serif;font-variant-numeric:tabular-nums}
.emi-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.emi-out .btn{margin-top:22px}
.emi-note{font-size:13px;color:var(--muted);margin-top:18px}
@media (max-width:860px){.emi{grid-template-columns:1fr;padding:26px}}

/* Before / after: real photos, after-image wipes in on scroll */
.room-sec .sec-head{margin-bottom:36px}
.room{position:relative;width:min(100%,calc((100vh - 120px)*2.03));margin:0 auto;aspect-ratio:1880/924;border-radius:26px;overflow:hidden;box-shadow:var(--shadow-lg);background:#e9e7e2}
.room img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,clip-path}
.room .rp-after{clip-path:inset(0 100% 0 0)}
.rp-edge{position:absolute;top:0;bottom:0;left:0;width:3px;margin-left:-1.5px;background:var(--accent);box-shadow:0 0 24px 4px rgba(53,153,153,.55);z-index:2;opacity:0}
.room-tag{position:absolute;left:22px;top:20px;display:grid;z-index:3}
.room-tag span{grid-area:1/1;background:rgba(6,30,32,.72);color:#fff;padding:8px 16px;border-radius:999px;font:600 13px 'Poppins',sans-serif;letter-spacing:.04em;backdrop-filter:blur(6px);transition:opacity .4s,transform .4s}
.room-tag .t-a{background:var(--hl);opacity:0;transform:translateY(8px)}
.room.done .room-tag .t-b{opacity:0;transform:translateY(-8px)}
.room.done .room-tag .t-a{opacity:1;transform:none}
.room-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.35);z-index:3}
.room-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--accent));transform:scaleX(0);transform-origin:left}
@media (max-width:860px){.room{width:100%;border-radius:18px}.room-tag{left:12px;top:12px}.room-tag span{font-size:11.5px;padding:6px 12px}}
/* No GSAP / reduced motion: show before above after, both full */
.room.static{aspect-ratio:auto;display:grid;gap:12px;background:none;box-shadow:none;border-radius:0;overflow:visible}
.room.static img{position:static;clip-path:none;aspect-ratio:1880/924;border-radius:18px}
.room.static .rp-edge,.room.static .room-tag,.room.static .room-bar{display:none}

/* Magnetic buttons + fill */
.btn.magnetic{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,color .35s,box-shadow .35s}
.btn-primary::before,.btn-outline::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--teal-dd);transform:scale(0);transition:transform .5s cubic-bezier(.2,.8,.2,1);z-index:-1}
.btn-primary,.btn-outline{isolation:isolate}
.btn-primary:hover::before,.btn-outline:hover::before{transform:scale(1.4)}
.btn-outline:hover{color:#fff;border-color:var(--teal-dd)}

/* Tilt cards */
.tilt{transform-style:preserve-3d;will-change:transform}

/* Section heading word reveal */
.sec-head h2.split-words .w>span{transition-duration:1.1s}

@media (prefers-reduced-motion:reduce){
  .split-words .w>span,.img-reveal img{transform:none!important}
  .img-reveal::after{display:none}

  body{animation:none}
  .story-step{opacity:1}
}

/* Google reviews (js/reviews.js) */
.rating-line{display:inline-flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:6px}
.rating-line b{font:600 28px/1 var(--serif);color:var(--teal-dd)}
.rating-line .stars,.g-badge small .stars{color:#F4B400;letter-spacing:2px;margin:0;font-size:18px}
.g-badge small[data-rating] b{color:var(--teal-dd)}
.rv-more{color:var(--teal);font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.rev-grid{align-items:start}
.rv-full p{color:var(--ink);font-size:15.5px;line-height:1.7;margin-bottom:12px}
.rv-full p:last-child{margin-bottom:20px}
/* body{overflow-x:hidden} (style.css) turns <body> into a scroll container, which silently breaks
   position:sticky (the "From land to keys" photo panel and the header). clip prevents sideways scroll without that. */
body{overflow-x:clip}
/* decorative floating rings removed at the owner's request */
.cta-band::before,.cta-band::after{display:none}

/* Interior: four-step cards with photos */
.icards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:ic;position:relative}
.icard{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 40px -28px rgba(14,59,61,.45);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.icard:hover{transform:translateY(-8px);box-shadow:0 30px 60px -28px rgba(14,59,61,.55);border-color:rgba(53,153,153,.4)}
.ic-media{position:relative;aspect-ratio:4/3;overflow:hidden}
.ic-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.icard:hover .ic-media img{transform:scale(1.08)}
.ic-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,59,61,0) 35%,rgba(14,59,61,.78))}
.ic-num{position:absolute;right:16px;bottom:8px;z-index:1;font:600 52px/1 'Cormorant Garamond',Georgia,serif;color:var(--cream);font-variant-numeric:lining-nums;letter-spacing:.02em}
.ic-body{position:relative;padding:40px 24px 26px}
.ic-badge{position:absolute;top:-30px;left:22px;width:60px;height:60px;border-radius:18px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(140deg,var(--teal),var(--teal-dd));box-shadow:0 12px 26px -10px rgba(14,59,61,.7),inset 0 0 0 1px rgba(255,255,255,.18);transition:transform .45s var(--ease)}
.icard:hover .ic-badge{transform:rotate(-6deg) scale(1.06)}
.ic-badge svg{width:28px;height:28px}
.icard h3{font-size:20px;color:var(--teal-dd);margin-bottom:8px}
.icard p{color:var(--muted);font-size:15px}
.ic-tag{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);width:100%;font:600 12.5px/1.2 'Poppins',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}
.ic-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(53,153,153,.18)}
@media (max-width:1000px){.icards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.icards{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.icard,.ic-media img,.ic-badge{transition:none}}

/* Interior page: highlighted link to hrcsindiainteriors.com */
.iw-sec{padding-top:10px}
.iw-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:52px 56px;border-radius:28px;color:#D3E8E6;text-decoration:none;
  background:linear-gradient(110deg,rgba(9,40,42,.96) 30%,rgba(14,59,61,.7)),url('../assets/interior-after.jpg') center/cover;
  box-shadow:0 30px 70px -30px rgba(9,40,42,.7);outline:2px solid transparent;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.iw-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(120deg,var(--accent),var(--cream),var(--teal),var(--accent));background-size:300% 100%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:iwGlow 6s linear infinite;pointer-events:none}
@keyframes iwGlow{to{background-position:300% 0}}
.iw-card:hover{transform:translateY(-6px);box-shadow:0 40px 80px -30px rgba(9,40,42,.8)}
.iw-card:focus-visible{outline-color:var(--cream);outline-offset:4px}
.iw-eyebrow{display:inline-block;font:600 12.5px/1 'Poppins',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.iw-card h2{color:#fff;font-size:clamp(26px,3.2vw,40px);line-height:1.15;margin-bottom:10px;text-wrap:balance}
.iw-card h2 em{color:var(--cream)}
.iw-card p{max-width:34em;font-size:16.5px}
.iw-url{display:inline-block;margin-top:16px;padding:6px 14px;border-radius:99px;background:rgba(249,247,207,.12);border:1px solid rgba(249,247,207,.35);color:var(--cream);font:600 15px/1.3 'Poppins',sans-serif;letter-spacing:.02em}
.iw-btn{display:inline-flex;align-items:center;gap:10px;padding:20px 32px;border-radius:999px;background:var(--cream);color:var(--teal-dd);font:700 17px/1 'Poppins',sans-serif;white-space:nowrap;box-shadow:0 14px 30px -12px rgba(249,247,207,.5);transition:background .3s,transform .3s}
.iw-btn svg{width:20px;height:20px;transition:transform .3s}
.iw-card:hover .iw-btn{background:#fff}
.iw-card:hover .iw-btn svg{transform:translate(3px,-3px)}
@media (max-width:760px){.iw-card{grid-template-columns:minmax(0,1fr);padding:34px 24px}.iw-btn{justify-content:center;white-space:normal}}
@media (prefers-reduced-motion:reduce){.iw-card::before{animation:none}}

/* Link to the HRCS India Interiors website, wherever interiors are mentioned */
.iw-link{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:8px 14px 8px 12px;border-radius:999px;cursor:pointer;
  background:linear-gradient(120deg,var(--hl),#F9F7CF);border:1px solid var(--hl);color:var(--hl);font:600 13.5px/1.2 'Poppins',sans-serif;text-decoration:none;
  box-shadow:0 6px 16px -10px rgba(53,153,153,.9);transition:transform .25s,box-shadow .25s,background .25s}
.iw-link::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(53,153,153,.25);animation:iwDot 2s ease-in-out infinite}
@keyframes iwDot{50%{box-shadow:0 0 0 6px rgba(53,153,153,0)}}
.iw-link svg{width:15px;height:15px;transition:transform .25s}
.iw-link:hover,.iw-link:focus-visible{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(53,153,153,1);background:#fff;outline:none}
.iw-link:hover svg{transform:translate(2px,-2px)}
.page-hero .iw-link,.sec-teal .iw-link{background:rgba(249,247,207,.14);border-color:rgba(249,247,207,.5);color:var(--cream);margin-top:0;align-self:center}
.page-hero .iw-link:hover{background:rgba(249,247,207,.24)}
.bcard .iw-link{margin-top:10px}
.dd-ext b{color:var(--hl);display:inline-flex;align-items:center;gap:5px}
.dd-ext b svg{width:13px;height:13px}
.dd-ext .ic{background:linear-gradient(140deg,#F9F7CF,var(--hl))!important;color:var(--hl)!important}
.f-ext{color:var(--cream)!important;font-weight:600}
@media (prefers-reduced-motion:reduce){.iw-link::before{animation:none}}
.page-hero .iw-link{padding:14px 22px 14px 18px;font-size:15px;border-width:1.5px}

/* Highlighted links to the interiors website: black */
.iw-link{background:var(--hl);border-color:var(--hl);color:#fff;box-shadow:0 6px 16px -10px rgba(0,0,0,.6)}
.iw-link::before{background:#fff}
.iw-link:hover,.iw-link:focus-visible{background:#000;border-color:#000;color:#fff;box-shadow:0 10px 22px -10px rgba(0,0,0,.7)}
.page-hero .iw-link,.sec-teal .iw-link{background:var(--hl);border-color:var(--hl);color:#fff}
.page-hero .iw-link:hover{background:#000}
.dd-ext b{color:var(--hl)}
.dd-ext .ic{background:var(--hl)!important;color:#fff!important}

/* Logo name: "HRCS INDIA" + "The Property MatchMakers Private Limited" */
.brand small.brand-legal{display:block;margin-top:4px;font:600 10.5px/1.25 'Poppins',sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.footer .brand small.brand-legal{color:var(--cream)}
@media (max-width:560px){.brand small.brand-legal{display:block;font-size:8.5px;letter-spacing:.04em;max-width:170px}}

/* ---------- Phones ---------- */
@media (max-width:860px){
  /* Side-slide reveals become fade-ups, so nothing is pushed past the screen edge */
  .reveal.left,.reveal.right{transform:translateY(40px)}
  /* Reviews box follows the height of the review on show (set in main.js) */
  .rv-track{align-items:flex-start;transition:transform .7s var(--ease),height .5s var(--ease)}
  /* "Everything for your property" on phones.
     Pinned (.hs-pin): like desktop, the section holds still and the cards move sideways as you scroll.
     Otherwise (simple mode / no animation library): the cards stack vertically. */
  .big-cards{padding:70px 0}
  .bcard .bc-body{padding:24px 20px}
  .bcard h3{font-size:32px}
  .bcard p{max-height:120px;opacity:1;margin-top:6px}
  .bcard .bc-go{transform:none;width:46px;height:46px;right:16px;top:16px}
  .hs-pin .big-cards{min-height:100svh;padding:76px 0 28px;display:flex;flex-direction:column;justify-content:center}
  .hs-pin .big-cards .sec-head{margin-bottom:22px}
  .hs-pin .hs-track{gap:14px;padding:0 20px}
  .hs-pin .bcard{width:min(320px,80vw);height:min(440px,calc(100svh - 300px));min-height:330px}
  html:not(.hs-pin) .hs-wrap.no-pin{overflow:visible}
  html:not(.hs-pin) .hs-track{flex-direction:column;width:auto;gap:18px;padding:0 20px}
  html:not(.hs-pin) .bcard{width:100%;height:360px;min-height:0}
  .bc-anim .bcard{opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
  .bc-anim .bcard img{transform:scale(1.15)}
  .bc-anim .bcard.in{opacity:1;transform:none}
  .bc-anim .bcard.in img{transform:scale(1)}
  /* Bigger touch area for the small slider dots, same look */
  .dots button,.rv-nav button{position:relative}
  .dots button::after,.rv-nav button::after{content:"";position:absolute;inset:-14px -6px}
}
@media (max-width:560px){
  .brand small.brand-legal{font-size:9.5px;max-width:190px}
  /* Floating call / WhatsApp / back-to-top: smaller and tucked into the corner */
  .fab{right:12px;bottom:14px;gap:10px}
  .fab a,.fab button{width:46px;height:46px}
  .fab svg{width:22px;height:22px}
  .fab .top{width:38px;height:38px;margin-left:4px}
  /* Short icon cards sit two per row instead of one long column */
  .grid.g4,.grid.g5,.grid.g3:not(:has(p)){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .grid.g4 .card,.grid.g5 .card,.grid.g3:not(:has(p)) .card{padding:22px 14px}
  .grid.g4 .card .ic,.grid.g5 .card .ic,.grid.g3:not(:has(p)) .card .ic{width:48px;height:48px;border-radius:14px;margin-bottom:14px}
  .grid.g4 .card .ic svg,.grid.g5 .card .ic svg,.grid.g3:not(:has(p)) .card .ic svg{width:24px;height:24px}
  .grid.g4 .card h3,.grid.g3:not(:has(p)) .card h3{font-size:15.5px;line-height:1.3}
  .grid.g4 .card p,.grid.g5 .card p{font-size:13.5px}
  .grid.g3:not(:has(p)) .card .num{font-size:34px;right:12px;top:10px}
  /* An odd last item sits centred under the pair above it */
  .grid.g5>:last-child:nth-child(odd),.grid.g3:not(:has(p))>:last-child:nth-child(odd),.grid:has(> .loan-tile)>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}
  /* Loan photo tiles two per row */
  .grid:has(> .loan-tile){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .loan-tile .lt-name{font-size:13.5px;padding:9px 8px}
  /* Footer: the two link lists side by side */
  .f-grid{grid-template-columns:1fr 1fr;gap:30px 18px}
  .f-grid>:first-child,.f-grid>:last-child{grid-column:1/-1}
}