:root{
  --c-bg: #faf3e7;
  --c-bg-deep: #f0e4cd;
  --c-cream: #fffaf1;
  --c-white: #fffdf9;
  --c-ink: #3a2e22;
  --c-ink-soft: #5c4a3a;
  --c-ink-faint: #8a7863;
  --c-terracotta: #c1603c;
  --c-terracotta-dark: #9c4a2e;
  --c-olive: #6f7d4f;
  --c-olive-dark: #4f5a37;
  --c-mustard: #dea24a;
  --c-line: #e6d8bf;

  --shadow-sm: 0 1px 2px rgba(58,46,34,.10), 0 1px 1px rgba(58,46,34,.06);
  --shadow-md: 0 8px 20px -6px rgba(58,46,34,.20), 0 3px 8px rgba(58,46,34,.10);
  --shadow-lg: 0 24px 48px -16px rgba(58,46,34,.30), 0 10px 24px -8px rgba(58,46,34,.16);
  --shadow-polaroid: 0 16px 32px -10px rgba(58,46,34,.35), 0 4px 12px rgba(58,46,34,.18);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 26px;
  --radius-xl: 38px;

  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.25rem;
  --space-5: 3.5rem;
  --space-6: 5.5rem;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family:'Inter', sans-serif;
  color:var(--c-ink);
  background:
    radial-gradient(circle at 12% 8%, rgba(193,96,60,.07), transparent 40%),
    radial-gradient(circle at 88% 18%, rgba(111,125,79,.08), transparent 45%),
    radial-gradient(circle at 30% 90%, rgba(222,162,74,.09), transparent 40%),
    var(--c-bg);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ font-weight:700; line-height:1.2; margin:0 0 .6em; color:var(--c-ink); }
p{ margin:0 0 1em; color:var(--c-ink-soft); }

.u-container{ width:100%; max-width:1200px; margin:0 auto; padding:0 1.5rem; }
.u-hidden{ display:none !important; }
.u-text-center{ text-align:center; }
.u-text-left{ text-align:left !important; }
.u-muted{ color:var(--c-ink-faint) !important; opacity:.5; }


.c-site{
  position:relative;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:transparent;
  transition:transform .45s cubic-bezier(.22,.68,0,1.01);
  transform-origin:left center;
  will-change:transform;
}
body.is-menu-open .c-site{
  transform:translateX(-78%) scale(.95);
}
main{ flex:1 0 auto; }


