@media (max-width:900px){.topbar__inner{display:flex;align-items:center;gap:12px;padding:12px 12px 6px}.brand__logo{width:56px;height:56px;object-fit:contain}.top-actions{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-start;flex-wrap:wrap}.btn--download{padding:10px 14px;border-radius:999px;font-size:16px}.action{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 12px;border-radius:999px;font-size:14px}.nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.nav__item{text-decoration:none;color:#fff;font-weight:700;letter-spacing:.5px}.icon-btn{width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;display:flex;align-items:center;justify-content:center;padding:0}.icon-btn svg{width:18px;height:18px;opacity:.9}.hero__media,.hero-media,.hero__image{height:52vh;min-height:320px}.hero__media img,.hero-media img,.hero__image img{width:100%;height:100%;object-fit:cover}.hero__title{font-size:46px;line-height:.95}.hero__subtitle{font-size:16px}}@media (max-width:768px){:root{--mobile-pad:16px}.topbar{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.86);backdrop-filter:blur(14px)}.topbar__inner{flex-direction:column;align-items:stretch;gap:8px;padding:10px var(--mobile-pad) 8px}.brand{display:flex;justify-content:center;align-items:center}.brand__logo{width:54px;height:54px}.top-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.top-actions .action:nth-of-type(1),.top-actions .action:nth-of-type(2){display:none}.avatar{width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.20);display:grid;place-items:center;overflow:hidden}.avatar::before{content:none}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.nav{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px var(--mobile-pad) 12px;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10)}.nav__sep{display:none !important}.nav__item:nth-of-type(2),.nav__item:nth-of-type(3),.nav__item:nth-of-type(4){display:none !important}.icon-btn{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;padding:0;margin-left:4px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);border-radius:10px}.icon-btn svg{width:18px;height:18px;fill:none;stroke:rgba(255,255,255,.88);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn:active{transform:scale(.98)}.hero{min-height:auto;background-position:center 18%;padding-top:clamp(180px,34vh,280px)}.hero::before{background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.35) 42%,rgba(0,0,0,.82) 100%)}.hero__copy{position:static;left:auto;top:auto;transform:none;width:100%;padding:18px var(--mobile-pad) 26px}.hero__copy{display:flex !important;flex-direction:column !important}.hero__cta{order:1 !important;align-self:flex-start !important;margin:0 0 14px !important}.hero__title{order:2 !important}.hero__desc{order:3 !important}.hero__pill{order:4 !important;margin-top:14px !important}.hero[data-slide="1"]{padding-top:clamp(140px,24vh,220px) !important;background-size:55% auto !important;background-position:50% 8% !important}.hero__title{font-size:clamp(44px,12vw,64px);line-height:.95;margin-top:10px}.hero__subtitle{font-size:18px;line-height:1.45;max-width:34ch}}.hero__cta{display:inline-block;margin-top:12px}@media (max-width:768px){.nav__item.hide-mobile,.nav__sep.hide-mobile{display:none !important}.top-actions{width:100%;justify-content:space-between;gap:12px}.top-actions .action-icon{display:none}.top-actions .btn--download{padding:10px 14px;font-size:14px}.nav{width:100%;justify-content:center;gap:10px;position:relative;padding-top:10px}.nav__item{font-size:16px}.nav__sep{opacity:.55}.icon-btn{display:inline-flex !important}.icon-btn{width:34px;height:34px;border-radius:10px;margin-left:8px}.icon-btn svg{width:18px;height:18px}.hero{min-height:86vh}.hero__title{font-size:56px;line-height:.92}.hero__sub{font-size:18px}}@media (max-width:768px){.hero__copy{display:flex;flex-direction:column}.hero__cta{order:1 !important;align-self:flex-start;margin-top:0 !important}.hero__pill{order:2 !important}.hero__title{order:3 !important}.hero__desc{order:4 !important}.hero{min-height:60vh}.hero[data-slide="1"]{background-size:55% auto !important;background-position:50% 12% !important;background-repeat:no-repeat !important}}@media (max-width:768px){.hero__copy{display:flex !important;flex-direction:column !important}.hero__cta{order:1 !important;align-self:flex-start !important;margin:0 0 12px 0 !important}.hero__title{order:2 !important}.hero__desc{order:3 !important}.hero__pill{order:4 !important;margin-top:14px !important}.hero__pill{width:100% !important}.hero[data-slide="1"]{min-height:40vh !important;background-size:42% auto !important;background-position:50% 18% !important;background-repeat:no-repeat !important;background-color:#000 !important}.hero:not([data-slide="1"]){background-position:50% 22% !important}}@media (max-width:768px){.logo{width:64px;height:64px}}.modal{position:fixed;inset:0;z-index:1000;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease-out,visibility 0s linear .15s}.modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .15s ease-out}.modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .15s ease-out}.modal.is-open .modal__backdrop{opacity:1}.modal__panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.98);opacity:0;transition:transform .15s ease-out,opacity .15s ease-out}.modal.is-open .modal__panel{opacity:1;transform:translate(-50%,-50%) scale(1)}#contactLink{color:#7CFF00}#contactLink:hover{filter:brightness(1.05)}.modal__contactLink{color:#4da3ff;text-decoration:underline}.modal__contactRow{display:flex;align-items:center;gap:10px;margin:8px 0;gap:0px}.modal__copyBtn{margin-left:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-size:13px;line-height:1;display:inline-flex;align-items:center;gap:6px}.modal__contactLabel{color:rgba(255,255,255,0.92);font-weight:600;white-space:nowrap}.modal__dot{opacity:0.6;margin:0 8px;user-select:none}.modal__contactLink{color:#76b7ff;text-decoration:none;white-space:nowrap;flex:0 0 auto}.modal__contactLink:hover{text-decoration:underline}.modal__copyBtn:hover{background:rgba(255,255,255,.12)}.modal__copyBtn:active{transform:translateY(1px)}.modal__titleIcon{width:16px;height:16px;display:inline-block;opacity:.9}.modal__title{display:flex;align-items:center;gap:8px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:rgba(0,0,0,.75);color:#fff;padding:10px 14px;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .15s ease-out}.toast.show{opacity:1}#contactLink{color:#7CFF00}#contactLink:hover{filter:brightness(1.05)}#contactModal .modal__title{color:#7CFF00}@media (max-width:768px){#contactModal .modal__contactRow{border-radius:12px;padding:8px 8px;transition:background .15s ease-out,transform .15s ease-out}#contactModal .modal__contactRow:active{background:rgba(255,255,255,.08);transform:scale(0.99)}}.modal__copyBtn .copyIcon{display:inline-block;transform:translateZ(0)}.modal__copyBtn.copied .copyIcon{animation:copyPop .18s ease-out}@keyframes copyPop{0%{transform:scale(1)}60%{transform:scale(1.25)}100%{transform:scale(1)}}#contactModal .modal__content{position:relative}#contactModal .modal__title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:42px}#contactModal .modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06)}#contactModal .modal__close:hover{background:rgba(255,255,255,.10)}#contactModal .modal__copyBtn{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-weight:600;letter-spacing:.2px}#contactModal .modal__copyBtn:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)}#contactModal .modal__copyBtn:active{transform:scale(.99)}#contactModal .modal__copyBtn .copyIcon,#contactModal .modal__titleIcon{display:none !important}@media (max-width:720px){#contactModal .modal__panel{max-height:86vh;overflow-y:auto;-webkit-overflow-scrolling:touch}#contactModal .modal__content{width:100%}#contactModal .modal__title{font-size:18px;line-height:1.2}#contactModal .modal__subtitle{font-size:14px;line-height:1.3}#contactModal .modal__contactRow{flex-wrap:wrap;gap:10px}#contactModal .modal__emailLine{max-width:100%;word-break:break-word}#contactModal .modal__copy{margin-left:auto}}

/* --- Hero background slider (Cloudflare Pages) --- */
.hero{position:relative; background-image:none !important;}
.hero__bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:0;
  opacity:1;
  transition:opacity .7s ease;
}
.hero__bg.is-fading{opacity:0;}
.hero::before{z-index:1;}
.hero__copy{position:relative; z-index:2;}