@import url('https://fonts.googleapis.com/css2?family=Piazzolla:ital,wght@0,400;0,500;1,400&family=Inter:wght@400;500;600&display=swap');
:root{--paper:#fff8f0;--ink:#302e29;--muted:#6f6a60;--line:#d9d0c4;--accent:#77533c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 Piazzolla,Georgia,serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{width:min(1280px,90%);margin:auto}header{border-bottom:1px solid var(--line);background:var(--paper)}.top{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:26px 0}.brand{display:flex;align-items:center;gap:16px;font-size:25px;line-height:1.2}.brand img{width:64px;height:64px;mix-blend-mode:multiply}.brand small{display:block;font:9px/2 Inter,sans-serif;letter-spacing:.23em;text-transform:uppercase;margin-top:7px}nav{display:flex;gap:26px;align-items:center;font:11px/1.6 Inter,sans-serif}nav>a,summary{text-transform:uppercase;letter-spacing:.08em}details{position:relative}summary{cursor:pointer;list-style:none}summary:after{content:' +';color:var(--muted)}details[open] summary:after{content:' −'}.drop{position:absolute;top:30px;right:0;width:220px;background:var(--paper);border:1px solid var(--line);padding:14px 20px;z-index:5;box-shadow:0 8px 16px #302e290a}.drop a{display:block;padding:7px 0}.drop a:hover,nav a:hover{color:var(--accent)}.intro{padding:55px 0 35px;display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:end}.kicker,.meta{font:10px/1.7 Inter,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}h1{font-size:clamp(38px,4.4vw,64px);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:16px 0}h1 em{font-weight:400}h2{font-size:30px;font-weight:400;margin:0}p{margin:0 0 20px}.intro p{font-size:17px;max-width:35ch;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding:22px 0;margin-top:25px}.section-head a{font:10px Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px;margin:0 0 60px}figure{margin:0;min-width:0}.frame{display:flex;width:100%;height:clamp(210px,26vw,360px);align-items:center;justify-content:center;padding:16px;background:#f3ece2;border:1px solid #e9e0d4;overflow:hidden}.frame img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;transition:opacity .3s}.frame:hover img{opacity:.87}.photo{cursor:zoom-in}figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.4}figcaption small{font:9px Inter,sans-serif;white-space:nowrap;color:var(--muted)}.statement{max-width:760px;font-size:19px;margin:10px 0 45px}.bio{display:grid;grid-template-columns:1fr 2fr;gap:70px;margin:10px 0 80px}.portrait{height:380px;background:#f3ece2;display:grid;place-content:center;text-align:center;border:1px solid var(--line);font-size:15px;color:var(--muted)}.prose{max-width:65ch}.contact{padding:35px 0 100px}.contact a{display:block;font-size:clamp(18px,3vw,35px);overflow-wrap:anywhere;margin:12px 0 28px}.contact .meta{display:block}footer{border-top:1px solid var(--line);padding:26px 0 35px;font:10px/1.8 Inter,sans-serif;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:24px}dialog{border:0;padding:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:var(--paper)}.viewer{height:100%;display:grid;grid-template-rows:1fr auto;gap:18px;padding:76px 85px 30px}.viewer img{width:100%;height:100%;min-height:0;object-fit:contain}.viewer p{text-align:center;font-size:15px;margin:0}.close,.prev,.next{position:absolute;border:1px solid var(--line);background:var(--paper);width:46px;height:46px;z-index:2}.close{top:18px;right:22px;font-size:28px}.prev,.next{top:48%;font-size:30px}.prev{left:18px}.next{right:18px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:var(--paper)}@media(max-width:950px){.top{flex-direction:column;gap:22px}.intro{grid-template-columns:1fr 1fr}.grid{gap:25px 18px}.frame{padding:10px;height:260px}.brand{font-size:24px}}@media(max-width:650px){body{font-size:17px}.wrap{width:90%}.top{padding:18px 0;gap:20px}.brand img{width:54px;height:54px}nav{gap:18px;font-size:10px;flex-wrap:wrap;justify-content:center}.drop{right:auto;left:-45px}.intro{display:block;padding:32px 0 20px}.intro p{max-width:100%;margin-top:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;margin-bottom:38px}.frame{height:220px;padding:8px}figcaption{font-size:14px;gap:5px;flex-wrap:wrap;min-height:60px;align-content:start}figcaption small{font-size:8px}.section-head{padding:18px 0}.section-head h2{font-size:25px}.bio{display:block}.portrait{height:280px;margin-bottom:30px}.foot{flex-direction:column;gap:10px}.viewer{padding:75px 50px 28px}.prev{left:4px}.next{right:4px}.prev,.next{width:38px}.statement{font-size:17px}}@media(max-width:380px){.frame{height:190px}nav{gap:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Proporciones originales: sin recuadros, sin recortes. */
.grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:32px 24px}.grid>figure{flex:none;width:calc(var(--ratio) * 260px);max-width:100%}.frame{display:block;height:auto;width:100%;padding:0;border:0;background:transparent;overflow:visible;border-radius:0}.frame img{display:block;width:100%;height:auto;max-height:none;max-width:none;object-fit:contain}figcaption{border:0;padding:10px 0 0;min-height:0;align-items:baseline;font-size:15px}figcaption span{min-width:0;overflow-wrap:anywhere}.home-opening{display:grid;grid-template-columns:.85fr 1.65fr;gap:6vw;align-items:center;padding:60px 0 70px;min-height:min(720px,calc(100svh - 120px))}.home-opening h1{font-size:clamp(42px,5vw,76px);max-width:9ch;margin:22px 0 28px}.home-opening p{max-width:29ch;color:var(--muted);font-size:18px}.home-opening figure{width:100%;max-width:min(100%,calc(66svh * var(--ratio)));justify-self:end}.scroll-cue{display:inline-block;margin-top:28px;font:10px Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid var(--line)}.home-rest{scroll-margin-top:24px}@media(max-width:950px){.home-opening{gap:30px;padding:45px 0;min-height:0}.home-opening h1{font-size:48px}.home-opening p{font-size:16px}}@media(max-width:650px){.grid{gap:26px 14px}.grid>figure{width:calc(var(--ratio) * 160px)}.frame{height:auto;padding:0}.home-opening{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:34px 0 45px}.home-opening h1{font-size:48px;max-width:none;margin:12px 0 18px}.home-opening p{max-width:32ch;margin:0}.home-opening figure{max-width:100%;width:100%}.scroll-cue{margin-top:18px}figcaption{font-size:13px;min-height:0;gap:6px}}

