:root{
  --base:#121110; --base-2:#1A1918; --base-3:#221F1C; --line:#2E2C29;
  --muted:#8E8D85; --paper:#F4F2EA; --paper-dim:#B4B2A9;
  --gold:#FFD21E; --gold-hi:#FFDE55; --gold-deep:#C99A00;
  --ease:cubic-bezier(0.16,1,0.3,1);
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{ background:var(--base); color:var(--paper); font-family:'Barlow',sans-serif; font-size:1.05rem; line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
::selection{ background:var(--gold); color:var(--base); }
:focus-visible{ outline:2px solid var(--gold); outline-offset:3px; }
.wrap{ max-width:1200px; margin:0 auto; padding:0 clamp(1.2rem,4vw,2.5rem); }

h1,h2,h3{ font-family:'Oswald',sans-serif; font-weight:600; line-height:1.0; letter-spacing:0.01em; text-transform:uppercase; }
h2{ font-size:clamp(2rem,4.5vw,3.4rem); }
h3{ font-size:clamp(1.5rem,2.6vw,2rem); }
em{ font-style:normal; color:var(--gold); }
p{ color:var(--paper-dim); }

.eyebrow{ font-family:'Barlow',sans-serif; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.24em; color:var(--gold); font-weight:600; display:inline-flex; align-items:center; gap:0.7rem; }
.eyebrow::before{ content:""; width:26px; height:2px; background:var(--gold); }

.btn{ display:inline-flex; align-items:center; gap:0.5rem; font-family:'Barlow',sans-serif; font-weight:600; font-size:0.95rem; letter-spacing:0.01em; padding:0.85rem 1.5rem; border-radius:2px; cursor:pointer; border:1.5px solid var(--gold); background:var(--gold); color:var(--base); transition:transform .3s var(--ease), background .3s, color .3s; }
.btn:hover{ transform:translateY(-2px); background:var(--gold-hi); }
.btn-ghost{ background:transparent; color:var(--paper); border-color:var(--line); }
.btn-ghost:hover{ background:var(--paper); color:var(--base); border-color:var(--paper); }
.tlink{ font-family:'Barlow',sans-serif; font-weight:600; font-size:0.95rem; color:var(--paper); position:relative; display:inline-flex; align-items:center; gap:0.4rem; }
.tlink::after{ content:"→"; transition:transform .3s var(--ease); }
.tlink:hover{ color:var(--gold-hi); } .tlink:hover::after{ transform:translateX(5px); }

/* NAV */
.nav{ position:fixed; top:0; left:0; right:0; z-index:100; transition:background .35s, border-color .35s, padding .35s; padding:0.4rem 0; border-bottom:1px solid transparent; }
.nav.scrolled{ background:rgba(18,17,16,.92); backdrop-filter:blur(12px); border-bottom-color:var(--line); }
.nav-inner{ max-width:1200px; margin:0 auto; padding:0.5rem clamp(1.2rem,4vw,2.5rem); display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.logo{ display:inline-flex; align-items:center; }
.logo img{ height:52px; width:auto; display:block; }
.logo-foot img{ height:66px; }
@media(max-width:940px){ .logo img{ height:42px; } }
.logo b{ color:var(--gold); font-weight:700; }
.logo .sub{ font-family:'Barlow',sans-serif; font-style:normal; font-size:0.6rem; letter-spacing:0.28em; text-transform:uppercase; color:var(--muted); font-weight:600; margin-left:0.35rem; }
.nav-links{ display:flex; align-items:center; gap:2rem; }
.nav-links a{ font-size:0.92rem; color:var(--paper-dim); font-weight:500; transition:color .25s; }
.nav-links a:hover{ color:var(--paper); }
.nav-cta{ display:flex; align-items:center; gap:0.8rem; }
.menu-btn{ display:none; background:none; border:1px solid var(--line); border-radius:2px; color:var(--paper); padding:6px 9px; font-size:1.1rem; cursor:pointer; }
@media(max-width:940px){
  .nav-links{ position:fixed; inset:0 0 auto 0; top:60px; flex-direction:column; align-items:flex-start; gap:0; background:var(--base); border-bottom:1px solid var(--line); padding:0.5rem clamp(1.2rem,4vw,2.5rem) 1.2rem; display:none; }
  .nav-links.open{ display:flex; }
  .nav-links a{ width:100%; padding:0.9rem 0; border-bottom:1px solid var(--line); }
  .menu-btn{ display:inline-block; }
  .nav-desk-cta{ display:none; }
}

/* HERO */
.hero{ position:relative; min-height:100vh; min-height:100svh; min-height:100dvh; display:grid; grid-template-columns:1fr 1fr; align-items:stretch; }
.hero-copy{ display:flex; flex-direction:column; justify-content:center; padding:6rem clamp(1.2rem,4vw,2.5rem) 2.5rem clamp(1.2rem,6vw,4.5rem); position:relative; z-index:2; }
.hero-copy .inner{ max-width:34rem; }
.hero h1{ font-size:clamp(2.6rem,5vw,4.8rem); margin-top:1.1rem; }
.hero .lede{ margin-top:1.1rem; font-size:1.05rem; max-width:32rem; color:var(--paper-dim); }
.hero-actions{ margin-top:1.7rem; display:flex; align-items:center; gap:1.4rem; flex-wrap:wrap; }
.hero-trust{ margin-top:1.9rem; display:flex; flex-wrap:wrap; gap:0.5rem 1.4rem; padding-top:1.2rem; border-top:1px solid var(--line); }
.hero-trust span{ font-size:0.86rem; color:var(--paper-dim); display:inline-flex; align-items:center; gap:0.55rem; }
.hero-trust span::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--gold); }
.hero-photo{ position:relative; overflow:hidden; }
.hero-logo{ display:none; }
.hero-photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, var(--base) 0%, transparent 22%), linear-gradient(0deg, rgba(18,17,16,.35), transparent 40%); pointer-events:none; }
.hero-cap{ position:absolute; left:1.5rem; bottom:1.5rem; z-index:3; font-family:'Barlow'; font-size:0.72rem; text-transform:uppercase; letter-spacing:0.18em; color:var(--paper); background:rgba(18,17,16,.6); backdrop-filter:blur(6px); border:1px solid var(--line); padding:0.5rem 0.9rem; border-radius:2px; }
@media(max-width:860px){
  .hero{ grid-template-columns:1fr; min-height:auto; }
  .hero-photo{ position:absolute; inset:0; width:100%; height:100%; z-index:0; }
  .hero-photo img{ object-position:65% center; }
  .hero-logo{ display:block; position:absolute; top:12%; left:50%; transform:translateX(-50%); width:min(82%,360px); height:auto; z-index:3; filter:drop-shadow(0 3px 16px rgba(0,0,0,.7)); }
  .hero-photo::after{ background:linear-gradient(90deg, rgba(18,17,16,.93) 0%, rgba(18,17,16,.78) 45%, rgba(18,17,16,.55) 100%), linear-gradient(0deg, rgba(18,17,16,.85) 0%, transparent 45%); }
  .hero-copy{ position:relative; z-index:2; justify-content:flex-end; min-height:100vh; min-height:100svh; min-height:100dvh; padding:7rem 1.4rem 3rem; }
  .hero h1{ font-size:clamp(2.2rem,8.4vw,3.1rem); }
  .hero .lede{ font-size:1rem; }
  .hero-cap{ left:1.4rem; bottom:1rem; font-size:0.66rem; }
}

