/* ============================================================
   ZURBAGUN — Asset Management & Investment
   Same family as zurbagun-development.ae: near-black drafting board,
   champagne gold, CAD linework over dusk photography, Geist + Geist Mono.

   Layout rules:
   · one 12-column layout grid (.g) — the same grid is drawn on screen
     (.layout-grid), so every block edge sits on a visible column line;
   · every section is one screen (.screen = 100svh on desktop) and is sized
     with viewport-height units so its content fits without scrolling.
   ============================================================ */
:root{
  --board:#0e0d0b;
  --board-2:#15140f;
  --board-3:#1c1a15;
  --text:#ece6d8;
  --text-2:#c9c3b5;
  --mute:#9a9486;
  --dim:#6f6a5f;
  --line:rgba(236,230,216,.12);
  --line-soft:rgba(236,230,216,.06);
  --gold:#d2ae3e;
  --gold-2:#e8c865;
  --gold-line:rgba(210,174,62,.45);
  --font-sans:'Geist',ui-sans-serif,system-ui,sans-serif;
  --font-mono:'Geist Mono',ui-monospace,'SF Mono',monospace;
  --ease:cubic-bezier(.16,1,.3,1);

  --wrap:1360px;
  --gut:clamp(20px,4.5vw,64px);
  --cg:clamp(14px,1.6vw,24px);            /* column gutter */
  --nav:88px;
  /* vertical rhythm scales with screen height so a block always fits */
  --v1:clamp(8px,1.2vh,14px);
  --v2:clamp(12px,2.2vh,26px);
  --v3:clamp(18px,3.6vh,44px);
  --fs-hero:clamp(2.4rem,min(5vw,8.2vh),5.3rem);
  --fs-title:clamp(1.8rem,min(3.5vw,6vh),3.7rem);
  --fs-h3:clamp(1.05rem,min(1.45vw,2.5vh),1.45rem);
  --fs-body:clamp(.95rem,min(1.05vw,1.9vh),1.12rem);
  --fs-small:clamp(.85rem,min(.95vw,1.7vh),1rem);
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--board);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--board);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.5;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
em{font-style:normal;color:var(--gold)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--gold);color:var(--board)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);width:100%}
.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase}

/* ---------- the layout grid ---------- */
.g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg)}
.g>*{min-width:0}
.layout-grid{position:fixed;inset:0;z-index:50;pointer-events:none}
.layout-grid .wrap{height:100%}
.layout-grid i{height:100%;border-left:1px solid rgba(236,230,216,.045);border-right:1px solid rgba(236,230,216,.045);background:rgba(236,230,216,.008)}
/* horizontal module lines, same pitch on every screen */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(to bottom,rgba(236,230,216,.028) 1px,transparent 1px);
  background-size:100% 58px;
}
main,footer,.nav{position:relative;z-index:2}
.nav{position:fixed}

/* ---------- one block = one screen ---------- */
.screen{position:relative;min-height:100svh;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.screen__in{flex:1;display:flex;flex-direction:column;padding-top:calc(var(--nav) + var(--v2));padding-bottom:var(--v3);min-height:0}
.screen__in--mid{justify-content:center}
.fill{flex:1;min-height:0}
/* drafting sheet stamp in every block + corner ticks on the grid edge */
.screen::after{
  content:attr(data-sheet);position:absolute;right:var(--gut);bottom:14px;z-index:3;
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.22em;color:var(--dim);
}
.screen::before{
  content:"";position:absolute;top:-6px;left:max(var(--gut),calc((100% - var(--wrap))/2 + var(--gut)));
  width:11px;height:11px;z-index:3;margin-left:-5px;
  background:linear-gradient(var(--gold),var(--gold)) center/1px 100% no-repeat,linear-gradient(var(--gold),var(--gold)) center/100% 1px no-repeat;
}
@media (min-width:981px) and (min-height:620px){
  .screen{height:100svh}
  .screen__in{overflow:hidden}
}

/* ---------- scroll progress ---------- */
.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:200;pointer-events:none}
.progress span{display:block;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:0 50%}

