:root {
  --paper: #f6f2eb;
  --paper-2: #fbf9f5;
  --ink: #292c30;
  --muted: #70757a;
  --line: #cddde5;
  --accent: #9a8057;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, system-ui, sans-serif; font-weight: 300; line-height: 1.65; }
img { display: block; max-width: 100%; }
a { color: inherit; }
.site-header { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--paper) 94%, transparent); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.header-inner { max-width: var(--max); margin: auto; min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 0 1.5rem; }
.brand { font-size: clamp(1.25rem, 2vw, 2rem); letter-spacing: .04em; text-decoration: none; font-weight: 300; }
.main-nav { display: flex; gap: clamp(1rem, 3vw, 2.6rem); }
.main-nav a { text-decoration-thickness: 1px; text-underline-offset: 4px; font-size: .95rem; }
.menu-toggle { display: none; background: none; border: 0; font: inherit; }
.section { max-width: var(--max); margin: auto; padding: clamp(4rem, 8vw, 8rem) 1.5rem; }
.eyebrow { margin: 0 0 .8rem; text-transform: uppercase; letter-spacing: .17em; color: var(--accent); font-size: .72rem; font-weight: 500; }
h1,h2 { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 500; line-height: 1.04; margin: 0; }
h1 { font-size: clamp(3rem, 8vw, 7.2rem); max-width: 12ch; }
h2 { font-size: clamp(2.6rem, 5vw, 5rem); }
.hero { padding-top: clamp(3rem, 7vw, 6rem); }
.hero-copy { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 3rem; margin-bottom: 2.5rem; }
.hero-copy > p:last-child { max-width: 38rem; margin: 0 0 .6rem; color: var(--muted); }
.hero-artwork { margin: 0; }
.hero-artwork img { width: 100%; max-height: 72vh; object-fit: contain; object-position: center; background: var(--paper-2); }
.hero-artwork figcaption { display: flex; justify-content: space-between; gap: 1rem; color: var(--muted); font-size: .85rem; padding-top: .8rem; }
.text-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 8vw, 8rem); border-top: 1px solid rgba(41,44,48,.12); }
.section-heading h2 { max-width: 12ch; }
.prose { max-width: 720px; }
.prose p { margin: 0 0 1.4rem; }
.statement { font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(1.6rem, 2.5vw, 2.4rem); line-height: 1.25; color: var(--ink); font-style: italic; margin-top: 2.5rem !important; }
.artist-section { border-top: 1px solid rgba(41,44,48,.12); }
.artist-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: end; margin-bottom: 3rem; }
.subtitle { color: var(--muted); margin: .4rem 0 0; }
blockquote { font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(1.8rem, 3.5vw, 3.2rem); line-height: 1.2; margin: 0; padding: 2rem; background: linear-gradient(135deg, #eef3f4, #faf8f3); }
.artist-body { display: grid; grid-template-columns: .55fr 1.45fr; gap: 3rem; align-items: start; }
.portrait-placeholder { aspect-ratio: 4 / 5; background: #e9e4dc; display: grid; place-items: center; color: var(--muted); border: 1px solid rgba(41,44,48,.1); }
.compact { max-width: 820px; }
.works-section { border-top: 1px solid rgba(41,44,48,.12); }
.split { display: flex; justify-content: space-between; gap: 3rem; align-items: end; margin-bottom: 3rem; }
.split > p { max-width: 40rem; color: var(--muted); }

.works-exhibition { display: grid; gap: clamp(6rem, 13vw, 12rem); }
.work-panel { min-height: min(88vh, 900px); display: grid; grid-template-rows: 1fr auto; align-items: stretch; }
.work-view { border: 0; padding: 0; background: transparent; cursor: zoom-in; width: 100%; min-height: min(70vh, 720px); }
.work-canvas { width: 100%; height: 100%; min-height: min(70vh, 720px); display: flex; align-items: center; justify-content: center; padding: clamp(1.5rem, 4vw, 4rem); background: var(--paper-2); border: 1px solid rgba(41,44,48,.07); overflow: hidden; }
.work-canvas img { display: block; width: auto; height: auto; max-width: min(92%, 1120px); max-height: min(68vh, 690px); object-fit: contain; transition: transform .35s ease; }
.work-view:hover .work-canvas img { transform: scale(1.012); }
.work-caption { display: grid; grid-template-columns: 4rem 1fr auto; align-items: end; gap: 1.3rem; padding-top: 1.2rem; border-top: 1px solid rgba(41,44,48,.16); }
.work-number { color: var(--accent); letter-spacing: .14em; font-size: .76rem; }
.work-caption h3 { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(1.8rem, 3vw, 3rem); font-weight: 500; line-height: 1; }
.work-caption p { margin: .45rem 0 0; color: var(--muted); font-size: .86rem; }
.work-open { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .13em; padding-bottom: .25rem; }
.contact-section { border-top: 1px solid rgba(41,44,48,.12); }
.centered { text-align: center; max-width: 760px; margin: auto; }
.centered h2 { max-width: none; }
.centered > p:last-child { color: var(--muted); }
.contact-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 4rem; max-width: 920px; margin: 3rem auto 0; }
.contact-direct { display: flex; flex-direction: column; align-items: flex-start; }
.contact-direct .label { color: var(--accent); font-style: italic; margin: 0 0 .2rem; }
.phone { font-family: "Cormorant Garamond", Georgia, serif; font-size: 2.5rem; text-decoration: none; margin-bottom: 1.6rem; }
.contact-form { display: grid; gap: 1rem; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
label { display: grid; gap: .35rem; font-size: .8rem; color: var(--muted); }
input, textarea { border: 0; border-bottom: 1px solid #9aa2a7; background: rgba(205,221,229,.22); padding: .9rem; font: inherit; color: var(--ink); }
textarea { resize: vertical; }
button[type=submit] { justify-self: start; padding: .85rem 1.6rem; border: 1px solid var(--ink); background: var(--ink); color: white; font: inherit; cursor: pointer; }
.site-footer { max-width: var(--max); margin: auto; padding: 2rem 1.5rem 3rem; font-size: .78rem; color: var(--muted); }
.art-dialog { width: min(94vw, 1500px); height: min(92vh, 920px); border: 0; padding: 0; background: var(--paper); color: var(--ink); }
.art-dialog::backdrop { background: rgba(20,22,24,.62); backdrop-filter: blur(5px); }
.dialog-content { height: 100%; display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(280px, .7fr); }
.dialog-image-wrap { padding: clamp(2rem, 5vw, 5rem); display: flex; align-items: center; justify-content: center; }
.dialog-image-wrap img { width: 100%; height: 100%; object-fit: contain; }
.dialog-info { padding: clamp(3rem, 5vw, 6rem) clamp(2rem, 4vw, 4rem); display: flex; flex-direction: column; justify-content: center; border-left: 1px solid rgba(41,44,48,.1); }
.dialog-info h2 { font-size: clamp(3rem, 6vw, 6rem); }
dl { margin: 2rem 0; }
dl div { display: grid; grid-template-columns: 6rem 1fr; padding: .35rem 0; }
dt { color: var(--muted); }
dd { margin: 0; }
.inquire-link { align-self: flex-start; margin-top: 1rem; }
.dialog-close, .dialog-nav { position: absolute; z-index: 2; border: 0; background: none; color: var(--ink); cursor: pointer; }
.dialog-close { right: 1rem; top: .6rem; font-size: 3rem; font-weight: 200; }
.dialog-nav { top: 50%; transform: translateY(-50%); font-size: 4rem; }
.dialog-nav.prev { left: .8rem; }
.dialog-nav.next { right: .8rem; }
@media (max-width: 860px) {
  .header-inner { min-height: 74px; }
  .menu-toggle { display: block; }
  .main-nav { display: none; position: absolute; left: 0; right: 0; top: 74px; background: var(--paper); flex-direction: column; padding: 1.2rem 1.5rem 2rem; border-bottom: 1px solid var(--line); }
  .main-nav.open { display: flex; }
  .hero-copy, .text-section, .artist-intro, .artist-body, .contact-grid { grid-template-columns: 1fr; }
  .hero-copy { gap: 1.4rem; }
  .work-panel { min-height: auto; }
  .work-view, .work-canvas { min-height: 58vh; }
  .work-canvas img { max-height: 55vh; }
  .split { align-items: flex-start; flex-direction: column; }
  .dialog-content { grid-template-columns: 1fr; grid-template-rows: 62% 38%; }
  .dialog-info { border-left: 0; border-top: 1px solid rgba(41,44,48,.1); padding: 1.4rem 2rem; overflow: auto; }
  .dialog-info h2 { font-size: 2.7rem; }
  .dialog-image-wrap { padding: 2.2rem; }
}
@media (max-width: 560px) {
  .section { padding: 4rem 1rem; }
  .header-inner { padding: 0 1rem; }
  .works-exhibition { gap: 5rem; }
  .work-view, .work-canvas { min-height: 50vh; }
  .work-canvas { padding: 1rem; }
  .work-canvas img { max-width: 96%; max-height: 47vh; }
  .work-caption { grid-template-columns: 2.3rem 1fr; }
  .work-open { display: none; }
  .form-row { grid-template-columns: 1fr; }
  .hero-artwork figcaption { flex-direction: column; gap: .2rem; }
  .work-stage { padding: 5%; }
  .dialog-nav { display: none; }
}

/* Ajustes solicitados: se conserva la estética original */
:root {
  --paper: #faf8f4;
  --paper-2: #fdfcf9;
}
.hero-copy { grid-template-columns: 1fr 1fr; }
.hero-copy .eyebrow { align-self: end; }
.hero-statement { max-width: 15ch; margin-top: clamp(1.8rem, 4vw, 3.5rem); font-size: clamp(2.8rem, 6vw, 6rem); }
.artist-portrait { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; background: var(--paper-2); border: 1px solid rgba(41,44,48,.1); }
.artist-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.shop-section { border-top: 1px solid rgba(41,44,48,.12); }
.shop-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: clamp(1.5rem,3vw,3rem); }
.shop-card { display: grid; grid-template-rows: minmax(320px, 46vh) auto; border-top: 1px solid rgba(41,44,48,.16); }
.shop-image { display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: var(--paper-2); overflow: hidden; }
.shop-image img { width: auto; height: auto; max-width: 100%; max-height: 42vh; object-fit: contain; }
.shop-info { padding-top: 1.2rem; }
.shop-info h3 { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 500; font-size: clamp(1.7rem,2.4vw,2.5rem); line-height: 1.05; }
.shop-info > p:not(.eyebrow) { color: var(--muted); font-size: .86rem; }
.shop-button { display: inline-block; margin-top: .6rem; padding: .75rem 1.25rem; border: 1px solid var(--ink); text-decoration: none; }
.shop-button:hover { background: var(--ink); color: white; }

/* Visor: mantiene proporciones y evita ampliaciones excesivas */
.art-dialog { width: min(90vw, 1280px); height: min(86vh, 820px); }
.dialog-content { grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr); }
.dialog-image-wrap { padding: clamp(2rem, 4vw, 4rem); }
.dialog-image-wrap img { width: auto; height: auto; max-width: 88%; max-height: 72vh; object-fit: contain; }
.dialog-info h2 { font-size: clamp(2.3rem, 4.5vw, 4.8rem); }

@media (max-width: 860px) {
  .shop-grid { grid-template-columns: 1fr; }
  .shop-card { grid-template-rows: minmax(300px, 55vh) auto; }
  .shop-image img { max-height: 50vh; }
  .art-dialog { width: 94vw; height: 90vh; }
  .dialog-content { grid-template-columns: 1fr; grid-template-rows: 58% 42%; }
  .dialog-image-wrap img { max-width: 90%; max-height: 48vh; }
}


/* Correcciones finales solicitadas */
:root { --paper:#fdfcf9; --paper-2:#ffffff; }
.art-dialog{width:min(92vw,1320px);height:min(88vh,840px);overflow:hidden;}
.dialog-content{grid-template-columns:minmax(0,1.5fr) minmax(360px,.85fr);min-width:0;}
.dialog-image-wrap{min-width:0;min-height:0;padding:clamp(1.75rem,3.5vw,3.5rem);overflow:hidden;}
.dialog-image-wrap img{display:block;width:auto;height:auto;max-width:100%;max-height:74vh;object-fit:contain;object-position:center;}
.dialog-info{min-width:0;overflow-y:auto;overflow-x:hidden;padding:clamp(2.2rem,4vw,4.5rem) clamp(1.8rem,3vw,3.2rem);}
.dialog-info h2{max-width:100%;font-size:clamp(2rem,3.4vw,4rem);line-height:.98;overflow-wrap:normal;word-break:normal;hyphens:none;}
@media(max-width:1000px) and (min-width:861px){.dialog-content{grid-template-columns:minmax(0,1.35fr) minmax(330px,.9fr)}.dialog-info h2{font-size:clamp(1.9rem,3.1vw,3.2rem)}}
@media(max-width:860px){.art-dialog{width:95vw;height:92vh;overflow:auto}.dialog-content{grid-template-columns:1fr;grid-template-rows:minmax(50%,58%) auto}.dialog-image-wrap{padding:1.5rem}.dialog-image-wrap img{max-width:100%;max-height:50vh}.dialog-info{overflow:visible}.dialog-info h2{font-size:clamp(2rem,9vw,3rem);overflow-wrap:normal}}

/* Corrección de escala en el visor: las obras verticales no se amplían hasta llenar el alto */
.dialog-image-wrap img.portrait-work{max-height:62vh;max-width:68%;}
.dialog-image-wrap img.landscape-work{max-height:68vh;max-width:94%;}
.dialog-image-wrap img.square-work{max-height:66vh;max-width:82%;}
@media(max-width:860px){.dialog-image-wrap img.portrait-work{max-height:44vh;max-width:72%;}.dialog-image-wrap img.landscape-work{max-height:46vh;max-width:96%;}.dialog-image-wrap img.square-work{max-height:45vh;max-width:86%;}}

/* Separación visual clara entre la galería y la tienda */
.shop-section {
  position: relative;
  max-width: none;
  padding-left: max(1.5rem, calc((100% - var(--max)) / 2 + 1.5rem));
  padding-right: max(1.5rem, calc((100% - var(--max)) / 2 + 1.5rem));
  background: rgba(41, 44, 48, 0.045);
  border-top: 2px solid rgba(41, 44, 48, 0.24);
}
.shop-section::before {
  content: "TIENDA";
  display: block;
  margin-bottom: 1.25rem;
  font-size: .72rem;
  letter-spacing: .22em;
  font-weight: 600;
  color: rgba(41, 44, 48, .62);
}
@media (max-width: 560px) {
  .shop-section {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-top: 1.5rem;
  }
}

.work-page-link{display:inline-block;margin-right:1rem;text-decoration:underline}.artwork-page{max-width:1200px;margin:auto;padding:32px 24px 64px}.artwork-page header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.artwork-page header a{text-decoration:none;color:inherit}.artwork-sheet{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:48px;align-items:start}.artwork-image img{display:block;width:100%;height:auto;object-fit:contain}.artwork-data h1{font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.05;margin:.25rem 0 2rem}.artwork-data dl{margin:0}.artwork-data div{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:12px 0;border-top:1px solid #ccc}.artwork-data dt{font-weight:600}.artwork-data dd{margin:0}@media(max-width:760px){.artwork-sheet{grid-template-columns:1fr;gap:28px}.artwork-page{padding:20px 16px 48px}}


/* Código QR en fichas individuales */
.artwork-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1.25rem;align-self:center}
.artwork-qr img{width:min(220px,58vw);height:auto;background:#fff;padding:10px;border:1px solid rgba(0,0,0,.14)}
.artwork-qr p{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-align:center}
@media (max-width:820px){.artwork-qr{padding-top:.25rem;padding-bottom:2rem}}

/* Revisión 4: Safari/iPad — impedir particiones dentro de los títulos */
.dialog-info h2,
#dialog-title {
  -webkit-hyphens: none !important;
  hyphens: none !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* Escala más contenida en fichas de obras de gran formato */
.artwork-image.compact-artwork-image {
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.artwork-image.compact-artwork-image img {
  width:auto;
  max-width:92%;
  max-height:58vh;
  margin:0 auto;
}
@media(max-width:760px){
  .artwork-image.compact-artwork-image img{max-width:94%;max-height:52vh;}
}
/* ----------------------------
   Mensaje de envío correcto
-----------------------------*/

.mensaje-enviado{

    display:none;

    margin-top:25px;

    padding:18px 22px;

    border:1px solid #d9d9d9;

    background:#fafafa;

    color:#555;

    border-radius:6px;

    align-items:center;

    gap:16px;

    font-size:15px;

    line-height:1.5;

    animation:fadeIn .45s ease;

}

.mensaje-enviado .check{

    width:34px;

    height:34px;

    border-radius:50%;

    background:#2f8f5b;

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    font-weight:bold;

    flex-shrink:0;

}

@keyframes fadeIn{

    from{

        opacity:0;

        transform:translateY(10px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/* Confirmación definitiva del formulario */
.contact-form-area { min-width: 0; }
.contact-form[hidden] { display: none !important; }
.mensaje-enviado {
  display: none;
  min-height: 270px;
  padding: clamp(2rem, 5vw, 3.25rem);
  border: 1px solid rgba(41,44,48,.18);
  background: var(--paper-2);
  align-items: flex-start;
  gap: 1.25rem;
  animation: fadeIn .45s ease;
}
.mensaje-enviado.visible { display: flex; }
.mensaje-enviado .check {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #2f8f5b;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  font-weight: 600;
  flex: 0 0 auto;
}
.mensaje-enviado strong {
  display: block;
  font-family: "Cormorant Garamond", Georgia, serif;
  color: var(--ink);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 500;
  line-height: 1.08;
}
.mensaje-enviado p { margin: .8rem 0 1.5rem; color: var(--muted); }
.enviar-otro {
  padding: .75rem 1.2rem;
  border: 1px solid var(--ink);
  background: transparent;
  color: var(--ink);
  font: inherit;
  cursor: pointer;
}
.enviar-otro:hover { background: var(--ink); color: #fff; }
@media (max-width: 560px) {
  .mensaje-enviado { min-height: 0; padding: 1.5rem; }
}

/* Colecciones: Marinas / Retratos */
.collection-tabs{display:flex;gap:.7rem;margin:2.2rem 0 3rem;border-bottom:1px solid rgba(41,44,48,.16)}
.collection-tab{appearance:none;border:0;background:transparent;padding:.8rem .2rem;margin-right:1.4rem;font:500 .78rem Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}
.collection-tab.active{color:var(--ink);border-bottom-color:var(--ink)}
.collection-tab:hover{color:var(--ink)}

/* Selector de colecciones — revisión 2026-07-25 */
.collection-selector{margin:2.2rem 0 3rem}
.collection-label{margin:0 0 .55rem;color:var(--muted);font:400 .72rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.collection-selector .collection-tabs{margin:0}
@media (max-width:700px){
  .collection-selector{margin:1.5rem 0 2.2rem}
  .collection-tabs{gap:.2rem}
  .collection-tab{font-size:.76rem;padding:.85rem .15rem;margin-right:1rem}
}


/* Fichas individuales de obra */
.work-detail-page{min-height:100vh;background:#f7f6f2;color:#282828}
.work-detail-main{max-width:1180px;margin:0 auto;padding:72px 32px 96px}
.work-detail-back{display:inline-block;margin-bottom:36px;color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.work-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:56px;align-items:start}
.work-detail-image{background:#fff;border:1px solid rgba(0,0,0,.09);padding:28px;display:flex;justify-content:center;align-items:center;min-height:520px}
.work-detail-image img{display:block;max-width:100%;max-height:74vh;width:auto;height:auto;object-fit:contain}
.work-detail-info .eyebrow{margin-top:0}
.work-detail-info h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.25rem,5vw,4.7rem);line-height:.98;margin:12px 0 36px}
.work-detail-info dl{margin:0 0 38px}
.work-detail-info dl div{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:14px 0;border-top:1px solid rgba(0,0,0,.12)}
.work-detail-info dl div:last-child{border-bottom:1px solid rgba(0,0,0,.12)}
.work-detail-info dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#777}
.work-detail-info dd{margin:0}
.work-detail-contact{display:inline-block;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
@media(max-width:760px){.work-detail-main{padding:38px 18px 64px}.work-detail-grid{grid-template-columns:1fr;gap:30px}.work-detail-image{min-height:0;padding:14px}.work-detail-image img{max-height:66vh}.work-detail-info h1{font-size:2.5rem}.work-detail-info dl div{grid-template-columns:90px 1fr}}


/* Categorías internas de Retratos */
.portrait-category-selector{margin:-1.35rem 0 3rem;padding:1.25rem 0 0;border-top:1px solid rgba(41,44,48,.10)}
.portrait-category-selector[hidden]{display:none}
.portrait-category-tabs{display:flex;gap:.75rem;flex-wrap:wrap}
.portrait-category-tab{appearance:none;border:1px solid rgba(41,44,48,.45);background:transparent;color:var(--ink);padding:.75rem 1.15rem;font:500 .75rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.portrait-category-tab.active,.portrait-category-tab:hover{background:var(--ink);border-color:var(--ink);color:#fff}
@media (max-width:700px){
  .portrait-category-selector{margin:-.8rem 0 2.2rem}
  .portrait-category-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
  .portrait-category-tab{padding:.8rem .55rem;font-size:.68rem;letter-spacing:.08em}
}

.documentary-section{padding-top:70px;padding-bottom:80px}.documentary-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:48px;align-items:center}.documentary-video{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}.documentary-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.documentary-copy h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:500;line-height:.95;margin:.35rem 0 1rem}.documentary-copy .subtitle{font-size:1.05rem;margin-bottom:1.2rem}.documentary-copy p{line-height:1.75}@media(max-width:820px){.documentary-grid{grid-template-columns:1fr;gap:28px}}
.work-detail-qr{display:flex;align-items:center;gap:18px;margin:28px 0;padding-top:22px;border-top:1px solid #cfc8bd}.work-detail-qr img{width:120px;height:120px}.work-detail-qr p{font-size:.85rem;line-height:1.5}.work-detail-actions{display:flex;gap:12px;flex-wrap:wrap}.work-detail-actions button{border:1px solid #222;background:#fff;padding:12px 18px;cursor:pointer}@media print{.site-header,.work-detail-back,.work-detail-actions{display:none!important}.work-detail-main{padding:0}.work-detail-grid{grid-template-columns:1fr 1fr}.work-detail-page{background:#fff}}