/* MARQUEE */
.marquee{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; background:var(--base-2); }
.marquee-track{ display:flex; gap:2.5rem; white-space:nowrap; padding:0.9rem 0; animation:scroll 30s linear infinite; width:max-content; }
.marquee-track span{ font-family:'Barlow'; font-size:0.82rem; text-transform:uppercase; letter-spacing:0.16em; color:var(--paper-dim); display:inline-flex; align-items:center; gap:2.5rem; }
.marquee-track span::after{ content:"◆"; color:var(--gold); font-size:0.6rem; }
@keyframes scroll{ to{ transform:translateX(-50%); } }
@media(prefers-reduced-motion:reduce){ .marquee-track{ animation:none; } }

/* SECTION */
.section{ padding:clamp(4rem,9vw,7rem) 0; }
.sec-head{ max-width:44rem; margin-bottom:3.5rem; }
.sec-head h2{ margin-top:1rem; }
.sec-head p{ margin-top:1.2rem; font-size:1.15rem; }

/* SERVICIOS */
.svc-feat{ display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--line); border-radius:3px; overflow:hidden; margin-bottom:2.5rem; background:var(--base-2); }
.svc-feat-img{ position:relative; min-height:300px; }
.svc-feat-img img{ width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.svc-feat-body{ padding:clamp(1.8rem,3vw,2.8rem); display:flex; flex-direction:column; justify-content:center; }
.svc-feat-body .n{ font-family:'Oswald'; font-style:normal; color:var(--gold); font-size:1.1rem; }
.svc-feat-body h3{ margin:0.4rem 0 0.8rem; }
.svc-feat-body .tag{ display:inline-flex; align-items:center; gap:0.5rem; margin-top:1.2rem; font-family:'Barlow'; font-size:0.8rem; text-transform:uppercase; letter-spacing:0.12em; color:var(--gold-hi); border:1px solid var(--gold-deep); border-radius:40px; padding:0.4rem 0.9rem; align-self:flex-start; }
.svc-feat-body .btn{ margin-top:1.6rem; align-self:flex-start; }
.svc-list{ display:grid; grid-template-columns:1fr 1fr; gap:0 3rem; }
.svc-item{ display:grid; grid-template-columns:auto 1fr; gap:1.2rem; padding:1.5rem 0; border-top:1px solid var(--line); }
.svc-item .num{ font-family:'Oswald'; font-style:normal; font-size:1.4rem; color:var(--gold); line-height:1; }
.svc-item h4{ font-family:'Barlow'; font-weight:700; font-size:1.1rem; }
.svc-item p{ font-size:0.92rem; margin-top:0.3rem; }
.svc-item .c{ margin-top:0.6rem; font-family:'Barlow'; font-weight:600; font-size:0.82rem; color:var(--gold-hi); display:inline-flex; align-items:center; gap:0.35rem; }
.svc-item .c::after{ content:"→"; transition:transform .3s var(--ease); }
.svc-item .c:hover::after{ transform:translateX(4px); }
.svc-note{ margin-top:2.5rem; padding:1.5rem 1.8rem; border-left:3px solid var(--gold); background:var(--base-2); border-radius:3px; font-size:0.98rem; }
.svc-note b{ color:var(--gold-hi); }
@media(max-width:760px){ .svc-feat,.svc-list{ grid-template-columns:1fr; } .svc-feat-img{ min-height:220px; position:relative; } }

/* DIAGNOSTICO full-bleed */
.diag{ position:relative; padding:clamp(5rem,12vw,9rem) 0; }
.diag-bg{ position:absolute; inset:0; z-index:0; }
.diag-bg img{ width:100%; height:100%; object-fit:cover; }
.diag-bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(18,17,16,.94) 0%, rgba(18,17,16,.82) 45%, rgba(18,17,16,.45) 100%); }
.diag .wrap{ position:relative; z-index:1; }
.diag-inner{ max-width:40rem; }
.diag h2{ margin-top:1rem; }
.diag p{ margin-top:1.3rem; font-size:1.15rem; color:var(--paper); }
.diag .models{ margin-top:1.8rem; display:flex; flex-wrap:wrap; gap:0.5rem; }
.diag .models span{ font-family:'Barlow'; font-size:0.8rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--paper); border:1px solid var(--line); background:rgba(18,17,16,.5); border-radius:40px; padding:0.35rem 0.9rem; }
.diag .btn{ margin-top:2rem; }