/* ---------- header ---------- */
.nav{top:0;left:0;right:0;z-index:100;transition:transform .45s var(--ease)}
.nav::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:rgba(14,13,11,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line-soft);opacity:0;transition:opacity .35s var(--ease);
}
.nav.is-scrolled::before{opacity:1}
.nav.is-hidden{transform:translateY(-100%)}
.nav__in{display:flex;align-items:center;gap:34px;height:var(--nav)}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand img{width:58px;height:auto}
.brand__lockup{display:flex;flex-direction:column;line-height:1}
.brand__word{font-weight:700;letter-spacing:.14em;font-size:21px;color:var(--gold)}
.brand__disc{font-family:var(--font-mono);color:var(--gold);font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;margin-top:6px;white-space:nowrap}
.nav__links{display:flex;gap:28px;margin-left:auto}
.nav__links a{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);position:relative;padding:6px 0;transition:color .2s}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav__links a:hover,.nav__links a.is-active{color:var(--gold-2)}
.nav__links a:hover::after,.nav__links a.is-active::after{transform:scaleX(1)}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;flex:none}
.lang button{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:5px 9px;border-radius:999px;color:var(--mute);transition:color .2s,background .2s}
.lang button[aria-pressed="true"]{background:var(--gold);color:var(--board)}
.lang button:not([aria-pressed="true"]):hover{color:var(--text)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:999px;position:relative;flex:none}
.burger i{position:absolute;left:13px;right:13px;height:1.5px;background:var(--text);transition:transform .3s var(--ease),top .3s var(--ease)}
.burger i:first-child{top:17px}.burger i:last-child{top:25px}
.nav.is-open .burger i:first-child{top:21px;transform:rotate(45deg)}
.nav.is-open .burger i:last-child{top:21px;transform:rotate(-45deg)}

