:root{--orange:#F96800;--dark:#323337;--page:941;--content:92.77vw}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--dark);font-family:Arial,Helvetica,sans-serif;line-height:1.45;background:#fff}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.content-width{width:min(var(--content),1340px);margin-inline:auto}

.site-header{height:clamp(127px,13.5vw,194px);display:flex;align-items:center;padding-left:max(5.2vw,calc((100vw - 1440px)/2 + 75px));background:linear-gradient(100deg,#fff,#fafafa)}
.brand{display:flex;align-items:center;height:70%}
.brand__mark{width:clamp(71px,7.55vw,109px);height:clamp(86px,9.15vw,132px);object-fit:contain}
.brand__divider{height:clamp(71px,7.55vw,109px);border-left:1px solid #555;margin:0 clamp(8px,.85vw,12px) 0 clamp(8px,.85vw,12px)}
.brand__words{display:flex;flex-direction:column;line-height:.96}
.brand__words b,.brand__words strong{font-size:clamp(24px,2.55vw,37px)}
.brand__words strong{color:var(--orange);margin-top:.45vw}
.brand__words small{font-size:clamp(8px,.85vw,12px);margin-top:.9vw;letter-spacing:.03em}
.brand__words i{display:inline-block;width:.42vw;height:.42vw;max-width:6px;max-height:6px;background:var(--orange);border-radius:50%;margin:0 .5vw .1vw}

.main-nav{position:sticky;top:0;z-index:100;height:clamp(40px,4.25vw,61px);background:linear-gradient(120deg,#292b2f,#37383c);display:flex;justify-content:center;gap:4vw}
.main-nav a{position:relative;min-width:13vw;display:grid;place-items:center;color:#fff;font-size:clamp(10px,1.06vw,15px)}
.main-nav a.is-active{color:var(--orange)}
.main-nav a.is-active::after{content:"";position:absolute;bottom:0;width:4.8vw;max-width:69px;height:clamp(3px,.32vw,5px);background:var(--orange)}
.main-nav__toggle{display:none}
.main-nav__links{display:contents}

.back-to-top{position:fixed;right:26px;bottom:26px;z-index:90;width:50px;height:50px;padding:0;border:1px solid var(--orange);border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--orange);opacity:0;visibility:hidden;transform:translateY(8px);transition:background-color .25s ease,opacity .25s ease,transform .25s ease,visibility .25s;cursor:pointer;pointer-events:none}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.back-to-top svg{width:26px;height:26px}
.back-to-top:focus-visible{outline-color:#fff}

.hero{height:clamp(443px,47.08vw,678px);position:relative;overflow:hidden}
.hero__copy{position:relative;z-index:5;width:42%;padding:3.3vw 2vw 2vw 5.2vw}
.hero h1{font-size:clamp(43px,4.57vw,66px);line-height:1.09;letter-spacing:-.025em;margin:0 0 .3vw}
.hero__tagline{font-size:clamp(16px,1.7vw,25px)!important;color:var(--orange);font-weight:600;margin:0!important}
.accent-line{display:block;width:4.8vw;max-width:69px;border-top:clamp(2px,.21vw,3px) solid var(--orange);margin:1.25vw 0 1.9vw}
.hero__copy>p:not(.hero__tagline){width:29vw;max-width:420px;font-size:clamp(10.5px,1.1vw,16px);line-height:1.48;margin:0 0 .85vw}
.hero__actions{display:flex;gap:1.7vw;margin-top:3.75vw}
.button{height:clamp(35px,3.72vw,54px);padding:0 1.45vw;border:clamp(1px,.16vw,2px) solid var(--orange);border-radius:.3vw;display:grid;place-items:center;color:var(--orange);font-size:clamp(9px,.96vw,14px);font-weight:700}
.button--solid{background:var(--orange);color:#fff}
.hero-collage{position:absolute;inset:0 0 0 33.47%;overflow:hidden}
.hero-image{position:absolute;background-repeat:no-repeat;background-size:cover;filter:grayscale(100%);will-change:clip-path}
.hero-image--1{left:8.3%;top:0;width:54.5%;height:48.5%;clip-path:polygon(9.4% 0,100% 0,85.6% 100%,0 85%);background-image:url("../img/PastedGraphic8.jpg");background-position:45% 48%}
.hero-image--2{left:55%;top:0;width:45%;height:54.2%;clip-path:polygon(17.4% 0,100% 0,100% 100%,0 89.5%);background-image:url("../img/PastedGraphic11.jpg");background-position:55% 48%}
.hero-image--3{left:0;top:41.1%;width:55%;height:58.9%;clip-path:polygon(15.1% 0,100% 12.3%,85.8% 100%,0 100%);background-image:url("../img/home/auschwitz-rails.png");background-position:50% 54%}
.hero-image--4{left:47.1%;top:48.5%;width:52.9%;height:51.5%;clip-path:polygon(14.8% 0,100% 11%,100% 100%,0 100%);background-image:url("../img/PastedGraphic4.jpg");background-position:42% 50%}
.seam{position:absolute;z-index:8;display:block;height:clamp(3px,.38vw,5px);background:#fff;box-shadow:0 0 0 .35px #fff;transform-origin:0 50%;pointer-events:none}
.seam--a{left:8.2%;top:40.95%;width:47.2%;transform:rotate(6.3deg)}
.seam--b{left:54.75%;top:48.3%;width:45.7%;transform:rotate(5.1deg)}
.seam--c{left:62.85%;top:-.25%;width:35.8%;transform:rotate(102.8deg)}
.seam--d{left:55%;top:48.3%;width:37.4%;transform:rotate(102.1deg)}

.explore{padding-top:2.1vw}
.section-title{font-size:clamp(21px,2.23vw,32px);line-height:1.2;margin:0;font-weight:700}
.section-title--center{text-align:center;margin-bottom:1.6vw}
.section-title--center::after{content:"";display:block;width:4.8vw;max-width:69px;border-top:.21vw solid var(--orange);margin:.75vw auto 0}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6vw}
.topic-card{height:clamp(317px,33.69vw,486px);border:1px solid #d5d5d5;border-radius:.5vw;position:relative;overflow:hidden;background:#fff}
.topic-card>img{width:100%;height:53.3%;object-fit:cover;filter:grayscale(100%)}
.topic-card:nth-child(1)>img{object-position:50% center}
.topic-card:nth-child(2)>img{filter:none;object-position:center}
.topic-card:nth-child(3)>img{object-position:center}
.topic-card:nth-child(4)>img{object-position:center}
.topic-card__icon{position:absolute;top:42%;left:1.3vw;width:5.1vw;height:5.1vw;max-width:74px;max-height:74px;border-radius:50%;background:#fff;display:grid;place-items:center}
.topic-card__icon svg{width:66%;height:66%;fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.topic-card__icon>img{width:66%;height:67%;object-fit:contain}
.topic-card__icon .icon-fill{fill:var(--orange);stroke:none}
.topic-card__icon .icon-mask{fill:#fff}
.topic-card__body{padding:1.9vw 1.35vw 1vw}
.topic-card h3{font-size:clamp(15px,1.59vw,23px);margin:0 0 .7vw}
.topic-card p{font-size:clamp(10px,1.06vw,15px);line-height:1.45;margin:0}
.topic-card__body>a{position:absolute;right:1.45vw;bottom:1.15vw;color:var(--orange);font-size:clamp(24px,2.55vw,37px);line-height:1}

.chronicle{display:grid;grid-template-columns:51.66% 1fr;gap:4.25%;padding:3.2vw 0 2vw}
.chronicle__photo{width:100%;height:clamp(231px,24.55vw,354px);object-fit:cover;border-radius:.4vw;filter:grayscale(100%);object-position:center 48%}
.chronicle__copy{padding-top:.4vw}
.chronicle__copy .accent-line,.about .accent-line{margin:.65vw 0 1.2vw}
.chronicle__copy>p{font-size:clamp(11px,1.17vw,17px);line-height:1.55;margin:0 0 1.25vw}
.chronicle-link{height:clamp(36px,3.82vw,55px);border-bottom:1px solid #c9c9c9;display:grid;grid-template-columns:4vw 1fr 1.5vw;align-items:center}
.chronicle-link svg,.chronicle-link .chronicle-flame{width:2.9vw;max-width:42px;height:3.3vw;max-height:48px;object-fit:contain;fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chronicle-link .chronicle-flame{image-rendering:auto}
.chronicle-link b{font-size:clamp(11px,1.17vw,17px)}
.chronicle-link span{font-size:clamp(20px,2.12vw,31px)}

.about{height:clamp(199px,21.15vw,305px);display:grid;grid-template-columns:50% 50%;position:relative;background:#f3f3f3}
.about__copy{position:relative;z-index:2;width:100%;padding:2.1vw 11.7vw 1vw 6.5vw}
.about__copy p{font-size:clamp(10px,1.06vw,15px);line-height:1.35;margin:0 0 .75vw}
.about__photo{position:relative;background:url("../img/home/desk-scene.png") -3.5vw center/cover no-repeat;filter:grayscale(100%);opacity:.72}
.about__photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f3f3f3 0%,#f3f3f3 12%,rgba(243,243,243,.88) 28%,rgba(243,243,243,.42) 50%,rgba(243,243,243,0) 72%),linear-gradient(rgba(50,51,55,.1),rgba(50,51,55,.1))}

@media(min-width:761px){
  .about::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,#f3f3f3 0%,#f3f3f3 40%,rgba(243,243,243,.96) 48%,rgba(243,243,243,.72) 58%,rgba(243,243,243,.34) 70%,rgba(243,243,243,0) 86%),
      linear-gradient(rgba(50,51,55,.1),rgba(50,51,55,.1)),
      url("../img/home/desk-scene.png") right center/57% auto no-repeat;
    filter:grayscale(100%);
    opacity:.72;
    pointer-events:none;
  }
  .about__photo{background:none;filter:none;opacity:1}
  .about__photo::before{display:none}
}

.quote{height:clamp(89px,9.46vw,136px);position:relative;color:#fff;background:#3b3c40;overflow:hidden}
.quote::before{content:"";position:absolute;inset:0 0 0 52%;background:linear-gradient(90deg,#3b3c40 0%,#3b3c40 18%,rgba(59,60,64,.86) 38%,rgba(59,60,64,.42) 70%,rgba(59,60,64,0) 100%),url("../img/home/auschwitz-rails.png") center 70%/cover no-repeat;filter:grayscale(100%);opacity:.55}
.quote__inner{position:relative;z-index:1;width:87.1vw;max-width:1255px;height:100%;margin:auto;display:flex;align-items:center}
.quote__mark{font:clamp(91px,9.67vw,140px)/.82 Georgia,serif;color:var(--orange);height:78%;padding-right:2.25vw;border-right:.12vw solid var(--orange)}
.quote p{font-size:clamp(20px,2.12vw,31px);line-height:1.28;margin:0 0 0 2.45vw}

.footer{height:auto;min-height:clamp(106px,11.26vw,163px);padding-bottom:16px;color:#fff;background:var(--dark)}
.footer__inner{width:89.3vw;max-width:1286px;min-height:clamp(106px,11.26vw,163px);margin:auto;display:grid;grid-template-columns:31% 19% 23% 27%;padding-top:1.45vw}
.footer-brand{display:flex;align-items:flex-start}
.footer-brand img{width:7vw;max-width:101px;height:7.2vw;max-height:104px;object-fit:contain}
.footer-brand span{display:flex;flex-direction:column;font-size:clamp(17px,1.8vw,26px);line-height:1.02;padding-top:.5vw}
.footer-brand small{font-size:clamp(7px,.72vw,10px);margin-top:.6vw}
.footer__inner>div:not(:first-child){font-size:clamp(10px,.92vw,13px);line-height:1.45}
.footer__inner>div:nth-child(3),.footer__inner>div:nth-child(4){border-left:1px solid #666;padding-left:3.6vw;min-height:74%}
.footer h3{font-size:clamp(12px,1.13vw,16px);margin:0 0 .45vw}
.footer a{display:block}.footer a+a{margin-top:2px}.footer p{margin:0 0 1.35vw}
.footer__legal{width:80%;margin:10px auto 0;padding-top:10px;border-top:1px solid #666;text-align:center;font-size:clamp(9px,.78vw,12px);line-height:1.45}
.footer__legal p{margin:0}

@media(min-width:1441px){:root{--content:1340px}.hero{max-width:1440px;margin:auto}.hero__copy{padding-left:75px;padding-top:48px}.hero__copy>p:not(.hero__tagline){width:420px}.hero__actions{gap:25px;margin-top:54px}.accent-line{margin-top:18px;margin-bottom:27px}.explore{padding-top:30px}.section-title--center{margin-bottom:35px}.card-grid{gap:23px}.topic-card__icon{left:19px}.topic-card__body{padding:27px 20px 15px}.chronicle{padding-top:46px}.about__copy{padding:30px 170px 15px 94px}.quote p{margin-left:35px}.footer__inner{padding-top:21px}}

@media(max-width:760px){
  .site-header{height:100px;padding-left:20px}.brand__mark{width:55px;height:70px}.brand__divider{height:57px}.brand__words b,.brand__words strong{font-size:19px}.brand__words small{font-size:7px}
  .main-nav{height:42px;justify-content:flex-start;gap:0;overflow-x:auto}.main-nav a{min-width:125px;font-size:10px}
  .back-to-top{right:16px;bottom:16px;width:46px;height:46px}
  .hero{height:auto;display:flex;flex-direction:column}.hero-collage{position:relative;inset:auto;width:100%;height:60vw;min-height:260px;order:-1}.hero__copy{width:auto;padding:32px 25px 38px}.hero h1{font-size:42px}.hero__tagline{font-size:16px!important}.hero__copy>p:not(.hero__tagline){width:auto;max-width:520px;font-size:12px;margin-bottom:10px}.hero__actions{margin-top:25px;gap:14px}.button{height:40px;padding:0 14px;font-size:10px}.accent-line{width:45px;margin:12px 0 18px}
  .content-width{width:calc(100% - 36px)}.explore{padding-top:28px}.section-title{font-size:23px}.section-title--center{margin-bottom:25px}.section-title--center::after{width:46px;margin-top:8px}
  .card-grid{grid-template-columns:repeat(2,1fr);gap:18px}.topic-card{height:350px;border-radius:5px}.topic-card>img{height:185px}.topic-card__icon{top:149px;left:12px;width:52px;height:52px}.topic-card__body{padding:20px 14px}.topic-card h3{font-size:16px;margin-bottom:8px}.topic-card p{font-size:11px}.topic-card__body>a{right:14px;bottom:12px;font-size:26px}
  .chronicle{grid-template-columns:1fr;gap:22px;padding:32px 0}.chronicle__photo{height:auto}.chronicle__copy>p{font-size:12px;margin-bottom:12px}.chronicle-link{height:40px;grid-template-columns:42px 1fr 16px}.chronicle-link svg,.chronicle-link .chronicle-flame{width:30px;height:34px}.chronicle-link b{font-size:12px}
  .about{height:auto;grid-template-columns:1fr}.about__copy{padding:30px 28px}.about__copy p{font-size:12px;margin-bottom:10px}.about__photo{height:250px}.about__photo::before{background:linear-gradient(180deg,#f3f3f3 0%,#f3f3f3 10%,rgba(243,243,243,.85) 35%,rgba(243,243,243,.35) 65%,rgba(243,243,243,0) 100%),linear-gradient(rgba(50,51,55,.1),rgba(50,51,55,.1))}
  .quote{height:120px}.quote__inner{width:calc(100% - 36px)}.quote__mark{font-size:80px;padding-right:16px}.quote p{font-size:16px;margin-left:16px}
  .footer{height:auto}.footer__inner{width:auto;min-height:0;grid-template-columns:1fr 1fr;padding:26px;gap:24px}.footer-brand img{width:72px;height:76px}.footer-brand span{font-size:18px}.footer-brand small{font-size:8px}.footer__inner>div:not(:first-child){font-size:11px}.footer__inner>div:nth-child(3),.footer__inner>div:nth-child(4){border:0;padding-left:0}.footer h3{font-size:13px}.footer__legal{width:88%;font-size:10px}
}

@media(max-width:440px){.brand__words b,.brand__words strong{font-size:16px}.brand__words small{font-size:6px}.card-grid{grid-template-columns:1fr}.topic-card{height:360px}.topic-card>img{height:195px}.topic-card__icon{top:159px}.quote p{font-size:14px}.footer__inner{grid-template-columns:1fr}}

/* Escalado proporcional para monitores grandes: 1440px -> 1920px. */
@media(min-width:1441px){
  :root{--large-scale:clamp(1,calc(100vw / 1440px),1.3333);--content:min(92.77vw,1781px)}
  .content-width{width:var(--content);max-width:none}
  .site-header{height:calc(194px * var(--large-scale));padding-left:calc(max(0px,(100vw - 1920px)/2) + 75px * var(--large-scale))}
  .brand__mark{width:calc(109px * var(--large-scale));height:calc(132px * var(--large-scale))}
  .brand__divider{height:calc(109px * var(--large-scale));margin-inline:calc(12px * var(--large-scale))}
  .brand__words b,.brand__words strong{font-size:calc(37px * var(--large-scale))}
  .brand__words small{font-size:calc(12px * var(--large-scale));margin-top:calc(13px * var(--large-scale))}
  .brand__words strong{margin-top:calc(6px * var(--large-scale))}
  .brand__words i{width:calc(6px * var(--large-scale));height:calc(6px * var(--large-scale));max-width:none;max-height:none}
  .main-nav{height:calc(61px * var(--large-scale));gap:calc(58px * var(--large-scale))}
  .main-nav a{min-width:calc(187px * var(--large-scale));font-size:calc(15px * var(--large-scale))}
  .main-nav a.is-active::after{width:calc(69px * var(--large-scale));max-width:none;height:calc(5px * var(--large-scale))}

  .hero{width:100%;max-width:1920px;height:calc(678px * var(--large-scale))}
  .hero__copy{padding:calc(48px * var(--large-scale)) calc(29px * var(--large-scale)) calc(29px * var(--large-scale)) calc(75px * var(--large-scale))}
  .hero h1{font-size:calc(66px * var(--large-scale))}
  .hero__tagline{font-size:calc(25px * var(--large-scale))!important}
  .accent-line{width:calc(69px * var(--large-scale));max-width:none;border-top-width:calc(3px * var(--large-scale));margin:calc(18px * var(--large-scale)) 0 calc(27px * var(--large-scale))}
  .hero__copy>p:not(.hero__tagline){width:calc(420px * var(--large-scale));max-width:none;font-size:calc(16px * var(--large-scale));margin-bottom:calc(12px * var(--large-scale))}
  .hero__actions{gap:calc(25px * var(--large-scale));margin-top:calc(54px * var(--large-scale))}
  .button{height:calc(54px * var(--large-scale));padding-inline:calc(21px * var(--large-scale));font-size:calc(14px * var(--large-scale));border-width:calc(2px * var(--large-scale))}
  .seam{height:calc(5px * var(--large-scale));box-shadow:0 0 0 calc(.35px * var(--large-scale)) #fff}

  .explore{padding-top:calc(30px * var(--large-scale))}
  .section-title{font-size:calc(32px * var(--large-scale))}
  .section-title--center{margin-bottom:calc(23px * var(--large-scale))}
  .section-title--center::after{width:calc(69px * var(--large-scale));max-width:none;border-top-width:calc(3px * var(--large-scale));margin-top:calc(11px * var(--large-scale))}
  .card-grid{gap:calc(23px * var(--large-scale))}
  .topic-card{height:calc(486px * var(--large-scale));border-radius:calc(7px * var(--large-scale))}
  .topic-card__icon{left:calc(19px * var(--large-scale));width:calc(74px * var(--large-scale));height:calc(74px * var(--large-scale));max-width:none;max-height:none}
  .topic-card__body{padding:calc(27px * var(--large-scale)) calc(20px * var(--large-scale)) calc(15px * var(--large-scale))}
  .topic-card h3{font-size:calc(23px * var(--large-scale));margin-bottom:calc(10px * var(--large-scale))}
  .topic-card p{font-size:calc(15px * var(--large-scale))}
  .topic-card__body>a{right:calc(21px * var(--large-scale));bottom:calc(17px * var(--large-scale));font-size:calc(37px * var(--large-scale))}

  .chronicle{gap:4.25%;padding:calc(46px * var(--large-scale)) 0 calc(29px * var(--large-scale))}
  .chronicle__photo{height:calc(354px * var(--large-scale));border-radius:calc(6px * var(--large-scale))}
  .chronicle__copy{padding-top:calc(6px * var(--large-scale))}
  .chronicle__copy .accent-line,.about .accent-line{margin:calc(9px * var(--large-scale)) 0 calc(17px * var(--large-scale))}
  .chronicle__copy>p{font-size:calc(17px * var(--large-scale));margin-bottom:calc(18px * var(--large-scale))}
  .chronicle-link{height:calc(55px * var(--large-scale));grid-template-columns:calc(58px * var(--large-scale)) 1fr calc(22px * var(--large-scale))}
  .chronicle-link svg,.chronicle-link .chronicle-flame{width:calc(42px * var(--large-scale));height:calc(48px * var(--large-scale));max-width:none;max-height:none}
  .chronicle-link b{font-size:calc(17px * var(--large-scale))}.chronicle-link span{font-size:calc(31px * var(--large-scale))}

  .about{width:min(100%,1920px);height:calc(305px * var(--large-scale));margin-inline:auto}
  .about__copy{padding:calc(30px * var(--large-scale)) calc(170px * var(--large-scale)) calc(15px * var(--large-scale)) calc(94px * var(--large-scale))}
  .about__copy p{font-size:calc(15px * var(--large-scale));margin-bottom:calc(11px * var(--large-scale))}
  .about__photo{background-position:calc(-50px * var(--large-scale)) center}
  .quote{width:min(100%,1920px);height:calc(136px * var(--large-scale));margin-inline:auto}
  .quote__inner{width:calc(1255px * var(--large-scale));max-width:none}
  .quote__mark{font-size:calc(140px * var(--large-scale));padding-right:calc(32px * var(--large-scale))}
  .quote p{font-size:calc(31px * var(--large-scale));margin-left:calc(35px * var(--large-scale))}
  .footer{width:min(100%,1920px);height:auto;min-height:calc(163px * var(--large-scale));margin-inline:auto}
  .footer__inner{width:calc(1286px * var(--large-scale));max-width:none;padding-top:calc(21px * var(--large-scale))}
  .footer-brand img{width:calc(101px * var(--large-scale));height:calc(104px * var(--large-scale));max-width:none;max-height:none}
  .footer-brand span{font-size:calc(26px * var(--large-scale));padding-top:calc(7px * var(--large-scale))}
  .footer-brand small{font-size:calc(10px * var(--large-scale));margin-top:calc(9px * var(--large-scale))}
  .footer__inner>div:not(:first-child){font-size:calc(13px * var(--large-scale))}
  .footer__inner>div:nth-child(3),.footer__inner>div:nth-child(4){padding-left:calc(52px * var(--large-scale))}
  .footer h3{font-size:calc(16px * var(--large-scale));margin-bottom:calc(7px * var(--large-scale))}
  .footer p{margin-bottom:calc(20px * var(--large-scale))}
}

/* Collage recto y centrado exclusivamente en mobile. */
@media(max-width:760px){
  .hero-collage{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:4px;
    background:#fff;
  }
  .hero-collage .hero-image{
    position:relative;
    inset:auto;
    width:100%;
    height:100%;
    clip-path:none;
    transform:none;
    background-size:cover;
  }
  .hero-collage .hero-image--1{background-position:45% 48%}
  .hero-collage .hero-image--2{background-position:55% 48%}
  .hero-collage .hero-image--3{background-position:50% 54%}
  .hero-collage .hero-image--4{background-position:42% 50%}
  .hero-collage .seam{display:none}
}

/* Navegación hamburguesa exclusivamente en mobile. */
@media(max-width:760px){
  .main-nav{
    height:auto;
    min-height:48px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    overflow:visible;
  }
  .main-nav__toggle{
    display:flex;
    position:relative;
    align-self:flex-end;
    width:44px;
    height:44px;
    margin-left:0;
    margin-right:16px;
    padding:11px 9px;
    flex-direction:column;
    justify-content:space-between;
    border:0;
    background:
      linear-gradient(var(--orange),var(--orange)) center 11px/26px 3px no-repeat,
      linear-gradient(var(--orange),var(--orange)) center 20px/26px 3px no-repeat,
      linear-gradient(var(--orange),var(--orange)) center 29px/26px 3px no-repeat;
    cursor:pointer;
  }
  .main-nav__toggle span{
    display:block;
    position:absolute;
    left:9px;
    width:26px;
    height:3px;
    border-radius:2px;
    background:var(--orange);
    transition:transform .2s ease,opacity .2s ease;
  }
  .main-nav__toggle span:nth-child(1){top:11px}
  .main-nav__toggle span:nth-child(2){top:20px}
  .main-nav__toggle span:nth-child(3){top:29px}
  .main-nav__links{
    display:none;
    width:100%;
    background:var(--dark);
    border-top:1px solid rgba(255,255,255,.12);
  }
  .main-nav.is-open .main-nav__links{display:flex;flex-direction:column}
  .main-nav__links a{
    width:100%;
    min-width:0;
    height:48px;
    padding:0 24px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    border-bottom:1px solid rgba(255,255,255,.1);
    font-size:11px;
  }
  .main-nav__links a.is-active::after{
    left:0;
    bottom:0;
    width:4px;
    height:100%;
  }
  .main-nav.is-open .main-nav__toggle span:nth-child(1){transform:translateY(9px) rotate(45deg)}
  .main-nav.is-open .main-nav__toggle span:nth-child(2){opacity:0}
  .main-nav.is-open .main-nav__toggle span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
  .main-nav.is-open .main-nav__toggle{background:none}
}

/* Pantallas grandes: conserva la escala de escritorio y limita el ancho útil. */
@media(min-width:1441px){
  :root{
    --large-scale:1;
    --content:min(92.77vw,1480px);
  }

  .site-header{
    padding-left:calc(max(0px,(100vw - 1600px)/2) + 75px);
  }

  .hero,
  .about,
  .quote,
  .footer{
    max-width:1600px;
  }
}

/* Reajusta únicamente las divisiones del collage cuando el hero alcanza 1600px. */
@media(min-width:1600px){
  .hero-collage{
    left:calc(33.47% - 60px);
    right:60px;
  }

  .about{
    --about-gutter:max(0px,calc((100vw - 1600px)/2));
    width:100%;
    max-width:none;
    grid-template-columns:calc(var(--about-gutter) + 800px) 1fr;
  }
  .about::before{
    left:0;
    right:0;
    background:
      linear-gradient(90deg,
        #f3f3f3 0%,
        #f3f3f3 calc(var(--about-gutter) + 640px),
        rgba(243,243,243,.96) calc(var(--about-gutter) + 768px),
        rgba(243,243,243,.72) calc(var(--about-gutter) + 928px),
        rgba(243,243,243,.34) calc(var(--about-gutter) + 1120px),
        rgba(243,243,243,0) calc(var(--about-gutter) + 1376px)),
      linear-gradient(rgba(50,51,55,.1),rgba(50,51,55,.1)),
      url("../img/home/desk-scene.png") right center/calc(912px + var(--about-gutter)) auto no-repeat;
  }
  .about__copy{
    padding-left:calc(var(--about-gutter) + 94px);
  }

  .quote,
  .footer{
    width:100%;
    max-width:none;
  }

  .hero-collage .seam--a{width:47.15%;transform:rotate(5.7deg)}
  .hero-collage .seam--b{width:45.65%;transform:rotate(4.6deg)}
  .hero-collage .seam--c{width:32.4%;transform:rotate(104.2deg)}
  .hero-collage .seam--d{width:33.85%;transform:rotate(103.4deg)}
}

/* Feedback de interacción: no altera los estados base. */
a,
button{
  transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease,box-shadow .2s ease;
}

a:focus-visible,
button:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:3px;
}

@media(hover:hover) and (pointer:fine){
  .brand:hover{opacity:.82}

  .main-nav a:not(.is-active):hover{color:var(--orange)}
  .main-nav a:not(.is-active)::after{
    content:"";
    position:absolute;
    bottom:0;
    width:0;
    height:2px;
    background:var(--orange);
    transition:width .2s ease;
  }
  .main-nav a:not(.is-active):hover::after{width:32px}
  .main-nav__toggle:hover{background-color:rgba(249,104,0,.08)}
  .back-to-top:hover{background:var(--dark)}

  .button:hover{transform:translateY(-1px)}
  .button--solid:hover{
    background-color:#e85f00;
    border-color:#e85f00;
  }
  .button:not(.button--solid):hover{
    color:#fff;
    background-color:var(--orange);
  }

  .topic-card__body>a:hover{transform:translateX(2px)}

  .chronicle-link:hover{
    color:var(--orange);
    background-color:rgba(249,104,0,.05);
  }
  .chronicle-link:hover>span{transform:translateX(2px)}
  .chronicle-link>span{transition:transform .2s ease}

  .footer a:hover{color:var(--orange)}
}

.button:active{transform:translateY(1px)}
.brand:active{opacity:.72}
.main-nav__toggle:active{opacity:.72}
.topic-card__body>a:active,
.chronicle-link:active{transform:translateX(1px)}
.footer a:active{opacity:.72}

@media(prefers-reduced-motion:reduce){
  a,
  button,
  .chronicle-link>span{transition-duration:.01ms}
}

/* Páginas interiores: El Holocausto y El Proyecto */
.inner-page{overflow:hidden;background:#fff}
.inner-hero{position:relative;min-height:clamp(390px,40vw,575px);display:flex;align-items:flex-end;color:#fff;background:var(--dark);isolation:isolate}
.inner-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(31,32,35,.97) 0%,rgba(31,32,35,.9) 38%,rgba(31,32,35,.32) 72%,rgba(31,32,35,.12) 100%)}
.inner-hero__image{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:grayscale(100%)}
.inner-hero--holocaust .inner-hero__image{background-image:url("../img/home/auschwitz-rails.png");background-position:center 56%}
.inner-hero--project .inner-hero__image{background-image:url("../img/home/project-hero.png");background-position:center}
.inner-hero__copy{padding-bottom:clamp(44px,5vw,72px)}
.inner-hero__copy h1{max-width:780px;margin:0;font-size:clamp(46px,5.5vw,79px);line-height:1;letter-spacing:-.035em}
.inner-hero__copy>p:last-child{max-width:660px;margin:0;font-size:clamp(15px,1.25vw,18px);line-height:1.6}
.eyebrow{margin:0 0 12px;color:var(--orange);font-size:clamp(11px,.9vw,13px);font-weight:700;letter-spacing:.16em}
.inner-hero .accent-line{margin:20px 0 23px}
.section-index{position:relative;z-index:2;margin-top:-1px;padding:28px 34px 25px;background:#fff;border:1px solid #dedede;border-top:5px solid var(--orange);box-shadow:0 9px 25px rgba(50,51,55,.08)}
.section-index>p{margin:0 0 15px;color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.13em}
.section-index>div{display:flex;flex-wrap:wrap;gap:8px 24px}
.section-index a{position:relative;padding:3px 0 5px;font-size:13px;font-weight:700;border-bottom:1px solid #cfcfcf}
.section-index a::after{content:"›";padding-left:8px;color:var(--orange);font-size:17px}
.history-content,.project-content{padding:clamp(52px,6vw,86px) 0}
.holocaust-page .history-content{padding-bottom:0}
.history-section,.project-section{scroll-margin-top:calc(clamp(40px,4.25vw,61px) + 24px)}
.history-section__body h3[id]{scroll-margin-top:calc(clamp(40px,4.25vw,61px) + 24px)}
.history-section:nth-child(even),.project-section--gray{background:#f3f3f3}
.history-section__inner,.project-section__inner{width:min(var(--content),1340px);margin:auto;padding:clamp(56px,6vw,86px) 0;display:grid;grid-template-columns:minmax(250px,35%) minmax(0,1fr);gap:clamp(34px,5vw,76px);align-items:start}
.history-section:first-child .history-section__inner{padding-top:0}
.history-section__aside{position:sticky;top:calc(clamp(40px,4.25vw,61px) + 24px)}
.history-section__number{display:block;margin-bottom:10px;color:var(--orange);font-size:13px;font-weight:700;letter-spacing:.14em}
.history-section h2,.project-section h2{margin:0;font-size:clamp(28px,3vw,43px);line-height:1.12;letter-spacing:-.025em}
.history-section h2::after,.project-section h2::after{content:"";display:block;width:69px;margin:20px 0 27px;border-top:3px solid var(--orange)}
.history-section__aside img,.project-media img{width:100%;height:clamp(210px,23vw,330px);object-fit:cover;border-radius:6px;filter:grayscale(100%)}
.history-section__body{max-width:760px}
.history-section__body h3,.project-section__body h3{margin:38px 0 13px;padding-left:16px;font-size:clamp(18px,1.55vw,23px);line-height:1.25;border-left:4px solid var(--orange)}
.history-section__body h3:first-child,.project-section__body h3:first-child{margin-top:0}
.history-section__body p,.project-section__body p{margin:0 0 18px;font-size:clamp(15px,1.12vw,17px);line-height:1.72}
.history-section__body p:first-of-type{font-size:clamp(17px,1.35vw,20px);line-height:1.62}
.history-callout{margin-top:35px;padding:26px 29px;color:#fff;background:var(--dark);border-left:5px solid var(--orange)}
.history-callout p{margin:0;font-size:18px!important}
.project-section__inner{grid-template-columns:minmax(0,1fr) minmax(300px,42%)}
.project-section--reverse .project-section__inner{grid-template-columns:minmax(300px,42%) minmax(0,1fr)}
.project-section--reverse .project-media{order:-1}
.project-section__body{max-width:720px}
.project-media{position:sticky;top:calc(clamp(40px,4.25vw,61px) + 24px)}
.project-media img{height:clamp(310px,37vw,530px)}
.project-media figcaption{padding:12px 2px 0;color:#666;font-size:12px;line-height:1.5}
.project-quote{padding:clamp(45px,5vw,72px) max(6vw,calc((100vw - 1180px)/2));color:#fff;background:var(--dark);border-bottom:6px solid var(--orange)}
.project-quote p{max-width:1050px;margin:0;font-size:clamp(25px,3vw,43px);line-height:1.3;font-weight:700}
.project-quote p::before{content:"“";display:block;height:45px;color:var(--orange);font:80px/.8 Georgia,serif}
@media(hover:hover) and (pointer:fine){.section-index a:hover{color:var(--orange);border-color:var(--orange)}}
@media(max-width:760px){
  .inner-hero{min-height:410px}.inner-hero::after{background:linear-gradient(90deg,rgba(31,32,35,.94),rgba(31,32,35,.62))}.inner-hero__copy{padding-bottom:40px}.inner-hero__copy h1{font-size:44px}.inner-hero__copy>p:last-child{font-size:14px;max-width:90%}
  .inner-hero--project .inner-hero__image{background-position:64% center}
  .section-index{width:calc(100% - 36px);padding:22px 20px 20px}.section-index>div{display:grid;grid-template-columns:1fr}.section-index a{font-size:12px}
  .history-content,.project-content{padding:35px 0}.history-section,.project-section,.history-section__body h3[id]{scroll-margin-top:72px}.history-section__inner,.project-section__inner,.project-section--reverse .project-section__inner{width:calc(100% - 36px);padding:48px 0;grid-template-columns:1fr;gap:28px}.history-section:first-child .history-section__inner{padding-top:0}
  .history-section__aside,.project-media{position:static}.history-section__aside img{height:220px}.history-section__body p,.project-section__body p{font-size:14px;line-height:1.67}.history-section__body p:first-of-type{font-size:16px}.project-section--reverse .project-media{order:0}.project-media{margin:0}.project-media img{height:300px}.project-quote{padding:45px 24px}.project-quote p{font-size:25px}
}
@media(min-width:1441px){.history-section__inner,.project-section__inner{width:min(92.77vw,1480px)}}

/* Página interior: La desinformación */
.inner-hero--misinformation .inner-hero__image{background-image:url("../img/home/desinformation-hero.jpg");background-position:center}
.misinformation-page .history-content{padding-bottom:0}
.misinformation-page .title-accent{color:var(--orange)}
@media(max-width:760px){.inner-hero--misinformation .inner-hero__image{background-position:72% center}}

/* Página interior: Comunidad judía de San Rafael */
.inner-hero--community .inner-hero__image{background-image:url("../img/25468d7c-d240-430a-819d-ee74b61fac7a.JPG");background-position:center}
.community-page .history-content{padding-bottom:0}
.community-page .community-map{height:auto;filter:none}
@media(max-width:760px){.community-page .inner-hero__copy h1{font-size:38px}}