/* ═══════════════════════════════════════════════════════
   FitByJustino — Stylesheet
   External file: fitbyjustino/style.css
═══════════════════════════════════════════════════════ */

/* ── DARK (default) ── */
:root {
  --nav-mob-bg: #18130E;
  --cream:#18130E; --cream-2:#211A14;
  --charcoal:#F0E8DC; --charcoal-2:#D4C9BA;
  --gold:#D4A86E; --gold-2:#E8C08C; --coral:#E08870;
  --muted:#8C8070; --muted-2:#6A5E52;
  --border:rgba(212,168,110,0.14);
  --card-bg:#221C16; --bg:var(--cream); --text-h:var(--charcoal);
  --text-b:#C0B4A8; --text-m:var(--muted); --nav-bg:rgba(24,19,14,0.92);
  --radius:4px; --radius-lg:12px;
  --ease:cubic-bezier(0.4,0,0.2,1); --dur:0.28s;
  color-scheme: dark;
}

/* ── LIGHT (OS preference, no manual override) ── */
@media(prefers-color-scheme:light) {
  :root:not([data-theme="dark"]) {
    --cream:#FAF5EE; --cream-2:#F3EAD8;
    --charcoal:#1C1814; --charcoal-2:#2E2922;
    --gold:#C5956A; --gold-2:#A87548; --coral:#D4765A;
    --muted:#8C7B6A; --muted-2:#B5A898;
    --border:rgba(197,149,106,0.18);
    --card-bg:#FFFFFF; --bg:var(--cream); --text-h:var(--charcoal);
    --text-b:#4A3F36; --text-m:var(--muted); --nav-bg:rgba(250,245,238,0.90);
    color-scheme: light;
  }
}

/* ── LIGHT (manual toggle) ── */
[data-theme="light"] {
  --cream:#FAF5EE; --cream-2:#F3EAD8;
  --charcoal:#1C1814; --charcoal-2:#2E2922;
  --gold:#C5956A; --gold-2:#A87548; --coral:#D4765A;
  --muted:#8C7B6A; --muted-2:#B5A898;
  --border:rgba(197,149,106,0.18);
  --card-bg:#FFFFFF; --bg:var(--cream); --text-h:var(--charcoal);
  --text-b:#4A3F36; --text-m:var(--muted); --nav-bg:rgba(250,245,238,0.90);
  color-scheme: light;
}

/* ── DARK (manual toggle) ── */
[data-theme="dark"] {
  --cream:#18130E; --cream-2:#211A14;
  --charcoal:#F0E8DC; --charcoal-2:#D4C9BA;
  --gold:#D4A86E; --gold-2:#E8C08C; --coral:#E08870;
  --muted:#8C8070; --muted-2:#6A5E52;
  --border:rgba(212,168,110,0.14);
  --card-bg:#221C16; --text-b:#C0B4A8; --nav-bg:rgba(24,19,14,0.92);
  color-scheme: dark;
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:'Outfit',sans-serif;background:var(--bg);color:var(--text-b);line-height:1.65;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}

img{display:block;max-width:100%}
button{cursor:pointer;font-family:inherit;border:none;background:none}

/* Grain overlay */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}

