/* =====================================================
   FULL HOUSE GASTRO — styles.css
   Editorial · Warm Dark · Mallorca
   Brand fonts: Cormorant Garamond (display) · DM Sans (body)
   ===================================================== */

/* FONTS — self-hosted variable TTFs */
@font-face{
  font-family:'Cormorant Garamond';
  src:url('assets/fonts/CormorantGaramond-VF.ttf') format('truetype-variations');
  font-weight:300 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Cormorant Garamond';
  src:url('assets/fonts/CormorantGaramond-Italic-VF.ttf') format('truetype-variations');
  font-weight:300 700;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'DM Sans';
  src:url('assets/fonts/DMSans-VF.ttf') format('truetype-variations');
  font-weight:100 1000;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'DM Sans';
  src:url('assets/fonts/DMSans-Italic-VF.ttf') format('truetype-variations');
  font-weight:100 1000;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'JetBrains Mono';
  src:url('assets/fonts/JetBrainsMono-VF.ttf') format('truetype-variations');
  font-weight:100 800;
  font-style:normal;
  font-display:swap;
}

/* RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{min-height:100vh;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
button{background:none;border:0;cursor:pointer;color:inherit;font:inherit}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px}

/* TOKENS */
:root{
  --bg:#0B0A09;
  --bg-2:#13110F;
  --bg-3:#1A1715;
  --ink:#F5EFE6;
  --ink-mute:#8B8379;
  --ink-dim:#7A746C;
  --ember:#E8732B;
  --ember-dark:#B5551C;
  --gold:#D4A24C;
  --cream:#F5EFE6;
  --blood:#7A2218;
  --hairline:rgba(245,239,230,0.10);
  --hairline-strong:rgba(245,239,230,0.22);

  --serif:'Cormorant Garamond',ui-serif,Georgia,serif;
  --sans:'DM Sans',ui-sans-serif,system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;

  --ease:cubic-bezier(.2,.9,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.7,0,.3,1);

  --container:min(1360px,92vw);
  --container-tight:min(1100px,88vw);

  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:40px;
  --space-5:56px;
  --space-6:72px;
  --space-7:112px;
  --space-8:160px;
}

@media (max-width:768px){
  :root{
    --space-5:40px;
    --space-6:48px;
    --space-7:72px;
    --space-8:96px;
  }
}

/* BASE */
html{background:var(--bg);color:var(--ink)}
body{
  font-family:var(--sans);
  font-weight:400;
  font-size:17px;
  line-height:1.55;
  color:var(--ink);
  background:var(--bg);
  letter-spacing:-0.005em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

::selection{background:var(--ember);color:var(--bg)}

/* GRAIN OVERLAY */
.grain{
  position:fixed;inset:0;z-index:9999;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.18'/></svg>");
  opacity:0.6;
  mix-blend-mode:overlay;
}

/* CUSTOM CURSOR */
.cursor{
  position:fixed;top:0;left:0;pointer-events:none;z-index:10000;
  mix-blend-mode:difference;
  display:none;
}
@media (hover:hover) and (pointer:fine){
  .cursor{display:block}
  html{cursor:none}
  a,button,[data-magnet]{cursor:none}
}
.cursor__dot{
  position:absolute;width:6px;height:6px;border-radius:50%;
  background:var(--cream);
  transform:translate(-50%,-50%);
  transition:transform .18s var(--ease),opacity .18s var(--ease);
}
.cursor__ring{
  position:absolute;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--cream);
  transform:translate(-50%,-50%) scale(1);
  transition:transform .3s var(--ease),opacity .25s var(--ease),width .25s var(--ease),height .25s var(--ease),background .2s var(--ease);
  opacity:0.6;
}
.cursor.is-hover .cursor__dot{transform:translate(-50%,-50%) scale(0)}
.cursor.is-hover .cursor__ring{transform:translate(-50%,-50%) scale(1.4);background:var(--cream);mix-blend-mode:difference;opacity:1}

/* LOADER */
.loader{
  position:fixed;inset:0;z-index:9000;
  background:var(--bg);
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  gap:var(--space-4);
  transition:opacity .9s var(--ease-out),visibility .9s;
}
.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.loader__inner{
  display:flex;align-items:center;gap:6px;
  font-family:var(--serif);
  font-size:clamp(40px,8vw,120px);
  font-weight:300;
  letter-spacing:-0.04em;
}
.loader__word{
  display:inline-block;
  opacity:0;
  transform:translateY(40px) rotateX(80deg);
  animation:loaderReveal .8s var(--ease-out) forwards;
  animation-delay:calc(var(--i) * 0.06s);
}
.loader__gap{width:0.3em;display:inline-block}
.loader__bar{
  width:min(200px,30vw);height:1px;background:var(--hairline);overflow:hidden;
  opacity:0;animation:fadeIn .4s var(--ease-out) forwards;animation-delay:.6s;
}
.loader__bar span{
  display:block;height:100%;background:var(--ember);width:0;
  animation:loadProgress 1.2s var(--ease-out) forwards;animation-delay:.7s;
}
@keyframes loaderReveal{to{opacity:1;transform:translateY(0) rotateX(0)}}
@keyframes loadProgress{to{width:100%}}
@keyframes fadeIn{to{opacity:1}}

