:root{
  --navy:#0E2540;--navy-lift:#14304F;--navy-deep:#081826;
  --gold:#C9A35B;--gold-soft:#E0BE7E;--cream:#F7F4ED;
  --dim:rgba(247,244,237,.64);--dimmer:rgba(247,244,237,.44);
  --line:rgba(247,244,237,.13);--line-gold:rgba(201,163,91,.30);
  --font:Arial,'Helvetica Neue',Helvetica,sans-serif;
  --nav-h:66px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h);-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--navy);color:var(--cream);font-family:var(--font);font-weight:400;font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px;}
.wrap{width:100%;max-width:1480px;margin:0 auto;padding:0 clamp(22px,4.5vw,72px);}
.hero-grid>*,.two>*,.pane-grid>*,.c-grid>*,form .row>*{min-width:0;}
.btn{display:inline-block;background:var(--gold);color:var(--navy-deep);text-decoration:none;font-weight:500;font-size:16px;padding:14px 28px;border:1px solid var(--gold);cursor:pointer;font-family:var(--font);line-height:1.3;}
.btn:hover{background:var(--gold-soft);border-color:var(--gold-soft);}
.btn-ghost{background:transparent;color:var(--cream);border:1px solid var(--line-gold);}
.btn-ghost:hover{background:rgba(201,163,91,.1);border-color:var(--gold);}
.lang{background:transparent;border:1px solid var(--line-gold);color:var(--dim);font-family:var(--font);font-size:13px;letter-spacing:.08em;padding:7px 12px;cursor:pointer;line-height:1;}
.lang:hover{color:var(--cream);border-color:var(--gold);}

/* ---------- apertura a pantalla completa ---------- */
.intro{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;border-bottom:1px solid var(--line);}
.intro .wrap{display:flex;flex-direction:column;flex:1;}
.intro-top{display:flex;align-items:center;justify-content:space-between;padding:26px 0 0;}
.logo{width:210px;height:auto;display:block;margin-left:-10px;}
.intro-mid{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(40px,6vw,96px);align-items:center;padding:64px 0 72px;}
.intro-mid>*{min-width:0;}
.intro h1{font-weight:400;font-size:clamp(38px,6.4vw,88px);line-height:1.02;letter-spacing:-.03em;margin:0 0 30px;max-width:15ch;}
.intro h1 em{font-style:normal;color:var(--gold);}
.intro-sub{margin:0;font-size:clamp(17px,1.8vw,22px);font-weight:400;color:var(--dim);max-width:40ch;line-height:1.55;}
.intro-nav{display:flex;flex-direction:column;align-items:stretch;border-top:1px solid var(--line);}
.intro-nav a{text-decoration:none;font-size:clamp(20px,2vw,28px);font-weight:400;color:var(--cream);padding:20px 0;border-bottom:1px solid var(--line);}
.intro-nav a:hover{color:var(--gold);}
.intro-nav a.btn{margin-top:28px;border-bottom:1px solid var(--gold);font-size:17px;font-weight:700;padding:16px 28px;text-align:center;color:var(--navy-deep);}

