/* BEAVORA v2 — header, hero slideshow, bento, motion. Loaded after beavora-site.css */
:root{--ink:#1d2023;--ink-2:#2a2e32;--orange:#ff650a;--orange-2:#ff8a3d;--paper:#fbfaf7;--line:#e4e2dc;--glass:rgba(20,22,24,.38);--ease:cubic-bezier(.22,1,.36,1);--hdr:96px}
body{font-family:Manrope,Inter,system-ui,sans-serif;background:var(--paper)}
h1,h2,h3{font-family:Manrope,Inter,system-ui,sans-serif}
html{scroll-padding-top:110px}

/* ---------- Header ---------- */
header.hdr{position:sticky;top:0;z-index:40;background:rgba(251,250,247,.86);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid rgba(29,32,35,.08);transition:background .4s var(--ease),box-shadow .4s var(--ease)}
.hdr-in{display:flex;align-items:center;gap:44px;height:var(--hdr);transition:height .45s var(--ease)}
.logo{margin-right:auto;display:flex;align-items:center}
.logo img{height:78px;width:auto;transition:height .45s var(--ease),transform .3s var(--ease)}
.logo:hover img{transform:rotate(-2deg) scale(1.03)}
.hdr nav{display:flex;align-items:center;gap:40px}
.hdr nav a{position:relative;font-size:1rem;font-weight:650;letter-spacing:-.01em;color:var(--ink);padding:10px 0}
.hdr nav a:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.hdr nav a:hover:after,.hdr nav a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}
.hdr nav a[aria-current=page]{color:#000}
.lang-pill{display:flex;gap:2px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}
.lang-pill button{border:0;background:transparent;border-radius:999px;padding:7px 13px;font-size:.78rem;font-weight:800;color:#6b7176;letter-spacing:.02em;transition:background .3s,color .3s}
.lang-pill button[aria-pressed=true]{background:var(--ink);color:#fff}
.burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:999px;background:#fff;position:relative}
.burger span{position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:var(--ink);transition:transform .4s var(--ease),top .4s var(--ease)}
.burger span:first-child{top:18px}.burger span:last-child{top:26px}
.burger[aria-expanded=true] span:first-child{top:22px;transform:rotate(45deg)}
.burger[aria-expanded=true] span:last-child{top:22px;transform:rotate(-45deg)}
.hdr.scrolled{box-shadow:0 10px 30px -20px rgba(0,0,0,.25)}
.hdr.scrolled .hdr-in{height:72px}
.hdr.scrolled .logo img{height:56px}
.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange);transform-origin:left;transform:scaleX(0)}
@supports (animation-timeline:scroll()){.progress{animation:grow linear both;animation-timeline:scroll(root)}}
@keyframes grow{to{transform:scaleX(1)}}

/* ---------- Hero slideshow ---------- */
.hx{position:relative;height:calc(100svh - var(--hdr));min-height:600px;max-height:940px;overflow:hidden;background:#111;color:#fff;isolation:isolate}
.hx-slide{position:absolute;inset:0;margin:0;opacity:0;clip-path:inset(0 0 0 100%);transition:clip-path 1.4s var(--ease),opacity .01s 1.4s}
.hx-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.14);transition:transform 8s linear}
.hx-slide.on{opacity:1;clip-path:inset(0);transition:clip-path 1.4s var(--ease),opacity 0s;z-index:1}
.hx-slide.on img{transform:scale(1)}
.hx-slide.prev{opacity:1;clip-path:inset(0);z-index:0}
.hx:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(10,12,14,.78) 0%,rgba(10,12,14,.45) 42%,rgba(10,12,14,0) 72%),linear-gradient(0deg,rgba(10,12,14,.7) 0%,rgba(10,12,14,0) 45%);pointer-events:none}
.hx-copy{position:absolute;z-index:3;left:0;right:0;bottom:clamp(40px,9vh,96px)}
.chip{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(255,101,10,.7);animation:pulse 2.2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(255,101,10,0)}100%{box-shadow:0 0 0 0 rgba(255,101,10,0)}}
.hx h1{font-size:clamp(3.4rem,min(8.4vw,14.5vh),8.2rem);line-height:.9;letter-spacing:-.065em;font-weight:800;margin:26px 0 22px;color:#fff}
.hx h1 .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hx h1 .ln>span{display:inline-block}
.hx h1 em{font-style:normal;color:var(--orange)}
.hx-sub{font-size:clamp(1.05rem,1.5vw,1.3rem);color:#fff;font-weight:600;max-width:560px}
.hx-lead{color:#d5d8da;max-width:520px;font-size:1rem;line-height:1.7;margin-top:8px}
.hx .actions{margin-top:30px;gap:12px}
.btn{display:inline-flex;align-items:center;gap:12px;padding:17px 26px;border-radius:999px;font-weight:800;font-size:.92rem;border:1px solid transparent;position:relative;overflow:hidden;transition:transform .35s var(--ease),background .3s,color .3s,border-color .3s;isolation:isolate}
.btn .arr{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.14);transition:transform .45s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:hover .arr{transform:rotate(-45deg)}
.btn-primary{background:var(--orange);color:#1a1205}
.btn-primary:before{content:'';position:absolute;inset:0;z-index:-1;background:#fff;transform:translateY(101%);transition:transform .45s var(--ease)}
.btn-primary:hover:before{transform:translateY(0)}
.btn-glass{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.btn-glass:hover{background:#fff;color:var(--ink)}
.btn-glass .arr{background:rgba(255,255,255,.16)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark .arr{background:rgba(255,255,255,.14)}
.btn-dark:hover{background:var(--orange);color:#1a1205}
.hx-note{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:.8rem;color:#dfe2e3;font-weight:600}
.hx-note span{display:flex;align-items:center;gap:7px}
.hx-note svg{width:15px;height:15px;color:var(--orange)}
.hx-card{position:absolute;z-index:3;right:clamp(20px,4vw,56px);bottom:clamp(40px,9vh,96px);width:300px;padding:18px 18px 16px;border-radius:18px;background:var(--glass);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.hx-card small{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-2);font-weight:800}
.hx-card b{display:block;font-size:1.02rem;line-height:1.3;margin:6px 0 12px;min-height:2.6em}
.hx-card a{font-size:.8rem;font-weight:800;color:#fff;display:inline-flex;gap:8px;align-items:center}
.hx-card a:hover{color:var(--orange-2)}
.hx-bars{display:flex;gap:6px;margin-top:14px}
.hx-bars button{flex:1;height:4px;border:0;padding:0;border-radius:4px;background:rgba(255,255,255,.25);overflow:hidden;position:relative}
.hx-bars button:after{content:'';position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.hx-bars button.done:after{transform:scaleX(1)}
.hx-bars button.run:after{animation:bar var(--dur,7s) linear forwards}
.hx.paused .hx-bars button.run:after{animation-play-state:paused}
@keyframes bar{to{transform:scaleX(1)}}
.hx-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:.66rem;color:#c9cdd0}
.hx-meta span:first-child{font-variant-numeric:tabular-nums;font-weight:800;color:#fff}
.hx-nav{display:flex;gap:6px}
.hx-nav button{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:.9rem;transition:background .3s}
.hx-nav button:hover{background:rgba(255,255,255,.18)}
.scroll-cue{position:absolute;z-index:3;left:50%;bottom:18px;transform:translateX(-50%);width:1px;height:46px;background:rgba(255,255,255,.25);overflow:hidden}
.scroll-cue:after{content:'';position:absolute;left:0;top:-50%;width:1px;height:50%;background:#fff;animation:cue 1.8s var(--ease) infinite}
@keyframes cue{to{top:100%}}

/* intro animation */
.js .hx h1 .ln>span{transform:translateY(105%);filter:blur(8px)}
.js .hx .intro{opacity:0;transform:translateY(18px)}
.ready .hx h1 .ln>span{transform:none;filter:none;transition:transform 1.1s var(--ease),filter 1.1s var(--ease)}
.ready .hx h1 .ln:nth-child(2)>span{transition-delay:.12s}
.ready .hx .intro{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(.25s + var(--d,0) * .1s)}

/* ---------- Marquee ---------- */
.mq{background:var(--orange);color:#1a1205;overflow:hidden;border-block:1px solid #e65a07}
.mq-track{display:flex;width:max-content;animation:mq 38s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
.mq-track a{display:flex;align-items:center;gap:26px;padding:20px 13px;font-weight:800;font-size:clamp(1.1rem,2vw,1.55rem);letter-spacing:-.03em;white-space:nowrap}
.mq-track a:after{content:'✦';font-size:.8em;opacity:.55}
.mq-track a:hover{color:#fff}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- Section headings ---------- */
.sx{padding-block:clamp(70px,10vw,120px)}
.sx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}
.kick{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#c24d00}
.kick:before{content:'';width:22px;height:2px;background:var(--orange)}
.sx h2{font-size:clamp(2.3rem,4.6vw,4rem);letter-spacing:-.055em;line-height:1;margin-top:14px;font-weight:800;color:var(--ink)}
.sx h2 em{font-style:normal;color:var(--orange)}
.sx-head p{max-width:360px;font-size:.98rem;line-height:1.7}

/* ---------- Bento calculators ---------- */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(210px,auto);gap:16px}
.tile{--mx:50%;--my:50%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px;border-radius:22px;background:#fff;border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s}
.tile:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,101,10,.13),transparent 60%);opacity:0;transition:opacity .4s}
.tile:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(29,32,35,.35);border-color:#ffc9a6}
.tile:hover:before{opacity:1}
.tile .ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#fff1e7;color:#c24d00;transition:transform .5s var(--ease),background .3s,color .3s}
.tile .ic svg{width:28px;height:28px}
.tile:hover .ic{transform:rotate(-8deg) scale(1.06);background:var(--orange);color:#fff}
.tile h3{font-size:1.4rem;letter-spacing:-.035em;margin-top:22px;color:var(--ink)}
.tile p{font-size:.88rem;margin-top:6px}
.tile .go{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:1rem;transition:transform .5s var(--ease),background .3s,border-color .3s}
.tile:hover .go{transform:rotate(45deg);background:var(--ink);color:#fff;border-color:var(--ink)}
.tile.photo{color:#fff;border:0;min-height:300px;justify-content:flex-end}
.tile.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.tile.photo:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(12,14,16,.85),rgba(12,14,16,.1) 65%)}
.tile.photo:hover img{transform:scale(1.07)}
.tile.photo h3{color:#fff;font-size:clamp(1.6rem,2.4vw,2.2rem)}
.tile.photo p{color:#e3e5e6}
.tile.photo .go{border-color:rgba(255,255,255,.4);color:#fff}
.tile.photo:hover .go{background:var(--orange);border-color:var(--orange);color:#1a1205}
.tile .tag{position:absolute;top:24px;left:26px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.t-big{grid-column:span 2;grid-row:span 2}
.t-wide{grid-column:span 2}
.tile.all{background:var(--ink);color:#fff;border-color:var(--ink)}
.tile.all:before{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,101,10,.35),transparent 60%)}
.tile.all .num{font-size:clamp(4rem,7vw,5.6rem);font-weight:800;letter-spacing:-.07em;line-height:.9;color:var(--orange)}
.tile.all h3{color:#fff;margin-top:6px}
.tile.all p{color:#b9bfc2}
.tile.all .go{border-color:#3e4448;color:#fff}

/* ---------- Ideas (re-skin of existing cards) ---------- */
.ideas2{background:#f1efe9}
.ideas2 .three-grid{gap:22px}
.ideas2 .idea-card{background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.ideas2 .idea-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(29,32,35,.35)}
.ideas2 .idea-visual,.ideas2 .project-photo{border-radius:0;height:240px;transition:transform 1s var(--ease)}
.ideas2 .idea-card:hover .idea-visual,.ideas2 .idea-card:hover .project-photo{transform:scale(1.04)}
.ideas2 .idea-copy{padding:24px 24px 28px;background:#fff;position:relative}
.ideas2 .team-strip{background:var(--ink);color:#fff;border:0;border-radius:22px;padding:34px 38px;margin-top:28px;transition:transform .5s var(--ease)}
.ideas2 .team-strip:hover{transform:translateY(-4px)}
.ideas2 .team-strip p{color:#b9bfc2}
.ideas2 .team-strip .eyebrow{color:var(--orange-2)}
.ideas2 .team-strip .text-link{color:#fff}

/* ---------- Why + stats ---------- */
.why2{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.why2:before{content:'';position:absolute;width:700px;height:700px;right:-200px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(255,101,10,.28),transparent 65%);pointer-events:none}
.why2 h2{color:#fff;max-width:760px}
.why2 .kick{color:var(--orange-2)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3a3f43;margin-top:56px}
.stats div{padding:30px 24px 6px 0;border-right:1px solid #3a3f43}
.stats div+div{padding-left:26px}
.stats div:last-child{border-right:0}
.stats b{display:block;font-size:clamp(2.8rem,5vw,4.4rem);font-weight:800;letter-spacing:-.06em;line-height:1;font-variant-numeric:tabular-nums}
.stats b sup{font-size:.45em;color:var(--orange);vertical-align:top;margin-left:4px}
.stats div>span{display:block;color:#b9bfc2;font-size:.9rem;margin-top:10px}
.why2 .benefits{grid-template-columns:repeat(3,1fr);margin-top:60px;gap:22px}
.why2 .benefits>div,.why2 .benefits>div:last-child{grid-column:auto;padding:28px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid #33383c;transition:background .4s,transform .5s var(--ease)}
.why2 .benefits>div:hover{background:rgba(255,255,255,.08);transform:translateY(-4px)}
.why2 .benefits h3{font-size:1.15rem;color:#fff}

/* ---------- Guides ---------- */
.guides2 .guide-row{position:relative;padding:30px 18px;border-radius:0;transition:padding .5s var(--ease),color .3s;isolation:isolate}
.guides2 .guide-row:before{content:'';position:absolute;inset:0;z-index:-1;background:#fff;transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease);border-radius:16px}
.guides2 .guide-row:hover{padding-left:30px}
.guides2 .guide-row:hover:before{transform:scaleY(1)}
.guides2 .guide-row h3{font-size:clamp(1.3rem,2vw,1.7rem)}
.guides2 .round-arrow{width:52px;height:52px;transition:transform .5s var(--ease),background .3s}
.guides2 .guide-row:hover .round-arrow{transform:rotate(45deg)}

/* ---------- Estimate CTA ---------- */
.cta2{position:relative;border-radius:28px;overflow:hidden;color:#fff;margin-bottom:clamp(60px,8vw,100px);isolation:isolate;min-height:520px;display:flex;align-items:flex-end;padding:clamp(28px,5vw,64px)}
.cta2>img{position:absolute;inset:0;width:100%;height:115%;object-fit:cover;z-index:-2;top:-7%}
.cta2:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,12,14,.85),rgba(10,12,14,.35))}
.cta2-card{max-width:600px}
.cta2 h2{color:#fff;font-size:clamp(2.2rem,4.4vw,3.8rem);letter-spacing:-.055em;line-height:1;margin:16px 0}
.cta2 p{color:#dfe2e3;font-size:1rem;line-height:1.7;margin-top:10px}
.cta2 .kick{color:var(--orange-2)}
.cta2 .btn{margin-top:28px}
.cta2 .small{color:#c8cdd0;margin-top:18px}
.cta2 .direct-contact a{color:#fff}

/* ---------- Footer tweaks ---------- */
footer .f-logo{display:inline-block;background:#fff;border-radius:14px;padding:10px 14px}
footer .f-logo img{height:58px;width:auto}

/* ---------- Reveal on scroll ---------- */
.js [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0) * 80ms)}
.js [data-reveal].in{opacity:1;transform:none}
.js [data-reveal=zoom]{transform:scale(.94)}
.js [data-reveal=zoom].in{transform:none}

/* ---------- Calculators page ---------- */
.cx-hero{position:relative;color:#fff;background:var(--ink);overflow:hidden;isolation:isolate;padding:clamp(70px,9vw,120px) 0 clamp(50px,6vw,80px)}
.cx-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;z-index:-1;transform:scale(1.05)}
.cx-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(29,32,35,.95) 25%,rgba(29,32,35,.5))}
.cx-hero h1{font-size:clamp(3rem,7.5vw,6.6rem);letter-spacing:-.065em;line-height:.92;font-weight:800;margin:22px 0 20px;max-width:900px}
.cx-hero h1 em{font-style:normal;color:var(--orange)}
.cx-hero p{color:#d5d8da;font-size:1.08rem;max-width:560px;line-height:1.7}
.cx-hero .kick{color:var(--orange-2)}
.cx-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:38px}
.search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:6px 6px 6px 20px;width:min(440px,100%);box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.search svg{width:20px;height:20px;color:#6b7176;flex:none}
.search input{border:0;outline:0;flex:1;min-width:0;font-size:1rem;padding:12px 0;background:transparent;color:var(--ink)}
.search kbd{font:inherit;font-size:.72rem;font-weight:800;color:#6b7176;border:1px solid var(--line);border-radius:8px;padding:4px 8px;margin-right:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:10px 16px;font-size:.82rem;font-weight:700;transition:background .3s,color .3s}
.chips button:hover{background:rgba(255,255,255,.18)}
.chips button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#1a1205}
.cx-count{font-size:.9rem;color:#6b7176;margin-bottom:22px;font-weight:600}
.cx-count b{color:var(--ink)}
.cx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cx-grid .tile{min-height:250px}
.cx-grid .tile .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.cx-grid .tile .meta span{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6b7176;background:#f3f1ec;border-radius:999px;padding:5px 10px}
.cx-grid .tile .open{margin-top:18px;font-weight:800;font-size:.86rem;color:#c24d00}
.cx-grid .tile[hidden]{display:none}
.cx-empty{padding:60px 20px;text-align:center;border:1px dashed #cfccc4;border-radius:22px}
.cx-empty h3{font-size:1.5rem;margin-bottom:8px}
.cx-help{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:70px}
.cx-help a{display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:34px;border-radius:22px;background:#f1efe9;transition:transform .5s var(--ease),background .3s}
.cx-help a:hover{transform:translateY(-4px);background:#ffe9da}
.cx-help h3{font-size:1.6rem;letter-spacing:-.04em}
.cx-help span{font-weight:800;color:#c24d00}

/* ---------- Responsive ---------- */
@media(max-width:1100px){.hdr-in{gap:28px}.hdr nav{gap:26px}.bento{grid-template-columns:repeat(2,1fr)}.t-big{grid-column:span 2;grid-row:span 1;min-height:360px}.cx-grid{grid-template-columns:repeat(2,1fr)}.hx-card{width:270px}}
@media(max-width:860px){
:root{--hdr:78px}
.burger{display:block;order:3}
.logo img{height:60px}.hdr.scrolled .logo img{height:50px}.hdr.scrolled .hdr-in{height:66px}
.hdr-in{gap:12px}
.hdr nav{position:fixed;inset:var(--hdr) 0 auto 0;height:calc(100svh - var(--hdr));flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;padding:30px 24px;background:var(--paper);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .35s var(--ease),transform .45s var(--ease),visibility 0s .45s}
.hdr.scrolled nav{inset:66px 0 auto 0}
.hdr nav.open{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--ease),transform .45s var(--ease)}
.hdr nav a{font-size:2.2rem;font-weight:800;letter-spacing:-.05em;padding:10px 0;width:100%;border-bottom:1px solid var(--line)}
.hdr nav a:after{display:none}
.hdr nav.open a{animation:navin .6s var(--ease) both}
.hdr nav.open a:nth-child(2){animation-delay:.05s}.hdr nav.open a:nth-child(3){animation-delay:.1s}.hdr nav.open a:nth-child(4){animation-delay:.15s}
.hx-card{left:16px;right:16px;top:14px;bottom:auto;width:auto;padding:10px 14px;border-radius:16px;display:grid;grid-template-areas:"tag count" "link count" "bars bars";grid-template-columns:1fr auto;align-items:center;column-gap:12px}.hx-card small{grid-area:tag;font-size:.62rem}.hx-card b,.hx-credit,.hx-nav{display:none!important}.hx-card>a{grid-area:link;font-size:.84rem;min-height:30px}.hx-meta{grid-area:count;margin:0}.hx-meta .hx-count{font-size:.8rem}.hx-card .hx-bars{grid-area:bars;margin-top:6px}.scroll-cue{display:none}
.stats{grid-template-columns:repeat(2,1fr)}
.stats div:nth-child(2){border-right:0}.stats div:nth-child(3){padding-left:0}
.stats div:nth-child(n+3){border-top:1px solid #3a3f43}
.why2 .benefits{grid-template-columns:1fr}
.sx-head{display:block}.sx-head p{margin-top:16px}
.cx-help{grid-template-columns:1fr}
}
@keyframes navin{from{opacity:0;transform:translateY(16px)}}
@media(max-width:600px){
.hx{min-height:560px;height:calc(100svh - var(--hdr))}
.hx:before{background:linear-gradient(0deg,rgba(10,12,14,.9) 10%,rgba(10,12,14,.35) 65%,rgba(10,12,14,.2))}
.hx h1{font-size:clamp(3rem,17vw,4.6rem);margin:18px 0 16px}
.hx-lead{font-size:.92rem}
.hx .actions{flex-direction:column;align-items:stretch}
.hx .btn{justify-content:space-between}
.hx-note{gap:10px;font-size:.74rem}
.bento,.cx-grid{grid-template-columns:1fr}
.t-big,.t-wide{grid-column:auto}
.tile.photo{min-height:280px}
.lang-pill button{padding:6px 10px}
.cta2{min-height:560px;border-radius:22px}
.cta2 .btn{width:100%;justify-content:space-between}
.stats div,.stats div+div{padding:22px 12px 4px 0}
.stats div:nth-child(even){padding-left:16px}
.search{width:100%}
}
@media(max-width:380px){.hdr-in{gap:8px}.logo img{height:52px}.lang-pill{padding:3px}.lang-pill button{padding:6px 8px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.mq-track{animation:none}.hx-slide img{transform:none!important}.js [data-reveal],.js .hx h1 .ln>span,.js .hx .intro{opacity:1!important;transform:none!important;filter:none!important}}
@supports (animation-timeline:view()){.cta2>img{animation:px linear both;animation-timeline:view()}@keyframes px{from{transform:translateY(-6%)}to{transform:translateY(6%)}}}

/* ---------- Mobile-friendly pass ---------- */
.fab{display:none}
@media(max-width:860px){
.lang-pill button{min-height:36px;min-width:40px}
body:has(.hdr nav.open){overflow:hidden}
.fab{display:inline-flex;align-items:center;gap:10px;position:fixed;z-index:30;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%,140%);padding:15px 22px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;font-size:.95rem;box-shadow:0 18px 40px -12px rgba(0,0,0,.5);transition:transform .5s var(--ease)}
.fab i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--orange);color:#1a1205}
.past .fab{transform:translate(-50%,0)}
body:has(.hdr nav.open) .fab{display:none}
footer{padding-bottom:70px}
}
@media(max-width:600px){
.sx{padding-block:60px}.sx-head{margin-bottom:28px}
.sx h2{font-size:clamp(2.1rem,10vw,2.8rem)}
.mq-track a{padding:14px 10px;font-size:1.1rem;gap:20px}
.bento{grid-template-columns:1fr 1fr;gap:12px;grid-auto-rows:auto}.bento .tile:not(.photo){justify-content:flex-start;gap:4px}
.t-big,.t-wide{grid-column:span 2}
.tile{padding:18px;border-radius:18px}
.tile .ic{width:44px;height:44px;border-radius:13px}.tile .ic svg{width:24px;height:24px}
.tile h3{font-size:1.12rem;margin-top:16px}.tile p{font-size:.78rem;line-height:1.45}
.tile .go{width:32px;height:32px;top:14px;right:14px;font-size:.85rem}
.tile .tag{top:16px;left:18px}
.tile.photo{min-height:240px}.t-big{min-height:300px}
.tile.photo h3{font-size:1.6rem}
.tile.all .num{font-size:3.4rem}
.ideas2 .idea-visual,.ideas2 .project-photo{height:190px}
.ideas2 .team-strip{padding:26px 22px}
.cta2{min-height:480px;padding:26px}
.cx-hero{padding:48px 0 34px}
.cx-tools{margin-top:26px}
.chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:2px 20px;scroll-snap-type:x proximity;scrollbar-width:none;width:calc(100% + 40px)}
.chips::-webkit-scrollbar{display:none}
.chips button{flex:none;scroll-snap-align:start;min-height:42px}
.cx-grid{gap:10px}
.cx-grid .tile{min-height:0;padding:16px 50px 16px 16px}
.cx-grid .tile>div{display:grid;grid-template-columns:46px 1fr;column-gap:14px}
.cx-grid .tile .ic{grid-row:1/4}
.cx-grid .tile h3,.cx-grid .tile p,.cx-grid .tile .meta{grid-column:2}
.cx-grid .tile h3{margin-top:0}
.cx-grid .tile .meta{margin-top:10px}
.cx-grid .tile .open{display:none}
.cx-grid .tile .go{top:50%;margin-top:-16px}
.cx-help{margin-top:40px}.cx-help a{padding:24px}
}
@media(max-width:600px) and (max-height:760px){.hx .chip{display:none}}
@media(hover:none){
.tile:hover,.ideas2 .idea-card:hover,.ideas2 .team-strip:hover,.cx-help a:hover,.why2 .benefits>div:hover,.btn:hover{transform:none}
.tile:active,.ideas2 .idea-card:active,.ideas2 .team-strip:active,.cx-help a:active,.btn:active,.fab:active{transform:scale(.97);transition-duration:.15s}
.past .fab:active{transform:translate(-50%,0) scale(.97)}
}