/* NAVIGATION */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:500;
  padding:var(--space-3) 0;
  transition:background .4s var(--ease),backdrop-filter .4s,padding .3s var(--ease);
}
.nav.is-scrolled{
  background:rgba(11,10,9,0.72);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  padding:14px 0;
  border-bottom:1px solid var(--hairline);
}
.nav__inner{
  width:var(--container);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
}
.nav__brand{
  display:flex;align-items:center;gap:12px;
  color:var(--ink);
}
.nav__mark{
  display:block;width:40px;height:33px;object-fit:contain;
  transition:transform .4s var(--ease);
  filter:drop-shadow(0 2px 8px rgba(232,115,43,0.15));
}
.nav__brand:hover .nav__mark{transform:rotate(-6deg) scale(1.08)}
.nav__wordmark{display:flex;flex-direction:column;line-height:1}
.nav__wordmark-main{
  font-family:var(--serif);font-weight:400;font-size:20px;letter-spacing:-0.02em;
}
.nav__wordmark-sub{
  font-family:var(--mono);font-size:10px;color:var(--ink-mute);
  text-transform:uppercase;letter-spacing:0.12em;margin-top:3px;
}
.nav__links{display:flex;align-items:center;gap:var(--space-4)}
.nav__links a{
  font-size:14px;font-weight:500;color:var(--ink);
  position:relative;padding:6px 0;
  transition:color .2s var(--ease);
}
.nav__links a::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--ember);transform:scaleX(0);transform-origin:left;
  transition:transform .4s var(--ease);
}
.nav__links a:hover{color:var(--cream)}
.nav__links a:hover::after{transform:scaleX(1)}
.nav__right{display:flex;align-items:center;gap:var(--space-2)}
.nav__burger{
  display:none;width:44px;height:44px;min-width:44px;min-height:44px;
  flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;
  background:transparent;border:0;cursor:pointer;padding:10px;
}
.nav__burger span{
  display:block;height:1.5px;background:var(--ink);
  transition:all .3s var(--ease);
}
.nav__burger span:nth-child(1){width:22px}
.nav__burger span:nth-child(2){width:16px}
.nav__burger span:nth-child(3){width:22px}
.nav__burger:hover span{width:22px}

@media (max-width:960px){
  .nav__links{display:none}
  .nav__burger{display:flex}
  .nav__right .btn--ghost{display:none}
}

/* MOBILE MENU */
.menu{
  position:fixed;inset:0;z-index:800;
  pointer-events:none;
}
.menu.is-open{pointer-events:auto}
.menu__bg{
  position:absolute;inset:0;background:rgba(11,10,9,0.6);
  opacity:0;transition:opacity .5s var(--ease);backdrop-filter:blur(6px);
}
.menu.is-open .menu__bg{opacity:1}
.menu__panel{
  position:absolute;top:0;right:0;bottom:0;width:min(480px,92vw);
  background:var(--bg-2);
  padding:var(--space-4) var(--space-4);
  display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .6s var(--ease-out);
  border-left:1px solid var(--hairline);
}
.menu.is-open .menu__panel{transform:translateX(0)}
.menu__meta{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:var(--space-4);border-bottom:1px solid var(--hairline);
  font-family:var(--mono);font-size:11px;letter-spacing:0.2em;color:var(--ink-mute);
}
.menu__meta button{color:var(--ink)}
.menu__nav{
  display:flex;flex-direction:column;
  padding:var(--space-5) 0;gap:6px;flex:1;
}
.menu__nav a{
  font-family:var(--serif);font-size:clamp(32px,6vw,48px);
  font-weight:300;letter-spacing:-0.03em;
  display:flex;align-items:baseline;gap:16px;
  opacity:0;transform:translateY(20px);
  transition:color .3s var(--ease),transform .3s var(--ease);
}
.menu__nav a::before{
  content:attr(data-num);
  font-family:var(--mono);font-size:10px;color:var(--ink-mute);
  letter-spacing:0.2em;
}
.menu.is-open .menu__nav a{animation:menuIn .6s var(--ease-out) forwards}
.menu.is-open .menu__nav a:nth-child(1){animation-delay:.15s}
.menu.is-open .menu__nav a:nth-child(2){animation-delay:.2s}
.menu.is-open .menu__nav a:nth-child(3){animation-delay:.25s}
.menu.is-open .menu__nav a:nth-child(4){animation-delay:.3s}
.menu.is-open .menu__nav a:nth-child(5){animation-delay:.35s}
.menu.is-open .menu__nav a:nth-child(6){animation-delay:.4s}
.menu__nav a:hover{color:var(--ember);transform:translateX(8px)}
@keyframes menuIn{to{opacity:1;transform:translateY(0) translateX(0)}}
.menu__cta{
  padding:var(--space-3) 0;
  border-top:1px solid var(--hairline);
}
.menu__cta .btn{width:100%;justify-content:center}
.menu__footer{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);
  padding-top:var(--space-3);border-top:1px solid var(--hairline);
  font-size:14px;
}
.menu__footer p.mono{color:var(--ink-mute);margin-bottom:8px}
.menu__footer a{display:block;padding:3px 0}
.menu__footer a:hover{color:var(--ember)}

/* BUTTONS */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 24px;border-radius:999px;
  font-size:14px;font-weight:500;letter-spacing:0.01em;
  transition:all .3s var(--ease);
  position:relative;overflow:hidden;
  will-change:transform;
}
.btn--primary{
  background:var(--ember);color:var(--bg);
}
.btn--primary::before{
  content:'';position:absolute;inset:0;background:var(--cream);
  transform:translateY(100%);transition:transform .5s var(--ease-out);z-index:0;
}
.btn--primary:hover::before{transform:translateY(0)}
.btn--primary>*{position:relative;z-index:1}
.btn--primary .btn__arrow{transition:transform .4s var(--ease)}
.btn--primary:hover .btn__arrow{transform:translateX(3px) rotate(-8deg)}
.btn--ghost{
  border:1px solid var(--hairline-strong);
  color:var(--ink);
}
.btn--ghost:hover{border-color:var(--ember);color:var(--ember)}
.btn--outline{
  border:1px solid var(--ink);
  color:var(--ink);
}
.btn--outline:hover{background:var(--ink);color:var(--bg)}
.btn--text{
  padding:14px 4px;color:var(--ink);
  position:relative;
}
.btn--text::after{
  content:'';position:absolute;left:4px;right:4px;bottom:10px;height:1px;
  background:currentColor;transform-origin:left;
  transition:transform .4s var(--ease);
}
.btn--text:hover{color:var(--ember)}
.btn--xl{padding:20px 36px;font-size:16px}