/* ---------- barra fija que aparece al bajar ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--nav-h);background:rgba(14,37,64,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .28s ease;}
.nav.show{transform:none;}
.nav-in{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:24px;}
.brand{display:block;line-height:0;flex-shrink:0;margin-left:-6px;}
.logo-sm{height:30px;width:auto;display:block;}
.links{display:flex;align-items:center;gap:30px;}
.links a{text-decoration:none;font-size:15.5px;color:var(--dim);padding:6px 0;border-bottom:1px solid transparent;}
.links a:hover{color:var(--cream);}
.links a.on{color:var(--cream);border-bottom-color:var(--gold);}
.links a.nav-cta{background:var(--gold);color:var(--navy-deep);font-weight:500;font-size:15px;padding:10px 20px;border-bottom:0;}
.links a.nav-cta:hover{background:var(--gold-soft);}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer;}
.burger span{display:block;width:23px;height:1.5px;background:var(--cream);margin:5px 0;}
.panel{display:none;}

/* ---------- hero con la cadena ---------- */
.hero{padding:96px 0;border-bottom:1px solid var(--line);}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,96px);align-items:start;}
.kicker{font-size:12.5px;letter-spacing:.2em;color:var(--gold);margin:0 0 22px;}
.hero h2{font-weight:400;font-size:clamp(30px,3.6vw,46px);line-height:1.1;letter-spacing:-.025em;margin:0 0 24px;max-width:18ch;}
.lede{margin:0 0 30px;font-size:18px;line-height:1.6;color:var(--dim);max-width:50ch;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.chain{background:var(--navy-lift);border:1px solid var(--line-gold);padding:32px 30px 28px;}
.chain-sets{display:grid;}
.chain-set{grid-area:1/1;}
.chain-set.off{visibility:hidden;}
.chain-h{margin:0 0 4px;font-size:19px;font-weight:500;}
.chain-sub{margin:0 0 26px;font-size:14.5px;color:var(--dimmer);line-height:1.5;}
.chain-list{list-style:none;margin:0;padding:0;counter-reset:c;}
.chain-list li{counter-increment:c;position:relative;padding:0 0 22px 40px;}
.chain-list li:last-child{padding-bottom:0;}
.chain-list li::before{content:counter(c);position:absolute;left:0;top:0;width:24px;height:24px;border:1px solid var(--line-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gold);}
.chain-list li::after{content:"";position:absolute;left:11.5px;top:26px;bottom:-2px;width:1px;background:var(--line);}
.chain-list li:last-child::after{display:none;}
.chain-list b{display:block;font-size:17px;font-weight:500;line-height:1.35;}
.chain-list span{display:block;font-size:14.5px;color:var(--dimmer);line-height:1.45;margin-top:2px;}
.chain-list li.mark::before{background:var(--gold);border-color:var(--gold);color:var(--navy-deep);font-weight:600;}
.chain-list li.mark b{color:var(--gold);}
.cnote{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line-gold);font-size:14.5px;color:var(--dim);line-height:1.55;}