/* ---------- buttons & links ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.65rem;white-space:nowrap;
  font-family:var(--font-mono);font-weight:500;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;
  padding:clamp(.75rem,1.6vh,1rem) 1.6rem;border:1px solid transparent;border-radius:999px;
  transition:background .25s ease,border-color .25s ease,color .25s ease,gap .25s ease,transform .15s ease;
}
.btn:active{transform:translateY(1px)}
.btn--gold{background:var(--gold);color:var(--board)}
.btn--gold:hover{background:var(--gold-2);gap:.95rem}
.btn--line{border-color:var(--gold-line);color:var(--gold-2)}
.btn--line:hover{border-color:var(--gold);background:rgba(210,174,62,.08);gap:.95rem}
.nav .btn{padding:.78rem 1.25rem;font-size:11.5px}
.link{display:inline-flex;align-items:center;gap:.6rem;color:var(--text);font-size:var(--fs-body);transition:gap .25s,color .25s}
.link:hover{gap:.9rem;color:var(--gold-2)}

/* ---------- shared heading pieces ---------- */
.marker{display:flex;align-items:center;gap:18px;margin-bottom:var(--v2);color:var(--mute)}
.marker b{font-family:var(--font-mono);font-weight:500;font-size:13px;color:var(--gold);letter-spacing:.08em}
.marker i{display:block;width:58px;height:1px;background:var(--gold-line);transform-origin:left}
.marker span{font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.title{font-size:var(--fs-title);line-height:1.04;letter-spacing:-.035em;font-weight:500}
.lead{color:var(--text-2);margin-top:var(--v2);font-size:clamp(1rem,min(1.2vw,2.1vh),1.22rem);max-width:34em}
.split-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.split-line>span{display:block}
.head{align-items:end;margin-bottom:var(--v3)}
.head__t{grid-column:1/7}
.head__t--wide{grid-column:1/9}
.head__l{grid-column:8/13;margin-top:0;max-width:none}

/* ---------- A-01 hero ---------- */
.hero{overflow:hidden;border-top:0}
.hero__media{position:absolute;inset:0;z-index:0}
.hero__media img{width:100%;height:112%;object-fit:cover;object-position:70% 50%;will-change:transform;transform-origin:70% 50%}
@media (min-width:981px){.hero__media img{object-position:12% 50%}}
.hero__media::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(14,13,11,.96) 0%,rgba(14,13,11,.86) 38%,rgba(14,13,11,.35) 56%,rgba(14,13,11,0) 70%,rgba(14,13,11,.2) 100%),
    linear-gradient(0deg,var(--board) 0%,rgba(14,13,11,.4) 22%,rgba(14,13,11,0) 40%);
}
.hero__in{position:relative;z-index:1;flex:1;align-items:end;padding-top:calc(var(--nav) + var(--v2));padding-bottom:var(--v3)}
.hero__text{grid-column:1/8}
.hero__eyebrow{color:var(--mute);margin-bottom:var(--v2)}
.hero h1{font-size:var(--fs-hero);line-height:1;letter-spacing:-.045em;font-weight:500}
.hero__sub{color:var(--text-2);max-width:31em;margin-top:var(--v2);font-size:clamp(1rem,min(1.25vw,2.2vh),1.28rem)}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:var(--v3)}
.yield-card{
  grid-column:10/13;align-self:end;position:relative;border:1px solid var(--gold-line);border-radius:4px;padding:clamp(16px,2.6vh,26px) clamp(18px,2vw,28px);
  background:linear-gradient(160deg,rgba(28,26,21,.82),rgba(14,13,11,.66));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.yield-card__label{color:var(--mute);display:block}
.yield-card__num{display:block;font-size:clamp(2.8rem,min(5vw,8.5vh),5rem);line-height:1;letter-spacing:-.05em;color:var(--gold-2);margin:var(--v1) 0;font-weight:500;font-variant-numeric:tabular-nums}
.yield-card__num small{font-size:.45em;letter-spacing:0;margin-left:.08em}
.yield-card__note{font-size:var(--fs-small);color:var(--text-2);display:block}
.yield-card i{position:absolute;width:10px;height:10px;border-color:var(--gold);border-style:solid}
.yield-card i:nth-of-type(1){top:-1px;left:-1px;border-width:1px 0 0 1px}
.yield-card i:nth-of-type(2){bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.hero__coord{position:absolute;right:calc(var(--gut) - 30px);top:calc(var(--nav) + 40px);z-index:1;color:var(--dim);writing-mode:vertical-rl;font-size:11px}
.facts{position:relative;z-index:1;border-top:1px solid var(--line);background:rgba(14,13,11,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.fact{grid-column:span 3;padding:clamp(14px,2.6vh,30px) 0 clamp(16px,3vh,34px);position:relative}
.fact+.fact::before{content:"";position:absolute;left:calc(var(--cg) / -2);top:0;bottom:0;width:1px;background:var(--line)}
.fact__num{display:block;font-size:clamp(1.7rem,min(2.8vw,4.6vh),2.9rem);letter-spacing:-.04em;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
.fact__num em{color:var(--gold-2)}
.fact__txt{display:block;margin-top:var(--v1);color:var(--mute);font-size:var(--fs-small);max-width:16em}

/* ---------- A-02 two ways ---------- */
.ways{row-gap:var(--cg)}
.way{grid-column:span 6;display:grid;grid-template-rows:minmax(0,1fr) auto;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--board-2)}
.way__img{position:relative;overflow:hidden;min-height:clamp(90px,14vh,260px)}
.way__img img{position:absolute;inset:0;width:100%;height:118%;object-fit:cover;transition:transform 1.2s var(--ease)}
.way:hover .way__img img{transform:scale(1.05)}
.way__img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--board-2) 0%,rgba(21,20,15,0) 55%)}
.way__body{padding:var(--v2) clamp(20px,2.4vw,36px) var(--v3)}
.way__tag{color:var(--gold);font-size:11px;display:block;margin-bottom:var(--v1)}
.way h3{font-size:clamp(1.3rem,min(2vw,3.4vh),2rem);line-height:1.1;letter-spacing:-.03em;font-weight:500}
.way p{color:var(--text-2);margin-top:var(--v1);font-size:var(--fs-small)}
.way ul{list-style:none;margin:var(--v2) 0;border-top:1px solid var(--line)}
.way li{display:flex;gap:14px;padding:var(--v1) 0;border-bottom:1px solid var(--line);font-size:var(--fs-small);color:var(--text-2)}
.way li::before{content:"";flex:none;width:7px;height:7px;margin-top:.5em;border:1px solid var(--gold);transform:rotate(45deg)}

/* ---------- A-03 calculator ---------- */
.calc{background:var(--board-2);overflow:hidden}
.calc__bg{position:absolute;inset:0;pointer-events:none;opacity:.35}
.calc__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.calc__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--board-2) 0%,rgba(21,20,15,.55) 40%,var(--board-2) 100%)}
.calc .screen__in{position:relative}
.calc__grid{align-items:center}
.calc__text{grid-column:1/6}
.calc__panel{grid-column:7/13;border:1px solid var(--gold-line);border-radius:4px;background:rgba(14,13,11,.8);padding:var(--v3) clamp(22px,2.6vw,40px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.field{margin-bottom:var(--v2)}
.field__top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:var(--v1)}
.field__top label{color:var(--mute)}
.field__val{font-size:clamp(1.2rem,min(1.9vw,3.2vh),1.9rem);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.field__scale{display:flex;justify-content:space-between;margin-top:6px;color:var(--dim);font-size:11px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer;--p:30%}
input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--gold) var(--p),var(--line) var(--p))}
input[type=range]::-moz-range-track{height:2px;background:var(--line)}
input[type=range]::-moz-range-progress{height:2px;background:var(--gold)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-9px;border-radius:50%;background:var(--board);border:2px solid var(--gold);box-shadow:0 0 0 5px rgba(210,174,62,.14)}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--board);border:2px solid var(--gold)}
.out{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.out div{padding:var(--v2) 0 2px}
.out div:nth-child(3){padding-left:24px;border-left:1px solid var(--line)}
.out div.out__main{grid-column:1/-1;padding:var(--v2) 0;border-bottom:1px solid var(--line)}
.out span{display:block;color:var(--mute)}
.out b{display:block;font-weight:500;font-size:clamp(1.3rem,min(2vw,3.4vh),2rem);letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}
.out__main b{font-size:clamp(2rem,min(3.6vw,6vh),3.5rem);color:var(--gold-2);letter-spacing:-.04em}
.out small{display:block;color:var(--dim);font-size:13px;margin-top:4px}
.calc__note{margin-top:var(--v2);font-size:12.5px;color:var(--dim);line-height:1.45}
.calc__cta{margin-top:var(--v2)}

/* ---------- A-04 management ---------- */
.mgmt{align-items:stretch}
.mgmt__side{grid-column:1/5;display:flex;flex-direction:column;min-height:0}
.mgmt__img{margin-top:var(--v3);flex:1;min-height:120px;border-radius:4px;overflow:hidden;position:relative;border:1px solid var(--line)}
.mgmt__img img{position:absolute;inset:0;width:100%;height:118%;object-fit:cover}
.ledger{grid-column:6/13;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));column-gap:var(--cg);align-self:stretch;border-top:1px solid var(--line)}
.row{padding:var(--v2) 0;border-bottom:1px solid var(--line);position:relative;display:flex;flex-direction:column}
.row::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.row:hover::after{transform:scaleX(1)}
.row__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--v1)}
.row__no{font-family:var(--font-mono);color:var(--gold);font-size:13px}
.row h3{font-size:var(--fs-h3);font-weight:500;letter-spacing:-.02em;line-height:1.2}
.row p{color:var(--mute);margin-top:6px;font-size:var(--fs-small);max-width:26em}
.row svg{width:clamp(26px,3.6vh,36px);height:clamp(26px,3.6vh,36px);color:var(--gold);opacity:.8;transition:opacity .3s,transform .5s var(--ease)}
.row:hover svg{opacity:1;transform:rotate(-6deg) scale(1.06)}

