@font-face{font-family:'Poppins';font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-400.woff2) format('woff2')}
  @font-face{font-family:'Poppins';font-weight:500;font-display:swap;src:url(/assets/fonts/poppins-500.woff2) format('woff2')}
  @font-face{font-family:'Poppins';font-weight:600;font-display:swap;src:url(/assets/fonts/poppins-600.woff2) format('woff2')}
  @font-face{font-family:'Poppins';font-weight:700;font-display:swap;src:url(/assets/fonts/poppins-700.woff2) format('woff2')}
  @font-face{font-family:'Poppins';font-weight:800;font-display:swap;src:url(/assets/fonts/poppins-800.woff2) format('woff2')}
  :root{
    --font:"Poppins","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
    --yellow:#FFC025;--yellow-dark:#F2AC00;--yellow-soft:#FFF6DE;--yellow-tint:#FFFBF0;
    --ink:#292323;--ink-soft:#6E6763;--ink-faint:#9C948F;--white:#FFFFFF;--line:#ECE7DE;--line-strong:#DED7C9;
    --radius:18px;--maxw:1240px;--shadow:0 16px 40px -24px rgba(41,35,35,.35);--shadow-lg:0 26px 60px -30px rgba(41,35,35,.4);--shadow-yellow:0 14px 30px -12px rgba(255,192,37,.65);
  }
  :root[data-theme="dark"]{--white:#1E1B19;--yellow-soft:#2A241A;--yellow-tint:#242019;--ink:#F4EFE8;--ink-soft:#B9B0A6;--ink-faint:#8A8178;--line:#332E28;--line-strong:#40392F;--shadow:0 16px 40px -24px rgba(0,0,0,.6);--shadow-lg:0 26px 60px -30px rgba(0,0,0,.7)}
  *{box-sizing:border-box}html{scroll-behavior:smooth}
  body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  h1,h2,h3,h4{font-family:var(--font);font-weight:700;line-height:1.14;letter-spacing:-.02em;margin:0;text-wrap:balance}
  p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(18px,5vw,44px)}
  .section{padding:clamp(52px,7vw,96px) 0}
  .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--yellow);padding:7px 14px;border-radius:999px}
  .eyebrow.plain{background:transparent;color:var(--yellow-dark);padding:0}
  .lede{color:var(--ink-soft);font-size:clamp(15.5px,1.9vw,18px);max-width:60ch}
  .sec-head{max-width:720px;margin:0 auto clamp(36px,5vw,54px);text-align:center}
  .sec-head h2{font-size:clamp(28px,4.4vw,46px);margin:16px 0 0}.sec-head p{margin:16px auto 0}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:15px;cursor:pointer;border:none;border-radius:999px;padding:13px 26px;font-family:var(--font);transition:transform .16s,background .2s,box-shadow .2s,color .2s}
  .btn:active{transform:translateY(1px)}
  .btn-y{background:var(--yellow);color:var(--ink);box-shadow:var(--shadow-yellow)}.btn-y:hover{background:var(--yellow-dark);transform:translateY(-2px)}
  .btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{transform:translateY(-2px)}
  .btn-out{background:transparent;border:2px solid var(--ink);color:var(--ink);padding:11px 24px}.btn-out:hover{background:var(--ink);color:#fff}
  .btn-wa{background:#1FA855;color:#fff}.btn-wa:hover{background:#178043;transform:translateY(-2px)}
  .ph{position:relative;overflow:hidden;background:var(--yellow-soft);border:2px dashed var(--yellow);display:flex;align-items:flex-end}
  .ph .cap{position:relative;margin:12px;background:var(--white);border:1px solid var(--line);border-radius:9px;padding:7px 11px;font-size:11px;line-height:1.4;color:var(--ink-soft);max-width:92%;box-shadow:var(--shadow)}
  .ph .cap b{display:block;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow-dark);margin-bottom:2px}
  .ph.ai .cap b::before{content:"✦ AI · "}

  .progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--yellow-dark);z-index:200;transition:width .1s linear}
  .topstrip{background:var(--ink);color:#fff;font-size:12.5px;overflow:hidden;white-space:nowrap}
  .topstrip .trk{display:inline-flex;gap:40px;padding:9px 0;animation:marq 32s linear infinite}
  .topstrip .yd{color:var(--yellow)}

  header.nav{position:sticky;top:0;z-index:60;background:var(--white);border-bottom:1px solid var(--line)}
  .nav-in{display:flex;align-items:center;justify-content:space-between;gap:18px;height:72px}
  .brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px;cursor:pointer}
  .logo{width:42px;height:42px;border-radius:12px;background:var(--yellow);display:grid;place-items:center;flex:none}
  .logo svg{width:24px;height:24px;color:var(--ink)}
  .brand small{display:block;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);font-weight:700;margin-top:-3px}
  .nav-links{display:flex;align-items:center;gap:24px;font-size:15px;font-weight:600}
  .nav-links a{color:var(--ink-soft);padding:6px 0;position:relative;cursor:pointer;transition:color .2s}
  .nav-links a:hover,.nav-links a.active{color:var(--ink)}
  .nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--yellow);border-radius:3px}
  .nav-right{display:flex;align-items:center;gap:12px}
  .theme-btn,.burger{width:40px;height:40px;border-radius:11px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-soft);display:grid;place-items:center;cursor:pointer;transition:.2s}
  .theme-btn:hover,.burger:hover{color:var(--yellow-dark);border-color:var(--yellow)}.burger{display:none}
  .nav-tel{display:flex;align-items:center;gap:10px;background:var(--yellow);border-radius:999px;padding:8px 18px 8px 10px}
  .nav-tel .ic{width:34px;height:34px;border-radius:50%;background:var(--ink);display:grid;place-items:center;color:var(--yellow)}
  .nav-tel .ic svg{width:17px;height:17px}
  .nav-tel small{display:block;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#7a5e12;font-weight:700}
  .nav-tel b{font-size:15px;color:var(--ink)}
  .drawer{position:fixed;inset:0;z-index:70;background:rgba(20,14,8,.5);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.3s}
  .drawer.open{opacity:1;pointer-events:auto}
  .drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(340px,88vw);background:var(--white);transform:translateX(100%);transition:transform .42s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:-24px 0 60px -20px rgba(0,0,0,.55)}
  .drawer.open .drawer-panel{transform:none}
  .drawer-head{background:var(--ink);color:#fff;padding:22px 22px 20px;position:relative;overflow:hidden}
  .drawer-head::after{content:"";position:absolute;top:-60px;right:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,192,37,.14)}
  .drawer-head .db{display:flex;align-items:center;gap:11px;position:relative;z-index:2}
  .drawer-head .logo{width:42px;height:42px}
  .drawer-head b{font-size:18px;font-weight:800;display:block;line-height:1.1;white-space:nowrap}
  .drawer-head small{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--yellow);font-weight:700}
  .drawer-head .dtel{display:flex;align-items:center;gap:9px;margin-top:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:11px 14px;font-size:14px;font-weight:700;color:#fff;position:relative;z-index:2}
  .drawer-head .dtel svg{width:16px;height:16px;color:var(--yellow)}
  .drawer-head .dtel small{color:#b9b0a6;font-weight:600;letter-spacing:0;text-transform:none;font-size:10px;display:block;margin-bottom:-2px}
  .drawer-close{position:absolute;top:16px;right:16px;z-index:3;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:grid;place-items:center;transition:.2s}
  .drawer-close:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow);transform:rotate(90deg)}
  .drawer-nav{display:flex;flex-direction:column;padding:14px;gap:2px;flex:1;overflow-y:auto}
  .drawer-nav a{display:flex;align-items:center;gap:14px;padding:12px;font-size:15.5px;font-weight:600;color:var(--ink);border-radius:12px;cursor:pointer;opacity:0;transform:translateX(14px)}
  .drawer.open .drawer-nav a{opacity:1;transform:none;transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1),background .2s}
  .drawer.open .drawer-nav a:nth-child(1){transition-delay:.05s}.drawer.open .drawer-nav a:nth-child(2){transition-delay:.1s}.drawer.open .drawer-nav a:nth-child(3){transition-delay:.14s}.drawer.open .drawer-nav a:nth-child(4){transition-delay:.18s}.drawer.open .drawer-nav a:nth-child(5){transition-delay:.22s}.drawer.open .drawer-nav a:nth-child(6){transition-delay:.26s}.drawer.open .drawer-nav a:nth-child(7){transition-delay:.3s}.drawer.open .drawer-nav a:nth-child(8){transition-delay:.34s}.drawer.open .drawer-nav a:nth-child(9){transition-delay:.38s}
  .drawer-nav a .di{width:36px;height:36px;border-radius:11px;background:var(--yellow-soft);color:var(--yellow-dark);display:grid;place-items:center;flex:none;transition:.2s}
  .drawer-nav a .di svg{width:19px;height:19px}
  .drawer-nav a .chev{margin-left:auto;color:var(--ink-faint);transition:.2s;display:flex}
  .drawer-nav a .chev svg{width:16px;height:16px}
  .drawer-nav a:hover,.drawer-nav a.active{background:var(--yellow-tint)}
  .drawer-nav a:hover .chev{transform:translateX(3px);color:var(--yellow-dark)}
  .drawer-nav a.active .di{background:var(--yellow);color:var(--ink)}
  .drawer-foot{padding:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
  .drawer-foot .btn-y{width:100%}
  .drawer-foot .drow{display:flex;gap:10px}
  .drawer-foot .drow a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;font-weight:600;font-size:14px}
  .drawer-foot .drow .dc{background:var(--ink);color:#fff}.drawer-foot .drow .dw{background:#25D366;color:#fff}
  .drawer-foot .drow a svg{width:16px;height:16px}

  /* PAGE HERO (inner pages) */
  .phero{background:var(--ink);color:#fff;position:relative;overflow:hidden}
  .phero::before{content:"";position:absolute;top:-120px;right:-80px;width:420px;height:420px;border-radius:50%;background:rgba(255,192,37,.1)}
  .phero-in{position:relative;z-index:2;padding:clamp(48px,7vw,90px) clamp(18px,5vw,44px)}
  .phero .crumb{font-size:13px;color:#b9b0a6;font-weight:600;margin-bottom:16px;display:flex;gap:8px;align-items:center}
  .phero .crumb a{cursor:pointer;color:var(--yellow)}
  .phero h1{font-size:clamp(29px,5.4vw,58px);font-weight:800}
  .phero p{margin-top:16px;color:#c7bdb2;max-width:60ch;font-size:clamp(15px,1.7vw,18px)}

  /* HOME hero */
  .hero{background:var(--white);position:relative;overflow:hidden}
  .hero-blob{position:absolute;top:-160px;right:-120px;width:560px;height:560px;border-radius:50%;background:var(--yellow-soft);z-index:0}
  .hero-dot{position:absolute;bottom:30px;left:-50px;width:190px;height:190px;border-radius:50%;border:28px solid var(--yellow-soft);z-index:0}
  .hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);align-items:center;padding:clamp(40px,6vw,84px) clamp(18px,5vw,44px)}
  .live-pill{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;box-shadow:var(--shadow);margin-bottom:18px}
  .live-pill .dot{width:9px;height:9px;border-radius:50%;background:#1FA855;animation:pulse 2s infinite}
  .badge-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
  .rating-badge{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-soft)}.rating-badge .stars{color:var(--yellow-dark)}
  .hero h1{font-size:clamp(31px,6.2vw,66px);font-weight:800;letter-spacing:-.03em}
  .typed-line{display:block;margin-top:2px;min-height:1.12em}
  .typed{position:relative;font-weight:800}.typed::after{content:"";position:absolute;left:-2px;right:-2px;bottom:6px;height:16px;background:var(--yellow);z-index:-1;border-radius:2px}
  .cursor{display:inline-block;width:4px;height:.9em;background:var(--yellow-dark);margin-left:5px;vertical-align:-2px;animation:blink 1s steps(1) infinite;border-radius:2px}
  .hero-sub{margin-top:22px;color:var(--ink-soft);font-size:clamp(15.5px,1.7vw,18px);max-width:46ch}
  .hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}
  .hero-feat{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}
  .hero-feat div{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
  .hero-feat .tick{width:26px;height:26px;border-radius:50%;background:var(--yellow-soft);display:grid;place-items:center;color:var(--yellow-dark);flex:none}
  .hero-feat .tick svg{width:15px;height:15px}

  .booking{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-lg);position:relative}
  .booking::before{content:"";position:absolute;top:0;left:24px;right:24px;height:5px;background:var(--yellow);border-radius:0 0 6px 6px}
  .booking h3{font-size:21px;margin-bottom:4px}.booking .bk-sub{font-size:13px;color:var(--ink-soft);margin-bottom:18px}
  .triptabs{display:flex;gap:6px;background:var(--yellow-tint);border:1px solid var(--line);border-radius:12px;padding:5px;margin-bottom:16px}
  .triptabs button{flex:1;border:none;background:transparent;color:var(--ink-soft);font-weight:600;font-size:13px;padding:10px 6px;border-radius:8px;cursor:pointer;font-family:var(--font);transition:.2s;display:flex;align-items:center;justify-content:center;gap:6px}
  .triptabs button svg{width:15px;height:15px}.triptabs button.on{background:var(--yellow);color:var(--ink)}
  .field{position:relative;margin-bottom:11px}
  .field .fic{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:var(--yellow-dark);z-index:2}
  .field label{position:absolute;left:42px;top:9px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-weight:700;pointer-events:none}
  .field input,.field select,.field textarea{width:100%;background:var(--yellow-tint);border:1.5px solid var(--line);border-radius:12px;padding:22px 14px 9px 42px;color:var(--ink);font-size:14.5px;font-family:var(--font);transition:.2s;appearance:none}
  .field input::placeholder,.field textarea::placeholder{color:transparent}
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 3px rgba(255,192,37,.22);background:var(--white)}
  .field-chev{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ink-faint);pointer-events:none}
  .loc-pair{position:relative}
  .swap{position:absolute;right:11px;top:calc(50% - 5.5px);transform:translateY(-50%);z-index:5;width:38px;height:38px;border-radius:11px;border:1.5px solid var(--line);background:var(--white);color:var(--yellow-dark);cursor:pointer;display:grid;place-items:center;transition:.35s}
  .swap:hover{border-color:var(--yellow);background:var(--yellow-soft)}.swap.spin{transform:translateY(-50%) rotate(180deg)}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.row2.solo{grid-template-columns:1fr}
  .booking .btn-y{width:100%;margin-top:8px;padding:15px}
  .bk-note{text-align:center;font-size:11.5px;color:var(--ink-faint);margin-top:11px}

  .ticker{background:var(--yellow);overflow:hidden}
  .ticker .marq{display:flex;white-space:nowrap;animation:marq 40s linear infinite}
  .ticker:hover .marq{animation-play-state:paused}
  .ticker .item{display:inline-flex;align-items:center;gap:14px;padding:18px 26px;font-weight:700;font-size:clamp(16px,2vw,21px);color:var(--ink)}
  .ticker .arw{opacity:.45}.ticker .star{color:var(--white);font-size:20px}

  .stats-band{background:var(--ink)}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,3vw,36px)}
  .stat{text-align:center;padding:8px}
  .stat b{display:flex;justify-content:center;align-items:baseline;gap:2px;font-size:clamp(40px,6.5vw,68px);font-weight:800;color:#fff;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.03em}
  .stat .u{color:var(--yellow);font-size:.52em}
  .stat>span{display:block;margin-top:12px;font-size:13.5px;font-weight:600;color:#c7bdb2}
  .stat i{display:block;width:34px;height:4px;background:var(--yellow);border-radius:3px;margin:12px auto 0}

  .feature-img{position:relative}
  .feature-img .imgwrap{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}
  .feature-img img{width:100%;height:100%;object-fit:cover;min-height:280px}
  .feature-img .exp{position:absolute;right:-18px;bottom:-22px;background:var(--yellow);color:var(--ink);border-radius:18px;padding:18px 22px;text-align:center;box-shadow:var(--shadow);z-index:2}
  .feature-img .exp b{font-size:34px;font-weight:800;display:block;line-height:1}.feature-img .exp span{font-size:12px;font-weight:600;color:#5f4a10}
  .mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
  .mini div{display:flex;gap:11px;align-items:flex-start;font-size:14px;font-weight:600}
  .mini .ic{width:38px;height:38px;border-radius:11px;background:var(--yellow-soft);color:var(--yellow-dark);display:grid;place-items:center;flex:none}
  .mini .ic svg{width:20px;height:20px}

  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
  .steps::before{content:"";position:absolute;top:38px;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 8px,transparent 8px 16px)}
  .step{position:relative;z-index:1;text-align:center;padding:0 6px}
  .step .num{width:76px;height:76px;margin:0 auto 18px;border-radius:22px;background:var(--white);border:2px solid var(--yellow);display:grid;place-items:center;box-shadow:var(--shadow);position:relative}
  .step .num svg{width:32px;height:32px;color:var(--yellow-dark)}
  .step .num b{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center}
  .step h4{font-size:18px;margin-bottom:6px}.step p{font-size:13.5px;color:var(--ink-soft)}

  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .svc{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
  .svc:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
  .svc-img{height:200px;overflow:hidden}.svc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.svc:hover .svc-img img{transform:scale(1.07)}
  .svc-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:11px;flex:1}
  .svc-body h3{font-size:21px}.svc-body p{color:var(--ink-soft);font-size:14px;flex:1}
  .svc-foot{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line)}
  .price small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:700}
  .price b{font-size:26px;font-weight:800}.price span{color:var(--ink-faint);font-size:13px}

  /* detailed service rows */
  .srow{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,60px);align-items:center;margin-bottom:clamp(40px,6vw,72px)}
  .srow:nth-child(even) .srow-media{order:2}
  .srow-media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}
  .srow-media img{width:100%;height:100%;object-fit:cover;min-height:300px}
  .srow h3{font-size:clamp(24px,3.4vw,34px);margin:14px 0 12px}
  .srow ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}
  .srow li{display:flex;gap:10px;font-size:14.5px;color:var(--ink-soft)}
  .srow li svg{width:20px;height:20px;color:var(--yellow-dark);flex:none;margin-top:1px}
  .srow .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
  .tagpill{font-size:12px;font-weight:600;background:var(--yellow-soft);color:var(--ink);padding:5px 11px;border-radius:999px}

  .gmarq{overflow:hidden;position:relative;padding:4px 0}
  .gmarq::before,.gmarq::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:3;pointer-events:none}
  .gmarq::before{left:0;background:linear-gradient(90deg,var(--white),transparent)}.gmarq::after{right:0;background:linear-gradient(270deg,var(--white),transparent)}
  .gmarq-row{display:flex;gap:20px;width:max-content;animation:marq 60s linear infinite}
  .gmarq-row.rev{animation-direction:reverse;animation-duration:68s;margin-top:20px}
  .gmarq:hover .gmarq-row{animation-play-state:paused}
  .gcard{flex:0 0 370px;width:370px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);position:relative;cursor:pointer;background:var(--white)}
  .gcard img{width:100%;height:186px;object-fit:cover;transition:transform .6s}.gcard:hover img{transform:scale(1.06)}
  .gcard .glabel{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 12px;background:linear-gradient(0deg,rgba(41,35,35,.82),transparent);color:#fff;font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:8px;opacity:0;transition:.3s}
  .gcard:hover .glabel{opacity:1}.gcard .glabel svg{width:15px;height:15px;color:var(--yellow)}

  /* gallery grid page */
  .ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .gt{border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);position:relative}
  .gt img{width:100%;height:210px;object-fit:cover;transition:transform .5s}.gt:hover img{transform:scale(1.05)}
  .gt.tall img{height:320px}

  .offers{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .offer{border-radius:var(--radius);padding:32px 34px;position:relative;overflow:hidden;min-height:180px;display:flex;flex-direction:column;justify-content:center}
  .offer.a{background:var(--yellow);color:var(--ink)}.offer.b{background:var(--ink);color:#fff}
  .offer .tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;opacity:.85}.offer.a .tag{color:#5f4a10}
  .offer h3{font-size:clamp(22px,3vw,30px);margin:10px 0 8px}.offer p{font-size:14px;opacity:.9;max-width:34ch}
  .offer .code{display:inline-block;margin-top:16px;font-weight:700;font-size:13px;padding:8px 14px;border-radius:10px;border:2px dashed rgba(0,0,0,.25)}.offer.b .code{border-color:rgba(255,255,255,.3)}
  .offer .obig{position:absolute;right:-10px;top:-16px;font-weight:800;font-size:120px;opacity:.12;line-height:1}.offer .oa{position:relative;z-index:2}

  .rl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  .rl{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--white);border:1px solid var(--line);border-radius:12px;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;transition:.2s}
  .rl:hover{border-color:var(--yellow);background:var(--yellow-tint);transform:translateX(3px)}
  .rl svg{width:16px;height:16px;color:var(--yellow-dark);flex:none}.rl .p{margin-left:auto;font-weight:700;color:var(--yellow-dark);font-size:13px;white-space:nowrap}
  .hub{margin-bottom:34px}.hub h3{font-size:20px;margin-bottom:16px;display:flex;align-items:center;gap:10px}
  .hub h3 .pin{width:34px;height:34px;border-radius:10px;background:var(--yellow);display:grid;place-items:center;color:var(--ink)}.hub h3 .pin svg{width:18px;height:18px}

  .split-media{position:relative}
  .split-media .imgwrap{border-radius:var(--radius);overflow:hidden;height:500px;box-shadow:var(--shadow-lg)}
  .split-media img{width:100%;height:100%;object-fit:cover}
  .split-media .badge{position:absolute;bottom:-20px;left:-20px;background:var(--yellow);border-radius:16px;padding:18px 22px;box-shadow:var(--shadow);display:flex;align-items:center;gap:13px;max-width:250px;z-index:2}
  .split-media .badge .ic{width:44px;height:44px;border-radius:12px;background:var(--ink);display:grid;place-items:center;flex:none;color:var(--yellow)}
  .split-media .badge .ic svg{width:23px;height:23px}
  .split-media .badge b{font-size:16px;display:block;color:var(--ink)}.split-media .badge span{font-size:12px;color:#5f4a10}
  .why-list{display:flex;flex-direction:column;gap:6px;margin-top:24px}
  .why{display:flex;gap:15px;padding:15px;border-radius:14px;transition:.25s;border:1px solid transparent}
  .why:hover{background:var(--yellow-tint);border-color:var(--line)}
  .why .ic{width:46px;height:46px;flex:none;border-radius:13px;background:var(--yellow-soft);display:grid;place-items:center;color:var(--yellow-dark)}
  .why .ic svg{width:23px;height:23px}.why h4{font-size:17px;margin-bottom:3px}.why p{font-size:13.5px;color:var(--ink-soft)}

  .fleet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .fleet{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.3s;box-shadow:var(--shadow)}
  .fleet:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
  .fleet .ph{height:150px;border:none;border-bottom:2px dashed var(--yellow)}
  .fleet-img{height:158px;overflow:hidden;border-bottom:3px solid var(--yellow)}
  .fleet-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
  .fleet:hover .fleet-img img{transform:scale(1.06)}
  .gt img,.post .svc-img img,.fleet-img img{background:var(--yellow-soft)}
  .fleet-body{padding:18px}.fleet-body h4{font-size:18px}
  .fleet-body .seats{display:inline-block;font-size:11.5px;color:var(--ink);font-weight:700;background:var(--yellow-soft);padding:3px 9px;border-radius:999px;margin-top:7px}
  .fleet-body p{font-size:13px;color:var(--ink-soft);margin-top:9px}
  .fleet-body ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px}
  .fleet-body li{font-size:12.5px;color:var(--ink-soft);display:flex;gap:7px}.fleet-body li svg{width:15px;height:15px;color:var(--yellow-dark);flex:none}

  .pay{background:var(--ink);padding:22px 0;overflow:hidden}
  .pay-in{display:flex;align-items:center;gap:22px;max-width:var(--maxw);margin:0 auto;padding:0 clamp(18px,5vw,44px)}
  .pay-label{color:#c7bdb2;font-size:13px;font-weight:600;white-space:nowrap;flex:none}
  .pay-track{overflow:hidden;flex:1}.pay-marq{display:flex;gap:14px;width:max-content;animation:marq 30s linear infinite}.pay:hover .pay-marq{animation-play-state:paused}
  .pay-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 15px;color:#fff;font-size:13px;font-weight:600;white-space:nowrap}.pay-chip .d{width:8px;height:8px;border-radius:2px;background:var(--yellow)}

  .tmarq{overflow:hidden;position:relative;padding:6px 0}
  .tmarq::before,.tmarq::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:3;pointer-events:none}
  .tmarq::before{left:0;background:linear-gradient(90deg,var(--yellow-tint),transparent)}.tmarq::after{right:0;background:linear-gradient(270deg,var(--yellow-tint),transparent)}
  .tmarq-row{display:flex;gap:20px;width:max-content;animation:marq 46s linear infinite}
  .tmarq-row.rev{animation-direction:reverse;animation-duration:52s;margin-top:20px}.tmarq:hover .tmarq-row{animation-play-state:paused}
  .tcard{flex:0 0 380px;width:380px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
  .tcard .stars{color:var(--yellow-dark);letter-spacing:2px;font-size:15px}
  .tcard .q{font-size:14.5px;color:var(--ink-soft);margin-top:12px;line-height:1.6}
  .tcard .who{display:flex;align-items:center;gap:12px;margin-top:18px}
  .tcard .who img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
  .tcard .who .av{width:46px;height:46px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-weight:800;color:var(--ink);flex:none}
  .tcard .who b{font-size:14.5px;display:block}.tcard .who span{font-size:12px;color:var(--ink-faint)}

  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .post{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.3s;display:flex;flex-direction:column;cursor:pointer}
  .post:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
  .post .ph{height:200px;border:none;border-bottom:2px dashed var(--yellow)}
  .post-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}
  .post-meta{display:flex;gap:14px;font-size:12px;color:var(--ink-faint);font-weight:600}
  .post-meta .tag{color:var(--ink);background:var(--yellow-soft);padding:3px 10px;border-radius:999px}
  .post-body h3{font-size:19px;line-height:1.3}.post-body p{font-size:14px;color:var(--ink-soft);flex:1}
  .post-more{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px}.post-more svg{width:16px;height:16px;color:var(--yellow-dark);transition:.2s}.post:hover .post-more svg{transform:translateX(4px)}

  /* article */
  .article{max-width:760px;margin:0 auto}
  .article .cover{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:28px}
  .article .cover img{width:100%;max-height:420px;object-fit:cover}
  .article h2{font-size:clamp(24px,3.4vw,32px);margin:36px 0 14px}
  .article h3{font-size:22px;margin:28px 0 12px}
  .article p{color:var(--ink-soft);margin-bottom:16px;font-size:16px}
  .article ul{color:var(--ink-soft);padding-left:20px;margin-bottom:16px}.article li{margin-bottom:8px}
  .article .callout{background:var(--yellow-soft);border-left:4px solid var(--yellow);border-radius:12px;padding:20px 24px;margin:24px 0}
  .article .callout b{color:var(--ink)}
  .article .inline-img{border-radius:14px;overflow:hidden;margin:24px 0;box-shadow:var(--shadow)}
  .article .inline-img img{width:100%}

  .faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
  .qa{border:1px solid var(--line);border-radius:14px;background:var(--white);overflow:hidden;transition:.2s}
  .qa.open{border-color:var(--yellow);box-shadow:var(--shadow)}
  .qa-q{width:100%;text-align:left;background:transparent;border:none;cursor:pointer;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16.5px;color:var(--ink);font-weight:600;font-family:var(--font)}
  .qa-q .pm{width:28px;height:28px;flex:none;border-radius:8px;background:var(--yellow-soft);display:grid;place-items:center;color:var(--yellow-dark);transition:.3s}
  .qa.open .pm{background:var(--yellow);color:var(--ink);transform:rotate(180deg)}
  .qa-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.qa-a p{padding:0 22px 22px;color:var(--ink-soft);font-size:14.5px}
  .faq-cat{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow-dark);margin:28px 0 4px}

  .contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
  .cinfo{display:flex;flex-direction:column;gap:16px}
  .cinfo .ci{display:flex;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
  .cinfo .ci .ic{width:46px;height:46px;border-radius:12px;background:var(--yellow-soft);color:var(--yellow-dark);display:grid;place-items:center;flex:none}
  .cinfo .ci .ic svg{width:22px;height:22px}
  .cinfo .ci b{display:block;font-size:15px}.cinfo .ci span,.cinfo .ci a{font-size:14px;color:var(--ink-soft)}
  .cform{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
  .map-slot{margin-top:16px;border-radius:14px;overflow:hidden;border:1px solid var(--line);height:220px}

  .cta{background:var(--yellow);border-radius:22px;padding:clamp(40px,6vw,68px);text-align:center;position:relative;overflow:hidden}
  .cta-dot{position:absolute;border-radius:50%;border:24px solid rgba(255,255,255,.28)}
  .cta-dot.a{width:180px;height:180px;top:-70px;left:-40px}.cta-dot.b{width:120px;height:120px;bottom:-50px;right:30px}
  .cta>*{position:relative;z-index:2}.cta h2{font-size:clamp(28px,5vw,48px)}.cta p{color:#5f4a10;max-width:52ch;margin:16px auto 0;font-weight:500}
  .cta-row{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin-top:30px}.btn-ink2{background:var(--ink);color:#fff}.btn-ink2:hover{transform:translateY(-2px)}

  footer{background:var(--ink);color:#d9d2cc;padding:clamp(50px,7vw,76px) 0 28px}
  .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:38px}
  .foot-brand .brand{color:#fff}.foot-brand .brand small{color:#a89f97}.foot-brand p{color:#b3aaa2;font-size:14px;margin-top:16px;max-width:34ch}
  .foot-social{display:flex;gap:10px;margin-top:20px}
  .foot-social a{width:40px;height:40px;border-radius:11px;border:1px solid #453e38;display:grid;place-items:center;color:#cfc7bf;transition:.2s;cursor:pointer}
  .foot-social a:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink);transform:translateY(-2px)}.foot-social svg{width:18px;height:18px}
  .foot-col h5{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fff;font-weight:700;margin:0 0 16px}
  .foot-col a{display:block;color:#b3aaa2;font-size:14px;padding:6px 0;transition:.2s;cursor:pointer}.foot-col a:hover{color:var(--yellow);padding-left:4px}
  .foot-contact div{display:flex;gap:11px;margin-bottom:15px;font-size:14px;color:#b3aaa2}.foot-contact svg{width:18px;height:18px;color:var(--yellow);flex:none;margin-top:2px}
  .foot-contact a{color:#b3aaa2}.foot-contact a:hover{color:var(--yellow)}
  .foot-bottom{border-top:1px solid #3a332e;margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:#8f867e}

  .fab{position:fixed;right:20px;bottom:20px;z-index:80;display:flex;flex-direction:column;gap:11px}
  .fab a{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;box-shadow:var(--shadow);transition:.2s}.fab a:hover{transform:scale(1.07)}
  .fab .wa{background:#25D366;color:#fff}.fab .call{background:var(--yellow);color:var(--ink);animation:ring 2.5s ease-in-out infinite}.fab a svg{width:26px;height:26px}
  .mobar{position:fixed;left:0;right:0;bottom:0;z-index:85;background:var(--white);border-top:1px solid var(--line);display:none;gap:8px;padding:10px 12px}
  .mobar a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer}
  .mobar .c{background:var(--ink);color:#fff}.mobar .w{background:#25D366;color:#fff}.mobar .b{background:var(--yellow);color:var(--ink)}.mobar a svg{width:17px;height:17px}
  .toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:210;background:var(--ink);color:#fff;padding:14px 20px;border-radius:13px;font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:.35s;display:flex;align-items:center;gap:10px;max-width:90vw}
  .toast.show{opacity:1;transform:translate(-50%,0)}.toast svg{width:20px;height:20px;color:var(--yellow);flex:none}

  
  @keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
  .reveal.in{opacity:1;transform:none}
  @keyframes marq{to{transform:translateX(-50%)}}
  @keyframes blink{50%{opacity:0}}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(31,168,85,.5)}70%{box-shadow:0 0 0 8px rgba(31,168,85,0)}100%{box-shadow:0 0 0 0 rgba(31,168,85,0)}}
  @keyframes ring{0%,60%,100%{transform:rotate(0)}5%,15%,25%{transform:rotate(-11deg)}10%,20%,30%{transform:rotate(11deg)}}

  @media (max-width:1000px){
    .hero-in{grid-template-columns:1fr;gap:38px}.hero-blob,.hero-dot{opacity:.5}
    .grid2,.srow,.contact-grid{grid-template-columns:1fr;gap:40px}.srow:nth-child(even) .srow-media{order:0}
    .svc-grid,.blog-grid,.offers,.ggrid{grid-template-columns:1fr 1fr}.stats-grid,.fleet-grid{grid-template-columns:1fr 1fr}
    .steps{grid-template-columns:1fr 1fr}.steps::before{display:none}.rl-grid{grid-template-columns:1fr 1fr}.foot-grid{grid-template-columns:1fr 1fr}
    .split-media{order:-1}.nav-links,.nav-tel small{display:none}.burger{display:grid}
  }
  @media (max-width:640px){
    .svc-grid,.fleet-grid,.blog-grid,.rl-grid,.offers,.steps,.ggrid{grid-template-columns:1fr}
    .stats-grid{grid-template-columns:1fr 1fr;gap:24px 14px}      /* 2 counters per row */
    .row2{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.nav-tel{display:none}.brand small{display:none}
    .fab{bottom:80px}.mobar{display:flex}.pay-label{display:none}
    body{padding-bottom:72px}                                     /* clear the sticky mobile bar */
    .section{padding:clamp(44px,11vw,72px) 0}
    .hero-in{padding:24px 18px 34px}
    .hero-feat{gap:12px 18px;margin-top:24px;padding-top:20px}.hero-feat div{font-size:13px}
    .booking{padding:18px}
    .stat{padding:4px}.stat b{font-size:clamp(34px,11vw,48px)}.stat>span{font-size:12px}.stat i{margin-top:8px}
    .phero-in{padding:36px 18px 44px}
    /* small, fast yellow route ticker */
    .ticker .item{padding:11px 15px;font-size:14.5px;gap:8px}.ticker .item .star{font-size:15px}.ticker .marq{animation-duration:15s}
    /* smaller moving cards — gallery */
    .gcard{flex:0 0 226px;width:226px}.gcard img{height:118px}.gcard .glabel{opacity:1;font-size:12px;padding:18px 12px 10px}
    .gmarq-row{gap:14px;animation-duration:34s}.gmarq-row.rev{animation-duration:40s}
    /* smaller moving cards — testimonials */
    .tcard{flex:0 0 280px;width:280px;padding:20px}.tcard .q{font-size:13.5px;margin-top:10px}.tcard .who{margin-top:14px}
    .tmarq-row{gap:14px}
    .feature-img .exp{right:10px;bottom:-16px;padding:14px 18px;min-width:0}.feature-img .exp b{font-size:28px}
    .split-media .imgwrap{height:340px}.split-media .badge{left:10px;bottom:-16px;padding:14px 16px}
    .srow-media img{min-height:220px}
    .gt img{height:180px}.gt.tall img{height:240px}
    .offer{padding:26px 24px;min-height:0}.offer .obig{font-size:88px}
    .article .cover img{max-height:260px}
    .cinfo .ci a,.foot-contact a,.foot-contact span,.cinfo .ci span{overflow-wrap:anywhere}
    .brand{font-size:18px}.brand>span{white-space:nowrap}.logo{width:38px;height:38px}
    .phero .crumb{flex-wrap:wrap}
    .sec-head{margin-bottom:32px}
  }
  @media (max-width:400px){
    body{font-size:15px}
    .hero h1{font-size:29px}.phero h1{font-size:27px}
    .btn{padding:12px 20px;font-size:14px}
    .eyebrow{font-size:11px;letter-spacing:.12em}
    .stat b{font-size:44px}
    .gcard{flex:0 0 208px;width:208px}.gcard img{height:108px}
    .tcard{flex:0 0 74vw;width:74vw;max-width:280px}
    .nav-in{height:62px}.mobar a{font-size:13px;padding:11px 8px}
  }
  @media (prefers-reduced-motion:reduce){*{animation-duration:.001s!important;transition-duration:.01s!important}.reveal{opacity:1;transform:none}}

/* ===== ROUTE PAGES ===== */
.route-layout{display:grid;grid-template-columns:1fr 380px;gap:clamp(28px,4vw,48px);align-items:start}
.route-side{position:sticky;top:88px}
.ratecard{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--white);margin-bottom:28px}
.ratecard-head{background:var(--ink);color:#fff;padding:18px 22px}
.ratecard-head b{font-size:18px;display:block}.ratecard-head span{font-size:12.5px;color:#c7bdb2}
.ratewrap{overflow-x:auto}
.ratechart{width:100%;border-collapse:collapse;font-size:14.5px;min-width:420px}
.ratechart th{text-align:left;padding:12px 18px;background:var(--yellow-tint);color:var(--ink-soft);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--line)}
.ratechart td{padding:14px 18px;border-bottom:1px solid var(--line)}
.ratechart tbody tr:last-child td,.ratechart tr:last-child td{border-bottom:none}
.ratechart .fare{font-weight:800;font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}
.ratenote{font-size:12.5px;color:var(--ink-faint);padding:12px 18px}.ratenote a{color:var(--yellow-dark);font-weight:600}
.route-body h2{font-size:clamp(22px,3vw,28px);margin:30px 0 12px}
.route-body p{color:var(--ink-soft);margin-bottom:14px}
.route-meta{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 8px}
.route-meta span{display:inline-flex;align-items:center;gap:7px;background:var(--yellow-soft);color:var(--ink);font-weight:600;font-size:13px;padding:7px 13px;border-radius:999px}
.route-meta svg{color:var(--yellow-dark)}
.route-why{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px}
.route-why li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--ink-soft)}
.route-why li svg{color:var(--yellow-dark);flex:none;margin-top:1px}
.route-cta{display:flex;gap:11px;flex-wrap:wrap;margin:22px 0 6px}
@media (max-width:900px){.route-layout{grid-template-columns:1fr}.route-side{position:static;order:-1;margin-bottom:8px}}

/* ===== ROUTES INDEX (visual) ===== */
.rfeat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rfeat{position:relative;border-radius:var(--radius);overflow:hidden;min-height:280px;display:flex;align-items:flex-end;box-shadow:var(--shadow);border:1px solid var(--line)}
.rfeat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.rfeat:hover img{transform:scale(1.06)}
.rfeat .veil{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(20,14,8,.92) 8%,rgba(20,14,8,.35) 50%,transparent)}
.rfeat-body{position:relative;z-index:2;padding:22px;color:#fff;width:100%}
.rfeat .rpill{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ink);background:var(--yellow);padding:5px 11px;border-radius:999px;margin-bottom:11px}
.rfeat h3{color:#fff;font-size:21px}
.rfeat .rmeta{display:flex;gap:16px;margin-top:11px;font-size:13px;color:#e8e0d2;font-weight:500}
.rfeat .rmeta span{display:inline-flex;align-items:center;gap:6px}.rfeat .rmeta svg{color:var(--yellow)}
.rfeat .rfare{position:absolute;top:15px;right:15px;z-index:2;background:#fff;color:var(--ink);font-weight:800;font-size:14px;padding:8px 13px;border-radius:12px;box-shadow:var(--shadow);font-family:var(--font-head)}
.rfeat .rfare small{font-size:10px;color:var(--ink-faint);font-weight:600}

.rgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.rcard2{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.rcard2:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.rcard2 .im{height:132px;overflow:hidden;position:relative}
.rcard2 .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rcard2:hover .im img{transform:scale(1.07)}
.rcard2 .im .tag{position:absolute;top:10px;right:10px;background:var(--yellow);color:var(--ink);font-weight:800;font-size:12px;padding:5px 10px;border-radius:999px;box-shadow:var(--shadow)}
.rcard2 .b{padding:15px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.rcard2 .rt{font-weight:700;font-size:15px;line-height:1.3;display:flex;align-items:center;gap:7px}
.rcard2 .rt svg{color:var(--yellow-dark);flex:none}
.rcard2 .rm{font-size:12.5px;color:var(--ink-soft);display:flex;gap:12px}
.rcard2 .rm span{display:inline-flex;align-items:center;gap:5px}.rcard2 .rm svg{color:var(--yellow-dark)}
.rcard2 .rf{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.rcard2 .rf b{color:var(--ink)}.rcard2 .rf .go{width:30px;height:30px;border-radius:9px;background:var(--yellow-soft);color:var(--yellow-dark);display:grid;place-items:center;transition:.2s}
.rcard2:hover .rf .go{background:var(--yellow);color:var(--ink)}
.hub-head{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.hub-head h3{font-size:20px;margin:0}.hub-head .pin{width:36px;height:36px;border-radius:11px;background:var(--yellow);display:grid;place-items:center;color:var(--ink);flex:none}
.hub-head .cnt{margin-left:auto;font-size:12.5px;color:var(--ink-faint);font-weight:600}
@media (max-width:1000px){.rfeat-grid{grid-template-columns:1fr 1fr}.rgrid{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:760px){.rgrid{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.rfeat-grid,.rgrid{grid-template-columns:1fr}}