/* Hero layout: each visible word, control, card and service is HTML/CSS.
   Image files contain only Edson's portrait and product imagery. */
.hero-built,.hero-services,.hero-mobile-art{display:none}

@media (min-width:761px){
  .site-header{display:none}
  .hero{min-height:0;overflow:hidden;background:#05080c}
  .hero-shade,.hero-content,.hero-bottom{display:none}
  .hero-built{display:block;position:relative;height:53.515625vw;isolation:isolate;background:#05080c;overflow:hidden}
  .hero-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 42% 75% at 52% 17%,rgba(31,47,59,.74),transparent 72%),radial-gradient(ellipse 38% 35% at 81% 85%,rgba(13,40,58,.36),transparent 75%),linear-gradient(90deg,#030608,#080d12 48%,#05080b)}
  .product-ribbon{position:absolute;inset:0;z-index:1;pointer-events:none}
  .ribbon-panel{position:absolute;display:block;max-width:none;height:auto;object-fit:contain}
  .panel-dashboard{left:0;top:11.19%;width:18.2292%}
  .panel-mobile{left:17.7734%;top:18.005%;width:13.8021%}
  .panel-commerce{left:31.3802%;top:21.1679%;width:14.4531%}
  .panel-code{left:58.2682%;top:18.370%;width:22.9167%}
  .panel-concept{left:80.5339%;top:14.355%;width:12.8255%}
  .panel-edge{left:92.9688%;top:11.19%;width:7.0313%}
  .hero-person{position:absolute;z-index:2;left:32.5521%;top:6.6909%;width:44.2708%;height:auto;max-width:none;pointer-events:none}
  .built-brand,.built-nav,.built-top-actions,.built-copy,.built-tech{position:absolute;z-index:4}
  .built-brand{left:8.7891%;top:3.2847%;font:600 2.48vw/1 var(--serif);letter-spacing:-.07em;white-space:nowrap}
  .built-brand span{color:var(--accent)}
  .built-nav{left:50.5%;top:5.19%;display:flex;gap:2.24vw;max-width:calc(100% - 50.5% - 24vw);font:400 1.14vw/1.2 var(--serif);white-space:nowrap}
  .built-nav a:hover,.built-brand:hover{color:var(--accent)}
  .built-top-actions{right:4.8%;top:3.65%;display:flex;align-items:center;gap:1vw;z-index:5;margin-left:2vw}
  .built-top-cta{position:relative;left:auto;top:auto;display:flex;align-items:center;gap:.75vw;min-height:3.15vw;padding:.38vw 1vw .38vw .42vw;border:1px solid rgba(255,255,255,.42);border-radius:100px;font:400 1.08vw/1 var(--serif);white-space:nowrap;transition:background .2s,color .2s;flex-shrink:0}
  .built-lang .lang-switch-toggle{min-height:2.9vw;padding:.3vw .65vw;border:1px solid rgba(255,255,255,.42);border-radius:100px;background:rgba(5,8,12,.35);color:#f8f7f3;font-size:.83vw}
  .built-lang .lang-switch-menu{top:calc(100% + .45vw);right:0;min-width:11vw}
  .built-top-cta:hover{background:#fff;color:#0a0d10}
  .built-top-cta span{display:grid;place-items:center;width:1.72vw;height:1.72vw;border-radius:50%;background:#fff;color:#06090d;font:600 1.1vw var(--sans)}
  .built-top-cta b{font:400 1.05vw var(--sans)}
  .built-copy{left:5.5339%;top:51.58%;width:49.5%;text-shadow:0 2px 16px rgba(0,0,0,.44)}
  .built-eyebrow{font:600 .72vw/1.3 var(--sans);letter-spacing:.29em;color:#d9ab70;margin:0 0 .95vw}
  .built-copy h1{font:400 5.62vw/.94 var(--serif);letter-spacing:-.073em;color:#f8f7f3;margin:.82vw 0 .75vw;white-space:nowrap}
  .built-copy h1 span{color:#d4a363}
  .built-description{font:400 1.19vw/1.34 var(--sans);letter-spacing:-.02em;color:#e2e3e1;margin:0}
  .built-actions{display:flex;align-items:center;gap:2.2vw;margin-top:1.78vw}
  .built-main-cta{display:inline-flex;align-items:center;gap:1vw;background:#faf9f6;color:#090b0d;border-radius:100px;min-height:3.73vw;padding:.45vw 1.07vw .45vw .45vw;white-space:nowrap;font:400 .91vw/1 var(--serif);text-shadow:none;transition:transform .2s,box-shadow .2s}
  .built-main-cta:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.32)}
  .built-main-cta i{display:grid;place-items:center;width:2.44vw;height:2.44vw;border-radius:50%;background:#06090c;color:white;font:400 1.45vw var(--sans);font-style:normal}
  .built-main-cta span{font:400 1vw var(--sans)}
  .built-signature{font:400 2.7vw/1 "Caveat",cursive;color:#f7f4ec;letter-spacing:-.08em;transform:rotate(-9deg);white-space:nowrap}
  .built-tech{left:64.38%;top:87.05%;display:flex;align-items:center;gap:.36vw}
  .tech-icon{width:3.0vw;height:3.0vw;border-radius:50%;display:grid;place-items:center;background:rgba(7,15,21,.81);border:1px solid rgba(105,178,208,.25);box-shadow:0 6px 17px rgba(0,0,0,.55),0 0 14px rgba(41,118,154,.16)}
  .tech-icon img{width:54%;height:54%;object-fit:contain}
  .tech-icon.github img{filter:invert(1)}
  .tech-icon.javascript img{background:#f7df1e;border-radius:3px;padding:2px;width:50%;height:50%}
  .tech-icon.typescript img{background:#3178c6;border-radius:3px;padding:2px;width:50%;height:50%;filter:invert(.1)}
  .tech-icon.react img,.tech-icon.docker img{filter:invert(68%) sepia(67%) saturate(906%) hue-rotate(159deg) brightness(102%)}
  .tech-icon.nodejs img{width:54%;height:54%;filter:none}
  .tech-icon.python img{filter:invert(77%) sepia(64%) saturate(1153%) hue-rotate(341deg)}
  .tech-icon.figma img{filter:invert(52%) sepia(87%) saturate(783%) hue-rotate(314deg)}
  .hero-services{display:grid;position:relative;height:13.151042vw;grid-template-columns:42% 23% 18% 17%;align-items:start;background:#05080b;padding:3.28vw 5.53% 0;isolation:isolate}
  .hero-services:before{content:"";position:absolute;top:0;left:5.53%;right:5.53%;height:1px;background:rgba(255,255,255,.32)}
  .hero-services h2{font:400 3.16vw/1.12 var(--serif);letter-spacing:-.067em;color:#f8f7f2;margin:0;white-space:nowrap}
  .hero-services h2 span{color:var(--accent)}
  .hero-service{display:flex;align-items:flex-start;gap:2.2vw;min-height:7.2vw;border-left:1px solid rgba(255,255,255,.16);padding-left:2.55vw}
  .hero-service svg{width:2.35vw;min-width:2.35vw;height:2.35vw;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
  .hero-service h3{font:400 1.35vw/1.15 var(--serif);letter-spacing:-.04em;margin:.12vw 0 .7vw;white-space:nowrap}
  .hero-service p{font:400 .91vw/1.53 var(--sans);color:#a9afb2;margin:0;max-width:13vw}
}

@media (max-width:760px){
  .hero-built,.hero-services{display:none}
  .hero-mobile-art{display:block;position:absolute;z-index:-2;inset:0 0 auto;height:430px;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#172630 0%,#0a1017 49%,#05080b 86%)}
  .hero-mobile-art img{position:absolute;display:block;max-width:none;height:auto}
  .hero-mobile-art img:nth-child(1){width:150px;left:-53px;top:135px}
  .hero-mobile-art img:nth-child(2){width:150px;left:48px;top:145px}
  .hero-mobile-art img:nth-child(3){width:230px;right:-95px;top:130px}
  .hero-mobile-art img:nth-child(4){width:420px;left:calc(50% - 185px);top:53px}
  .hero-shade{background:linear-gradient(0deg,#080b0e 0%,rgba(2,5,7,.95) 13%,rgba(2,5,7,.72) 35%,transparent 63%)}
}