/* ---------- A-05 sectors ---------- */
.tiles{row-gap:var(--cg)}
.tile{grid-column:span 3;position:relative;overflow:hidden;background:var(--board);border:1px solid var(--line);border-radius:4px;min-height:200px}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,13,11,.95) 0%,rgba(14,13,11,.25) 50%,rgba(14,13,11,.1) 100%)}
.tile:hover img{transform:scale(1.07)}
.tile__txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:var(--v3) clamp(16px,1.6vw,24px)}
.tile__no{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:11px}
.tile__no::after{content:"";width:28px;height:1px;background:var(--gold-line)}
.tile h3{font-size:clamp(1.15rem,min(1.6vw,2.8vh),1.55rem);font-weight:500;letter-spacing:-.02em;margin-top:var(--v1);line-height:1.15}
.tile p{color:var(--text-2);font-size:var(--fs-small);margin-top:6px;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .4s}
.tile:hover p,.tile:focus-within p{max-height:6em;opacity:1}

/* ---------- A-06 process ---------- */
.proc{align-items:stretch}
.proc__side{grid-column:1/6;display:flex;flex-direction:column;min-height:0}
.draft-box{position:relative;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:rgba(14,13,11,.5)}
.proc__side .draft-box{margin-top:var(--v3);flex:1;min-height:120px}
.draft-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.15);opacity:.9;
  -webkit-mask-image:linear-gradient(100deg,#000 var(--plot,0%),transparent calc(var(--plot,0%) + 12%));
  mask-image:linear-gradient(100deg,#000 var(--plot,0%),transparent calc(var(--plot,0%) + 12%))}
.draft-box span{position:absolute;left:16px;bottom:12px;color:var(--dim);font-size:10.5px}
.steps{grid-column:7/13;list-style:none;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:clamp(40px,4.5vw,64px) 1fr;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:var(--v1) 0}
.step__no{font-family:var(--font-mono);color:var(--gold);font-size:13px;align-self:start;padding-top:.35em}
.step h3{font-size:clamp(1.15rem,min(1.8vw,3vh),1.75rem);font-weight:500;letter-spacing:-.025em;line-height:1.15}
.step p{color:var(--mute);margin-top:4px;font-size:var(--fs-small);max-width:34em}

/* ---------- A-07 group ---------- */
.group{overflow:hidden}
.group__bg{position:absolute;inset:0}
.group__bg img{width:100%;height:120%;object-fit:cover;object-position:50% 60%}
.group__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--board) 0%,rgba(14,13,11,.55) 30%,rgba(14,13,11,.5) 65%,var(--board) 100%)}
.group .screen__in{position:relative}
.group__cards{row-gap:var(--cg)}
.gcard{grid-column:span 4;background:rgba(14,13,11,.82);border:1px solid var(--line);border-radius:4px;padding:var(--v2) clamp(18px,1.8vw,26px);display:flex;flex-direction:column;gap:var(--v1);min-height:clamp(140px,20vh,200px);transition:background .3s,border-color .3s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.gcard:hover{background:rgba(28,26,21,.92);border-color:var(--gold-line)}
.gcard b{font-weight:500;font-size:clamp(1.1rem,min(1.5vw,2.6vh),1.3rem);letter-spacing:-.02em}
.gcard span{color:var(--mute);font-size:var(--fs-small)}
.gcard small{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.gcard--here{border-color:var(--gold-line)}
.marquee{position:relative;overflow:hidden;border-top:1px solid var(--line);padding:clamp(12px,2vh,20px) 0;background:rgba(14,13,11,.85)}
.marquee__track{display:flex;gap:34px;width:max-content;animation:marq 42s linear infinite;font-family:var(--font-mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.marquee__track i{color:var(--gold);font-style:normal}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- A-08 FAQ ---------- */
.faq{align-items:start}
.faq__side{grid-column:1/6}
.faq__list{grid-column:7/13}
.qa{border-top:1px solid var(--line)}
.qa:last-child{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:var(--v2) 0;font-size:clamp(1rem,min(1.35vw,2.3vh),1.3rem);letter-spacing:-.015em}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:none;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;position:relative;transition:border-color .3s}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1px;background:var(--gold);transform:translate(-50%,-50%)}
.qa summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .4s var(--ease)}
.qa[open] summary i{border-color:var(--gold)}
.qa[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.qa summary:hover{color:var(--gold-2)}
.qa__a{color:var(--text-2);padding:0 56px var(--v2) 0;font-size:var(--fs-small)}

/* ---------- A-09 contact ---------- */
.contact__grid{align-items:stretch}
.contact__draft{grid-column:1/7;min-height:200px}
.contact__draft img{transform:scale(1.25);object-position:40% 50%;opacity:.8}
.contact__body{grid-column:8/13;display:flex;flex-direction:column;justify-content:center}
.contact__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--v3)}
.crows{margin-top:var(--v3);border-top:1px solid var(--line)}
.crow{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:var(--v1) 0;border-bottom:1px solid var(--line);font-size:var(--fs-small)}
.crow>span{color:var(--mute);padding-top:3px}
.crow a{transition:color .2s}
.crow a:hover{color:var(--gold-2)}