/* TYPOGRAPHY HELPERS */
.italic{
  font-style:italic;
  color:var(--ember);
}
.mono{
  font-family:var(--mono);font-size:11px;
  text-transform:uppercase;letter-spacing:0.2em;
  color:var(--ink-mute);
}
.eyebrow{
  font-family:var(--mono);font-size:11px;
  text-transform:uppercase;letter-spacing:0.22em;
  color:var(--ink-mute);
  display:inline-flex;align-items:center;gap:10px;
  margin-bottom:var(--space-3);
}
.eyebrow__dot{width:8px;height:8px;border-radius:50%;background:var(--ember);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.section-label{
  font-family:var(--mono);font-size:11px;
  text-transform:uppercase;letter-spacing:0.22em;
  color:var(--ink-mute);
  display:flex;align-items:center;gap:14px;
  margin-bottom:var(--space-3);
}
.section-label span{
  display:inline-block;color:var(--ember);
  font-weight:500;
}
.section-label--light{color:var(--cream)}
.section-label--light span{color:var(--cream);opacity:0.7}

.container{width:var(--container);margin:0 auto}

/* HERO */
.hero{
  position:relative;
  min-height:100vh;min-height:100svh;
  padding:var(--space-7) 0 var(--space-5);
  display:flex;flex-direction:column;justify-content:center;
  overflow:hidden;
}
.hero__bg{
  position:absolute;inset:0;z-index:0;
  overflow:hidden;
}
.hero__img{
  position:absolute;inset:-10%;
  background-image:linear-gradient(rgba(11,10,9,0.65),rgba(11,10,9,0.85)),url('https://images.unsplash.com/photo-1552566626-52f8b828add9?w=2400&q=80&auto=format&fit=crop');
  background-size:cover;background-position:center;
  will-change:transform;
}
.hero__veil{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 70% 30%,rgba(232,115,43,0.15),transparent 55%),
    radial-gradient(ellipse at 20% 80%,rgba(122,34,24,0.2),transparent 55%),
    linear-gradient(to bottom,transparent 0%,transparent 60%,var(--bg) 100%);
}
.hero__meta{
  position:absolute;top:110px;left:0;right:0;
  display:flex;justify-content:space-between;
  padding:0 var(--space-4);
  color:var(--ink-mute);
  z-index:2;
  pointer-events:none;
  animation:fadeIn .8s var(--ease-out) 1.2s both;
}
.hero__meta span{font-size:10px}
@media (max-width:768px){
  .hero__meta-coords,.hero__meta-year{display:none}
}

.hero__content{
  position:relative;z-index:2;
  width:var(--container);margin:0 auto;
  display:flex;flex-direction:column;align-items:flex-start;
}
.hero__title{
  font-family:var(--serif);
  font-weight:300;
  font-size:clamp(48px,9vw,160px);
  line-height:0.92;
  letter-spacing:-0.04em;
  color:var(--cream);
  margin:0 0 var(--space-3) 0;
  max-width:18ch;
}
.hero__title span{display:block;overflow:hidden}
.hero__title .italic{color:var(--ember)}
[data-split] > span{
  display:block;overflow:hidden;position:relative;
  padding-bottom:0;
  margin-bottom:-0.05em;
}
[data-split] > span > span{
  display:inline-block;
  overflow:visible;
  transform:translateY(110%);
  transition:transform .9s var(--ease-out);
  will-change:transform;
  padding-bottom:0.18em;
}
[data-split].is-visible > span > span{transform:translateY(0)}
[data-split] > span:nth-child(1) > span{transition-delay:.0s}
[data-split] > span:nth-child(2) > span{transition-delay:.08s}
[data-split] > span:nth-child(3) > span{transition-delay:.16s}
[data-split] > span:nth-child(4) > span{transition-delay:.24s}
[data-split] > span:nth-child(5) > span{transition-delay:.32s}

.hero__lede{
  font-size:clamp(16px,1.4vw,20px);
  color:var(--ink-mute);
  max-width:52ch;
  margin-bottom:var(--space-4);
  line-height:1.55;
}
.hero__cta{
  display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:center;
}
.hero__scroll{
  position:absolute;bottom:var(--space-4);left:50%;transform:translateX(-50%);
  z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  color:var(--ink-mute);
  font-family:var(--mono);font-size:10px;letter-spacing:0.25em;text-transform:uppercase;
}
.hero__scroll-line{
  width:1px;height:50px;background:var(--hairline-strong);position:relative;overflow:hidden;
}
.hero__scroll-line::after{
  content:'';position:absolute;inset:0;background:var(--ember);
  animation:scrollPulse 2.2s var(--ease-in-out) infinite;
}
@keyframes scrollPulse{
  0%{transform:translateY(-100%)}
  50%{transform:translateY(0)}
  100%{transform:translateY(100%)}
}

/* TICKER */
.ticker{
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  overflow:hidden;
  padding:var(--space-3) 0;
  background:var(--bg-2);
}
.ticker__track{
  display:flex;white-space:nowrap;width:max-content;
  animation:tickerScroll 36s linear infinite;
}
.ticker__group{
  display:flex;align-items:center;gap:var(--space-4);padding-right:var(--space-4);
  font-family:var(--serif);
  font-size:clamp(24px,4vw,52px);
  font-weight:300;
  letter-spacing:-0.02em;
  color:var(--cream);
}
.ticker__group > *:nth-child(even){
  font-style:italic;color:var(--ember);
}
.ticker__star{color:var(--ember)!important;font-style:normal!important}
@keyframes tickerScroll{
  to{transform:translateX(-50%)}
}

/* STATS */
.stats{
  padding:var(--space-6) 0 var(--space-7);
  background:var(--bg);
}
.stats__grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);
  margin-top:var(--space-3);
}
@media (max-width:820px){.stats__grid{grid-template-columns:1fr;gap:var(--space-5)}}
.stat{
  position:relative;padding:var(--space-3) 0;
  border-top:1px solid var(--hairline);
}
.stat__plus{
  display:inline-block;color:var(--ember);
  font-family:var(--serif);font-weight:300;
  font-size:clamp(36px,5vw,72px);
  vertical-align:top;line-height:1;
}
.stat__num{
  display:inline-block;
  font-family:var(--serif);font-weight:300;
  font-size:clamp(120px,18vw,260px);
  line-height:0.9;letter-spacing:-0.06em;
  color:var(--cream);
  margin-bottom:var(--space-2);
}
.stat__label{
  color:var(--ink-mute);font-size:15px;
  max-width:30ch;
}

