/* Shared models: reconstructed layouts with first-party content and resources. */
.piece-host{container-type:inline-size;container-name:piece-frame}
.piece-page{--model-gap:clamp(20px,4cqw,64px);--model-pad:clamp(20px,4cqw,64px);padding:var(--model-pad);min-height:0;overflow-wrap:anywhere}
.piece-page .piece-hero{min-width:0}.piece-page .piece-photo{min-width:0;min-height:0;aspect-ratio:auto}.piece-page .piece-photo img{width:90%;height:90%;object-fit:contain}.piece-page .piece-identity{min-width:0}.piece-page .piece-title{font:500 clamp(36px,4.5cqw,64px)/1.08 var(--serif);margin:18px 0 26px;overflow-wrap:anywhere}.piece-page .piece-reading{min-width:0}.piece-page .piece-section-title{font:500 clamp(26px,3cqw,38px)/1.15 var(--serif);margin:0 0 16px}.piece-page .piece-reading p{font:17px/1.75 var(--sans);margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.piece-page .piece-index a{min-height:44px;display:inline-flex;align-items:center}.piece-page .piece-section{scroll-margin-top:90px}.piece-page .example-caption{font:13px/1.65 var(--sans);margin-top:22px}.piece-page .piece-collection{font:14px/1.5 var(--sans)}
/* 1 / Shopify: vertical product photograph and product story to its right. */
.piece-page[data-style=signature]{--portal-bg:#fff;--portal-soft:#f0eee8;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 var(--model-gap);align-items:start}.piece-page[data-style=signature] .piece-hero,.piece-page[data-style=signature] .piece-reading{display:contents}.piece-page[data-style=signature] .piece-photo{grid-column:1;grid-row:1/3;height:100%;min-height:620px;background:var(--portal-soft)}.piece-page[data-style=signature] .piece-identity{grid-column:2;grid-row:1;text-align:left;padding-top:20px}.piece-page[data-style=signature] .portal-wordmark{align-items:flex-start;margin-bottom:18px}.piece-page[data-style=signature] .brand-name{font-size:22px}.piece-page[data-style=signature] .portal-rule{margin-left:0}.piece-page[data-style=signature] .piece-title{font:600 clamp(36px,4cqw,52px)/1.12 var(--sans);margin:18px 0 28px}.piece-page[data-style=signature] .piece-index{justify-content:flex-start;gap:4px 20px}.piece-page[data-style=signature] .piece-section{grid-column:1/-1;width:100%;max-width:720px;justify-self:center;padding:30px 0}.piece-page[data-style=signature] .piece-section-story{grid-column:2;grid-row:2;max-width:none;align-self:start}.piece-page[data-style=signature] .piece-section-story .piece-section-title{font:600 18px/1.5 var(--sans)}
/* 4 / Julienne: landscape photograph before centered editorial title. */
.piece-page[data-style=folio]{--portal-bg:#fff;--portal-soft:#f2efe8;display:block;padding-inline:max(var(--model-pad),25.5%)}.piece-page[data-style=folio] .piece-hero{display:flex;flex-direction:column;gap:56px;margin-bottom:26px}.piece-page[data-style=folio] .piece-photo{width:100%;height:auto;aspect-ratio:16/9;min-height:0}.piece-page[data-style=folio] .piece-photo img{height:100%;width:100%;object-fit:contain}.piece-page[data-style=folio] .piece-identity{text-align:center;width:100%}.piece-page[data-style=folio] .piece-title{font-size:clamp(40px,5.5cqw,64px);order:-1}.piece-page[data-style=folio] .piece-identity{display:flex;flex-direction:column;align-items:center}.piece-page[data-style=folio] .portal-wordmark{margin-bottom:12px}.piece-page[data-style=folio] .brand-name{font-size:22px}.piece-page[data-style=folio] .portal-rule{display:none}.piece-page[data-style=folio] .piece-index{justify-content:center}.piece-page[data-style=folio] .piece-reading{max-width:720px;width:100%;margin:auto}.piece-page[data-style=folio] .piece-section{padding:28px 0}
/* 9 / NYT: narrow left-aligned column; title and complete story precede photograph. */
.piece-page[data-style=journal]{--portal-bg:#fff;--portal-soft:#f0eee8;display:grid;grid-template-columns:minmax(0,720px);justify-content:center;padding-inline:max(var(--model-pad),30%)}.piece-page[data-style=journal] .piece-hero,.piece-page[data-style=journal] .piece-identity,.piece-page[data-style=journal] .piece-reading{display:contents}.piece-page[data-style=journal] .portal-wordmark{grid-row:1;align-items:flex-start;margin:0 0 20px}.piece-page[data-style=journal] .brand-name{font-size:20px}.piece-page[data-style=journal] .portal-rule{display:none}.piece-page[data-style=journal] .piece-title{grid-row:2;font:600 clamp(36px,4cqw,50px)/1.08 var(--serif);font-style:italic;text-align:left;margin:0 0 22px}.piece-page[data-style=journal] .piece-collection{grid-row:3}.piece-page[data-style=journal] .piece-section-story{grid-row:4;padding:0 0 24px;border:0}.piece-page[data-style=journal] .piece-section-story .piece-section-title{font:600 15px/1.5 var(--sans);margin-bottom:8px}.piece-page[data-style=journal] .piece-section-story p{font:400 clamp(22px,2.3cqw,26px)/1.45 var(--serif);color:var(--portal-ink)}.piece-page[data-style=journal] .piece-index{grid-row:5;justify-content:flex-start;gap:0 20px;margin-bottom:26px}.piece-page[data-style=journal] .piece-photo{grid-row:6;aspect-ratio:3/2;width:100%;height:auto}.piece-page[data-style=journal] .example-caption{grid-row:7;margin:14px 0 24px;max-width:none}.piece-page[data-style=journal] .piece-section:not(.piece-section-story){padding:28px 0}
@container piece-frame (max-width:620px){
 .piece-page{--model-gap:24px;--model-pad:20px}.piece-page .piece-reading p{font-size:16px}.piece-page .piece-title{font-size:36px}.piece-page .piece-identity .brand-name{font-size:26px}
 .piece-page[data-style=signature]{display:block}.piece-page[data-style=signature] .piece-hero{display:block}.piece-page[data-style=signature] .piece-photo{height:auto;aspect-ratio:3/4;min-height:0}.piece-page[data-style=signature] .piece-identity{padding-top:28px}.piece-page[data-style=signature] .piece-title{font-size:34px}.piece-page[data-style=signature] .brand-name{font-size:20px}.piece-page[data-style=signature] .piece-reading{display:block}.piece-page[data-style=signature] .piece-section-story{padding-top:26px}
 .piece-page[data-style=folio]{padding-inline:20px}.piece-page[data-style=folio] .piece-hero{gap:28px}.piece-page[data-style=folio] .piece-title{font-size:36px}.piece-page[data-style=folio] .brand-name{font-size:20px}
 .piece-page[data-style=journal]{padding-inline:20px}.piece-page[data-style=journal] .piece-title{font-size:36px}.piece-page[data-style=journal] .piece-section-story p{font-size:22px}.piece-page[data-style=journal] .brand-name{font-size:18px}
}
@container piece-frame (max-width:280px){
 .piece-page{--model-pad:14px}.piece-page .piece-title{font-size:28px}.piece-page .piece-reading p{font-size:14px}.piece-page .piece-identity .brand-name{font-size:20px}.piece-page .piece-index{font-size:12px;gap:2px 10px;padding:10px 0}.piece-page .example-caption{font-size:12px}.piece-page[data-style=signature] .piece-title{font-size:28px}.piece-page[data-style=folio],.piece-page[data-style=journal]{padding-inline:14px}.piece-page[data-style=folio] .piece-title{font-size:32px}.piece-page[data-style=journal] .piece-title{font-size:30px}.piece-page[data-style=journal] .piece-section-story p{font-size:20px}
}

/* Containment is explicit: portrait assets cannot size an automatic grid row. */
.piece-page .piece-photo{position:relative;overflow:hidden}.piece-page .piece-photo img{position:absolute;inset:5%;display:block;min-width:0;min-height:0;max-width:90%;max-height:90%;width:90%;height:90%;object-fit:contain}
.piece-page[data-style=journal] .piece-section-care{grid-row:8}.piece-page[data-style=journal] .piece-section-warranty{grid-row:9}.piece-page[data-style=journal] .piece-section-note{grid-row:10}.piece-page[data-style=journal] .piece-section-emisora{grid-row:11}

/* signature: corrected against the measured product region of the reference. */
.piece-page[data-style=signature]{grid-template-columns:minmax(0,40cqw) minmax(0,30cqw);column-gap:14cqw;padding-left:13cqw;padding-right:3cqw}.piece-page[data-style=signature] .piece-photo{height:auto;aspect-ratio:3/4;min-height:0;align-self:start}
@container piece-frame (max-width:620px){.piece-page[data-style=signature]{padding:20px}.piece-page[data-style=signature] .piece-photo{aspect-ratio:3/4}}
@container piece-frame (max-width:280px){.piece-page[data-style=signature]{padding:14px}}

.piece-page .preview-caption{display:block;margin-top:10px}.piece-page[data-style=journal]>.piece-section,.piece-page[data-style=journal] .piece-section,.piece-page[data-style=journal] .example-caption{grid-column:1}
.piece-page:is([data-style=journal],[data-style=catalog],[data-style=specimen]) .piece-section-story .piece-section-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* 2 / OpenSea: object and modular chapters are separate planes. */
.piece-page[data-style=nocturne]{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:16px 28px;align-items:start;padding:28px}.piece-page[data-style=nocturne] .piece-hero,.piece-page[data-style=nocturne] .piece-identity,.piece-page[data-style=nocturne] .piece-reading{display:contents}.piece-page[data-style=nocturne] .piece-index{grid-column:1/-1;grid-row:1;justify-content:flex-start;margin-bottom:20px}.piece-page[data-style=nocturne] .portal-wordmark{grid-column:1;grid-row:2;align-items:flex-start;margin:0}.piece-page[data-style=nocturne] .brand-name{font-size:22px}.piece-page[data-style=nocturne] .portal-rule{display:none}.piece-page[data-style=nocturne] .piece-title{grid-column:1;grid-row:3;font-size:clamp(32px,3.5cqw,44px);margin:0}.piece-page[data-style=nocturne] .piece-collection{grid-column:1;grid-row:4}.piece-page[data-style=nocturne] .piece-photo{grid-column:1;grid-row:5/9;width:100%;aspect-ratio:1;align-self:start}.piece-page[data-style=nocturne] .example-caption{grid-column:1;grid-row:9;margin:0;max-width:none}.piece-page[data-style=nocturne] .piece-section{grid-column:2;background:#25342e;padding:24px;border:1px solid #516058;border-radius:8px;max-width:none;width:100%}.piece-page[data-style=nocturne] .piece-section-title{font:600 20px/1.4 var(--sans)}.piece-page[data-style=nocturne] .piece-section p{font-size:16px}.piece-page[data-style=nocturne] .piece-section-story{grid-row:2/5}.piece-page[data-style=nocturne] .piece-section-care{grid-row:5}.piece-page[data-style=nocturne] .piece-section-warranty{grid-row:6}.piece-page[data-style=nocturne] .piece-section-note{grid-row:7}.piece-page[data-style=nocturne] .piece-section-emisora{grid-row:8}
/* 3 / Etsy storefront: a real navigation rail and narrow centered portrait. */
.piece-page[data-style=gallery]{display:grid;grid-template-columns:minmax(0,18fr) minmax(0,82fr);gap:0 5cqw;align-items:start}.piece-page[data-style=gallery] .piece-hero,.piece-page[data-style=gallery] .piece-identity,.piece-page[data-style=gallery] .piece-reading{display:contents}.piece-page[data-style=gallery] .portal-wordmark{grid-column:1;grid-row:1;align-items:flex-start;margin:0}.piece-page[data-style=gallery] .brand-name{font-size:22px}.piece-page[data-style=gallery] .portal-rule{display:none}.piece-page[data-style=gallery] .piece-collection{grid-column:1;grid-row:2}.piece-page[data-style=gallery] .piece-index{grid-column:1;grid-row:3;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;border:0;padding:20px 0}.piece-page[data-style=gallery] .example-caption{grid-column:1;grid-row:4;margin:12px 0}.piece-page[data-style=gallery] .piece-photo{grid-column:2;grid-row:1/5;justify-self:center;width:48%;max-width:400px;aspect-ratio:3/4;background:#d3d8cd}.piece-page[data-style=gallery] .piece-title{grid-column:2;grid-row:5;text-align:center;font-size:36px;margin:28px 0}.piece-page[data-style=gallery] .piece-section{grid-column:2;width:100%;max-width:620px;justify-self:center;padding:28px 0}.piece-page[data-style=gallery] .piece-section-story{grid-row:6}.piece-page[data-style=gallery] .piece-section-care{grid-row:7}.piece-page[data-style=gallery] .piece-section-warranty{grid-row:8}.piece-page[data-style=gallery] .piece-section-note{grid-row:9}.piece-page[data-style=gallery] .piece-section-emisora{grid-row:10}
/* 6 / Claude Type: equal photograph and brand-seal panels, not a second image. */
.piece-page[data-style=diptych]{--portal-bg:#f2efe8;--portal-soft:#e1ded5;padding:20px}.piece-page[data-style=diptych] .piece-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin-bottom:40px}.piece-page[data-style=diptych] .piece-identity{display:contents}.piece-page[data-style=diptych] .piece-photo{grid-column:1;grid-row:1;height:clamp(400px,50cqw,760px);width:100%;background:#e8e4da}.piece-page[data-style=diptych] .portal-wordmark{grid-column:2;grid-row:1;width:100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center;position:relative;background:var(--portal-soft);padding:16px 16px 60px}.piece-page[data-style=diptych] .brand-initials{display:grid;place-items:center;width:90%;height:auto;aspect-ratio:1;border-radius:50%;background:var(--portal-ink);color:var(--portal-bg);font:400 clamp(70px,22cqw,330px)/1 var(--serif);border:0;margin:0}.piece-page[data-style=diptych] .brand-name{position:absolute;bottom:24px;font-size:24px;text-align:center;max-width:90%}.piece-page[data-style=diptych] .portal-rule{display:none}.piece-page[data-style=diptych] .piece-title{grid-column:1;grid-row:1;align-self:end;z-index:1;padding:20px;margin:0;background:#f2efe8e8;font-size:clamp(40px,5cqw,68px)}.piece-page[data-style=diptych] .piece-collection{grid-column:1/-1;grid-row:2;text-align:center}.piece-page[data-style=diptych] .piece-index{grid-column:1/-1;grid-row:3;justify-content:center;margin-top:20px}.piece-page[data-style=diptych] .example-caption{grid-column:1/-1;grid-row:4;text-align:center;max-width:65ch}.piece-page[data-style=diptych] .piece-reading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 48px;max-width:none}.piece-page[data-style=diptych] .piece-section{grid-column:2;padding:24px 0}.piece-page[data-style=diptych] .piece-section-story{grid-column:1;grid-row:1/5}.piece-page[data-style=diptych] .piece-section-care{grid-row:1}.piece-page[data-style=diptych] .piece-section-warranty{grid-row:2}.piece-page[data-style=diptych] .piece-section-note{grid-row:3}.piece-page[data-style=diptych] .piece-section-emisora{grid-row:4}
/* 7 / GetYourGuide: wide title and lead, panorama, then labelled document rows. */
.piece-page[data-style=catalog]{--portal-bg:#fff;--portal-soft:#f0eee8;display:grid;grid-template-columns:minmax(0,1fr);padding-inline:10%}.piece-page[data-style=catalog] .piece-hero,.piece-page[data-style=catalog] .piece-identity,.piece-page[data-style=catalog] .piece-reading{display:contents}.piece-page[data-style=catalog] .portal-wordmark{grid-row:1;align-items:flex-start;margin:0 0 8px}.piece-page[data-style=catalog] .brand-name{font-size:20px}.piece-page[data-style=catalog] .portal-rule{display:none}.piece-page[data-style=catalog] .piece-collection{grid-row:2}.piece-page[data-style=catalog] .piece-index{grid-row:3;justify-content:flex-start;border:0;padding:8px 0;margin-bottom:24px}.piece-page[data-style=catalog] .piece-title{grid-row:4;font:600 clamp(40px,5cqw,64px)/1.1 var(--sans);margin:0 0 28px;text-align:left}.piece-page[data-style=catalog] .piece-section-story{grid-row:5;max-width:65ch;padding:0 0 32px;border:0}.piece-page[data-style=catalog] .piece-section-story p{font:500 20px/1.6 var(--sans);color:var(--portal-ink)}.piece-page[data-style=catalog] .piece-photo{grid-row:6;aspect-ratio:2/1;width:100%;height:auto}.piece-page[data-style=catalog] .example-caption{grid-row:7;max-width:none;margin:16px 0 24px}.piece-page[data-style=catalog] .piece-section:not(.piece-section-story){display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px 24px;padding:26px 0}.piece-page[data-style=catalog] .piece-section-title{font:600 18px/1.5 var(--sans);margin:0}.piece-page[data-style=catalog] .piece-section:not(.piece-section-story) p{grid-column:2}.piece-page[data-style=catalog] .piece-section-care{grid-row:8}.piece-page[data-style=catalog] .piece-section-warranty{grid-row:9}.piece-page[data-style=catalog] .piece-section-note{grid-row:10}.piece-page[data-style=catalog] .piece-section-emisora{grid-row:11}.piece-page[data-style=catalog] .piece-index,.piece-page[data-style=catalog] .piece-section,.piece-page[data-style=catalog] .piece-title,.piece-page[data-style=catalog] .example-caption{grid-column:1}
/* 8 / mymind: seventy-percent dark mat, thirty-percent continuous light document. */
.piece-page[data-style=frame]{--portal-bg:#f8f6f1;--portal-soft:#261f1b;display:grid;grid-template-columns:minmax(0,70fr) minmax(0,30fr);padding:0;background:linear-gradient(to right,#261f1b 70%,#f8f6f1 70%);gap:0;align-items:start}.piece-page[data-style=frame] .piece-hero,.piece-page[data-style=frame] .piece-identity,.piece-page[data-style=frame] .piece-reading{display:contents}.piece-page[data-style=frame] .piece-photo{grid-column:1;grid-row:1/11;height:clamp(600px,70cqw,1000px);width:100%;background:#261f1b;align-self:start}.piece-page[data-style=frame] .piece-photo img{inset:10% 15%;width:70%;height:80%;max-width:70%;max-height:80%}.piece-page[data-style=frame] .portal-wordmark{grid-column:2;grid-row:1;align-items:flex-start;padding:24px 24px 12px;margin:0}.piece-page[data-style=frame] .brand-name{font-size:20px}.piece-page[data-style=frame] .portal-rule{display:none}.piece-page[data-style=frame] .piece-title{grid-column:2;grid-row:2;font-size:34px;margin:0;padding:0 24px 16px}.piece-page[data-style=frame] .piece-collection{grid-column:2;grid-row:3;padding:0 24px}.piece-page[data-style=frame] .piece-index{grid-column:2;grid-row:4;gap:0 14px;justify-content:flex-start;font-size:14px;padding:12px 24px;border:0}.piece-page[data-style=frame] .example-caption{grid-column:2;grid-row:5;max-width:none;margin:0;padding:12px 24px 24px}.piece-page[data-style=frame] .piece-section{grid-column:2;width:100%;max-width:none;background:#f8f6f1;padding:24px;border-color:#d2cec4}.piece-page[data-style=frame] .piece-section-title{font:600 19px/1.4 var(--sans)}.piece-page[data-style=frame] .piece-section p{font-size:16px}.piece-page[data-style=frame] .piece-section-story{grid-row:6}.piece-page[data-style=frame] .piece-section-care{grid-row:7}.piece-page[data-style=frame] .piece-section-warranty{grid-row:8}.piece-page[data-style=frame] .piece-section-note{grid-row:9}.piece-page[data-style=frame] .piece-section-emisora{grid-row:10}
/* 10 / SSENSE: typography and full lead before the photograph. */
.piece-page[data-style=specimen]{--portal-bg:#fff;--portal-soft:#f0eee8;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:48px 4%}.piece-page[data-style=specimen] .piece-hero,.piece-page[data-style=specimen] .piece-identity,.piece-page[data-style=specimen] .piece-reading{display:contents}.piece-page[data-style=specimen] .portal-wordmark{grid-row:1;margin:0 0 26px;align-items:center}.piece-page[data-style=specimen] .brand-name{font-size:20px}.piece-page[data-style=specimen] .portal-rule{display:none}.piece-page[data-style=specimen] .piece-collection{grid-row:2}.piece-page[data-style=specimen] .piece-title{grid-row:3;font:400 clamp(60px,11cqw,150px)/1.04 var(--sans);text-align:center;width:100%;margin:0 0 40px}.piece-page[data-style=specimen] .piece-section-story{grid-row:4;width:100%;max-width:1200px;padding:0;border:0}.piece-page[data-style=specimen] .piece-section-story p{font:400 clamp(28px,3.5cqw,42px)/1.35 var(--serif);color:var(--portal-ink);text-align:center}.piece-page[data-style=specimen] .piece-index{grid-row:5;justify-content:center;border:1px solid #a8a89c;border-radius:4px;padding:8px 18px;gap:4px 20px;margin:36px 0 0;max-width:100%}.piece-page[data-style=specimen] .example-caption{grid-row:6;max-width:65ch;margin:20px 0 40px}.piece-page[data-style=specimen] .piece-photo{grid-row:7;width:45%;aspect-ratio:1;height:auto;margin-bottom:40px}.piece-page[data-style=specimen] .piece-section:not(.piece-section-story){width:100%;max-width:720px;text-align:left;padding:28px 0}.piece-page[data-style=specimen] .piece-section-care{grid-row:8}.piece-page[data-style=specimen] .piece-section-warranty{grid-row:9}.piece-page[data-style=specimen] .piece-section-note{grid-row:10}.piece-page[data-style=specimen] .piece-section-emisora{grid-row:11}.piece-page[data-style=specimen] .piece-section,.piece-page[data-style=specimen] .piece-title,.piece-page[data-style=specimen] .piece-index,.piece-page[data-style=specimen] .example-caption{grid-column:1}

@container piece-frame (max-width:620px){
 .piece-page[data-style=nocturne]{grid-template-columns:minmax(0,1fr);padding:20px;gap:16px}.piece-page[data-style=nocturne] .piece-index,.piece-page[data-style=nocturne] .portal-wordmark,.piece-page[data-style=nocturne] .piece-title,.piece-page[data-style=nocturne] .piece-collection,.piece-page[data-style=nocturne] .piece-photo,.piece-page[data-style=nocturne] .example-caption,.piece-page[data-style=nocturne] .piece-section{grid-column:1}.piece-page[data-style=nocturne] .piece-index{grid-row:1;margin:0}.piece-page[data-style=nocturne] .portal-wordmark{grid-row:2}.piece-page[data-style=nocturne] .piece-title{grid-row:3;font-size:32px}.piece-page[data-style=nocturne] .piece-collection{grid-row:4}.piece-page[data-style=nocturne] .piece-photo{grid-row:5;max-width:420px;justify-self:center}.piece-page[data-style=nocturne] .example-caption{grid-row:6}.piece-page[data-style=nocturne] .piece-section-story{grid-row:7}.piece-page[data-style=nocturne] .piece-section-care{grid-row:8}.piece-page[data-style=nocturne] .piece-section-warranty{grid-row:9}.piece-page[data-style=nocturne] .piece-section-note{grid-row:10}.piece-page[data-style=nocturne] .piece-section-emisora{grid-row:11}.piece-page[data-style=nocturne] .piece-section{padding:20px}
 .piece-page[data-style=gallery]{grid-template-columns:minmax(0,1fr);padding:20px}.piece-page[data-style=gallery] .portal-wordmark,.piece-page[data-style=gallery] .piece-collection,.piece-page[data-style=gallery] .piece-index,.piece-page[data-style=gallery] .piece-photo,.piece-page[data-style=gallery] .piece-title,.piece-page[data-style=gallery] .example-caption,.piece-page[data-style=gallery] .piece-section{grid-column:1}.piece-page[data-style=gallery] .portal-wordmark{grid-row:1;align-items:center;justify-self:center}.piece-page[data-style=gallery] .piece-collection{grid-row:2;text-align:center}.piece-page[data-style=gallery] .piece-index{grid-row:3;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 14px;padding:12px 0}.piece-page[data-style=gallery] .piece-photo{grid-row:4;width:64%;max-width:400px}.piece-page[data-style=gallery] .piece-title{grid-row:5;font-size:32px}.piece-page[data-style=gallery] .example-caption{grid-row:6;text-align:center}.piece-page[data-style=gallery] .piece-section-story{grid-row:7}.piece-page[data-style=gallery] .piece-section-care{grid-row:8}.piece-page[data-style=gallery] .piece-section-warranty{grid-row:9}.piece-page[data-style=gallery] .piece-section-note{grid-row:10}.piece-page[data-style=gallery] .piece-section-emisora{grid-row:11}
 .piece-page[data-style=diptych]{padding:14px}.piece-page[data-style=diptych] .piece-photo{height:48cqw;min-height:140px}.piece-page[data-style=diptych] .portal-wordmark{height:100%;padding:10px 10px 36px}.piece-page[data-style=diptych] .brand-initials{font-size:15cqw;width:90%}.piece-page[data-style=diptych] .brand-name{font-size:14px;bottom:10px}.piece-page[data-style=diptych] .piece-title{grid-column:1/-1;grid-row:2;background:none;text-align:left;padding:20px 0 0;font-size:36px}.piece-page[data-style=diptych] .piece-collection{grid-row:3}.piece-page[data-style=diptych] .piece-index{grid-row:4;margin-top:20px}.piece-page[data-style=diptych] .example-caption{grid-row:5}.piece-page[data-style=diptych] .piece-reading{display:block}
 .piece-page[data-style=catalog]{padding:28px 20px}.piece-page[data-style=catalog] .piece-title{font-size:36px}.piece-page[data-style=catalog] .piece-section-story p{font-size:18px}.piece-page[data-style=catalog] .piece-index{font-size:14px;gap:0 12px;margin-bottom:20px}.piece-page[data-style=catalog] .piece-section:not(.piece-section-story){grid-template-columns:90px minmax(0,1fr);gap:12px 16px}.piece-page[data-style=catalog] .piece-section-title{font-size:16px}
 .piece-page[data-style=frame]{grid-template-columns:minmax(0,1fr);background:#f8f6f1}.piece-page[data-style=frame] .piece-photo,.piece-page[data-style=frame] .portal-wordmark,.piece-page[data-style=frame] .piece-title,.piece-page[data-style=frame] .piece-collection,.piece-page[data-style=frame] .piece-index,.piece-page[data-style=frame] .example-caption,.piece-page[data-style=frame] .piece-section{grid-column:1}.piece-page[data-style=frame] .piece-photo{grid-row:1;height:auto;min-height:0;aspect-ratio:4/5}.piece-page[data-style=frame] .portal-wordmark{grid-row:2;padding:24px 20px 12px}.piece-page[data-style=frame] .piece-title{grid-row:3;font-size:32px;padding-inline:20px}.piece-page[data-style=frame] .piece-collection{grid-row:4;padding-inline:20px}.piece-page[data-style=frame] .piece-index{grid-row:5;padding-inline:20px}.piece-page[data-style=frame] .example-caption{grid-row:6;padding-inline:20px}.piece-page[data-style=frame] .piece-section-story{grid-row:7}.piece-page[data-style=frame] .piece-section-care{grid-row:8}.piece-page[data-style=frame] .piece-section-warranty{grid-row:9}.piece-page[data-style=frame] .piece-section-note{grid-row:10}.piece-page[data-style=frame] .piece-section-emisora{grid-row:11}.piece-page[data-style=frame] .piece-section{padding:24px 20px}
 .piece-page[data-style=specimen]{padding:32px 20px}.piece-page[data-style=specimen] .piece-title{font-size:clamp(42px,12cqw,56px);margin-bottom:28px}.piece-page[data-style=specimen] .piece-section-story p{font-size:24px}.piece-page[data-style=specimen] .piece-index{padding:8px 10px;gap:0 14px;margin-top:24px}.piece-page[data-style=specimen] .piece-photo{width:75%}
}
@container piece-frame (max-width:280px){
 .piece-page[data-style=nocturne],.piece-page[data-style=gallery],.piece-page[data-style=cover],.piece-page[data-style=catalog],.piece-page[data-style=specimen]{padding:18px 14px}.piece-page[data-style=nocturne] .piece-title,.piece-page[data-style=gallery] .piece-title,.piece-page[data-style=cover] .piece-title,.piece-page[data-style=diptych] .piece-title,.piece-page[data-style=catalog] .piece-title,.piece-page[data-style=frame] .piece-title{font-size:28px}.piece-page[data-style=nocturne] .piece-section{padding:16px}.piece-page[data-style=nocturne] .piece-section-title{font-size:18px}.piece-page[data-style=gallery] .piece-index{font-size:12px}.piece-page[data-style=catalog] .piece-section:not(.piece-section-story){display:block}.piece-page[data-style=catalog] .piece-section-title{margin-bottom:12px}.piece-page[data-style=specimen] .piece-title{font-size:42px}.piece-page[data-style=specimen] .piece-section-story p{font-size:22px}
}
/* The guided editing task retains its intentionally compact story view. */
.activation-preview-story .piece-page[data-style=signature]{display:block;padding:20px}.activation-preview-story .piece-page[data-style=signature] .piece-hero{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px}.activation-preview-story .piece-page[data-style=signature] .piece-photo{grid-column:auto;grid-row:auto;aspect-ratio:1;height:160px}.activation-preview-story .piece-page[data-style=signature] .piece-identity{grid-column:auto;grid-row:auto;padding:0}.activation-preview-story .piece-page[data-style=signature] .piece-title{font-size:30px}.activation-preview-story .piece-page[data-style=signature] .piece-reading{display:block}.activation-preview-story .piece-page[data-style=signature] .piece-section-story{padding-top:0}
@media(max-width:600px){.activation-preview-story .piece-page[data-style=signature] .piece-hero{display:block}.activation-preview-story .piece-page[data-style=signature] .piece-photo{display:none}}


/* Editor previews retain the same composition; old thumbnail sizing cannot constrain a model. */
.operator-preview .piece-page:is([data-style=folio],[data-style=cover]) .piece-reading{display:block}

/* Guided first/name tasks retain their existing partial preview; result remains complete. */
.activation-preview:not(.activation-result):not(.activation-preview-story) .piece-reading{display:none}

/* 5 / New Yorker, v16: photograph and identity have their own readable areas. */
.piece-page[data-style=cover]{--portal-bg:#fff;--portal-ink:#25352b;--portal-sub:#586052;display:grid;grid-template-columns:minmax(0,1fr);max-width:1328px;width:100%;margin-inline:auto;padding:clamp(24px,4cqw,64px);background:#fff}
.piece-page[data-style=cover] .piece-hero,.piece-page[data-style=cover] .piece-identity{display:contents}
.piece-page[data-style=cover] .portal-wordmark{grid-column:1;grid-row:1;align-items:center;margin:0 0 8px}
.piece-page[data-style=cover] .brand-name{font:500 14px/1.5 var(--sans)}
.piece-page[data-style=cover] .brand-initials,.piece-page[data-style=cover] .portal-rule{display:none}
.piece-page[data-style=cover] .piece-collection{grid-column:1;grid-row:2;text-align:center;font:14px/1.5 var(--sans);margin:0 0 12px;color:var(--portal-sub)}
.piece-page[data-style=cover] .piece-photo{grid-column:1;grid-row:3;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/2;background:#f2f0eb;z-index:auto;box-shadow:none}
.piece-page[data-style=cover] .piece-photo::after{content:none}
.piece-page[data-style=cover] .piece-photo img{inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;opacity:1}
.piece-page[data-style=cover] .piece-title{grid-column:1;grid-row:4;justify-self:center;width:100%;max-width:20ch;text-align:center;font:500 clamp(36px,4.6cqw,68px)/1.03 var(--serif);margin:24px auto 20px}
.piece-page[data-style=cover] .piece-index{grid-column:1;grid-row:5;justify-content:center;gap:8px 24px;padding:12px 0;margin:0;border-block:1px solid #c9c8bd;color:var(--portal-ink);font:14px/1.5 var(--sans)}
.piece-page[data-style=cover] .example-caption{grid-column:1;grid-row:6;width:100%;max-width:680px;justify-self:center;text-align:left;margin:16px auto 32px;font:13px/1.6 var(--sans);color:var(--portal-sub)}
.piece-page[data-style=cover] .piece-reading{display:block;grid-column:1;grid-row:7;width:100%;max-width:680px;justify-self:center;margin:0}
.piece-page[data-style=cover] .piece-section{padding:36px 0;border-bottom:1px solid #d9d9d0}
.piece-page[data-style=cover] .piece-section-title{font:600 22px/1.25 var(--sans);margin:0 0 16px}
.piece-page[data-style=cover] .piece-section p{font:400 18px/1.65 var(--sans);color:var(--portal-ink)}
.piece-page[data-style=cover] .piece-section-story{padding-top:0}
.piece-page[data-style=cover] .piece-section-story p{font:400 clamp(26px,2.5cqw,30px)/1.45 var(--serif)}
@container piece-frame (max-width:620px){.piece-page[data-style=cover]{padding:24px 16px}.piece-page[data-style=cover] .piece-title{font-size:36px;line-height:1.08}.piece-page[data-style=cover] .piece-index{gap:8px 18px}.piece-page[data-style=cover] .piece-section{padding:28px 0}.piece-page[data-style=cover] .piece-section p{font-size:17px;line-height:1.65}.piece-page[data-style=cover] .piece-section-story p{font:400 26px/1.4 var(--serif)}}

/* v16 / finishing by composition, retaining each reference's own structure. */
.piece-page[data-style=signature]{grid-template-rows:min-content minmax(0,1fr)}
.piece-page[data-style=signature] .piece-photo img{inset:2%;width:96%;height:96%;max-width:96%;max-height:96%}
.piece-page[data-style=signature] .piece-title{font-size:clamp(36px,4cqw,52px);line-height:1.08;max-width:18ch}
.piece-page[data-style=signature] .brand-name{font:500 16px/1.5 var(--sans)}
.piece-page[data-style=signature] .piece-index{justify-content:flex-start;border-top:0;border-bottom:1px solid #d8d8d0;padding:12px 0;gap:8px 18px}
.piece-page[data-style=signature] .piece-section{max-width:680px;padding:32px 0}
.piece-page[data-style=signature] .piece-section-story{padding-top:16px;max-width:none}
.piece-page[data-style=signature] .piece-section p{font-size:18px;line-height:1.65}
.piece-page[data-style=nocturne] .piece-reading{display:block;grid-column:2;grid-row:2/10}
.piece-page[data-style=nocturne] .piece-section{margin-bottom:16px;padding:20px;border-color:#44564a;border-radius:6px}
.piece-page[data-style=nocturne] .piece-section-story{padding:28px}
.piece-page[data-style=nocturne] .piece-section-story .piece-section-title{font-size:22px}
.piece-page[data-style=nocturne] .piece-section-title{font-size:18px}
.piece-page[data-style=nocturne] .piece-section p{font-size:17px;line-height:1.65}
.piece-page[data-style=nocturne] .piece-section-story p{font-size:18px}
.piece-page[data-style=nocturne] .brand-name{font:500 16px/1.5 var(--sans)}
.piece-page[data-style=nocturne] .piece-title{font-size:clamp(36px,3.8cqw,46px);line-height:1.08;text-align:left}
.piece-page[data-style=nocturne] .piece-photo img{inset:3%;width:94%;height:94%;max-width:94%;max-height:94%}
.piece-page[data-style=nocturne] .piece-index{font-size:14px;gap:8px 24px}
.piece-page[data-style=gallery] .piece-photo{max-width:360px;background:#f2f0eb}
.piece-page[data-style=gallery] .piece-photo img{inset:2%;width:96%;height:96%;max-width:96%;max-height:96%}
.piece-page[data-style=gallery] .brand-name{font-size:18px}
.piece-page[data-style=gallery] .piece-index{font-size:15px}
.piece-page[data-style=gallery] .piece-title{font-size:clamp(36px,4cqw,48px);max-width:22ch;justify-self:center;line-height:1.08}
.piece-page[data-style=gallery] .piece-section-title{font-size:20px}
.piece-page[data-style=gallery] .piece-section-story .piece-section-title{font-size:24px}
.piece-page[data-style=gallery] .piece-section p{font-size:17px;line-height:1.7}
.piece-page[data-style=folio] .piece-hero{gap:36px}
.piece-page[data-style=folio] .piece-photo img,.piece-page[data-style=catalog] .piece-photo img,.piece-page[data-style=journal] .piece-photo img{inset:0;width:100%;height:100%;max-width:100%;max-height:100%}
.piece-page[data-style=folio] .piece-title{font-size:clamp(44px,5cqw,64px);line-height:1.04;max-width:22ch}
.piece-page[data-style=folio] .brand-name{font:500 14px/1.5 var(--sans)}
.piece-page[data-style=folio] .piece-section-title{font-size:22px}
.piece-page[data-style=folio] .piece-section p{font-size:17px;line-height:1.7}
.piece-page[data-style=folio] .piece-section-story p{font:400 20px/1.6 var(--serif)}
.piece-page[data-style=diptych] .piece-title{grid-column:1/-1;grid-row:2;align-self:start;justify-self:start;max-width:24ch;padding:24px 0 0;background:none;z-index:auto;font-size:clamp(40px,5cqw,64px);line-height:1.04}
.piece-page[data-style=diptych] .piece-collection{grid-row:3}
.piece-page[data-style=diptych] .piece-index{grid-row:4;justify-content:flex-start}
.piece-page[data-style=diptych] .example-caption{grid-row:5;text-align:left;max-width:65ch;margin-left:0}
.piece-page[data-style=diptych] .brand-initials{width:78%;font-size:clamp(70px,18cqw,280px)}
.piece-page[data-style=diptych] .piece-section-title{font-size:20px}
.piece-page[data-style=diptych] .piece-section-story .piece-section-title{font-size:24px}
.piece-page[data-style=diptych] .piece-section p{font-size:18px;line-height:1.65}
.piece-page[data-style=catalog] .piece-title{font-size:clamp(40px,5cqw,64px);line-height:1.05;max-width:24ch}
.piece-page[data-style=catalog] .piece-index{font-size:14px;border-bottom:1px solid #d8d8d0;padding-bottom:12px}
.piece-page[data-style=catalog] .piece-section-story{padding-bottom:24px}
.piece-page[data-style=catalog] .piece-section-story p{font-size:20px;line-height:1.55}
.piece-page[data-style=catalog] .piece-section:not(.piece-section-story){grid-template-columns:160px minmax(0,1fr);padding:28px 0}
.piece-page[data-style=frame] .piece-photo{height:clamp(480px,60cqw,840px)}
.piece-page[data-style=frame] .piece-photo img{inset:6%;width:88%;height:88%;max-width:88%;max-height:88%}
.piece-page[data-style=frame] .brand-name{font:500 16px/1.5 var(--sans)}
.piece-page[data-style=frame] .piece-title{font-size:clamp(30px,3cqw,38px);line-height:1.1;text-align:left}
.piece-page[data-style=frame] .piece-section-title{font-size:18px}
.piece-page[data-style=frame] .piece-section-story .piece-section-title{font-size:20px}
.piece-page[data-style=frame] .piece-section p{font-size:16px;line-height:1.65}
.piece-page[data-style=journal] .piece-title{font-size:clamp(36px,4cqw,50px);line-height:1.08;max-width:23ch}
.piece-page[data-style=journal] .piece-section-story p{font-size:clamp(22px,2.3cqw,26px);line-height:1.48}
.piece-page[data-style=journal] .piece-index{gap:8px 18px;margin-bottom:26px}
.piece-page[data-style=journal] .piece-section:not(.piece-section-story){padding:32px 0}
.piece-page[data-style=journal] .piece-section-title{font-size:22px}
.piece-page[data-style=journal] .piece-section:not(.piece-section-story) p{font-size:18px;line-height:1.7}
.piece-page[data-style=specimen] .piece-title{font-size:clamp(60px,9cqw,112px);line-height:1.02;max-width:18ch;margin-bottom:24px}
.piece-page[data-style=specimen] .piece-section-story{width:100%;max-width:1000px;margin-bottom:24px}
.piece-page[data-style=specimen] .piece-section-story p{font-size:clamp(26px,3cqw,36px);line-height:1.4;max-width:45ch;width:100%;margin-inline:auto}
.piece-page[data-style=specimen] .piece-index{border-inline:0;border-block:1px solid #b5b6aa;border-radius:0;padding:12px 0;margin:0 0 28px;gap:8px 24px}
.piece-page[data-style=specimen] .piece-photo{grid-row:6;width:52%;max-width:620px;margin:0 0 16px}
.piece-page[data-style=specimen] .example-caption{grid-row:7;margin:0 0 32px}
.piece-page[data-style=specimen] .piece-section:not(.piece-section-story){max-width:680px}
.piece-page[data-style=specimen] .piece-section-title{font-size:22px}
.piece-page[data-style=specimen] .piece-section:not(.piece-section-story) p{font-size:18px;line-height:1.65}
@container piece-frame (min-width:621px) and (max-width:1000px){.piece-page[data-style=journal]{padding-inline:22%}}
@container piece-frame (max-width:620px){
 .piece-page[data-style=signature] .piece-photo{max-height:440px}.piece-page[data-style=signature] .piece-title{font-size:36px}
 .piece-page[data-style=nocturne] .portal-wordmark{grid-row:1}.piece-page[data-style=nocturne] .piece-title{grid-row:2;font-size:36px}.piece-page[data-style=nocturne] .piece-collection{grid-row:3}.piece-page[data-style=nocturne] .piece-photo{grid-row:4}.piece-page[data-style=nocturne] .piece-index{grid-row:5}.piece-page[data-style=nocturne] .example-caption{grid-row:6}.piece-page[data-style=nocturne] .piece-reading{grid-column:1;grid-row:7}.piece-page[data-style=nocturne] .piece-section-story{padding:20px}
 .piece-page[data-style=gallery] .piece-photo{grid-row:3;width:72%}.piece-page[data-style=gallery] .piece-title{grid-row:4;font-size:36px}.piece-page[data-style=gallery] .piece-index{grid-row:5}.piece-page[data-style=gallery] .example-caption{grid-row:6}
 .piece-page[data-style=folio] .piece-hero{gap:24px}.piece-page[data-style=folio] .piece-title{font-size:36px}
 .piece-page[data-style=diptych] .brand-initials{width:78%;font-size:14cqw}.piece-page[data-style=diptych] .piece-title{font-size:36px}.piece-page[data-style=diptych] .piece-section-story .piece-section-title{font-size:22px}
 .piece-page[data-style=catalog] .piece-title{font-size:36px}.piece-page[data-style=catalog] .piece-section:not(.piece-section-story){display:block}.piece-page[data-style=catalog] .piece-section:not(.piece-section-story) p{grid-column:auto}.piece-page[data-style=catalog] .piece-section-title{margin:0 0 12px}
 .piece-page[data-style=frame] .piece-photo{height:auto;aspect-ratio:4/5;max-height:460px}
 .piece-page[data-style=journal] .piece-title{font-size:34px}
 .piece-page[data-style=specimen] .piece-title{font-size:40px}.piece-page[data-style=specimen] .piece-photo{width:82%}.piece-page[data-style=specimen] .piece-section-story p{font-size:26px}
}

.piece-page[data-style=diptych] .piece-photo img{inset:2%;width:96%;height:96%;max-width:96%;max-height:96%}.piece-page[data-style=specimen] .piece-photo img{inset:0;width:100%;height:100%;max-width:100%;max-height:100%}
/* Portada alone uses a serif lead for the full Historia; other paragraphs retain18/1.65. */

/* v17: explicit persisted colors override surfaces; null leaves legacy CSS untouched. */
.piece-page[data-palette=custom]{background:var(--portal-bg);color:var(--portal-ink)}
.piece-page[data-palette=custom] .piece-photo{background:var(--piece-photo-bg)}
.piece-page[data-palette=custom] .piece-photo img{filter:none}
.piece-page[data-palette=custom] :is(.piece-title,.piece-section-title,.brand-name,.piece-section p){color:var(--portal-ink)}
.piece-page[data-palette=custom] :is(.example-caption,.piece-collection){color:var(--portal-sub)}
.piece-page[data-palette=custom] .piece-index{color:var(--portal-accent);border-color:var(--piece-border);background:transparent}
.piece-page[data-palette=custom] .piece-index :is(a,span){color:var(--portal-accent)}
.piece-page[data-palette=custom] .piece-section{border-color:var(--piece-border)}
.piece-page[data-palette=custom] .photo-fallback{color:var(--piece-photo-ink)}
.piece-page[data-palette=custom] :focus-visible,.piece-page[data-palette=custom] .piece-section:focus{outline:3px solid var(--portal-accent);outline-offset:4px}
.piece-page[data-palette=custom][data-style=nocturne] .piece-section{background:var(--portal-soft);border-color:var(--piece-border)}
.piece-page[data-palette=custom][data-style=diptych] .portal-wordmark{background:var(--portal-bg)}
.piece-page[data-palette=custom][data-style=diptych] .brand-initials{background:var(--portal-accent);color:var(--portal-bg)}
.piece-page[data-palette=custom][data-style=frame]{background:linear-gradient(to right,var(--portal-bg)70%,var(--piece-base-text)70%)}
.piece-page[data-palette=custom][data-style=frame] :is(.portal-wordmark,.piece-title,.piece-collection,.piece-index,.example-caption,.piece-section){--portal-bg:var(--piece-base-text);--portal-ink:var(--piece-base-bg);--portal-accent:var(--piece-base-bg);--portal-sub:var(--piece-base-bg);background:var(--piece-base-text);border-color:var(--piece-border)}
@container piece-frame (max-width:620px){.piece-page[data-palette=custom][data-style=frame]{background:var(--piece-base-text)}}