/* ---------- footer ---------- */
footer{background:#090807;border-top:1px solid var(--line);padding:clamp(56px,7vw,96px) 0 32px}
.foot__top{display:grid;grid-template-columns:auto 1fr;gap:40px 80px;align-items:end;padding-bottom:clamp(36px,5vw,60px);border-bottom:1px solid var(--line)}
.foot__big{font-size:clamp(1.9rem,3.4vw,3.2rem);letter-spacing:-.035em;line-height:1.05;max-width:13em;justify-self:end;text-align:right}
.foot__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:40px 0}
.foot__col{display:flex;flex-direction:column;gap:10px;font-size:15.5px;color:var(--text-2)}
.foot__col a:hover{color:var(--gold-2)}
.foot__h{color:var(--dim);margin-bottom:8px}
.foot__soc{display:flex;gap:10px;margin-top:6px}
.foot__soc a{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:border-color .2s,color .2s}
.foot__soc a:hover{border-color:var(--gold);color:var(--gold)}
.foot__soc svg{width:17px;height:17px}
.foot__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 30px;padding-top:26px;border-top:1px solid var(--line);color:var(--dim);font-size:13px}
.foot__legal a:hover{color:var(--gold-2)}
.foot__disc{color:var(--dim);font-size:12.5px;line-height:1.55;max-width:70em;margin-top:18px}