/* STORY */
.story{
  padding:var(--space-7) 0;
  background:var(--bg);
  border-top:1px solid var(--hairline);
}
.story__inner{
  display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-6);
  align-items:start;
}
@media (max-width:960px){.story__inner{grid-template-columns:1fr;gap:var(--space-4)}}
.story__sticky{position:sticky;top:120px}
@media (max-width:960px){.story__sticky{position:static}}
.story__headline{
  font-family:var(--serif);
  font-weight:300;
  font-size:clamp(44px,6vw,96px);
  line-height:0.95;letter-spacing:-0.03em;
  color:var(--cream);
}
.story__headline .italic{color:var(--ember)}
.story__body{display:flex;flex-direction:column;gap:var(--space-3)}
.story__para{
  font-size:clamp(18px,1.6vw,22px);line-height:1.55;color:var(--ink);
}
.story__para--big{
  font-family:var(--serif);
  font-size:clamp(24px,2.6vw,34px);
  font-weight:300;
  line-height:1.35;
  letter-spacing:-0.015em;
  color:var(--cream);
  margin-top:var(--space-3);
}
.story__pillars{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3);
  margin-top:var(--space-5);
}
@media (max-width:960px){.story__pillars{grid-template-columns:1fr}}
.pillar{
  padding:var(--space-3);
  border:1px solid var(--hairline);border-radius:2px;
  transition:border-color .4s var(--ease),transform .4s var(--ease),background .4s var(--ease);
  background:var(--bg-2);
}
.pillar:hover{border-color:var(--ember);transform:translateY(-3px);background:var(--bg-3)}
.pillar .mono{margin-bottom:var(--space-3);color:var(--ember)}
.pillar h3{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(22px,2.2vw,28px);
  letter-spacing:-0.02em;
  margin-bottom:12px;
  color:var(--cream);
}
.pillar p{color:var(--ink-mute);font-size:15px;line-height:1.55}

/* SERVICES */
.services{
  padding:var(--space-6) 0 var(--space-7);
  background:var(--bg-2);
  border-top:1px solid var(--hairline);
}
.services__intro{margin-bottom:var(--space-5)}
.services__headline{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(44px,7vw,112px);
  line-height:0.95;letter-spacing:-0.035em;
  color:var(--cream);
  max-width:15ch;
}
.services__headline .italic{color:var(--ember)}