/* Portada: la fotografía abre el recorrido a escala de pantalla. */
.home-opening{display:flex;flex-direction:column;gap:48px;min-height:0;width:calc(100vw - 48px);margin-left:calc((100% - 100vw + 48px)/2);padding:24px 0 65px;align-items:center}
.home-opening figure{order:-1;flex:none;width:min(100%,calc((100svh - 190px) * var(--ratio)));max-width:none;align-self:center}
.home-opening>div{width:min(1280px,94%);display:grid;grid-template-columns:1.1fr 1fr;column-gap:8vw;align-items:center}
.home-opening .kicker{grid-column:1/-1}
.home-opening h1{max-width:none;margin:16px 0;font-size:clamp(42px,5vw,70px)}
.home-opening p{max-width:34ch;margin:0}
.home-opening .scroll-cue{grid-column:2;justify-self:start;margin-top:0}
@media(max-width:650px){.home-opening{width:calc(100vw - 24px);margin-left:calc((100% - 100vw + 24px)/2);padding:18px 0 42px;gap:30px}.home-opening figure{width:100%;max-width:calc((100svh - 190px) * var(--ratio))}.home-opening>div{display:block;width:94%}.home-opening h1{font-size:46px}.home-opening .scroll-cue{margin-top:20px}}

/* Portada panorámica a sangre; el visor conserva la obra completa. */
.home-opening{width:100vw;margin-left:calc((100% - 100vw)/2);padding-top:0}
.home-opening figure{width:100%;max-width:none}
.home-opening figure .frame{width:100%;height:clamp(300px,43vw,680px);overflow:hidden}
.home-opening figure .frame img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.home-opening figure figcaption{width:min(1280px,90%);margin:0 auto;padding-top:12px}
@media(max-width:650px){.home-opening{width:100vw;margin-left:calc((100% - 100vw)/2);padding-top:0}.home-opening figure{width:100%;max-width:none}.home-opening figure .frame{height:58vw;min-height:0}}