/* ---------- cursor ring (fine pointers only) ---------- */
.cursor{position:fixed;left:0;top:0;width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid rgba(236,230,216,.5);border-radius:50%;pointer-events:none;z-index:300;opacity:0;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),border-color .3s,background .3s,opacity .3s}
.cursor.is-on{opacity:1}
.cursor.is-hover{width:64px;height:64px;margin:-32px 0 0 -32px;border-color:var(--gold);background:rgba(210,174,62,.08)}
@media (hover:none),(pointer:coarse){.cursor{display:none}}

/* ---------- reveal defaults (JS adds .js; ?static / reduced motion skip) ---------- */
.js [data-rv]{opacity:0;transform:translateY(28px)}
.js .split-line>span{transform:translateY(105%)}
.js .marker i{transform:scaleX(0)}
.is-static [data-rv],.is-static .split-line>span{opacity:1!important;transform:none!important}
.is-static .marker i{transform:none!important}

/* ---------- short desktop screens (e.g. 1366×768, 1280×720) ---------- */
@media (min-width:981px) and (max-height:820px){
  :root{--nav:72px}
  .brand img{width:48px}
  .brand__word{font-size:18px}
  .way ul li:nth-child(3){display:none}
  .hero__coord{display:none}
}
@media (min-width:981px) and (max-height:700px){
  .way ul{display:none}
  .calc__note{display:none}
  .row p{display:none}
}