/* ── NAV ── */
.nav{position:fixed;top:0;left:0;right:0;z-index:300;height:70px;background:var(--nav-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid var(--border);padding:0 clamp(1.5rem,6vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.nav__logo{font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:600;letter-spacing:.04em;color:var(--text-h)}
.nav__logo em{font-style:italic;color:var(--gold)}
.nav__links{display:flex;align-items:center;gap:2.25rem;list-style:none}
.nav__links a{font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-m);transition:color var(--dur) var(--ease);position:relative}
.nav__links a::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform var(--dur) var(--ease)}
.nav__links a:hover{color:var(--text-h)}
.nav__links a:hover::after{transform:scaleX(1);transform-origin:left}
.nav__right{display:flex;align-items:center;gap:.5rem}
.btn-lang{font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:.3rem .7rem;border-radius:2px;border:1px solid transparent;color:var(--text-m);transition:all var(--dur) var(--ease)}
.btn-lang.active{border-color:var(--gold);color:var(--gold)}
.btn-lang:hover:not(.active){color:var(--text-h)}
.btn-theme{width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid var(--border);color:var(--text-m);display:flex;align-items:center;justify-content:center;font-size:.95rem;cursor:pointer;transition:all var(--dur) var(--ease);flex-shrink:0}
.btn-theme:hover{border-color:var(--gold);color:var(--gold)}
.nav__ham{display:none;flex-direction:column;gap:6px;padding:4px}
.nav__ham span{display:block;width:24px;height:1.5px;background:var(--text-h);transition:all var(--dur) var(--ease)}
.nav-open .nav__links{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;position:fixed;inset:70px 0 0 0;background:var(--bg);z-index:299;border-top:1px solid var(--border)}
.nav-open .nav__links a{font-size:1.2rem;letter-spacing:.15em}
.nav-open .nav__ham span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-open .nav__ham span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-open .nav__ham span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* ── HERO ── */
.hero {
    min-height: 100vh;
    padding-top: 70px;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr; /* Giver teksten lidt mere plads end billederne */
    gap: 4rem; /* Sikrer at billeder og tekst ikke klistrer sammen på midten */
    position: relative;
    width: 90%; /* Tvinger den til at bruge 90% af HELE skærmens bredde */
    max-width: 2000px; /* Tillader den at brede sig ud på meget store skærme */
    margin: 0 auto; /* Centrerer hele kassen */
}
.hero__left {
    /* Vi fjerner side-padding, for den skabte det enorme tomrum til venstre! */
    padding: clamp(3rem, 8vw, 7rem) 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hero__eyebrow{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}
.hero__eyebrow::before{content:'';display:block;width:40px;height:1px;background:var(--gold)}
.hero__eyebrow span{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.hero__title{font-family:'Cormorant Garamond',serif;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:300;line-height:.97;letter-spacing:-.01em;color:var(--text-h);margin-bottom:2rem}
.hero__title strong{font-weight:700;font-style:italic}
.hero__title .gold{color:var(--gold)}
.hero__desc{font-size:1rem;color:var(--text-m);max-width:400px;line-height:1.8;margin-bottom:2.5rem}
.hero__socials{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}
.social-tag{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:500;color:var(--text-m);transition:color var(--dur) var(--ease)}
.social-tag:hover{color:var(--gold)}
.social-tag svg{width:16px;height:16px;flex-shrink:0}
.hero__stat{display:inline-flex;align-items:baseline;gap:.4rem;padding:.7rem 1.4rem;background:var(--cream-2);border:1px solid var(--border);border-radius:var(--radius)}
.hero__stat strong{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:700;color:var(--gold);line-height:1}
.hero__stat span{font-size:.75rem;color:var(--text-m);letter-spacing:.06em}
.hero__right {
    position: relative;
    overflow: hidden;
    background: var(--cream-2);
    min-height: calc(100vh - 70px); /* Får kassen til at passe perfekt i højden under menuen */
}
.hero__mosaic{position:absolute;inset:0;display:grid;grid-template-columns:3fr 2fr;grid-template-rows:3fr 2fr;gap:4px}
.mosaic__cell {
    background: var(--cream-2);
    overflow: hidden;
    position: relative;
}
.mosaic__cell--main{grid-row:1/3;background:linear-gradient(160deg,var(--cream-2) 0%,rgba(197,149,106,.25) 100%)}
.mosaic__cell--tr{background:linear-gradient(135deg,rgba(197,149,106,.15) 0%,var(--cream-2) 100%)}
.mosaic__cell--br{background:linear-gradient(135deg,var(--charcoal-2) 0%,var(--charcoal) 30%)}

[data-theme="light"] .mosaic__cell--br,
:root:not([data-theme="dark"]) .mosaic__cell--br {background:linear-gradient(135deg,#2E2922 0%,#1C1814 100%)}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .mosaic__cell--br{background:linear-gradient(135deg,#2E2922 0%,#1C1814 100%)}}

.mosaic__ph {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 1; /* Ingen clouding! */
}
.mosaic__ph img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.mosaic__ph svg{width:36px;height:36px}
.mosaic__ph span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.hero__floattag{position:absolute;bottom:2.5rem;left:1.5rem;background:#1C1814;color:#FAF5EE;padding:1rem 1.5rem;border-radius:var(--radius);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;z-index:5;max-width:calc(100% - 3rem)}
.hero__floattag strong{color:var(--gold);display:block;font-size:1.1rem;letter-spacing:0;font-family:'Cormorant Garamond',serif;font-style:italic}



/* ── TICKER ── */
.ticker{overflow:hidden;background:var(--gold);color:var(--cream);padding:.7rem 0;border-top:1px solid var(--gold-2);border-bottom:1px solid var(--gold-2)}

[data-theme="light"] .ticker,
:root:not([data-theme="dark"]) .ticker{color:#1C1814}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .ticker{color:#1C1814}}

.ticker__inner{display:flex;white-space:nowrap;animation:tick 30s linear infinite}
.ticker__item{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:0 3rem;flex-shrink:0}
.ticker__dot{margin:0 1.5rem;opacity:.5}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── STORY ── */
.story{padding:clamp(5rem,10vw,10rem) clamp(1.5rem,6vw,4rem);max-width:1400px;margin:0 auto;width:100%}
.story__inner{display:grid;grid-template-columns:1fr 2fr;gap:clamp(3rem,6vw,7rem);align-items:start}
.story__label{position:sticky;top:90px}
.story__num{font-family:'Cormorant Garamond',serif;font-size:6rem;font-weight:300;color:var(--border);line-height:1;margin-bottom:.5rem}
.story__tag{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.story__content h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:300;line-height:1.15;color:var(--text-h);margin-bottom:2rem}
.story__content h2 em{font-style:italic;color:var(--gold);font-weight:400}
.story__content p{font-size:1.05rem;color:var(--text-b);line-height:1.9;margin-bottom:1.4rem;max-width:640px}
.blockq{border-left:2px solid var(--gold);padding:.5rem 0 .5rem 2rem;margin:2.5rem 0}
.blockq p{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:400;font-style:italic;color:var(--text-h);margin:0;line-height:1.5}
.blockq cite{font-size:.75rem;letter-spacing:.1em;color:var(--gold);font-style:normal;font-weight:600;text-transform:uppercase;display:block;margin-top:.75rem}

/* ── GOALS ── */
.goals{background:var(--cream-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:clamp(5rem,9vw,8rem) clamp(1.5rem,6vw,4rem)}
.goals__inner{max-width:1400px;margin:0 auto}
.goals__hdr{text-align:center;margin-bottom:4rem}
.goals__hdr h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:var(--text-h)}
.goals__hdr h2 em{font-style:italic;color:var(--gold)}
.goals__hdr p{font-size:.95rem;color:var(--text-m);margin-top:.75rem}
.goals__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);overflow:hidden;border-radius:var(--radius-lg)}
.goal-card{background:var(--bg);padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1rem;transition:background var(--dur) var(--ease)}
.goal-card:hover{background:var(--cream-2)}
.goal-card__icon{font-size:2rem;line-height:1}
.goal-card__title{font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:600;color:var(--text-h)}
.goal-card__desc{font-size:.875rem;color:var(--text-m);line-height:1.75}
.goal-card__link{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-top:auto;display:flex;align-items:center;gap:.4rem;transition:gap var(--dur) var(--ease)}
.goal-card:hover .goal-card__link{gap:.7rem}

/* ── WORKOUTS ── */
.workouts{padding:clamp(5rem,9vw,8rem) clamp(1.5rem,6vw,4rem);max-width:1400px;margin:0 auto;width:100%}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3rem;gap:2rem;flex-wrap:wrap}
.sec-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:300;color:var(--text-h);line-height:1.15}
.sec-head h2 em{font-style:italic;color:var(--gold)}
.see-all{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:2px;white-space:nowrap;flex-shrink:0;transition:opacity var(--dur) var(--ease)}
.see-all:hover{opacity:.7}
.workout__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.wcard{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.wcard:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(28,24,20,.12)}
.wcard__img{aspect-ratio:4/5;background:linear-gradient(160deg,var(--cream-2) 0%,rgba(197,149,106,.2) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.wcard__img .ph{font-size:2.5rem;opacity:.25}
.wcard__badge{position:absolute;top:1rem;left:1rem;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--charcoal);color:var(--gold);padding:.3rem .7rem;border-radius:2px}

[data-theme="light"] .wcard__badge,
:root:not([data-theme="dark"]) .wcard__badge {background:#1C1814;color:#C5956A}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .wcard__badge{background:#1C1814;color:#C5956A}}

.wcard__body{padding:1.25rem}
.wcard__title{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:600;color:var(--text-h);margin-bottom:.35rem}
.wcard__meta{font-size:.78rem;color:var(--text-m);margin-bottom:.5rem}
.wcard__desc{font-size:.82rem;color:var(--text-m);line-height:1.65;margin-bottom:.8rem}
.wcard__chips{display:flex;gap:.3rem;flex-wrap:wrap}
.wchip{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.18rem .5rem;border:1px solid var(--border);border-radius:2px;color:var(--text-m)}

/* ── SHOP ── */
.shop{background:var(--cream-2);color:var(--text-b);padding:clamp(5rem,9vw,8rem) clamp(1.5rem,6vw,4rem);position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.shop::before{content:'BIJOUTERIE';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Cormorant Garamond',serif;font-size:clamp(5rem,18vw,16rem);font-weight:300;letter-spacing:.2em;color:var(--border);white-space:nowrap;pointer-events:none;user-select:none}

.shop__inner{max-width:1400px;margin:0 auto;position:relative}
.shop__hdr{margin-bottom:3.5rem}
.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.75rem}
.shop__hdr h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:300;color:var(--text-h);line-height:1.1}
.shop__hdr h2 em{font-style:italic;color:var(--gold)}
.shop__hdr p{font-size:.95rem;color:var(--text-m);margin-top:1rem;max-width:520px;line-height:1.8}
.shop__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.sitem{background:var(--card-bg);display:flex;flex-direction:column;transition:background var(--dur) var(--ease)}
.sitem:hover{background:var(--bg)}
.sitem__img{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--cream-2);border-bottom:1px solid var(--border);opacity:1}
.sitem__body{padding:1.25rem;flex:1;display:flex;flex-direction:column}
.sitem__name{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:600;color:var(--text-h);margin-bottom:.3rem}
.sitem__type{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.sitem__price{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--gold);margin-top:.4rem;letter-spacing:.04em}
.sitem__coming{font-size:.7rem;color:var(--text-m);margin-top:auto;padding-top:1rem;letter-spacing:.08em;text-transform:uppercase}
.shop__cta{margin-top:3rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.btn-gold{display:inline-flex;align-items:center;gap:.6rem;background:var(--gold);color:#1C1814;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.9rem 2rem;border-radius:var(--radius);transition:all var(--dur) var(--ease)}
.btn-gold:hover{background:var(--gold-2);transform:translateY(-1px)}
.btn-outline{display:inline-flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-h);border:1px solid var(--border);padding:.9rem 2rem;border-radius:var(--radius);transition:all var(--dur) var(--ease)}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}

/* ── PETS ── */
.pets{padding:clamp(5rem,9vw,8rem) clamp(1.5rem,6vw,4rem);max-width:1400px;margin:0 auto;width:100%}
.pets__inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;align-items:start}
.pets__intro h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:300;color:var(--text-h);line-height:1.2;margin-bottom:1rem}
.pets__intro h2 em{font-style:italic;color:var(--gold)}
.pets__intro p{font-size:.95rem;color:var(--text-m);line-height:1.8;max-width:400px}
.pcard{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.pcard__img{background:linear-gradient(160deg,var(--cream-2),rgba(197,149,106,.15));display:flex;align-items:center;justify-content:center;font-size:3rem;aspect-ratio:3/4}
.pcard__body{padding:1.25rem}
.pcard__name{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:600;color:var(--text-h)}
.pcard__breed{font-size:.78rem;color:var(--gold);letter-spacing:.08em;font-weight:500;margin-top:.2rem}
.pcard__desc{font-size:.85rem;color:var(--text-m);line-height:1.7;margin-top:.75rem}
.pcard--current{border-color:var(--gold)}
.pcard--current .pcard__name{color:var(--gold)}
.pcard--memorial .pcard__img{aspect-ratio:2/1}

/* ── THERAPY TEASER ── */
.therapy-ts{background:var(--cream-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:clamp(4rem,8vw,7rem) clamp(1.5rem,6vw,4rem)}
.therapy-ts__in{max-width:800px;margin:0 auto;text-align:center}
.therapy-ts__in h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:var(--text-h);line-height:1.2;margin-bottom:1.5rem}
.therapy-ts__in h2 em{font-style:italic;color:var(--gold)}
.therapy-ts__in p{font-size:1.05rem;color:var(--text-m);line-height:1.9;margin-bottom:2.5rem}
.btn-coral{display:inline-flex;align-items:center;gap:.6rem;background:var(--coral);color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.95rem 2.2rem;border-radius:var(--radius);transition:all var(--dur) var(--ease)}
.btn-coral:hover{opacity:.88;transform:translateY(-1px)}

/* ── FOOTER ── */
footer{background:var(--charcoal);color:var(--cream);padding:4rem clamp(1.5rem,6vw,4rem) 2rem;margin-top:auto}

[data-theme="light"] footer,
:root:not([data-theme="dark"]) footer{background:#1C1814;color:#FAF5EE}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) footer{background:#1C1814;color:#FAF5EE}}

.footer__top{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(197,149,106,.15)}
.footer__brand .flogo{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;letter-spacing:.04em;color:var(--cream)}
.footer__brand .flogo em{font-style:italic;color:var(--gold)}
.footer__brand p{font-size:.875rem;color:var(--muted);margin-top:.75rem;line-height:1.75;max-width:250px}
.fcol h4{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.fcol a{font-size:.875rem;color:var(--muted);transition:color var(--dur) var(--ease)}
.fcol a:hover{color:var(--cream)}
.footer__bot{max-width:1400px;margin:0 auto;padding-top:1.75rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}
.footer__bot p,.footer__bot a{font-size:.78rem;color:var(--muted)}
.footer__bot a:hover{color:var(--gold)}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .workout__grid{grid-template-columns:repeat(2,1fr)}
  .shop__grid{grid-template-columns:repeat(2,1fr)}
  .footer__top{grid-template-columns:1fr 1fr}
  .pets__inner{grid-template-columns:1fr 1fr}
  .pets__intro{grid-column:span 2}
}
@media(max-width:860px){
  .hero{grid-template-columns:1fr}
  .hero__right{min-height:55vw}
  .hero__mosaic{position:relative;min-height:55vw}
  .hero__floattag{left:1.5rem;bottom:1.5rem}
  .story__inner{grid-template-columns:1fr}
  .story__label{position:static}
  .goals__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .nav__links{display:none}
  .nav__ham{display:flex}
  .workout__grid{grid-template-columns:repeat(2,1fr)}
  .goals__grid{grid-template-columns:1fr}
  .pets__inner{grid-template-columns:1fr}
  .pets__intro{grid-column:auto}
  .footer__top{grid-template-columns:1fr;gap:2rem}
  .shop__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:400px){
  .shop__grid{grid-template-columns:1fr}
  .workout__grid{grid-template-columns:1fr}
}