.c-nav-wrap{
  position:sticky; top:0; z-index:40;
  background:rgba(255,250,241,.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid transparent;
}
.c-nav-wrap::after{
  content:"";
  position:absolute; left:0; right:0; bottom:-1px;
  height:1px; background:var(--c-terracotta);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .5s ease;
}
.c-nav-wrap.is-scrolled::after{ transform:scaleX(1); }
.c-nav-wrap.is-scrolled{ box-shadow:var(--shadow-sm); }

.c-nav{
  display:flex; align-items:center; justify-content:space-between;
  padding:1.1rem 1.5rem;
}
.c-nav__logo{
  display:flex; align-items:center; gap:.6rem;
  font-weight:800; font-size:1.15rem; color:var(--c-ink);
}
.c-nav__logo-img{ width:34px; height:34px; }
.c-nav__menu{
  list-style:none; display:flex; gap:2.1rem; margin:0; padding:0;
}
.c-nav__menu a{
  font-size:.95rem; font-weight:500; color:var(--c-ink-soft);
  position:relative; padding:.3rem 0; transition:color .25s ease;
}
.c-nav__menu a::after{
  content:""; position:absolute; left:0; bottom:0; height:2px; width:0;
  background:var(--c-terracotta); transition:width .3s ease;
}
.c-nav__menu a:hover, .c-nav__menu a.is-active{ color:var(--c-terracotta-dark); }
.c-nav__menu a:hover::after, .c-nav__menu a.is-active::after{ width:100%; }

.c-nav__toggle{
  display:none; flex-direction:column; gap:5px; background:none; border:none;
  cursor:pointer; width:44px; height:44px; align-items:center; justify-content:center;
}
.c-nav__toggle span{
  display:block; width:24px; height:2px; background:var(--c-ink); border-radius:2px;
  transition:transform .3s ease, opacity .3s ease;
}


.c-breadcrumb{
  background:transparent; padding:1rem 0;
  font-size:.85rem; color:var(--c-ink-faint);
}
.c-breadcrumb a{ color:var(--c-ink-soft); transition:color .2s; }
.c-breadcrumb a:hover{ color:var(--c-terracotta-dark); }
.c-breadcrumb i{ font-size:.65rem; margin:0 .4rem; }


.c-mobile-drawer{
  position:fixed; top:0; right:0; height:100%; width:280px; max-width:80vw;
  background:var(--c-white); z-index:60; box-shadow:var(--shadow-lg);
  transform:translateX(100%);
  transition:transform .45s cubic-bezier(.22,.68,0,1.01);
  padding:2rem 1.5rem; display:flex; flex-direction:column; gap:1.5rem;
}
body.is-menu-open .c-mobile-drawer{ transform:translateX(0); }
.c-mobile-drawer__head{
  display:flex; align-items:center; justify-content:space-between;
  font-weight:700; font-size:1.1rem; border-bottom:1px solid var(--c-line); padding-bottom:1rem;
}
.c-mobile-drawer__head button{ background:none; border:none; font-size:1.2rem; cursor:pointer; color:var(--c-ink); width:44px; height:44px; }
.c-mobile-drawer ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:1.2rem; }
.c-mobile-drawer a{ font-weight:600; font-size:1.05rem; color:var(--c-ink); display:block; padding:.4rem 0; }
.c-mobile-drawer__backdrop{
  position:fixed; inset:0; z-index:55; background:rgba(58,46,34,.001);
  pointer-events:none;
}
body.is-menu-open .c-mobile-drawer__backdrop{ pointer-events:auto; }


.c-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.9rem 1.8rem; border-radius:var(--radius-md); font-weight:600; font-size:.95rem;
  border:2px solid transparent; cursor:pointer; transition:all .3s ease; min-height:44px;
}
.c-btn--primary{ background:var(--c-terracotta); color:var(--c-white); box-shadow:var(--shadow-md); }
.c-btn--primary:hover{ background:var(--c-terracotta-dark); transform:translateY(-2px); box-shadow:var(--shadow-lg); }
.c-btn--ghost{ background:var(--c-ink); color:var(--c-white); border-color:var(--c-ink); }
.c-btn--ghost:hover{ background:var(--c-ink); color:var(--c-white); }
.c-btn--outline{ background:transparent; color:var(--c-terracotta-dark); border-color:var(--c-terracotta); }
.c-btn--outline:hover{ background:var(--c-terracotta); color:var(--c-white); }
.c-btn--sm{ padding:.55rem 1.1rem; font-size:.85rem; min-height:38px; }


.s-hero{
  display:grid; grid-template-columns:1.1fr .9fr; gap:3rem; align-items:center;
  padding:5rem 1.5rem 4rem;
}
.s-hero__eyebrow{
  display:inline-block; font-family:'Caveat',cursive; font-size:1.4rem; color:var(--c-terracotta-dark);
  margin-bottom:.6rem;
}
.s-hero__title{
  font-size:clamp(2.3rem, 4.6vw, 3.6rem); letter-spacing:-.02em; margin-bottom:1rem;
}
.s-hero__lead{ font-size:1.1rem; max-width:46ch; margin-bottom:2rem; }
.s-hero__actions{ display:flex; gap:1rem; flex-wrap:wrap; }
.s-hero__media{
  position:relative; display:flex; align-items:center; justify-content:center; min-height:380px;
}
.s-hero__media .c-polaroid:nth-child(2){
  position:absolute; bottom:-2rem; right:-1rem; width:60%;
}
.s-hero__media .c-polaroid:nth-child(1){ width:78%; }