/* ---------- tablets & phones: 4-column grid, blocks grow with content ---------- */
@media (max-width:1180px){
  .nav__links{gap:20px}
  .nav__links a{font-size:11.5px}
  .tile p{max-height:6em;opacity:1}
}
@media (max-width:980px){
  :root{--nav:74px}
  .g{grid-template-columns:repeat(4,minmax(0,1fr))}
  .layout-grid i:nth-child(n+5){display:none}
  .g>*,.head__t,.head__l,.hero__text,.calc__text,.calc__panel,.mgmt__side,.ledger,.proc__side,.steps,.faq__side,.faq__list,.contact__draft,.contact__body,.way,.gcard{grid-column:1/-1}
  .tile{grid-column:span 2;min-height:0;aspect-ratio:3/4}
  .fact{grid-column:span 2}
  .fact:nth-child(3)::before{display:none}
  .fact:nth-child(n+3){border-top:1px solid var(--line)}
  .head__l{margin-top:var(--v2)}
  .brand img{width:46px}
  .brand__word{font-size:17px}
  .brand__disc{font-size:8px;letter-spacing:.2em}
  .nav__in{gap:14px}
  .nav__links{
    position:fixed;inset:var(--nav) 0 auto 0;flex-direction:column;gap:0;margin:0;padding:10px var(--gut) 28px;
    background:rgba(14,13,11,.98);border-bottom:1px solid var(--line);
    transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .3s,transform .4s var(--ease);
  }
  .nav.is-open .nav__links{opacity:1;transform:none;pointer-events:auto}
  .nav__links a{padding:16px 0;border-bottom:1px solid var(--line-soft);font-size:13px}
  .nav__cta{display:none}
  .lang{margin-left:auto}
  .burger{display:block}
  .hero__coord{display:none}
  .yield-card{margin-top:var(--v3)}
  .screen__in{padding-top:calc(var(--nav) + 36px);padding-bottom:56px}
  .way{grid-template-rows:auto auto}
  .way__img{aspect-ratio:16/10}
  .mgmt__img{flex:none;aspect-ratio:16/10}
  .ledger{grid-template-columns:1fr;grid-template-rows:none;margin-top:36px}
  .proc__side .draft-box{flex:none;aspect-ratio:16/10}
  .steps{grid-template-rows:none;margin-top:36px}
  .step{padding:22px 0}
  .faq__list{margin-top:28px}
  .contact__draft{aspect-ratio:16/10;min-height:0}
  .contact__body{margin-top:36px}
  .gcard{min-height:0}
  .foot__top{grid-template-columns:1fr}
  .foot__big{justify-self:start;text-align:left}
  .foot__grid{grid-template-columns:1fr 1fr}
  .foot__grid .foot__col:first-child{grid-column:1/-1}
}
@media (max-width:560px){
  .hero__media img{object-position:78% 50%}
  .hero__media::after{background:linear-gradient(0deg,var(--board) 0%,rgba(14,13,11,.9) 40%,rgba(14,13,11,.78) 75%,rgba(14,13,11,.55) 100%)}
  .hero__cta .btn{width:100%}
  .tile{grid-column:1/-1;aspect-ratio:4/3}
  .out{grid-template-columns:1fr}
  .out div:nth-child(3){padding-left:0;border-left:0}
  .field__val{font-size:1.25rem}
  .calc__panel{padding:22px 18px}
  .qa__a{padding-right:0}
  .crow{grid-template-columns:1fr;gap:4px}
  .contact__cta .btn{width:100%}
  .lang button{padding:5px 7px}
  .screen::after{display:none}
}
@media (prefers-reduced-motion:reduce){
  .marquee__track{animation:none}
  *{transition-duration:.01ms!important}
}