/* TRABAJOS */
.gallery{ display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:220px; gap:1rem; }
.gc{ position:relative; overflow:hidden; border-radius:3px; border:1px solid var(--line); }

.gc-a{ display:block; width:100%; height:100%; }
.gc img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
.gc:hover img{ transform:scale(1.05); }
.gc::after{ content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(18,17,16,.7), transparent 55%); }
.gc .cap{ position:absolute; left:1rem; bottom:0.9rem; z-index:2; font-family:'Barlow'; font-size:0.78rem; font-weight:600; letter-spacing:0.04em; color:var(--paper); }
.gc .cap small{ display:block; font-weight:400; color:var(--paper-dim); font-size:0.72rem; text-transform:uppercase; letter-spacing:0.14em; }
.gc-tall{ grid-row:span 2; }
.gc-wide{ grid-column:span 2; }
.gallery-foot{ margin-top:2rem; font-family:'Oswald'; font-style:normal; font-size:1.2rem; color:var(--paper-dim); }
@media(max-width:820px){ .gallery{ grid-template-columns:1fr 1fr; grid-auto-rows:180px; } .gc-tall{ grid-row:span 1; } .gc-wide{ grid-column:span 2; } }

/* SOBRE EL TALLER */
.about{ display:grid; grid-template-columns:0.95fr 1.05fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
.about-photo{ position:relative; border-radius:3px; overflow:hidden; border:1px solid var(--line); aspect-ratio:4/5; }
.about-photo img{ width:100%; height:100%; object-fit:cover; }
.about-stat{ font-family:'Oswald'; font-size:clamp(3.5rem,8vw,6rem); color:var(--gold); line-height:0.85; }
.about-stat small{ display:block; font-family:'Barlow'; font-size:0.9rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--paper-dim); margin-top:0.5rem; }
.about h2{ margin-top:1rem; }
.about p{ margin-top:1.2rem; }
.values{ display:flex; flex-wrap:wrap; gap:0.6rem; margin-top:1.6rem; }
.values span{ font-family:'Barlow'; font-size:0.85rem; font-weight:600; color:var(--paper); border:1px solid var(--line); border-radius:40px; padding:0.4rem 1rem; }
.howwork{ margin-top:2rem; display:grid; gap:0; }
.hw{ display:grid; grid-template-columns:auto 1fr; gap:1rem; padding:1rem 0; border-top:1px solid var(--line); }
.hw .t{ color:var(--gold); font-family:'Oswald'; font-style:normal; font-size:1.1rem; line-height:1.3; }
.hw .d strong{ font-family:'Barlow'; font-weight:700; display:block; font-size:1rem; }
.hw .d span{ font-size:0.9rem; color:var(--paper-dim); }
.quote{ margin-top:2.5rem; border-left:3px solid var(--gold); padding:0.4rem 0 0.4rem 1.6rem; }
.quote p{ font-family:'Oswald'; font-style:normal; font-size:clamp(1.3rem,2.4vw,1.7rem); color:var(--paper); line-height:1.35; }
.quote .ph{ color:var(--muted); }
.quote .attr{ font-family:'Barlow'; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.14em; color:var(--muted); margin-top:1rem; }
@media(max-width:820px){ .about{ grid-template-columns:1fr; } .about-photo{ max-width:420px; } }

