@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dm-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/dm-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-serif-display-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'DM Serif Display';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/dm-serif-display-latin-400-italic.woff2) format('woff2')}
:root{--ink:#263f34;--paper:#f7f6f0;--lilac:#e8dbf3;--orange:#b94924;--line:rgba(38,63,52,.25)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;color:var(--ink);background:var(--lilac);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.5}
a{color:inherit;text-decoration:none}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
.wrap{width:min(1320px,calc(100% - 100px));margin-inline:auto}
.skip{position:fixed;left:16px;top:-100px;background:var(--paper);z-index:10;padding:12px}
.skip:focus{top:12px}
.header{display:flex;align-items:center;justify-content:space-between;min-height:104px;border-bottom:1px solid var(--line)}
.wordmark{font:italic 49px/.8 'DM Serif Display',Georgia,serif;letter-spacing:-4px}
.wordmark span span{color:var(--orange)}
nav{display:flex;gap:34px;font-size:15px}
nav a,.instagram-top{transition:opacity .2s}
nav a:hover,.instagram-top:hover{opacity:.6}
.instagram-top{font-size:14px;text-decoration:underline;text-underline-offset:5px}
.hero{padding-top:29px;padding-bottom:63px}
.hero-kicker{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.8px}
.hero h1{position:relative;font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.065em;line-height:1.13;font-size:clamp(100px,22.5vw,324px);margin:0 0 10px -10px;white-space:nowrap}
.asterisk{display:inline-block;position:relative;top:-.46em;width:.22em;height:.22em;color:var(--orange);margin-left:15px}
.asterisk svg,.large-star svg{display:block;width:100%;height:100%}
.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:28px}
.hero-bottom>p{font-size:clamp(26px,3vw,42px);line-height:1.2;letter-spacing:-1.2px;margin:0}
.hero-bottom em{font-family:'DM Serif Display',Georgia,serif;font-weight:400}
.hero-note{padding-right:7%;font-size:15px}
.hero-note p{margin:0 0 17px}
.underlined{display:inline-block;border-bottom:1px solid;padding-bottom:4px}
.work-section{background:var(--paper);padding:62px 0 42px}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:37px;gap:24px}
.section-heading h2{font-size:28px;font-weight:500;letter-spacing:-1px;margin:0}
.section-heading h2 span{color:var(--orange)}
.small-label{font-size:12px;letter-spacing:1.7px}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:56px 30px;align-items:start}
.work:nth-child(even){margin-top:105px}
.work{margin:0}
.art-button{display:block;width:100%;padding:0;border:0;background:#ebe9e1;cursor:zoom-in;overflow:hidden;position:relative}
.art-button img{display:block;width:100%;height:auto;max-height:720px;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.art-button:hover img{transform:scale(1.035)}
.view-label{position:absolute;bottom:18px;right:18px;background:var(--paper);border-radius:50%;height:63px;width:63px;display:grid;place-content:center;font-size:13px;opacity:0;transform:translateY(8px);transition:.2s}
.art-button:hover .view-label,.art-button:focus-visible .view-label{opacity:1;transform:none}
.work figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:16px}
.work h3{font-size:19px;font-weight:500;margin:0}
.work p{margin:4px 0 0;font-size:14px;opacity:.75}
.work-number{font-family:Georgia,serif;font-size:14px;padding-top:5px}
.archive-link{margin-top:59px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font-size:15px}
.archive-link p{margin:0}
.archive-link a{border-bottom:1px solid}
.universe{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-top:108px;padding-bottom:108px}
.universe-side{display:flex;flex-direction:column;align-items:flex-start}
.large-star{width:150px;height:150px;color:var(--orange);margin:40px 0 12px 70px;transform:rotate(-12deg)}
.hand-note{font:italic 25px 'DM Serif Display',Georgia,serif;transform:rotate(-7deg);margin-left:55px}
.universe-copy h2{font:400 clamp(40px,5.8vw,78px)/1.08 'DM Serif Display',Georgia,serif;letter-spacing:-2px;margin:0 0 30px}
.universe-copy p{max-width:420px;font-size:17px;line-height:1.7}
.universe-copy .underlined{margin-top:14px;font-size:14px}
.contact{background:var(--ink);color:var(--paper);padding-top:54px}
.contact-row{display:flex;justify-content:space-between;align-items:flex-end;padding:30px 0 75px;gap:40px}
.contact h2{font:400 clamp(45px,7.5vw,102px)/1.05 'DM Serif Display',Georgia,serif;letter-spacing:-2px;margin:0}
.contact h2 em{color:var(--lilac)}
.contact-copy{padding-bottom:7px;padding-right:3%}
.contact-copy p{font-size:16px;margin:0 0 24px}
.contact-button{display:inline-block;background:var(--lilac);color:var(--ink);padding:16px 25px;border-radius:3px;transition:background .2s}
.contact-button:hover{background:#fff}
footer{border-top:1px solid #f7f6f044;display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:13px}
footer a{text-decoration:underline;text-underline-offset:4px}
dialog{color:var(--ink);background:var(--paper);border:0;padding:20px;width:min(1000px,92vw);max-height:93dvh}
dialog::backdrop{background:#14281fe6;backdrop-filter:blur(5px)}
.dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}
.dialog-bar h2{font-size:19px;font-weight:500;margin:0}
.dialog-bar button{border:0;background:transparent;color:inherit;cursor:pointer;padding:8px}
.dialog-bar button span{font-size:24px;margin-left:8px}
dialog img{display:block;max-height:72dvh;max-width:100%;width:auto;margin:auto;object-fit:contain}
dialog p{font-size:14px;margin-bottom:0}
body.modal-open{overflow:hidden}
.no-art{grid-column:1/-1;border-block:1px solid var(--line);padding:65px 0;display:flex;align-items:center;justify-content:space-between}
.no-art p{font:32px 'DM Serif Display',Georgia,serif;max-width:400px;margin:0}
.no-art a{border-bottom:1px solid}

@media(min-width:1600px) {
  .hero h1{font-size:324px}
}
@media(max-width:800px) {
  .wrap{width:calc(100% - 44px)}
  .header{min-height:85px}
  nav{gap:20px;font-size:14px}
  .instagram-top{display:none}
  .hero{padding-bottom:40px}
  .hero-kicker{font-size:10px;letter-spacing:1.3px}
  .hero h1{margin:10px 0 20px -4px;font-size:24vw}
  .asterisk{margin-left:8px}
  .hero-bottom{align-items:flex-start;gap:30px}
  .hero-bottom>p{font-size:30px}
  .hero-note{font-size:14px;padding:0;max-width:210px}
  .section-heading{align-items:flex-start;flex-direction:column;gap:10px}
  .section-heading h2{font-size:26px}
  .work-section{padding-top:35px}
  .gallery{gap:35px 20px}
  .work:nth-child(even){margin-top:60px}
  .work h3{font-size:16px}
  .work p{font-size:13px}
  .work figcaption{gap:8px}
  .universe{gap:35px;padding-block:70px;grid-template-columns:.8fr 1.2fr}
  .large-star{width:110px;height:110px;margin-left:15px}
  .hand-note{margin-left:0;font-size:20px}
  .universe-copy h2{font-size:46px}
  .universe-copy p{font-size:16px}
  .contact-row{padding-bottom:55px}
  .contact-copy{padding:0}
  .contact h2{font-size:58px}
  footer{font-size:12px}
  footer span:last-child{display:none}
}
@media(max-width:520px) {
  .hero-bottom{display:block}
  .hero-note{margin-top:24px;max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
  .hero-note p{margin:0;font-size:13px}
  .hero-note a{font-size:13px;white-space:nowrap}
  .hero h1{font-size:24vw}
  .hero-kicker span:last-child{display:none}
  .hero-bottom>p{font-size:29px}
  .gallery{grid-template-columns:1fr;gap:35px}
  .work:nth-child(even){margin-top:0}
  .view-label{display:none}
  .work h3{font-size:19px}
  .work p{font-size:14px}
  .archive-link{gap:20px;font-size:13px;align-items:flex-start;margin-top:35px}
  .archive-link a{white-space:nowrap}
  .universe{grid-template-columns:1fr;gap:28px;padding-block:50px}
  .universe-side{flex-direction:row;justify-content:space-between;align-items:center;gap:20px}
  .large-star{width:54px;height:54px;margin:0}
  .hand-note{display:none}
  .universe-copy h2{font-size:52px}
  .contact-row{display:block}
  .contact h2{font-size:59px}
  .contact-copy{margin-top:35px}
  .contact-button{width:100%;text-align:center}
  .no-art{display:block}
  .no-art a{display:inline-block;margin-top:25px}
  .dialog-bar h2{font-size:16px}
  .dialog-bar button{font-size:14px}
}
@media(prefers-reduced-motion:reduce) {
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important}
}

/* Paginas de texto: privacidad y 404 */
.legal{max-width:760px;padding-top:72px;padding-bottom:96px;margin-inline:auto}
.legal h1{font:400 clamp(44px,7vw,84px)/1.05 'DM Serif Display',Georgia,serif;letter-spacing:-2px;margin:0 0 14px}
.legal h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:44px 0 10px}
.legal p{font-size:17px;line-height:1.7;margin:0 0 16px}
.legal .legal-fecha{font-size:13px;letter-spacing:1px;opacity:.75}
.legal-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0 40px;font-size:13px}
.legal-footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.legal{padding-top:44px;padding-bottom:64px}.legal h2{margin-top:34px}.legal p{font-size:16px}}
@media(max-width:800px){footer{flex-wrap:wrap;row-gap:8px}}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}