.services__scroll{
  position:relative;
  overflow:hidden;
}
.services__nav{
  position:absolute;
  top:252px;
  z-index:20;
  width:56px;height:56px;border-radius:50%;
  background:rgba(11,10,9,0.92);
  border:1px solid var(--hairline-strong);
  color:var(--cream);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),opacity .3s var(--ease),transform .3s var(--ease);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 10px 30px -10px rgba(0,0,0,0.7);
}
.services__nav--prev{left:clamp(16px,4vw,48px)}
.services__nav--next{right:clamp(16px,4vw,48px)}
.services__nav:hover:not(:disabled){
  background:var(--ember);border-color:var(--ember);color:var(--bg);
  transform:scale(1.08);
}
.services__nav:focus-visible{outline:3px solid var(--ember);outline-offset:3px}
.services__nav:disabled{opacity:0.25;cursor:default;pointer-events:none}
@media (max-width:768px){
  .services__nav{width:48px;height:48px;top:230px}
  .services__nav svg{width:18px;height:18px}
}
.services__track{
  display:flex;gap:var(--space-3);
  padding:12px 6vw var(--space-4);
  scroll-snap-type:x proximity;
  overflow-x:auto;
  scroll-padding-left:6vw;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.services__track::-webkit-scrollbar{display:none}
.svc-card{
  flex:0 0 min(440px,82vw);
  scroll-snap-align:start;
  background:var(--bg-3);
  border:1px solid var(--hairline);
  border-radius:4px;
  padding:var(--space-4);
  min-height:460px;
  display:flex;flex-direction:column;gap:var(--space-3);
  position:relative;overflow:hidden;
  transition:border-color .4s var(--ease),transform .6s var(--ease),background .5s var(--ease);
}
.svc-card:hover{
  border-color:var(--ember);
  transform:translateY(-4px);
  background:#201B17;
}
.svc-card--accent{
  background:linear-gradient(160deg,#291810 0%,var(--bg-3) 65%);
  border-color:rgba(232,115,43,0.35);
}
.svc-card--accent:hover{
  background:linear-gradient(160deg,#3A2116 0%,#261E1A 65%);
  border-color:var(--ember);
}
.svc-card--pro{
  background:
    radial-gradient(ellipse at top right,rgba(212,162,76,0.08),transparent 55%),
    linear-gradient(170deg,#1E1814 0%,var(--bg-3) 80%);
  border-color:rgba(212,162,76,0.28);
}
.svc-card--pro .svc-card__tag{color:var(--gold)}
.svc-card--pro:hover{
  background:
    radial-gradient(ellipse at top right,rgba(212,162,76,0.15),transparent 55%),
    linear-gradient(170deg,#2A2016 0%,#241E1A 80%);
  border-color:var(--gold);
}
.svc-card__head{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:var(--space-2);border-bottom:1px solid var(--hairline);
}
.svc-card__tag{
  font-family:var(--mono);font-size:10px;color:var(--ember);
  letter-spacing:0.2em;
}
.svc-card__title{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(32px,3.4vw,44px);
  line-height:1;letter-spacing:-0.03em;
  color:var(--cream);
}
.svc-card__title .italic{color:var(--ember)}
.svc-card p{color:var(--ink-mute);font-size:15px;line-height:1.55}
.svc-card__list{
  margin-top:auto;
  display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;
  padding-top:var(--space-3);border-top:1px solid var(--hairline);
}
.svc-card__list li{
  font-size:13px;color:var(--ink);
  position:relative;padding-left:16px;
}
.svc-card__list li::before{
  content:'';position:absolute;left:0;top:9px;
  width:6px;height:1px;background:var(--ember);
}
.svc-card__glyph{
  position:absolute;right:-12px;bottom:-40px;
  font-family:var(--serif);font-weight:300;
  font-size:240px;line-height:1;
  color:transparent;
  -webkit-text-stroke:1px rgba(245,241,234,0.08);
  pointer-events:none;
  font-style:italic;
  user-select:none;
}
.services__progress{
  width:var(--container);margin:var(--space-3) auto 0;
  height:2px;background:var(--hairline);position:relative;
  border-radius:2px;overflow:hidden;
}
.services__progress span{
  display:block;height:100%;width:12%;background:var(--ember);
  border-radius:2px;
  transition:width .15s linear;
}

/* PROCESS / TIMELINE */
.process{
  padding:var(--space-7) 0;
  background:var(--bg);
  border-top:1px solid var(--hairline);
}
.process__head{margin-bottom:var(--space-6);max-width:800px}
.process__headline{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(44px,7vw,112px);
  line-height:0.95;letter-spacing:-0.035em;
  color:var(--cream);
}
.process__headline .italic{color:var(--ember)}

.timeline{
  position:relative;
  display:flex;flex-direction:column;gap:var(--space-5);
  padding-left:var(--space-4);
  border-left:1px solid var(--hairline);
  margin-bottom:var(--space-6);
}
.timeline__item{
  display:grid;grid-template-columns:120px 1fr;gap:var(--space-4);
  position:relative;align-items:start;
}
@media (max-width:768px){
  .timeline__item{grid-template-columns:1fr;gap:var(--space-2)}
}
.timeline__item::before{
  content:'';position:absolute;left:calc(-1 * var(--space-4) - 5px);top:24px;
  width:10px;height:10px;border-radius:50%;background:var(--bg);
  border:1px solid var(--ember);
  transition:background .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease);
}
.timeline__item:hover::before{background:var(--ember);transform:scale(1.3);box-shadow:0 0 0 6px rgba(232,115,43,0.15)}
.timeline__num{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(64px,8vw,120px);
  line-height:0.9;letter-spacing:-0.05em;
  color:var(--cream);
  opacity:0.18;
}
.timeline__body h3{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(26px,2.6vw,36px);
  line-height:1.1;letter-spacing:-0.02em;
  margin:6px 0 12px;
  color:var(--cream);
}
.timeline__meta{color:var(--ember)}
.timeline__body p:last-child{color:var(--ink-mute);font-size:16px;max-width:62ch;line-height:1.6}

.process__footer{
  border-top:1px solid var(--hairline);
  padding-top:var(--space-4);
  display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);
  align-items:baseline;
}
@media (max-width:768px){.process__footer{grid-template-columns:1fr}}
.process__footer-big{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(32px,4.5vw,60px);
  line-height:1;letter-spacing:-0.03em;
  color:var(--cream);
}
.process__footer p:last-child{color:var(--ink-mute);max-width:48ch;line-height:1.55}

/* PACKAGES */
.packages{
  padding:var(--space-7) 0;
  background:var(--bg-2);
  border-top:1px solid var(--hairline);
  position:relative;
}
.packages__head{margin-bottom:var(--space-5);max-width:900px}
.packages__headline{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(44px,7vw,112px);
  line-height:0.95;letter-spacing:-0.035em;
  color:var(--cream);
  margin-bottom:var(--space-3);
}
.packages__headline .italic{color:var(--ember)}
.packages__sub{color:var(--ink-mute);font-size:15px;letter-spacing:0.01em}

.packages__grid{
  display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:var(--space-3);
  margin-bottom:var(--space-6);
  align-items:start;
}
@media (max-width:960px){.packages__grid{grid-template-columns:1fr;gap:var(--space-3)}}

.pkg{
  position:relative;
  background:var(--bg-3);
  border:1px solid var(--hairline);
  border-radius:6px;
  padding:var(--space-4);
  display:flex;flex-direction:column;gap:var(--space-3);
  transition:transform .5s var(--ease),border-color .4s var(--ease),box-shadow .5s var(--ease);
}
.pkg:hover{border-color:var(--ember);transform:translateY(-4px)}
.pkg--featured{
  background:
    radial-gradient(ellipse at top right,rgba(232,115,43,0.10),transparent 55%),
    #1E1915;
  border-color:rgba(232,115,43,0.4);
  padding-top:calc(var(--space-4) + 12px);
  box-shadow:0 30px 60px -30px rgba(232,115,43,0.25);
}
.pkg__badge{
  position:absolute;top:-1px;left:var(--space-4);
  transform:translateY(-50%);
  background:var(--ember);color:var(--bg);
  padding:6px 14px;border-radius:999px;
  font-family:var(--mono);font-size:10px;
  letter-spacing:0.2em;text-transform:uppercase;
}
.pkg__head h3{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(32px,3.5vw,44px);
  line-height:1;letter-spacing:-0.03em;
  color:var(--cream);
  margin-bottom:8px;
}
.pkg__head h3 .italic{color:var(--ember)}
.pkg__sub{color:var(--ink-mute);font-size:14px}
.pkg__price{
  display:flex;align-items:baseline;gap:4px;
  padding:var(--space-2) 0;border-bottom:1px solid var(--hairline);
}
.pkg__price-num{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(52px,5.5vw,72px);
  line-height:0.9;letter-spacing:-0.04em;
  color:var(--cream);
}
.pkg__price-cur{color:var(--ember);font-family:var(--serif);font-size:32px;font-weight:300}
.pkg__price-per{color:var(--ink-mute);font-size:14px;margin-left:4px}
.pkg__setup{color:var(--ink-mute)}
.pkg__list{display:flex;flex-direction:column;gap:10px;flex:1}
.pkg__list li{
  position:relative;padding-left:22px;
  color:var(--ink);font-size:14.5px;
  line-height:1.45;
}
.pkg__list li::before{
  content:'+';position:absolute;left:0;top:0;
  color:var(--ember);font-weight:400;
}
.pkg__pro-label{
  font-family:var(--mono);font-size:10px;
  text-transform:uppercase;letter-spacing:0.2em;
  color:var(--gold);
  margin-top:var(--space-2);padding-top:var(--space-2);
  border-top:1px solid var(--hairline);
}
.pkg__list--pro li{
  padding-left:20px;font-size:14px;color:var(--ink);
}
.pkg__list--pro li::before{
  content:'◆';color:var(--gold);font-size:9px;top:3px;
}
.pkg__pro-note{
  font-size:12.5px;color:var(--ink-mute);
  line-height:1.55;
  padding:var(--space-2);
  background:rgba(212,162,76,0.06);
  border-left:2px solid var(--gold);
  border-radius:3px;
  margin-top:var(--space-2);
}
.pkg__pro-note strong{color:var(--gold);font-weight:500}
.pkg .btn{align-self:stretch;justify-content:center;margin-top:auto}

.faq{
  border-bottom:1px solid var(--hairline);
  padding:var(--space-3) 0;
  max-width:800px;margin:0 auto;
}
.faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);
  cursor:pointer;list-style:none;
  font-family:var(--serif);font-weight:400;
  font-size:clamp(18px,1.8vw,22px);
  color:var(--cream);
  line-height:1.35;
}
.faq summary::-webkit-details-marker{display:none}
.faq__icon{
  width:22px;height:22px;position:relative;flex-shrink:0;
  transition:transform .4s var(--ease);
}
.faq__icon::before,.faq__icon::after{
  content:'';position:absolute;left:50%;top:50%;
  width:12px;height:1.5px;background:var(--ember);
  transform:translate(-50%,-50%);
}
.faq__icon::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .4s var(--ease)}
.faq[open] .faq__icon::after{transform:translate(-50%,-50%) rotate(0)}
.faq p{
  padding-top:var(--space-2);color:var(--ink-mute);
  font-size:15px;line-height:1.6;max-width:60ch;
}