/* UBICACION */
.loc{ display:grid; grid-template-columns:1.2fr 1fr; gap:1.5rem; align-items:stretch; }
.map{ border:1px solid var(--line); border-radius:3px; overflow:hidden; min-height:360px; }
.map iframe{ width:100%; height:100%; min-height:360px; border:0; filter:grayscale(.25) contrast(1.05) brightness(.92); }
.contact{ border:1px solid var(--line); border-radius:3px; background:var(--base-2); padding:clamp(1.6rem,3vw,2.4rem); display:flex; flex-direction:column; gap:1.4rem; }
.ci .k{ font-family:'Barlow'; font-size:0.72rem; text-transform:uppercase; letter-spacing:0.16em; color:var(--muted); }
.ci .v{ margin-top:0.2rem; }
.ci .v a{ color:var(--gold-hi); }
.socials{ display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:0.4rem; }
.socials a{ font-family:'Barlow'; font-size:0.82rem; font-weight:600; border:1px solid var(--line); border-radius:40px; padding:0.4rem 0.95rem; color:var(--paper-dim); transition:color .25s, border-color .25s; }
.socials a:hover{ color:var(--gold-hi); border-color:var(--gold-deep); }
@media(max-width:820px){ .loc{ grid-template-columns:1fr; } }

/* CITA */
.cita{ background:var(--base-2); border-top:1px solid var(--line); }
.form{ display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; max-width:52rem; }
.field{ display:flex; flex-direction:column; gap:0.4rem; }
.field.full{ grid-column:1/-1; }
.field label{ font-family:'Barlow'; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.12em; color:var(--gold-hi); font-weight:600; }
.field input,.field select,.field textarea{ background:var(--base); border:1px solid var(--line); border-radius:2px; color:var(--paper); font-family:'Barlow'; font-size:1rem; padding:0.75rem 0.9rem; width:100%; }
.field input:focus,.field select:focus,.field textarea:focus{ outline:none; border-color:var(--gold); }
.field textarea{ resize:vertical; min-height:90px; }
.field select{ appearance:none; cursor:pointer; }
.radio{ display:flex; gap:1.2rem; flex-wrap:wrap; }
.radio label{ display:flex; align-items:center; gap:0.4rem; font-family:'Barlow'; font-size:0.92rem; color:var(--paper-dim); text-transform:none; letter-spacing:0; cursor:pointer; }
.radio input{ width:auto; accent-color:var(--gold); }
.form-sub{ grid-column:1/-1; display:flex; align-items:center; gap:1.2rem; flex-wrap:wrap; }
.form-note{ font-size:0.85rem; color:var(--muted); }
@media(max-width:680px){ .form{ grid-template-columns:1fr; } }

