@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Lato:wght@300;400;700&display=swap');
@import url('./tokens.css');

*{box-sizing:border-box}
[hidden]{display:none !important}
:root{ --container:1200px; }
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--ff-sans);line-height:1.55; overflow-x:hidden;}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-4); overflow-x:clip;}

h1{font-family:var(--ff-serif);font-weight:700;font-size:clamp(28px,4.2vw,56px);line-height:1.1;margin:0 0 var(--space-4)}
h2{font-family:var(--ff-serif);font-weight:700;font-size:clamp(20px,2.6vw,32px);line-height:1.2;margin:0 0 var(--space-3)}
h3{font-family:var(--ff-serif);font-weight:700;font-size:clamp(18px,2.1vw,22px);line-height:1.3;margin:0 0 var(--space-2)}

/* Header */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(6px);border-bottom:1px solid #eaeef2}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:72px}
.brand{display:flex;align-items:center;gap:var(--space-3)}
.brand .logo{display:flex;align-items:center;gap:10px}
.brand .wordmark{font-family:var(--ff-serif);font-weight:700;font-size:22px;letter-spacing:.08em;color:var(--color-primary)}
.brand .tagline{font-size:11px;color:#5c6b76;letter-spacing:.18em;text-transform:uppercase}

.nav{display:flex;align-items:center;gap:var(--space-6)}
.nav a{color:#0b1b23;font-weight:600;white-space:nowrap}
.nav a:hover{color:var(--color-secondary)}

.actions{display:flex;align-items:center;gap:var(--space-3)}
.icon-btn,.hamburger{min-width:44px;min-height:44px}
.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid #e6eaee;background:#fff;box-shadow:var(--shadow-soft)}
.icon-btn:hover{border-color:var(--color-secondary)}
.tooltip{position:absolute;bottom:-36px;left:50%;transform:translateX(-65%);background:#0a2c3d;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}
.icon-btn:hover .tooltip{opacity:1}

/* Hamburger — gold bg for contrast */
.hamburger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;border-radius:10px;border:1px solid #b69127;background:#D4AF37;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}
.hamburger span{display:block;width:20px;height:2px;background:#0A2C3D;transition:transform .2s ease, opacity .2s ease}
.hamburger:focus{outline:2px solid #0A2C3D;outline-offset:2px}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile drawer */
body.menu-open{overflow:hidden;touch-action:none}
.mobile-menu{position:fixed;inset:0;z-index:1500}
.mobile-menu .overlay{position:absolute;inset:0;background:rgba(10,44,61,.45);opacity:0;transition:opacity .18s ease}
.mobile-inner{position:absolute;top:0;right:0;width:min(86vw,380px);background:#fff;border-left:1px solid #e6eaee;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-soft);transform:translateX(100%);transition:transform .22s ease}
.mobile-menu:not([hidden]) .overlay{opacity:1}
.mobile-menu:not([hidden]) .mobile-inner{transform:translateX(0)}




/* GOLD underline for mobile links */
.mobile-link{
  padding:14px 16px;border-radius:12px;border:1px solid #eef2f6;
  font-weight:700;color:#0A2C3D;
  text-decoration:underline; text-decoration-color:#D4AF37; text-underline-offset:4px;
}
.mobile-link:hover{border-color:#d4af37; background:#fffaf0}
.mobile-close{margin-top:12px;padding:12px 14px;border-radius:10px;border:1px solid #e6eaee;background:#f8fafb}

/* Hero */
.hero{position:relative;background:linear-gradient(120deg, rgba(10,44,61,.9), rgba(10,44,61,.6)), url('https://images.unsplash.com/photo-1493558103817-58b2924bce98?q=80&w=2000&auto=format&fit=crop');background-size:cover;background-position:center;color:#fff;padding:clamp(48px,8vw,96px) 0}
.hero p{max-width:720px;color:#eef4f8}
.cta-group{margin-top:var(--space-6);display:flex;gap:var(--space-4);flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;border:1px solid transparent;font-weight:700}
.btn-primary{background:var(--color-secondary);color:#2b1b00}
.btn-ghost{background:transparent;border-color:#ffffff80;color:#fff}
.btn:hover{transform:translateY(-1px)}

/* Sections & grids */
.features{padding:clamp(32px,6vw,80px) 0;background:var(--color-bg)}
.grid{display:grid;gap:var(--space-8)}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.grid.cols-2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid #eef2f6;border-radius:var(--radius-2xl);box-shadow:var(--shadow-soft);padding:var(--space-8)}
.card img{border-radius:14px}

/* Footer + Newsletter responsiveness */
.site-footer{background:#0a2c3d;color:#e7edf2;padding:clamp(32px,6vw,80px) 0 0px;margin-top:var(--space-24)}
.site-footer a{color:#e7edf2}
.footer-grid{display:grid;gap:var(--space-10);grid-template-columns:2fr 1fr 1fr 1fr}
.footer-title{font-family:var(--ff-serif);color:#fff;margin-bottom:var(--space-4)}
.newsletter{display:flex;flex-wrap:wrap;gap:8px}
.newsletter input{flex:1 1 220px;min-width:0;padding:12px 14px;border-radius:10px;border:1px solid #2a5061;background:#0f3545;color:#fff}
.newsletter button{flex:0 0 auto;border-radius:10px;border:1px solid var(--color-secondary);background:var(--color-secondary);font-weight:800;padding:12px 16px}
@media (max-width:680px){
  .newsletter button{flex-basis:100%}
}

/* Destinations: responsive filter bar (no horizontal scroll) */
.filter-bar{display:flex;flex-wrap:wrap;gap:12px}
.filter-control{
  flex:1 1 180px;max-width:100%;
  padding:12px;border:1px solid #e6eaee;border-radius:10px
}

.subfooter{margin-top:var(--space-16);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #164658;padding-top:var(--space-6);font-size:14px;color:#b7c6cf}
.subfooter .legal a{margin-right:16px}

/* Breakpoints */
@media (max-width: 1200px){
  .grid.cols-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 900px){
  .nav{display:none}
  .hamburger{display:flex}
}
@media (max-width: 680px){
  .grid.cols-3,.grid.cols-2{grid-template-columns:1fr}
  .site-header .bar{height:64px}
  .brand .wordmark{font-size:20px}
}

/* === Itinerary cards & price === */
.itin-card .itin-top{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.price{display:inline-block;background:#D4AF37;color:#2b1b00;font-weight:800;border-radius:999px;padding:6px 10px;border:1px solid #b69127}
.price-banner{margin-top:12px;display:inline-block;background:#0A2C3D;color:#fff;padding:10px 14px;border-radius:12px;border:1px solid #0a3146}
.bullets{padding-left:18px;margin:8px 0 0}
.bullets li{margin:6px 0}
.cta-row{margin-top:10px}
.cta-row .link{color:#0A2C3D;text-decoration:underline;text-decoration-color:#D4AF37;text-underline-offset:4px;font-weight:700}

/* ================== LUXHOLIA_EXPERIENCES_STYLES_START ================== */
/* Uses tokens if present; falls back to brand hex */
:root {
  --lux-color-primary: var(--color-primary, #0A2C3D);
  --lux-color-secondary: var(--color-secondary, #D4AF37);
  --lux-color-bg: var(--color-bg, #ffffff);
  --lux-color-text: var(--color-text, #0a1a1f);
  --lux-color-muted: var(--color-muted, #5f7a86);
  --lux-radius-xl: var(--radius-xl, 16px);
  --lux-radius-lg: var(--radius-lg, 12px);
  --lux-shadow-md: 0 6px 24px rgba(0,0,0,.12);
  --lux-shadow-sm: 0 3px 12px rgba(0,0,0,.10);
}

/* Generic utilities */
.muted { color: var(--lux-color-muted); }
.label { display:block; font-size:14px; margin:0 0 6px 0; color: var(--lux-color-muted); }

/* Buttons (light-touch: only if not already styled) */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 14px; border-radius: var(--lux-radius-lg); text-decoration:none; cursor:pointer; border:1px solid transparent; }
.btn-primary { background: var(--lux-color-primary); color:#fff; box-shadow: var(--lux-shadow-sm); }
.btn-primary:hover, .btn-primary:focus { filter: brightness(1.05); }
.btn-ghost { background: transparent; color: var(--lux-color-primary); border-color: rgba(10,44,61,.2); }
.btn-ghost:hover, .btn-ghost:focus { background: rgba(10,44,61,.06); }

/* Cards */
.card { background: var(--lux-color-bg); border: 1px solid rgba(10,44,61,.08); border-radius: var(--lux-radius-xl); padding:16px; box-shadow: var(--lux-shadow-sm); }
.card h2, .card h3 { font-family: var(--ff-serif, "Playfair Display", serif); }

/* Badges */
.badge { display:inline-block; padding:4px 8px; border-radius: 999px; font-size:12px; line-height:1; border:1px solid rgba(10,44,61,.15); background: #fff; }
.badge + .badge { margin-left:6px; }

/* Experience card specifics */
.experience-card .media { border-radius: var(--lux-radius-xl); }
.experience-card .cta-row .link { color: var(--lux-color-primary); text-decoration: underline; text-underline-offset: 3px; }

/* Bullets */
ul.bullets { margin: 8px 0 0 18px; }
ul.bullets li { margin: 2px 0; }

/* Inputs */
select, input[type="search"] {
  width:100%;
  padding:10px 12px;
  border:1px solid rgba(10,44,61,.18);
  border-radius: var(--lux-radius-lg);
  background:#fff;
}

/* Focus styles (accessibility) */
:focus-visible {
  outline: 2px solid var(--lux-color-secondary);
  outline-offset: 2px;
  border-radius: 8px;
}

/* Responsive grid helpers if not already present */
.grid { display:grid; gap:16px; }
.grid.cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 1024px) {
  .grid.cols-3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .grid.cols-3 { grid-template-columns: 1fr; }
}

/* Subtle section spacing harmony */
.features .container > .card { margin-bottom: 24px; }
/* =================== LUXHOLIA_EXPERIENCES_STYLES_END =================== */

/* ================== LUXHOLIA_FLIGHTS_STYLES_START ================== */
.flights-card { padding:16px; border-radius:16px; box-shadow:0 6px 24px rgba(0,0,0,.08); }
.flights-card .airline { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.flights-card .airline-name { font-weight:600; }
.route-line { font-family: var(--ff-serif, "Playfair Display", serif); margin:6px 0; }
.toggle { display:flex; align-items:center; gap:10px; }
.toggle input[type="checkbox"] { width:18px; height:18px; }
.hero { color:#fff; padding:64px 0; background-size:cover; background-position:center; }
.hero .container h1 { font-family: var(--ff-serif, "Playfair Display", serif); margin:0 0 8px 0; }
.cta-group { display:flex; gap:12px; margin-top:12px; }
/* =================== LUXHOLIA_FLIGHTS_STYLES_END =================== */

/* ================== LUXHOLIA_ABOUT_STYLES_START ================== */
.about-quote {
  font-family: var(--ff-serif, "Playfair Display", serif);
  font-size: 1.15rem;
  line-height: 1.6;
  border-left: 3px solid var(--color-secondary, #D4AF37);
  padding-left: 12px;
  margin: 8px 0 0 0;
}
.faq details {
  border: 1px solid rgba(10,44,61,.10);
  border-radius: 12px;
  padding: 10px 12px;
  margin: 8px 0;
  background: #fff;
  box-shadow: 0 3px 12px rgba(0,0,0,.06);
}
.faq summary {
  cursor: pointer;
  font-weight: 600;
  outline: none;
  list-style: none; /* hide default marker in some browsers */
}
.faq details[open] summary {
  color: var(--color-primary, #0A2C3D);
}
.faq p { margin: 8px 0 0 0; }
/* =================== LUXHOLIA_ABOUT_STYLES_END =================== */

/* ================== LUXHOLIA_FOOTER_LEGAL_START ================== */
.site-footer { background:#4e6c7b; border-top:1px solid #e6eaee; }
.site-footer .footer-grid { display:grid; gap:16px; grid-template-columns: repeat(4, minmax(0,1fr)); padding:24px 0; }
.site-footer .footer-title { font-family: var(--ff-serif, "Playfair Display", serif); margin:0 0 8px 0; }
.site-footer .subfooter { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; padding:12px 0 20px 0; border-top:1px solid #e6eaee; }
.site-footer .subfooter .legal a { margin-left:12px; color: var(--color-text, #0A2C3D); text-decoration:none; }
.site-footer .subfooter .legal a:hover { text-decoration:underline; }
.site-footer .subfooter .muted-legal { color:#b5bfc5; font-size:12px; margin-top:4px; }
.site-footer .subfooter .disclaimer { color:#b5bfc5; font-size:12px; margin-top:6px; }
@media (max-width: 800px){
  .site-footer .footer-grid { grid-template-columns: 1fr 1fr; }
  .site-footer .subfooter { flex-direction:column; }
  .site-footer .subfooter .legal a { margin-left:0; margin-right:12px; }
}
/* =================== LUXHOLIA_FOOTER_LEGAL_END =================== */

/* ================== LUXHOLIA_CONTACT_STYLES_START ================== */
/* Form layout */
.contact-form .form-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; }
.contact-form .field { display:flex; flex-direction:column; }
.contact-form .field--full { grid-column: 1 / -1; }
.contact-form .field.checkbox { flex-direction:row; align-items:center; gap:8px; }

.contact-form .label { display:block; font-size:14px; color: var(--color-muted, #5f7a86); margin: 0 0 6px 0; }

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="month"],
.contact-form input[type="number"],
.contact-form select,
.contact-form textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(10,44,61,.18);
  border-radius: 12px;
  background: #fff;
  font: inherit;
  color: var(--color-text, #0a1a1f);
  box-shadow: 0 1px 0 rgba(0,0,0,.02) inset;
}

.contact-form textarea { resize: vertical; }

.contact-form [aria-invalid="true"] {
  border-color: #d33;
}

.contact-form .error-msg {
  color: #b3261e;
  font-size: 12px;
  margin-top: 4px;
}

.card.error {
  border-color: #f1c5c3;
  background: #fff7f7;
}

/* Responsive */
@media (max-width: 1024px) {
  .contact-form .form-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .contact-form .form-grid { grid-template-columns: 1fr; }
}
/* =================== LUXHOLIA_CONTACT_STYLES_END =================== */

/* ================== LUXHOLIA_ACCOUNT_STYLES_START ================== */
.account-tabs .tabs { display:flex; gap:8px; border-bottom:1px solid #e6eaee; margin-bottom:10px; }
.account-tabs .tab { background:#f5f8fa; border:1px solid #e6eaee; border-bottom:none; padding:8px 12px; border-radius:12px 12px 0 0; cursor:pointer; font-weight:600; }
.account-tabs .tab.is-active { background:#fff; color: var(--color-text,#0A2C3D); }
.account-tabs .tabpanel { padding-top:8px; }
.account-tabs .tabpanel.is-hidden { display:none; }

.account-form .form-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; }
.account-form .field { display:flex; flex-direction:column; }
.account-form .field.checkbox { flex-direction:row; align-items:center; gap:8px; }
.account-form .label { font-size:14px; color:#5f7a86; margin:0 0 6px 0; }
.account-form input[type="text"],
.account-form input[type="email"],
.account-form input[type="tel"],
.account-form input[type="number"],
.account-form select,
.account-form textarea {
  width:100%; padding:10px 12px; border:1px solid rgba(10,44,61,.18); border-radius:12px; background:#fff; font:inherit;
}
@media (max-width: 1024px){ .account-form .form-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 640px){ .account-form .form-grid { grid-template-columns:1fr; } }
/* =================== LUXHOLIA_ACCOUNT_STYLES_END =================== */

/* ================== LUXHOLIA_COOKIES_CSS_START ================== */
.cookie-consent__bar{
  position: fixed; left:0; right:0; bottom:0; z-index:1600;
  background: rgba(255,255,255,.98);
  border-top:1px solid #e6eaee; box-shadow: 0 -8px 20px rgba(10,44,61,.12);
  display:flex; gap:16px; padding:16px; align-items:center;
}
.cookie-consent__copy{ flex: 1 1 auto; }
.cookie-consent__copy strong{ font-family: var(--ff-serif); font-size:18px; display:block; margin:0 0 6px 0; color:#0A2C3D; }
.cookie-consent__actions{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.cookie-consent__actions .btn{ white-space:nowrap; }

.cookie-consent__panel{
  position: fixed; inset:0; z-index:1650; display:flex; align-items:center; justify-content:center;
  background: rgba(10,44,61,.45);
}
.cookie-consent__panel-inner{
  background:#fff; border:1px solid #e6eaee; border-radius:16px; padding:20px; width:min(680px, 92vw);
  box-shadow: var(--shadow-soft, 0 10px 30px rgba(10,44,61,.18));
}
.cookie-fieldset{ border:1px solid #e6eaee; border-radius:12px; padding:12px; margin:10px 0; }
.cookie-fieldset legend{ font-weight:700; color:#0A2C3D; }
.cookie-consent [hidden]{ display:none !important; }
/* Cookies page tables */
.table-wrap{ overflow-x:auto; }
.table{ width:100%; border-collapse:collapse; }
.table th,.table td{text-align:left; padding:12px 10px; vertical-align:top;border-bottom:1px solid #e6eaee;}
.table th{font-weight:700; color:#0b1b23; font-size:14px; white-space:nowrap; }
.table td{font-size:14px; color:#4b5a65; }

/* =================== LUXHOLIA_COOKIES_CSS_END =================== */

/* ================== LUXHOLIA_HOME_STYLES_START ================== */
.home-hero{min-height:52vh; display:flex; align-items:end; padding-top:40px; padding-bottom:56px; background-size:cover; background-position:center;}
.home-hero .lead{max-width:72ch}

.section-head{display:flex; align-items:flex-end; gap:12px; margin-bottom:12px}
.section-head h2{margin:0}
.section-head .link{margin-left:auto}

.tile-grid{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px}
.tile{position:relative; display:block; height:200px; border-radius:16px; background-size:cover; background-position:center; overflow:hidden; border:1px solid #e6eaee; box-shadow:var(--shadow-soft)}
.tile__inner{position:absolute; inset:auto 0 0 0; padding:14px}
.tile__title{font-family:var(--ff-serif); color:#fff; margin:0 0 4px 0; text-shadow:0 1px 2px rgba(0,0,0,.25)}
.tile__sub{color:#e6f0f5; margin:0; font-size:13px}
.tile:hover{transform:translateY(-1px); box-shadow:0 10px 26px rgba(10,44,61,.18); transition:transform .16s ease, box-shadow .16s ease}

.tile-grid--exp{grid-template-columns:repeat(3,minmax(0,1fr))}
.tile--exp{height:240px}

.home-itins .itin-card .badge{margin-right:6px}
.badge--gold{background:var(--color-secondary,#D4AF37); color:#0A2C3D; border-color:#D4AF37}

.home-intro .card h3{margin-top:2px}
.home-why .badgey .badge{margin-bottom:6px}

@media (max-width: 1200px){
  .tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 768px){
  .tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile--exp{height:200px}
  .home-hero{min-height:44vh}
}
@media (max-width: 480px){
  .tile-grid{grid-template-columns:1fr}
}
/* =================== LUXHOLIA_HOME_STYLES_END =================== */

/* ================== LUXHOLIA_METHOD_CSS_START ================== */
.home-hero{min-height:52vh; display:flex; align-items:end; padding-top:40px; padding-bottom:56px; background-size:cover; background-position:center;}
.home-hero .lead{max-width:72ch}
.section-head{display:flex; align-items:flex-end; gap:12px; margin-bottom:12px}
.section-head h2{margin:0}
.section-head .link{margin-left:auto}

.tile-grid{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px}
.tile{position:relative; display:block; height:200px; border-radius:16px; background-size:cover; background-position:center; overflow:hidden; border:1px solid #e6eaee; box-shadow:var(--shadow-soft)}
.tile__inner{position:absolute; inset:auto 0 0 0; padding:14px}
.tile__title{font-family:var(--ff-serif); color:#fff; margin:0 0 4px 0; text-shadow:0 1px 2px rgba(0,0,0,.25)}
.tile__sub{color:#e6f0f5; margin:0; font-size:13px}
.tile:hover{transform:translateY(-1px); box-shadow:0 10px 26px rgba(10,44,61,.18); transition:transform .16s ease, box-shadow .16s ease}
.tile-grid--exp{grid-template-columns:repeat(3,minmax(0,1fr))}
.tile--exp{height:240px}
.home-itins .itin-card .badge{margin-right:6px}
.badge--gold{background:var(--color-secondary,#D4AF37); color:#0A2C3D; border-color:#D4AF37}

.method{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; counter-reset: step; list-style: none; padding-left: 0; margin: 0;}
.method__step{position:relative; border:1px solid #e6eaee; border-radius:16px; padding:16px; background:#fff; box-shadow:var(--shadow-soft)}
.method__step h3{font-family:var(--ff-serif); margin:0 0 6px 0}
.method__step:before{
  counter-increment: step;
  content: counter(step, decimal-leading-zero);
  position:absolute; top:12px; right:12px;
  font-weight:700; color:#D4AF37; opacity:.9;
}
.stats{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:12px}
.stat{border:1px solid #e6eaee; border-radius:16px; padding:16px; background:#0A2C3D; color:#fff; text-align:center}
.stat__num{font-family:var(--ff-serif); font-size:28px; line-height:1; margin-bottom:4px}
.stat__label{color:#cfe1ea; font-size:13px}

@media (max-width: 1200px){
  .tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .method{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 768px){
  .tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile--exp{height:200px}
  .home-hero{min-height:44vh}
}
@media (max-width: 480px){
  .tile-grid{grid-template-columns:1fr}
  .method{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
}
/* =================== LUXHOLIA_METHOD_CSS_END =================== */