/* ABOUT */
.about{
  padding:var(--space-7) 0;
  background:var(--bg);
  border-top:1px solid var(--hairline);
}
.about__inner{
  display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--space-6);
  align-items:start;
}
@media (max-width:960px){.about__inner{grid-template-columns:1fr;gap:var(--space-4)}}
.about__image{
  position:sticky;top:120px;
  aspect-ratio:3/4;
  border-radius:4px;
  overflow:hidden;
  background:var(--bg-3);
  position:relative;
}
@media (max-width:960px){.about__image{position:static;max-width:420px}}
.about__photo{
  position:absolute;inset:0;
  background-image:
    linear-gradient(180deg,rgba(11,10,9,0) 40%,rgba(11,10,9,0.45) 100%),
    image-set(url('assets/img/fabian.jpg') 1x, url('assets/img/fabian.jpg') 2x);
  background-image:
    linear-gradient(180deg,rgba(11,10,9,0) 40%,rgba(11,10,9,0.45) 100%),
    url('assets/img/fabian.jpg');
  background-size:cover;
  background-position:center 15%;
  filter:contrast(1.03) saturate(0.96);
  transition:transform 1.2s var(--ease);
}
@media (max-width:768px){
  .about__photo{
    background-image:
      linear-gradient(180deg,rgba(11,10,9,0) 40%,rgba(11,10,9,0.45) 100%),
      url('assets/img/fabian-600.jpg');
  }
}
.about__image:hover .about__photo{transform:scale(1.04)}
.about__badge{
  position:absolute;bottom:var(--space-2);left:var(--space-2);
  background:rgba(11,10,9,0.75);
  backdrop-filter:blur(10px);
  padding:10px 16px;border-radius:999px;
  color:var(--cream)!important;
  border:1px solid var(--hairline-strong);
}
.about__headline{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(44px,6vw,96px);
  line-height:0.95;letter-spacing:-0.035em;
  color:var(--cream);
  margin-bottom:var(--space-4);
}
.about__headline .italic{color:var(--ember)}
.about__para{
  color:var(--ink);font-size:17px;line-height:1.65;
  margin-bottom:var(--space-2);max-width:56ch;
}
.about__para strong{color:var(--cream);font-weight:600}
.about__quote{
  margin:var(--space-4) 0;padding:var(--space-3) 0 var(--space-3) var(--space-3);
  border-left:2px solid var(--ember);
  font-family:var(--serif);font-weight:300;
  font-size:clamp(20px,2vw,26px);
  line-height:1.4;letter-spacing:-0.01em;
  color:var(--cream);
  font-style:italic;
}
.about__quote cite{
  display:block;margin-top:12px;
  font-style:normal;font-size:14px;color:var(--ink-mute);
  font-family:var(--mono);letter-spacing:0.1em;text-transform:uppercase;
}
.about__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-3)}
.chip{
  padding:8px 14px;border-radius:999px;
  border:1px solid var(--hairline-strong);
  color:var(--ink);font-size:13px;
  transition:all .3s var(--ease);
}
.chip:hover{border-color:var(--ember);color:var(--ember)}

/* CLIENTS */
.clients{
  padding:var(--space-6) 0;
  background:var(--bg-2);
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  overflow:hidden;
}
.clients .container{margin-bottom:var(--space-3)}
.clients__marquee{overflow:hidden;position:relative}
.clients__marquee::before,.clients__marquee::after{
  content:'';position:absolute;top:0;bottom:0;width:180px;z-index:2;
  pointer-events:none;
}
.clients__marquee::before{left:0;background:linear-gradient(to right,var(--bg-2),transparent)}
.clients__marquee::after{right:0;background:linear-gradient(to left,var(--bg-2),transparent)}
.clients__track{
  display:flex;white-space:nowrap;width:max-content;
  animation:tickerScroll 42s linear infinite;
}
.clients__group{
  display:flex;align-items:center;gap:var(--space-4);padding-right:var(--space-4);
  font-family:var(--serif);font-weight:300;
  font-size:clamp(36px,5.5vw,80px);
  letter-spacing:-0.03em;
  color:var(--cream);
}
.client.italic{color:var(--ember)}
.clients__dot{color:var(--ember);font-size:0.4em;vertical-align:middle}

/* JOURNAL */
.journal{
  padding:var(--space-7) 0;
  background:var(--bg);
  border-top:1px solid var(--hairline);
}
.journal__head{margin-bottom:var(--space-5);max-width:900px}
.journal__headline{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(44px,6vw,96px);
  line-height:0.95;letter-spacing:-0.035em;
  color:var(--cream);
}
.journal__headline .italic{color:var(--ember)}