/* FOOTER */
.footer{ padding:clamp(3rem,7vw,5rem) 0 2rem; border-top:1px solid var(--line); }
.footer-grid{ display:grid; grid-template-columns:2fr 1fr 1.3fr; gap:3rem; }
.footer .logo{ font-size:2rem; }
.footer .ftag{ margin-top:1rem; max-width:32ch; font-size:0.95rem; }
.footer h5{ font-family:'Barlow'; font-size:0.75rem; text-transform:uppercase; letter-spacing:0.16em; color:var(--muted); margin-bottom:1rem; }
.fl{ display:flex; flex-direction:column; gap:0.5rem; }
.fl a,.fl span{ font-size:0.92rem; color:var(--paper-dim); }
.fl a:hover{ color:var(--gold-hi); }
.footer-base{ margin-top:3rem; padding-top:1.5rem; border-top:1px solid var(--line); display:flex; justify-content:space-between; flex-wrap:wrap; gap:0.8rem; font-size:0.82rem; color:var(--muted); }
.footer-base a{ color:var(--gold-hi); }
@media(max-width:760px){ .footer-grid{ grid-template-columns:1fr; gap:2rem; } }

/* WhatsApp float */
.wa{ position:fixed; right:18px; bottom:18px; z-index:90; background:var(--gold); color:var(--base); font-family:'Barlow'; font-weight:700; font-size:0.9rem; padding:0.85rem 1.2rem; border-radius:40px; box-shadow:0 12px 30px -8px rgba(0,0,0,.5); display:inline-flex; align-items:center; gap:0.5rem; transition:transform .3s var(--ease); }
.wa:hover{ transform:translateY(-3px); }
.wa svg{ width:18px; height:18px; }
@media(max-width:600px){ .wa span{ display:none; } .wa{ padding:14px; border-radius:50%; } }