.c-polaroid{
  background:var(--c-white); padding:.9rem .9rem 2.4rem; border-radius:var(--radius-sm);
  box-shadow:var(--shadow-polaroid); position:relative; transition:transform .4s ease, box-shadow .4s ease;
}
.c-polaroid img{ border-radius:4px; width:100%; height:auto; object-fit:cover; filter:saturate(.92) sepia(.08) contrast(1.02); }
.c-polaroid:hover{ transform:rotate(0deg) translateY(-6px) scale(1.02); box-shadow:var(--shadow-lg); }
.c-polaroid__caption{
  position:absolute; bottom:.6rem; left:0; right:0; text-align:center;
  font-family:'Caveat',cursive; font-size:1.2rem; color:var(--c-ink-soft);
}
.c-polaroid--rot-2{ transform:rotate(2.5deg); }
.c-polaroid--rot-3{ transform:rotate(-3.5deg); }
.c-polaroid--rot-neg{ transform:rotate(-2.5deg); }
.c-polaroid--lg{ max-width:420px; margin:0 auto; }
.c-polaroid--float{ animation:polaroidFloat 6s ease-in-out infinite; }
@keyframes polaroidFloat{
  0%,100%{ transform:rotate(-2.5deg) translateY(0); }
  50%{ transform:rotate(-2.5deg) translateY(-10px); }
}


.s-island{
  background:var(--c-cream); border-radius:var(--radius-xl);
  padding:var(--space-5) var(--space-4); margin:var(--space-5) auto;
  box-shadow:var(--shadow-md); border:1px solid var(--c-line);
}
.s-section__title{ font-size:clamp(1.6rem, 3vw, 2.3rem); text-align:center; max-width:38ch; margin-left:auto; margin-right:auto; }
.s-section__sub{ text-align:center; max-width:56ch; margin:0 auto 2.5rem; color:var(--c-ink-faint); }

.s-page-hero{ padding:4rem 1.5rem 2rem; max-width:900px; }
.s-page-hero__title{ font-size:clamp(2rem, 4vw, 3rem); }
.s-page-hero__lead{ font-size:1.1rem; max-width:60ch; }


.c-grid{ display:grid; gap:1.6rem; }
.c-grid--4{ grid-template-columns:repeat(4,1fr); }
.c-grid--2{ grid-template-columns:repeat(2,1fr); }

.c-card{
  background:var(--c-white); border-radius:var(--radius-lg); padding:2rem 1.6rem;
  box-shadow:var(--shadow-sm); border:1px solid var(--c-line); transition:transform .35s ease, box-shadow .35s ease;
}
.c-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }
.c-card__icon{
  width:52px; height:52px; border-radius:14px; background:rgba(193,96,60,.12); color:var(--c-terracotta-dark);
  display:flex; align-items:center; justify-content:center; font-size:1.3rem; margin-bottom:1.2rem;
}
.c-card h3{ font-size:1.15rem; }
.c-card p{ font-size:.95rem; }

.c-info-card{
  background:var(--c-white); border-radius:var(--radius-lg); padding:2rem 1.6rem;
  border:1px solid var(--c-line); transition:transform .35s ease, box-shadow .35s ease, background .35s ease;
}
.c-info-card i{ font-size:1.6rem; color:var(--c-olive-dark); margin-bottom:1rem; display:block; }
.c-info-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); background:#fffdf6; }
.c-info-card h3{ font-size:1.1rem; }
.c-info-card p{ font-size:.93rem; }

.c-tag{
  display:inline-block; background:rgba(193,96,60,.12); color:var(--c-terracotta-dark);
  padding:.35rem 1rem; border-radius:999px; font-size:.8rem; font-weight:600; margin-bottom:1rem;
}
.c-tag--olive{ background:rgba(111,125,79,.14); color:var(--c-olive-dark); }
.s-info__head{ text-align:center; margin-bottom:2.5rem; }