/* ---------- secciones ---------- */
.sec{padding:88px 0;border-bottom:1px solid var(--line);}
.sec-head{margin-bottom:40px;max-width:64ch;}
.sec-head .kicker{margin-bottom:14px;}
h2.title{font-weight:400;font-size:clamp(27px,3.4vw,42px);line-height:1.12;letter-spacing:-.025em;margin:0;}
.sec-head p{margin:18px 0 0;color:var(--dim);font-size:17.5px;}
.two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,96px);align-items:start;}
.prose p{margin:0 0 18px;max-width:62ch;color:var(--dim);}
.prose p:last-child{margin-bottom:0;}
.switch{display:flex;border:1px solid var(--line-gold);margin-bottom:22px;}
.switch button{flex:1;background:transparent;border:0;color:var(--dim);cursor:pointer;font-family:var(--font);font-size:14.5px;padding:12px 10px;line-height:1.3;}
.switch button[aria-pressed="true"]{background:var(--gold);color:var(--navy-deep);font-weight:500;}
.mrow{display:block;padding:16px 0;border-bottom:1px solid var(--line);}
.mrow:first-of-type{border-top:1px solid var(--line);}
.mrow b{display:block;font-weight:500;font-size:17px;}
.mrow span{display:block;font-size:14.5px;color:var(--dimmer);line-height:1.5;margin-top:4px;}
.m-set[hidden]{display:none;}
.tabs{display:flex;border-bottom:1px solid var(--line);overflow-x:auto;}
.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--dim);font-family:var(--font);font-size:17px;padding:15px 26px 14px;cursor:pointer;white-space:nowrap;margin-bottom:-1px;}
.tabs button:first-child{padding-left:0;}
.tabs button:hover{color:var(--cream);}
.tabs button[aria-selected="true"]{color:var(--cream);border-bottom-color:var(--gold);font-weight:500;}
.pane{padding:44px 0 0;}
.pane[hidden]{display:none;}
.pane-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start;}
.pane h3{margin:0 0 16px;font-size:24px;font-weight:400;letter-spacing:-.01em;display:flex;align-items:center;gap:14px;}
.sico-wrap{display:inline-flex;}
.sico{width:34px;height:34px;flex-shrink:0;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.pane .desc{margin:0 0 22px;color:var(--dim);max-width:52ch;}
.pane .meta{font-size:14.5px;color:var(--dimmer);border-top:1px solid var(--line);padding-top:16px;margin:0;line-height:1.55;}
.pane .meta b{color:var(--cream);font-weight:400;}
.incl-label{font-size:13px;letter-spacing:.14em;color:var(--gold);margin:0 0 14px;}
.incl{margin:0;padding:0;list-style:none;}
.incl li{position:relative;padding:11px 0 11px 22px;font-size:16px;color:var(--dim);border-bottom:1px solid var(--line);line-height:1.5;}
.incl li:first-child{border-top:1px solid var(--line);}
.incl li::before{content:"";position:absolute;left:0;top:21px;width:9px;height:1px;background:var(--gold);}
.contact{background:var(--navy-deep);}
.c-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,96px);align-items:start;}
.c-side p{color:var(--dim);margin:0 0 26px;max-width:38ch;}
.c-line{display:block;padding:14px 0;border-top:1px solid var(--line);text-decoration:none;font-size:16px;color:var(--dim);}
.c-line:last-of-type{border-bottom:1px solid var(--line);}
.c-line:hover{color:var(--gold);}
.c-line b{display:block;font-size:12.5px;letter-spacing:.14em;color:var(--gold);margin-bottom:4px;font-weight:400;}
form .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;}
.f{margin-bottom:18px;}
.f label{display:block;font-size:13.5px;color:var(--dim);margin-bottom:7px;}
.f input,.f select,.f textarea{width:100%;background:rgba(20,48,79,.55);border:1px solid var(--line);color:var(--cream);font-family:var(--font);font-size:16px;padding:12px 14px;border-radius:0;}
.f textarea{min-height:110px;resize:vertical;line-height:1.55;}
.f select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 19px) 21px,calc(100% - 13px) 21px;background-size:6px 6px;background-repeat:no-repeat;}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--gold);}
.f input::placeholder,.f textarea::placeholder{color:rgba(247,244,237,.3);}
.form-note{font-size:13.5px;color:var(--dimmer);margin:16px 0 0;line-height:1.5;}
.form-legal{font-size:13.5px;color:var(--dimmer);margin:0 0 16px;line-height:1.5;}
.form-legal a{color:var(--dim);text-decoration:underline;text-decoration-color:var(--line-gold);text-underline-offset:3px;}
.form-legal a:hover{color:var(--gold);text-decoration-color:var(--gold);}
.foot{padding:44px 0;background:var(--navy-deep);border-top:1px solid var(--line);}
.foot-in{display:flex;flex-wrap:wrap;gap:20px 32px;justify-content:space-between;align-items:center;font-size:14px;color:var(--dimmer);}
.logo-foot{height:30px;width:auto;display:block;margin-left:-5px;}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 24px;}
.foot-links a{color:var(--dimmer);text-decoration:none;}
.foot-links a:hover{color:var(--gold);}
.foot-copy{width:100%;font-size:13px;color:var(--dimmer);}

@media (max-width:940px){
  .hero-grid,.two,.pane-grid,.c-grid{grid-template-columns:minmax(0,1fr);gap:44px;}
}
@media (max-width:760px){
  body{font-size:16.5px;}
  .logo{width:172px;}
  .intro-mid{grid-template-columns:minmax(0,1fr);gap:40px;padding:48px 0 40px;}
  .intro-nav a{padding:15px 0;font-size:20px;}
  .intro-nav a.btn{margin-top:20px;}
  .links{display:none;}
  .burger{display:block;}
  .panel.open{display:block;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;z-index:55;background:var(--navy);padding:14px 22px 30px;overflow-y:auto;}
  .panel a{display:block;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:19px;}
  .panel a.btn{display:block;text-align:center;margin-top:24px;border-bottom:0;padding:14px 28px;color:var(--navy-deep);}
  .panel .lang{margin-top:22px;}
  .hero{padding:64px 0;}
  .sec{padding:64px 0;}
  .sec-head{margin-bottom:32px;}
  form .row{grid-template-columns:minmax(0,1fr);gap:0;}
  .tabs button{padding:12px 12px 11px;font-size:14.5px;}
  .tabs button:first-child{padding-left:0;}
  .tabs button:last-child{padding-right:0;}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{transition:none!important;animation:none!important;}}