/* reveal on scroll (una sola vez, suave) */
.rv{ opacity:0; transform:translateY(22px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
.rv.in{ opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce){ .rv{ opacity:1; transform:none; } }


/* ===== Paginas secundarias ===== */
.page-hero{ border-bottom:1px solid var(--line); position:relative; }
.page-hero .wrap{ padding-top:8.5rem; padding-bottom:3rem; }
.page-hero h1{ font-size:clamp(2.3rem,5vw,4rem); margin-top:0.7rem; }
.page-hero p{ margin-top:1rem; font-size:1.12rem; max-width:54rem; color:var(--paper-dim); }
.crumbs{ font-family:'Barlow',sans-serif; font-size:0.82rem; letter-spacing:0.04em; color:var(--muted); text-transform:uppercase; }
.crumbs a{ color:var(--muted); } .crumbs a:hover{ color:var(--gold-hi); }

.cta-band{ background:var(--gold); color:var(--base); }
.cta-band .wrap{ padding:clamp(2.5rem,6vw,4rem) 0; display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap; }
.cta-band h2{ color:var(--base); font-size:clamp(1.8rem,3.5vw,2.6rem); max-width:22ch; }
.cta-band .btn{ background:var(--base); color:var(--gold); border-color:var(--base); }
.cta-band .btn:hover{ background:#000; color:var(--gold-hi); }

.gallery-full{ display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:260px; gap:1rem; }
.gallery-full .gc-tall{ grid-row:span 2; }
.gallery-full .gc-wide{ grid-column:span 2; }
@media(max-width:820px){ .gallery-full{ grid-template-columns:1fr 1fr; grid-auto-rows:200px; } .gallery-full .gc-tall{ grid-row:span 1; } }
@media(max-width:520px){ .gallery-full{ grid-template-columns:1fr; } .gallery-full .gc-wide{ grid-column:span 1; } }

.legal{ max-width:52rem; margin:0 auto; padding:3rem 0 4.5rem; }
.legal h2{ font-family:'Oswald',sans-serif; text-transform:uppercase; font-size:1.35rem; letter-spacing:0.01em; margin:2.4rem 0 0.4rem; color:var(--paper); }
.legal h2:first-of-type{ margin-top:0; }
.legal p{ color:var(--paper-dim); margin-top:0.8rem; }
.legal ul{ margin:0.6rem 0 0 1.2rem; color:var(--paper-dim); }
.legal li{ margin-top:0.45rem; }
.legal a{ color:var(--gold-hi); }
.legal .updated{ margin-top:2.5rem; padding-top:1.2rem; border-top:1px solid var(--line); color:var(--muted); font-size:0.85rem; }
.legal .lead{ font-size:1.1rem; color:var(--paper); }

.footer-legal{ display:flex; gap:1.2rem; flex-wrap:wrap; }
.footer-legal a{ color:var(--muted); } .footer-legal a:hover{ color:var(--gold-hi); }


/* Skip link accesible */
.skip{ position:absolute; left:-999px; top:0; z-index:200; background:var(--gold); color:var(--base); font-family:'Barlow',sans-serif; font-weight:700; padding:0.7rem 1.2rem; border-radius:0 0 4px 0; }
.skip:focus{ left:0; }
picture{ display:contents; }
.menu-btn svg{ display:block; }

.nav-spacer{ display:none; }
/* Móvil (≤860): SOLO en la portada el logo del nav se oculta (aparece grande en el hero).
   En páginas internas y en el footer el logo se mantiene visible. */
@media(max-width:860px){
  .is-home .nav .logo{ display:none; }
  .is-home .nav-inner{ justify-content:flex-end; }
}
/* Legibilidad del menú sobre la foto antes de hacer scroll */
.nav:not(.scrolled){ background:linear-gradient(180deg, rgba(18,17,16,.6) 0%, rgba(18,17,16,0) 100%) border-box no-repeat; }
/* Móvil: la etiqueta de la foto chocaba con la lista y el botón flotante de WhatsApp */
@media(max-width:600px){
  .hero-cap{ display:none; }
  .hero-copy{ padding-bottom:5.5rem; }
}