.s-split{ display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
.s-split--rev .s-split__media{ order:2; }
.s-split--rev .s-split__text{ order:1; }


.c-step{ display:flex; gap:1.5rem; padding:1.6rem 0; border-bottom:1px solid var(--c-line); }
.c-step:last-child{ border-bottom:none; }
.c-step__num{
  flex-shrink:0; width:48px; height:48px; border-radius:50%; background:var(--c-olive);
  color:var(--c-white); display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:1.1rem;
}
.c-step h3{ font-size:1.15rem; margin-bottom:.4rem; }
.c-step p{ font-size:.96rem; margin-bottom:0; }


.c-gallery{ display:flex; gap:2.5rem; flex-wrap:wrap; justify-content:center; padding-top:1rem; }
.c-gallery .c-polaroid{ width:280px; }


.s-compare-visual{ display:grid; grid-template-columns:.9fr 1.1fr; gap:3rem; align-items:center; }
.c-compare{ display:flex; flex-direction:column; align-items:center; gap:1rem; }
.c-compare__frame{
  position:relative; width:100%; max-width:560px; border-radius:var(--radius-md);
  overflow:hidden; box-shadow:var(--shadow-lg); aspect-ratio:4/3;
}
.c-compare__frame img{ width:100%; height:100%; object-fit:cover; }
.c-compare__after{ position:absolute; inset:0; }
.c-compare__before{
  position:absolute; top:0; left:0; height:100%; width:50%; min-width:60px; max-width:98%;
  overflow:hidden; resize:horizontal; border-right:4px solid var(--c-white);
  box-shadow:4px 0 12px rgba(0,0,0,.15);
}
.c-compare__before img{ width:560px; max-width:none; height:100%; object-fit:cover; }
.c-compare__label{
  position:absolute; top:1rem; font-size:.75rem; font-weight:700; letter-spacing:.05em;
  background:rgba(58,46,34,.65); color:#fff; padding:.35rem .8rem; border-radius:999px; text-transform:uppercase;
}
.c-compare__label--left{ left:1rem; }
.c-compare__label--right{ right:1rem; }
.c-compare__hint{ font-size:.85rem; color:var(--c-ink-faint); }
.c-compare__hint i{ margin-right:.4rem; }


.c-table-wrap{ overflow-x:auto; }
.c-table{ width:100%; border-collapse:collapse; background:var(--c-white); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); }
.c-table th, .c-table td{ padding:1.1rem 1.4rem; text-align:center; border-bottom:1px solid var(--c-line); font-size:.92rem; }
.c-table th{ background:var(--c-bg-deep); font-weight:700; color:var(--c-ink); }
.c-table td:first-child, .c-table th:first-child{ text-align:left; font-weight:600; }
.c-table i.fa-check{ color:var(--c-olive-dark); }
.c-table__recommended{ background:var(--c-terracotta); color:var(--c-white) !important; position:relative; }
.c-table__recommended span{
  display:block; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
  color:var(--c-mustard); margin-top:.2rem;
}


.s-cta__inner{ display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap; }
.s-cta__inner p{ margin-bottom:0; max-width:50ch; }