.journal__grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);
}
@media (max-width:960px){.journal__grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.journal__grid{grid-template-columns:1fr}}

.post{
  display:flex;flex-direction:column;
  background:var(--bg-2);
  border:1px solid var(--hairline);
  border-radius:4px;overflow:hidden;
  transition:transform .5s var(--ease),border-color .4s var(--ease);
  cursor:pointer;
}
.post:hover{transform:translateY(-4px);border-color:var(--ember)}
.post__image{
  aspect-ratio:4/3;background:var(--bg-3);
  position:relative;overflow:hidden;
  background-size:cover;background-position:center;
  transition:transform .8s var(--ease-out);
}
.post:hover .post__image{transform:scale(1.04)}
.post__image::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(11,10,9,0.5) 100%);
}
.post__image--1{background-image:url('https://images.unsplash.com/photo-1555396273-367ea4eb4db5?w=900&q=80&auto=format&fit=crop')}
.post__image--2{background-image:url('https://images.unsplash.com/photo-1595257841889-eca2678454e2?w=900&q=80&auto=format&fit=crop')}
.post__image--3{background-image:url('https://images.unsplash.com/photo-1565299624946-b28f40a0ae38?w=900&q=80&auto=format&fit=crop')}
.post__image--4{background-image:url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=900&q=80&auto=format&fit=crop')}
.post__image--5{background-image:url('https://images.unsplash.com/photo-1522336572468-97b06e8ef143?w=900&q=80&auto=format&fit=crop')}
.post__image--6{background-image:url('https://images.unsplash.com/photo-1559339352-11d035aa65de?w=900&q=80&auto=format&fit=crop')}

.post__body{padding:var(--space-3);display:flex;flex-direction:column;gap:12px;flex:1}
.post__meta{color:var(--ember)}
.post__body h3{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(20px,1.9vw,24px);
  line-height:1.25;letter-spacing:-0.02em;
  color:var(--cream);
}
.post__body p{color:var(--ink-mute);font-size:14.5px;line-height:1.55;flex:1}
.post__link{
  font-family:var(--mono);font-size:11px;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--ember);
  margin-top:auto;
}

/* FINALE */
.finale{
  position:relative;
  padding:var(--space-8) 0;
  overflow:hidden;
  color:var(--cream);
  border-top:1px solid var(--hairline);
}
.finale__bg{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(ellipse at 30% 20%,rgba(232,115,43,0.25),transparent 50%),
    radial-gradient(ellipse at 80% 80%,rgba(122,34,24,0.3),transparent 50%),
    linear-gradient(160deg,#1A0F07 0%,#0B0A09 70%);
}
.finale__inner{position:relative;z-index:1;text-align:center}
.finale__headline{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(56px,10vw,180px);
  line-height:0.95;letter-spacing:-0.045em;
  color:var(--cream);
  margin:var(--space-3) 0;
}
.finale__headline .italic{color:var(--ember)}
.finale__sub{
  font-size:clamp(16px,1.5vw,20px);color:var(--ink);
  max-width:52ch;margin:0 auto var(--space-4);line-height:1.55;
}
.finale__cta{
  display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);
  margin-bottom:var(--space-6);
}
.finale__contact{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);
  max-width:900px;margin:0 auto;
  padding-top:var(--space-4);border-top:1px solid var(--hairline-strong);
  text-align:left;
}
@media (max-width:768px){.finale__contact{grid-template-columns:1fr;gap:var(--space-3);text-align:center}}
.finale__contact p.mono{color:var(--ember);margin-bottom:8px}
.finale__contact a,.finale__contact p:not(.mono){color:var(--cream);font-size:15px;display:block}
.finale__contact a:hover{color:var(--ember)}

/* CONTACT FORM */
.cform{
  max-width:780px;margin:var(--space-5) auto var(--space-5);
  display:flex;flex-direction:column;gap:var(--space-2);
  text-align:left;
  padding:var(--space-4);
  background:rgba(255,255,255,0.02);
  border:1px solid var(--hairline-strong);
  border-radius:6px;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.cform__row{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);
}
@media (max-width:640px){.cform__row{grid-template-columns:1fr}}
.cform__field{display:flex;flex-direction:column;gap:8px}
.cform__field > span{
  font-family:var(--mono);font-size:11px;
  color:var(--ember);letter-spacing:0.18em;text-transform:uppercase;
}
.cform__field input,
.cform__field textarea{
  width:100%;
  background:rgba(11,10,9,0.6);
  border:1px solid var(--hairline-strong);
  border-radius:4px;
  padding:14px 16px;
  color:var(--cream);
  font-family:var(--sans);font-size:15.5px;
  transition:border-color .25s var(--ease),background .25s var(--ease);
}
.cform__field input::placeholder,
.cform__field textarea::placeholder{color:var(--ink-dim)}
.cform__field input:focus,
.cform__field textarea:focus{
  outline:none;border-color:var(--ember);
  background:rgba(11,10,9,0.8);
}
.cform__field textarea{resize:vertical;min-height:120px;font-family:var(--sans)}
.cform__honey{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.cform__footer{
  display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);
  flex-wrap:wrap;
  margin-top:var(--space-2);
}
.cform__note{color:var(--ink-mute);font-size:13px}
.cform__status{
  min-height:22px;text-align:center;
  font-family:var(--mono);font-size:12px;letter-spacing:0.15em;
  text-transform:uppercase;
  transition:color .3s var(--ease);
}
.cform__status.is-ok{color:#8DD977}
.cform__status.is-err{color:#F26A55}
.cform.is-loading .cform__btn-label::after{
  content:' …';animation:dots 1s infinite;
}
@keyframes dots{
  0%,20%{content:' .'}
  40%{content:' ..'}
  60%,100%{content:' ...'}
}
.cform.is-success{pointer-events:none;opacity:.6}

/* FOOTER */
.footer{
  background:var(--bg);padding:var(--space-5) 0 0;
  position:relative;overflow:hidden;
  border-top:1px solid var(--hairline);
}
.footer__inner{padding-bottom:var(--space-4);position:relative;z-index:2}
.footer__brand{
  padding-bottom:var(--space-4);margin-bottom:var(--space-4);
  border-bottom:1px solid var(--hairline);
  display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-5);
}
@media (max-width:768px){.footer__brand{grid-template-columns:1fr;gap:var(--space-3)}}
.footer__wordmark{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(72px,10vw,140px);
  line-height:0.85;letter-spacing:-0.05em;
  color:var(--cream);
}
.footer__wordmark .italic{color:var(--ember)}
.footer__brand p{color:var(--ink-mute);font-size:17px;line-height:1.55;max-width:50ch;align-self:end}

.footer__cols{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);
  padding-bottom:var(--space-4);
}
@media (max-width:768px){.footer__cols{grid-template-columns:1fr 1fr;gap:var(--space-4)}}
.footer__cols p.mono{color:var(--ember);margin-bottom:var(--space-2)}
.footer__cols a{
  display:block;padding:10px 0;font-size:14.5px;color:var(--ink-mute);
  transition:color .2s var(--ease),transform .2s var(--ease);
}
.footer__cols a:hover{color:var(--ember);transform:translateX(4px)}