.grid{display:flex;flex-direction:column;flex-wrap:nowrap}.photo-row{display:flex;align-items:flex-start;gap:24px;width:100%}.photo-row>figure{flex:none;min-width:0;max-width:100%}@media(max-width:650px){.photo-row{gap:14px}}

/* Puente invisible entre el título y el desplegable. */
nav .drop::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}

/* Controles del visor: iconos geométricos, sin caja visible. */
.close,.prev,.next{display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;background:transparent;line-height:1;appearance:none;touch-action:manipulation}
.close svg,.prev svg,.next svg{display:block;width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.prev,.next{top:50%;transform:translateY(-50%)}
.close:hover,.prev:hover,.next:hover{color:var(--accent)}
@media(max-width:650px){.close{right:12px;top:12px}.prev,.next{width:44px;height:56px}.prev{left:2px}.next{right:2px}.close svg,.prev svg,.next svg{width:36px;height:36px}}

/* Carrusel de portada, con dimensiones constantes en todas las diapositivas. */
.home-opening .hero-carousel{order:-1;width:100%;position:relative}
.carousel-window{width:100%;overflow:hidden}
.carousel-track{display:flex;transition:transform 1200ms cubic-bezier(.22,.61,.36,1);will-change:transform}
.home-opening .carousel-slide{flex:0 0 100%;width:100%;max-width:none;order:0;align-self:auto}
.carousel-controls{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;opacity:0;transition:opacity 350ms ease;z-index:2}
.hero-carousel:hover .carousel-controls,.hero-carousel:focus-within .carousel-controls{opacity:1}
.carousel-dot,.carousel-pause{border:0;background:transparent;padding:0;display:grid;place-items:center;width:36px;height:36px;color:#fff8f0;filter:drop-shadow(0 1px 3px #0009)}
.carousel-dot::after{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5;transition:opacity 250ms,transform 250ms}
.carousel-dot[aria-current=true]::after{opacity:1;transform:scale(1.4)}
.carousel-pause{font:16px/1 Inter,sans-serif;width:30px}
.carousel-controls button:focus-visible{outline:2px solid #fff8f0;outline-offset:-3px}
@media(hover:none){.carousel-controls{opacity:1}}
@media(prefers-reduced-motion:reduce){.carousel-track{transition:none}}

/* Serie destacada y accesos al archivo. */
.featured-series{background:#eee5d9;width:100vw;margin-left:calc((100% - 100vw)/2);padding:36px 0 45px;margin-bottom:65px}
.featured-inner{width:min(1280px,90%);margin:auto}
.featured-series .section-head{border:0;margin-top:0;padding-top:0}
.featured-series .kicker{display:block;margin-bottom:7px;color:#665746}
.featured-series .grid{margin-bottom:0}
.card-arrow{font:18px/1 Inter,sans-serif;color:var(--muted)}
@media(max-width:650px){.featured-series{padding:28px 0 34px;margin-bottom:40px}.featured-series .section-head{gap:20px}.featured-series .section-head>a{max-width:14ch;line-height:1.6;text-align:right}}

/* Nombres sobre las portadas de Series y Galerías, únicamente en inicio. */
:is(section[aria-labelledby="home-series"], .collection-previews) figure,
section[aria-labelledby="home-galerias"] figure{position:relative}
:is(section[aria-labelledby="home-series"], .collection-previews) figcaption,
section[aria-labelledby="home-galerias"] figcaption{position:absolute;inset:auto 0 0;margin:0;padding:42px 18px 17px;background:linear-gradient(transparent,rgba(20,18,15,.72));color:#fff8f0;opacity:0;transition:opacity 350ms ease;pointer-events:none;font-size:22px;line-height:1.2;flex-wrap:nowrap}
:is(section[aria-labelledby="home-series"], .collection-previews) figure:hover figcaption,
:is(section[aria-labelledby="home-series"], .collection-previews) figure:focus-within figcaption,
section[aria-labelledby="home-galerias"] figure:hover figcaption,
section[aria-labelledby="home-galerias"] figure:focus-within figcaption{opacity:1}
:is(section[aria-labelledby="home-series"], .collection-previews) .card-arrow,
section[aria-labelledby="home-galerias"] .card-arrow{color:inherit;flex-shrink:0}
@media(hover:none),(pointer:coarse){:is(section[aria-labelledby="home-series"], .collection-previews) figcaption,section[aria-labelledby="home-galerias"] figcaption{opacity:1}}
@media(max-width:650px){:is(section[aria-labelledby="home-series"], .collection-previews) figcaption,section[aria-labelledby="home-galerias"] figcaption{font-size:16px;padding:32px 10px 12px}}

/* La flecha acompaña el nombre, sin separarse al borde de la foto. */
figcaption.collection-caption{justify-content:flex-start;align-items:baseline;gap:9px}
figcaption.collection-caption .card-arrow{display:inline-block;margin:0;flex-shrink:0;font-size:20px;line-height:1}

/* Cinco obras de idénticas dimensiones, completas a cualquier ancho. */
.home-opening .hero-carousel .carousel-slide .frame{height:auto;min-height:0;aspect-ratio:2000 / 1333;overflow:visible}
.home-opening .hero-carousel .carousel-slide .frame img{width:100%;height:auto;aspect-ratio:2000 / 1333;object-fit:contain;object-position:center}

/* Zoom discreto en las portadas que abren colecciones. */
:is(section[aria-labelledby="home-series"],section[aria-labelledby="home-galerias"],.collection-previews) .frame{overflow:hidden}
:is(section[aria-labelledby="home-series"],section[aria-labelledby="home-galerias"],.collection-previews) .frame img{transition:transform 800ms cubic-bezier(.22,.61,.36,1),opacity 350ms ease;transform:scale(1);transform-origin:center}
@media(hover:hover) and (pointer:fine){
:is(section[aria-labelledby="home-series"],section[aria-labelledby="home-galerias"],.collection-previews) figure:hover .frame img{transform:scale(1.035)}
}
:is(section[aria-labelledby="home-series"],section[aria-labelledby="home-galerias"],.collection-previews) figure:focus-within .frame img{transform:scale(1.035)}
@media(prefers-reduced-motion:reduce){
:is(section[aria-labelledby="home-series"],section[aria-labelledby="home-galerias"],.collection-previews) .frame img{transition:none;transform:none!important}
}

/* Contacto, como el cierre de un catálogo. */
.contact-editorial{display:grid;grid-template-columns:1fr 2fr;gap:6vw;margin:20px 0 100px;align-items:stretch}
.contact-signature{background:#eee5d9;padding:42px 24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center}
.contact-signature>img{width:150px;height:150px;mix-blend-mode:multiply;margin-bottom:24px}
.contact-signature>p{font-size:24px;margin:0 0 6px}
.contact-location{font:11px/1.6 Inter,sans-serif;color:var(--muted);margin-top:40px;display:flex;align-items:center;gap:8px}
.location-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.contact-channels{display:flex;flex-direction:column;justify-content:center}
.contact-channel{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding:34px 0;transition:color 300ms ease}
.contact-channel:last-child{border-bottom:1px solid var(--line)}
.channel-icon{flex:none;color:var(--accent);display:grid;place-items:center;width:48px;height:48px}
.channel-icon svg{width:34px;height:34px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.channel-copy{min-width:0;display:flex;flex-direction:column;gap:9px;flex:1}
.channel-value{font-size:clamp(21px,2.2vw,32px);line-height:1.35;overflow-wrap:anywhere}
.channel-note{font-size:15px;line-height:1.5;color:var(--muted)}
.channel-arrow{font-size:25px;color:var(--accent);transition:transform 300ms ease}
.contact-channel:hover,.contact-channel:focus-visible{color:var(--accent)}
.contact-channel:hover .channel-arrow{transform:translateX(5px)}
@media(max-width:850px){.contact-editorial{gap:30px;grid-template-columns:1fr 1.6fr}.contact-channel{gap:14px}.channel-icon{width:36px}.contact-signature{padding:30px 18px}.contact-signature>img{width:120px;height:120px}}
@media(max-width:650px){.contact-editorial{display:flex;flex-direction:column-reverse;gap:38px;margin:0 0 55px}.contact-channel{padding:25px 0;gap:12px}.channel-value{font-size:22px}.channel-note{font-size:14px}.channel-icon{width:30px}.channel-icon svg{width:28px;height:28px}.channel-arrow{font-size:22px}.contact-signature{padding:28px 20px}.contact-signature>img{width:100px;height:100px;margin-bottom:16px}.contact-location{margin-top:22px}}

/* Floralia: el archivo continúa por fuera del borde derecho. */
.featured-inner{--strip-gap:24px;--portrait-width:calc((min(1280px,90vw) - 48px)/3);--strip-height:calc(var(--portrait-width)*1.500375)}
.featured-strip{display:flex;gap:var(--strip-gap);width:calc(100% + (100vw - min(1280px,90vw))/2);overflow-x:auto;overflow-y:hidden;align-items:flex-start;padding:0 24px 14px 0;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a89986 transparent;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.featured-strip>figure{flex:0 0 auto;width:calc(var(--strip-height)*var(--ratio));scroll-snap-align:start}
.featured-strip .frame{height:var(--strip-height);overflow:hidden}
.featured-strip .frame img{height:100%;width:100%;object-fit:contain}
.featured-strip::-webkit-scrollbar{height:4px}
.featured-strip::-webkit-scrollbar-thumb{background:#a89986;border-radius:4px}
.featured-strip:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:650px){.featured-inner{--strip-gap:14px;--portrait-width:72vw;--strip-height:calc(72vw * 1.500375)}.featured-strip{padding-right:5vw}}

.intro.series-intro{display:block}.series-intro h1{margin:0 0 16px}.series-intro p{max-width:none;margin:0}

/* Ensayo editorial para La Vie en Rose. */
.rose-intro{padding:55px 0 52px}
.rose-back{display:inline-block;margin-bottom:24px}
.rose-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(40px,7vw,100px);align-items:start}
.rose-columns h1{margin:0;font-size:clamp(38px,4.4vw,64px);line-height:1.1}
.rose-statement{font-size:19px;line-height:1.65;max-width:64ch}
.rose-statement p{margin:0 0 22px}
.rose-statement p:last-child{margin-bottom:0}
@media(max-width:700px){.rose-intro{padding:32px 0 38px}.rose-columns{grid-template-columns:1fr;gap:24px}.rose-statement{font-size:17px}}

/* Alineación por el borde de las letras, no solo por la caja de texto. */
.rose-statement{padding-top:6px}
@supports (text-box-trim:trim-start){
 .rose-columns h1,.rose-statement>p:first-child{text-box-trim:trim-start;text-box-edge:cap alphabetic}
 .rose-statement{padding-top:0}
}
@media(max-width:700px){.rose-statement{padding-top:0}}

.hero-carousel .carousel-window{touch-action:pan-y pinch-zoom}.hero-carousel .carousel-window img{user-select:none;-webkit-user-drag:none}.hero-carousel .carousel-window.is-dragging,.hero-carousel .carousel-window.is-dragging .photo{cursor:grabbing}

/* Portada contenida: aire en los cuatro lados y obra completa. */
.home-opening .hero-carousel{width:88%;margin:0 auto;align-self:center}
.home-opening .hero-carousel .carousel-slide .frame{width:100%;height:auto;aspect-ratio:2000 / 1333}
.home-opening .hero-carousel .carousel-slide .frame img{width:100%;height:auto;object-fit:contain}
@media(max-width:650px){.home-opening .hero-carousel{width:88%;margin:0 auto}}

/* Carrusel con margen lateral únicamente. */
.home-opening{padding-top:0;padding-bottom:0;gap:0}

/* Navegación persistente, sin sacar el encabezado del flujo. */
body>header{position:sticky;top:0;z-index:100;background:var(--paper)}
html{scroll-padding-top:130px}
@media(max-width:950px){html{scroll-padding-top:180px}}

/* Encabezado compacto únicamente después de iniciar el scroll. */
body>header .top{transition:padding 250ms ease,gap 250ms ease}
body>header .brand>span{transition:opacity 200ms ease}
body>header.is-compact .top{padding-block:9px}
body>header.is-compact .brand>span{display:none}
body>header.is-compact .brand img{width:46px;height:46px}
body>header.is-compact .brand{gap:0}
@media(max-width:950px){body>header.is-compact .top{flex-direction:row;gap:18px}body>header.is-compact nav{gap:18px}}
@media(max-width:650px){body>header.is-compact .top{gap:12px;padding-block:9px}body>header.is-compact .brand img{width:38px;height:38px}body>header.is-compact nav{gap:12px;font-size:9px}body>header.is-compact .drop{left:auto;right:-20px}}

/* Menús móviles de ancho completo, también con el encabezado compacto. */
@media(max-width:650px){
 body>header .top,body>header nav,body>header nav details{position:static}
 body>header nav .drop,body>header.is-compact nav .drop{position:absolute;top:100%;left:0;right:0;width:100%;max-height:calc(100dvh - 170px);overflow-y:auto;overscroll-behavior:contain;padding:16px 6vw 22px;border-width:1px 0;box-shadow:0 12px 20px #302e2914;font-size:18px;line-height:1.5}
 body>header.is-compact nav .drop{max-height:calc(100dvh - 70px)}
 body>header nav .drop a{display:flex;align-items:center;min-height:48px;padding:10px 0;border-bottom:1px solid var(--line)}
 body>header nav .drop a:last-child{border-bottom:0}
 body>header nav .drop::before{display:none}
}

/* Recorrido entre proyectos al final de cada colección. */
.project-pagination{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;border-top:1px solid var(--line);padding:30px 0 55px;margin-top:16px}
.project-pagination .project-step{display:flex;flex-direction:column;gap:10px;padding:12px 0;text-transform:none;letter-spacing:normal;min-width:0}
.project-step.previous{grid-column:1;align-items:flex-start}
.project-step.following{grid-column:2;align-items:flex-end;text-align:right}
.project-step-title{font:400 clamp(22px,2.6vw,34px)/1.25 Piazzolla,Georgia,serif;overflow-wrap:anywhere;transition:color 250ms ease}
.project-step:hover .project-step-title{color:var(--accent)}
@media(max-width:650px){.project-pagination{gap:20px;padding:20px 0 35px}.project-step-title{font-size:22px}.project-pagination .meta{font-size:9px}}