/* ================= multipágina ================= */
.sec-head p.kicker{color:var(--gold);font-size:12.5px;margin:0 0 14px;}
body.inner .nav{transform:none;}
body.inner main{padding-top:var(--nav-h);}
.links a.on{color:var(--cream);border-bottom-color:var(--gold);}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* experiencia */
.exp{padding:30px 0;border-bottom:1px solid var(--line);background:var(--navy-deep);}
.exp-in{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 28px;}
.exp-lead{font-size:14px;color:var(--dimmer);letter-spacing:.02em;flex-shrink:0;}
.exp-list{display:flex;flex-wrap:wrap;gap:6px 0;margin:0;padding:0;list-style:none;}
.exp-list li{font-size:clamp(16px,1.5vw,19px);color:var(--dim);white-space:nowrap;}
.exp-list li+li::before{content:"·";color:var(--gold);margin:0 14px;}

/* tarjetas de servicios */
.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);}
.card{grid-column:span 2;}
.cards .card:nth-child(4):nth-last-child(2),.cards .card:nth-child(5):last-child{grid-column:span 3;}
.card{display:flex;flex-direction:column;padding:32px 30px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:var(--cream);transition:background .2s ease;}
.card:hover{background:var(--navy-lift);}
.card .sico{margin-bottom:22px;}
.card h3{margin:0 0 10px;font-size:21px;font-weight:400;letter-spacing:-.01em;line-height:1.25;}
.card p{margin:0 0 22px;font-size:15.5px;color:var(--dim);line-height:1.55;flex:1;}
.tag{display:inline-block;font-size:12.5px;letter-spacing:.06em;color:var(--gold);border:1px solid var(--line-gold);padding:5px 10px;line-height:1.3;}
.card .go{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.card .arrow{color:var(--gold);font-size:18px;transition:transform .2s ease;}
.card:hover .arrow{transform:translateX(4px);}
.sec-foot{margin-top:34px;}
.link-arrow{color:var(--gold);text-decoration:none;font-size:16px;border-bottom:1px solid var(--line-gold);padding-bottom:3px;}
.link-arrow:hover{border-bottom-color:var(--gold);}

/* tablero */
.dash-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,5vw,80px);align-items:center;}
.levels{list-style:none;margin:28px 0 0;padding:0;counter-reset:lv;}
.levels li{counter-increment:lv;display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 14px;padding:14px 0;border-bottom:1px solid var(--line);}
.levels li:first-child{border-top:1px solid var(--line);}
.levels li::before{content:counter(lv);grid-row:span 2;width:26px;height:26px;border:1px solid var(--line-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gold);margin-top:1px;}
.levels b{font-weight:500;font-size:16.5px;}
.levels span{font-size:14.5px;color:var(--dimmer);line-height:1.45;}
.shot{margin:0;}
.shot-frame{border:1px solid var(--line-gold);background:#FAF9F6;padding:0;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);overflow:hidden;}
.shot-bar{display:flex;gap:6px;padding:10px 12px;background:#ECEAE4;border-bottom:1px solid #DDD9CF;}
.shot-bar i{width:9px;height:9px;border-radius:50%;background:#CFCAC0;display:block;}
.shot img{display:block;width:100%;height:auto;}
.shot figcaption{font-size:13px;color:var(--dimmer);margin-top:12px;}

/* cómo trabajamos, versión corta */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px);counter-reset:st;}
.step{border-top:1px solid var(--line-gold);padding-top:24px;}
.step .n{font-size:13px;letter-spacing:.16em;color:var(--gold);margin:0 0 16px;display:flex;align-items:center;gap:12px;}
.step h3{margin:0 0 10px;font-size:22px;font-weight:400;letter-spacing:-.01em;}
.step p{margin:0;color:var(--dim);font-size:16px;}

/* quiénes somos en inicio */
.about{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center;}
.about.nofoto{grid-template-columns:minmax(0,1fr);}
.photo{margin:0;}
.photo img{display:block;box-sizing:border-box;width:100%;max-width:240px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:50%;padding:6px;border:1px solid var(--line-gold);background:transparent;}
.bio .photo img{max-width:280px;}
.photo{max-width:240px;}
.bio .photo{max-width:280px;}
.photo figcaption{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;margin-top:16px;}
.photo figcaption b{font-weight:500;font-size:17px;color:var(--cream);}
.photo figcaption span{font-size:14.5px;color:var(--dim);}
.photo figcaption a{font-size:14px;color:var(--gold);text-decoration:none;margin-top:8px;border-bottom:1px solid var(--line-gold);padding-bottom:2px;}
.photo figcaption a:hover{border-bottom-color:var(--gold);}
.nofoto .photo{display:none;}
.about h2.title{max-width:22ch;}
.about p.kicker{color:var(--gold);margin:0 0 14px;}
.about p{color:var(--dim);max-width:60ch;margin:20px 0 28px;}

/* encabezado de páginas internas */
.phead{padding:clamp(64px,9vw,120px) 0 clamp(48px,6vw,80px);border-bottom:1px solid var(--line);}
.phead h1{font-weight:400;font-size:clamp(34px,5vw,64px);line-height:1.05;letter-spacing:-.03em;margin:0 0 26px;max-width:20ch;}
.phead .lede{max-width:60ch;margin:0;}
.jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;}
.jump a{font-size:14.5px;color:var(--dim);text-decoration:none;border:1px solid var(--line);padding:8px 14px;}
.jump a:hover{color:var(--cream);border-color:var(--gold);}