.footer__legal{
  display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);
  padding:var(--space-3) 0;
  border-top:1px solid var(--hairline);
  color:var(--ink-mute);font-size:12.5px;
}
.footer__legal div{display:flex;gap:var(--space-3)}
.footer__legal a:hover{color:var(--ember)}
@media (max-width:640px){.footer__legal{flex-direction:column;align-items:flex-start}}

.footer__giant{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(120px,24vw,360px);
  line-height:0.8;letter-spacing:-0.07em;
  color:transparent;
  -webkit-text-stroke:1px rgba(245,241,234,0.1);
  white-space:nowrap;
  text-align:center;
  margin-bottom:-0.3em;
  font-style:italic;
  pointer-events:none;
  user-select:none;
}

/* LOADER ICON */
.loader__icon{
  width:clamp(80px,14vw,140px);height:auto;
  opacity:0;
  animation:loaderIconIn .9s var(--ease-out) .2s forwards, loaderIconPulse 2.5s ease-in-out infinite 1.1s;
  filter:drop-shadow(0 4px 30px rgba(232,115,43,0.35));
}
@keyframes loaderIconIn{from{opacity:0;transform:scale(0.6) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes loaderIconPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.05)}
}

/* HERO BIG WATERMARK */
.hero__watermark{
  position:absolute;
  right:-5%;bottom:-8%;
  width:min(65vw,820px);height:auto;
  opacity:0.06;
  pointer-events:none;
  z-index:1;
  filter:invert(0);
  animation:watermarkFloat 18s ease-in-out infinite;
  transform-origin:center;
}
@keyframes watermarkFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-2%) rotate(-1deg)}
}
@media (max-width:768px){
  .hero__watermark{width:110vw;right:-20%;bottom:-10%;opacity:0.04}
}

/* ORNAMENT DIVIDER */
.ornament{
  display:flex;align-items:center;justify-content:center;gap:var(--space-3);
  width:var(--container);margin:0 auto;
  padding:var(--space-4) 0;
  background:var(--bg);
}
.ornament__line{
  flex:1;height:1px;
  background:linear-gradient(90deg,transparent 0%,var(--hairline-strong) 50%,transparent 100%);
  max-width:280px;
}
.ornament__icon{
  width:46px;height:auto;opacity:0.55;
  filter:drop-shadow(0 2px 12px rgba(232,115,43,0.25));
  transition:transform .6s var(--ease),opacity .4s var(--ease);
}
.ornament:hover .ornament__icon{transform:rotate(-6deg) scale(1.08);opacity:0.9}

/* STATS ICON */
.stat__icon{
  width:32px;height:auto;opacity:0.35;
  margin-bottom:var(--space-2);
  transition:opacity .4s var(--ease),transform .5s var(--ease);
}
.stat:hover .stat__icon{opacity:0.7;transform:rotate(-4deg) scale(1.1)}

/* FINALE WATERMARK */
.finale__watermark{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:min(90vw,1200px);height:auto;
  opacity:0.05;
  pointer-events:none;
  z-index:0;
  animation:watermarkFloat 22s ease-in-out infinite;
}

/* FOOTER ICON */
.footer__icon-row{
  padding:var(--space-3) 0;
  display:flex;justify-content:flex-start;
  border-bottom:1px solid var(--hairline);
  margin-bottom:var(--space-4);
}
.footer__icon{
  width:72px;height:auto;
  transition:transform .6s var(--ease);
  filter:drop-shadow(0 2px 16px rgba(232,115,43,0.2));
}
.footer__icon-row:hover .footer__icon{transform:rotate(-8deg) scale(1.1)}

/* WHATSAPP FLOAT */
.whatsapp-float{
  position:fixed;bottom:24px;right:24px;z-index:400;
  width:56px;height:56px;border-radius:50%;
  background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 40px -10px rgba(37,211,102,0.5);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
  animation:whatsappIn .5s var(--ease-out) 2s both;
}
.whatsapp-float:hover{transform:scale(1.08) rotate(-6deg);box-shadow:0 16px 50px -10px rgba(37,211,102,0.7)}
.whatsapp-float:focus-visible{outline:3px solid var(--cream);outline-offset:4px}
@keyframes whatsappIn{from{opacity:0;transform:translateY(20px) scale(0.5)}to{opacity:1;transform:translateY(0) scale(1)}}

/* REVEAL ANIMATIONS */
[data-reveal]{
  opacity:0;
  transform:translateY(32px);
  transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);
}
[data-reveal].is-visible{opacity:1;transform:translateY(0)}

/* REDUCED MOTION */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:0.01s!important;
    animation-iteration-count:1!important;
    transition-duration:0.01s!important;
    scroll-behavior:auto!important;
  }
  [data-reveal],[data-split] span > *{opacity:1;transform:none}
  .hero__img{transform:none!important}
}

/* UTILITY */
.visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}