.c-footer{
  background:var(--c-ink); color:#e9dfd0; margin-top:var(--space-6); flex-shrink:0;
}
.c-footer__grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.4fr; gap:2.5rem; padding:3.5rem 1.5rem 2rem; }
.c-footer__logo{ margin-bottom:1rem; color:#fff; }
.c-footer__col p{ color:#c9bda9; font-size:.9rem; }
.c-footer h4{ color:#fff; font-size:1rem; margin-bottom:1rem; }
.c-footer ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.6rem; }
.c-footer a{ color:#c9bda9; font-size:.9rem; transition:color .25s; }
.c-footer a:hover{ color:var(--c-mustard); }
.c-footer__contact li{ display:flex; gap:.6rem; align-items:flex-start; }
.c-footer__contact i{ margin-top:.2rem; color:var(--c-mustard); }
.c-footer__bottom{ border-top:1px solid rgba(255,255,255,.1); padding:1.4rem 1.5rem; font-size:.82rem; color:#a7987f; }


.c-form--compact .c-form__row{ display:flex; gap:1.2rem; align-items:flex-start; }
.c-form__field{ flex:1; display:flex; flex-direction:column; gap:.4rem; }
.c-form__field--grow{ flex:1.6; }
.c-form__field label{ font-size:.85rem; font-weight:600; color:var(--c-ink-soft); }
.c-form__field input, .c-form__field textarea{
  border:1.5px solid var(--c-line); border-radius:var(--radius-sm); padding:.8rem 1rem;
  font-family:inherit; font-size:.95rem; background:var(--c-white); color:var(--c-ink);
  transition:border-color .25s ease, box-shadow .25s ease; resize:none;
}
.c-form__field input:focus, .c-form__field textarea:focus{
  outline:none; border-color:var(--c-terracotta); box-shadow:0 0 0 3px rgba(193,96,60,.15);
}
.c-form__row--bottom{ margin-top:1.4rem; align-items:center; justify-content:space-between; }
.c-form__check{ display:flex; align-items:center; gap:.6rem; font-size:.85rem; color:var(--c-ink-soft); }
.c-form__check input{ width:20px; height:20px; accent-color:var(--c-terracotta); }
.c-form__check a{ color:var(--c-terracotta-dark); text-decoration:underline; }

.c-map-wrap{ border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md); margin-bottom:2rem; }
.c-contact-info{ display:flex; gap:2.4rem; flex-wrap:wrap; font-size:.95rem; color:var(--c-ink-soft); }
.c-contact-info i{ color:var(--c-terracotta-dark); margin-right:.5rem; }


.c-cookie-banner{
  position:fixed; top:0; left:0; right:0; z-index:100; background:var(--c-ink); color:#f0e6d6;
  transform:translateY(-100%); transition:transform .5s cubic-bezier(.22,.68,0,1.01); box-shadow:var(--shadow-lg);
}
.c-cookie-banner.is-visible{ transform:translateY(0); }
.c-cookie-banner__row{ display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding:.9rem 1.5rem; flex-wrap:wrap; }
.c-cookie-banner__row p{ margin:0; font-size:.88rem; color:#e5d9c4; }
.c-cookie-banner__row a{ color:var(--c-mustard); text-decoration:underline; }
.c-cookie-banner__actions{ display:flex; gap:.7rem; flex-wrap:wrap; }

.c-cookie-modal{
  position:fixed; inset:0; z-index:110; background:rgba(58,46,34,.55);
  display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none;
  transition:opacity .3s ease; padding:1.5rem;
}
.c-cookie-modal.is-visible{ opacity:1; pointer-events:auto; }
.c-cookie-modal__box{
  background:var(--c-white); border-radius:var(--radius-lg); max-width:560px; width:100%;
  box-shadow:var(--shadow-lg); max-height:85vh; overflow-y:auto;
}
.c-cookie-modal__head{ display:flex; justify-content:space-between; align-items:center; padding:1.4rem 1.6rem; border-bottom:1px solid var(--c-line); }
.c-cookie-modal__head h3{ margin:0; font-size:1.15rem; }
.c-cookie-modal__head button{ background:none; border:none; font-size:1.1rem; cursor:pointer; width:40px; height:40px; }
.c-cookie-modal__body{ padding:1.4rem 1.6rem; display:flex; flex-direction:column; gap:1.2rem; }
.c-cookie-cat__head{ display:flex; justify-content:space-between; align-items:center; font-weight:600; margin-bottom:.3rem; }
.c-cookie-cat p{ font-size:.85rem; margin:0; color:var(--c-ink-faint); }
.c-cookie-cat input{ width:20px; height:20px; accent-color:var(--c-terracotta); }
.c-cookie-modal__foot{ display:flex; justify-content:flex-end; gap:1rem; padding:1.2rem 1.6rem; border-top:1px solid var(--c-line); }


.s-legal{ max-width:820px; padding:4rem 1.5rem 5rem; }
.s-legal h1{ font-size:clamp(1.9rem, 3.5vw, 2.6rem); }
.s-legal__updated{ color:var(--c-ink-faint); font-size:.88rem; margin-bottom:2.5rem; }
.s-legal h2{ font-size:1.25rem; margin-top:2.2rem; }
.c-legal-list{ padding-left:1.3rem; color:var(--c-ink-soft); }
.c-legal-list li{ margin-bottom:.5rem; }
.c-legal-numbered{ padding-left:1.3rem; }
.c-legal-numbered li{ margin-bottom:1.8rem; }
.c-legal-numbered h2{ margin-top:0; }
.c-legal-lettered__item{ display:flex; gap:1.3rem; margin-bottom:2rem; }
.c-legal-lettered__mark{
  flex-shrink:0; width:42px; height:42px; border-radius:50%; background:var(--c-olive);
  color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700;
}
.c-cookie-table{ width:100%; border-collapse:collapse; margin-top:1rem; font-size:.85rem; }
.c-cookie-table th, .c-cookie-table td{ border:1px solid var(--c-line); padding:.7rem .9rem; text-align:left; }
.c-cookie-table th{ background:var(--c-bg-deep); }


.s-thanks{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:5rem 1.5rem 6rem; }
.c-envelope{ position:relative; width:220px; height:150px; margin-bottom:2.5rem; }
.c-envelope__body{
  position:absolute; bottom:0; width:100%; height:120px; background:var(--c-terracotta);
  border-radius:10px; box-shadow:var(--shadow-lg); overflow:hidden;
}
.c-envelope__body::before{
  content:""; position:absolute; bottom:0; left:0; width:0; height:0;
  border-left:110px solid transparent; border-right:110px solid transparent; border-bottom:60px solid rgba(0,0,0,.12);
}
.c-envelope__flap{
  position:absolute; top:0; left:0; width:0; height:0;
  border-left:110px solid transparent; border-right:110px solid transparent;
  border-top:75px solid var(--c-terracotta-dark);
  transform-origin:top center; transform:rotateX(0deg);
  animation:flapOpen 1.6s ease forwards .3s;
  z-index:3;
}
.c-envelope__letter{
  position:absolute; top:20px; left:50%; transform:translateX(-50%) translateY(0);
  width:160px; height:100px; background:var(--c-white); border-radius:6px; box-shadow:var(--shadow-md);
  z-index:2; opacity:0;
  animation:letterSlide 1.6s ease forwards 1s;
}
.c-envelope__letter::before, .c-envelope__letter::after{
  content:""; position:absolute; left:16px; right:16px; height:3px; background:var(--c-line); border-radius:2px;
}
.c-envelope__letter::before{ top:24px; }
.c-envelope__letter::after{ top:40px; width:60%; }
@keyframes flapOpen{
  0%{ transform:rotateX(0deg); }
  100%{ transform:rotateX(180deg); }
}
@keyframes letterSlide{
  0%{ opacity:0; transform:translateX(-50%) translateY(30px); }
  60%{ opacity:1; }
  100%{ opacity:1; transform:translateX(-50%) translateY(-70px); }
}
.s-thanks__title{ font-size:clamp(1.8rem, 3.4vw, 2.5rem); margin-top:1.5rem; }
.s-thanks__text{ max-width:52ch; }


@media (max-width: 1024px){
  .c-grid--4{ grid-template-columns:repeat(2,1fr); }
  .s-hero{ grid-template-columns:1fr; padding-top:3.5rem; }
  .s-hero__media{ min-height:320px; order:-1; }
  .s-split, .s-compare-visual{ grid-template-columns:1fr; }
  .s-split--rev .s-split__media{ order:1; }
  .s-split--rev .s-split__text{ order:2; }
  .c-footer__grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 720px){
  .c-nav__menu{ display:none; }
  .c-nav__toggle{ display:flex; }
  .c-grid--4, .c-grid--2{ grid-template-columns:1fr; }
  .s-island{ padding:2.2rem 1.4rem; margin:2.5rem auto; border-radius:var(--radius-lg); }
  .c-form--compact .c-form__row{ flex-direction:column; }
  .c-form__row--bottom{ flex-direction:column; align-items:flex-start; gap:1rem; }
  .s-cta__inner{ flex-direction:column; align-items:flex-start; }
  .c-footer__grid{ grid-template-columns:1fr; }
  .c-gallery .c-polaroid{ width:100%; max-width:280px; }
  .c-cookie-banner__row{ flex-direction:column; align-items:flex-start; }
  .c-compare__before img{ width:400px; }
}
@media (max-width: 400px){
  .s-hero__media .c-polaroid:nth-child(2){ right:0; }
}