/* detalle de servicios */
.svc{padding:72px 0;border-bottom:1px solid var(--line);scroll-margin-top:var(--nav-h);}
.svc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start;}
.svc h2{margin:0 0 18px;font-size:clamp(26px,2.8vw,36px);font-weight:400;letter-spacing:-.02em;line-height:1.15;display:flex;align-items:center;gap:16px;}
.svc .desc{color:var(--dim);margin:0 0 24px;max-width:56ch;}
.facts{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid var(--line);padding-top:16px;margin:0 0 26px;}
.facts div{font-size:14px;color:var(--dimmer);}
.facts b{display:block;text-transform:uppercase;font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:400;margin-bottom:3px;}
.facts span{color:var(--cream);}
.btn-sm{font-size:15px;padding:11px 20px;}

/* formatos en página servicios */
.fmts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);}
.fmt{padding:32px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;}
.fmt h3{margin:18px 0 12px;font-size:22px;font-weight:400;letter-spacing:-.01em;}
.fmt .desc{color:var(--dim);font-size:16px;margin:0 0 22px;flex:1;}
.fmt .meta{font-size:14.5px;color:var(--dimmer);border-top:1px solid var(--line);padding-top:16px;margin:0;line-height:1.55;}
.fmt .meta b{color:var(--cream);font-weight:400;}

/* reglas */
.rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px);}
.rule{border-top:1px solid var(--line-gold);padding-top:22px;}
.rule h3{margin:0 0 10px;font-size:21px;font-weight:400;}
.rule p{margin:0;color:var(--dim);font-size:16px;}

/* nosotros */
.bio{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start;}
.bio.nofoto{grid-template-columns:minmax(0,1fr);}

/* banda de cierre */
.cta-band{padding:80px 0;background:var(--navy-deep);border-bottom:1px solid var(--line);}
.cta-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px 48px;}
.cta-in h2{margin:0 0 10px;font-weight:400;font-size:clamp(26px,3vw,38px);letter-spacing:-.02em;}
.cta-in p{margin:0;color:var(--dim);max-width:52ch;}

@media (max-width:1080px){
  .fmts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cards .card,.cards .card:nth-child(4):nth-last-child(2){grid-column:span 1;}
  .cards .card:nth-child(5):last-child{grid-column:span 2;}
}
@media (max-width:940px){
  .dash-grid,.svc-grid,.bio{grid-template-columns:minmax(0,1fr);gap:40px;}
  .steps,.rules{grid-template-columns:minmax(0,1fr);gap:32px;}
  .about{grid-template-columns:minmax(0,200px) minmax(0,1fr);}
  .bio .photo{max-width:220px;}
}
@media (max-width:760px){
  .cards,.fmts{grid-template-columns:minmax(0,1fr);}
  .cards .card,.cards .card:nth-child(5):last-child{grid-column:auto;}
  .about{grid-template-columns:minmax(0,1fr);}
  .about .photo{max-width:180px;}
  .exp-list li+li::before{margin:0 10px;}
  .svc{padding:56px 0;}
  .links{display:none;}
}