/* Restrained archive styling; preserve photographs and existing arrangements. */
html body .editorial-masthead{background:var(--paper,#f5f4ef)!important}
html body :is(.study-caption,.project-service,.project-subtitle,.journal-category,.reborn-caption,.selection-copy .project-service){font-family:Graphik,Arial,sans-serif!important;font-size:var(--type-small,12px)!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important}
html body .journal-grid{counter-reset:project-number}
html body .journal-card{counter-increment:project-number}
html body .journal-picture{position:relative}
html body .journal-picture::before{content:counter(project-number,decimal-leading-zero);position:absolute;bottom:calc(100% + 12px);left:0;font:400 12px/1.5 Graphik,Arial,sans-serif;color:#2d2d2d}
html body .journal-picture{overflow:visible}
html body .journal-card h2{margin-top:12px!important}
html body .study-copy{align-self:start}
html body .journal-picture::before{content:none}
html body .journal-card{position:relative}
html body .journal-card::before{content:counter(project-number,decimal-leading-zero);position:absolute;bottom:calc(100% + 12px);left:0;font:400 12px/1.5 Graphik,Arial,sans-serif;color:#2d2d2d}
html body .journal-picture{overflow:hidden}
/* Keep white paper from breaking the warm page behind development artwork. */
html body :is(.preppy-studies,.study-visuals,.study-technical-pair) a:has(img){background:transparent!important}
html body :is(.preppy-studies,.study-visuals,.study-technical-pair) a img{mix-blend-mode:multiply}
/* Product galleries share a baseline; their controls no longer consume row height. */
html body :is(.reborn-gallery-controls,.legacy-gallery-controls,.botanical-controls){display:none!important}
html body #sequence .reborn-board .reborn-gallery{padding-top:0!important;margin-top:0!important}
html body #sequence .reborn-flow:not(.ai-archive) .reborn-board .reborn-track{aspect-ratio:5/7!important;height:auto!important;align-items:stretch!important}
html body #sequence .reborn-flow:not(.ai-archive) .reborn-board .reborn-slide{height:100%!important;aspect-ratio:5/7!important}
html body #sequence .reborn-flow:not(.ai-archive) .reborn-board .reborn-slide img{height:100%!important;object-position:center!important}

/* Compact editorial rhythm; original artwork and image arrangements preserved. */
html body #sequence#sequence .preppy-intro-film{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;align-items:start;margin:0 0 32px}
html body #sequence#sequence .preppy-intro-film .reborn-intro{margin:0!important;min-width:0}
html body #sequence#sequence .preppy-intro-film .reborn-solo:has(video){margin:0!important;padding:0!important;align-self:start!important}
html body #sequence#sequence .preppy-intro-film .reborn-copy{max-width:100%;margin-left:0!important;margin-right:0!important;text-align:left}
html body #sequence#sequence :is(.preppy-spread,.study-spread,.preppy-construction,.preppy-suit){margin-top:32px!important;margin-bottom:32px!important;padding-top:0!important;padding-bottom:0!important}
@media(max-width:600px){html body #sequence#sequence .preppy-intro-film{grid-template-columns:1fr;gap:12px}}

.preppy-studies{counter-reset:development}
.preppy-studies>.preppy-spread{counter-increment:development}
.preppy-spread aside>span:first-child::before{content:"0" counter(development) " — ";font-size:var(--type-small,12px)}
.preppy-spread aside>span:first-child{display:block;border-top:1px solid #c3c4b7;padding-top:12px;font-family:Graphik,Arial,sans-serif;font-size:var(--type-small,12px)}
html body #sequence#sequence .preppy-intro-film>.reborn-solo{grid-column:2!important;grid-row:1!important}
@media(max-width:600px){html body #sequence#sequence .preppy-intro-film>.reborn-solo{grid-column:1!important;grid-row:auto!important}}

/* Three stable editorial scales: desktop, tablet, phone. */
:root{--type-small:12px;--type-body:16px;--type-title:24px}
html body #sequence :is(.preppy-studies,.reborn-studies){--type-small:12px;--type-body:16px;--type-title:24px;gap:32px!important;margin-block:32px!important}
html body #sequence :is(.study-copy,.preppy-spread aside) p{font-size:var(--type-body)!important;line-height:1.5!important}
html body #sequence :is(.study-copy,.preppy-spread aside) h2{font-size:var(--type-title)!important;margin-bottom:12px!important}
html body #sequence .reborn-body{font-size:var(--type-body)!important}
.essentials-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.essentials-process figure{margin:0;min-width:0}
.essentials-process :is(.essentials-research-board,.essentials-material-board){height:520px;display:flex;flex-direction:column;gap:12px}
.essentials-process img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.essentials-material-board img:first-child{height:42%}.essentials-material-board img:last-child{height:calc(58% - 12px)}
.essentials-process figcaption{margin-top:12px;font:400 12px/1.5 Graphik,Arial,sans-serif}
.essentials-process figcaption p{font:400 16px/1.5 Georgia,serif;margin:12px 0 0}
@media(min-width:601px) and (max-width:1099px){:root{--type-small:12px;--type-body:14px;--type-title:21px}html body #sequence :is(.preppy-studies,.reborn-studies){--type-small:12px;--type-body:14px;--type-title:21px}}
@media(max-width:600px){:root{--type-small:12px;--type-body:16px;--type-title:24px}.essentials-process{grid-template-columns:1fr;gap:32px}.essentials-process :is(.essentials-research-board,.essentials-material-board){height:520px}}

html body #sequence .widget-background{background:transparent!important}

html body #sequence .reborn-studies .study-sheet{background:transparent!important}
html body #sequence img[src*="-transparent.png"]{mix-blend-mode:normal!important}

.essentials-process .essentials-material-board img:first-child{height:100%}

.essentials-research-board{position:relative}.essentials-board-note{position:absolute;top:5%;left:7%;width:44%;color:#2d2d2d}.essentials-board-note span{font:400 12px/1.5 Graphik,Arial,sans-serif}.essentials-board-note p{font:400 16px/1.4 Georgia,serif;margin:12px 0 0}

.research-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-block:32px}.research-pair figure{margin:0;min-width:0}.research-crop{width:100%;aspect-ratio:0.75;background-image:url('/assets/resort-performance-research.png');background-size:200% 200%;background-repeat:no-repeat}.resort-0{background-position:0 0}.resort-1{background-position:100% 0}.performance-0{background-position:0 100%}.performance-1{background-position:100% 100%}.research-pair figcaption{margin-top:12px;font:400 12px/1.5 Graphik,Arial,sans-serif;color:#2d2d2d}.research-pair figcaption p{font:400 16px/1.5 Georgia,serif;margin:12px 0 0}@media(max-width:600px){.research-pair{grid-template-columns:1fr}}

/* Research assets: complete panels, original proportions. */
.research-crop{background-image:url("/assets/resort-performance-research-v2.png");aspect-ratio:0.696;background-size:200% auto}
.performance-0,.performance-1{aspect-ratio:0.815}

/* Original textile collage: no paper backing, no regenerated surfaces. */
.textile-composition{width:100%;aspect-ratio:.696;display:flex;align-items:center;justify-content:center}
.textile-composition img{display:block;width:100%;height:100%;object-fit:contain}
.performance-0 + .textile-composition{aspect-ratio:.815}
.essentials-process .essentials-material-board img{object-fit:contain;width:100%;height:100%}

/* A3 portrait research boards — Essentials, Resort and Performance only. */
:is([data-key="essentials"], [data-key="resort"], [data-key="performance"]) :is(.textile-composition, .essentials-research-board, .essentials-material-board){width:100%;height:auto;aspect-ratio:297 / 420;display:block;}
:is([data-key="essentials"], [data-key="resort"], [data-key="performance"]) :is(.textile-composition, .essentials-research-board, .essentials-material-board) img{display:block;width:100%;height:100%;object-fit:contain;}

/* Approved portrait boards share a stable A3 footprint and external captions. */
html body :is(.research-pair,.essentials-process){gap:calc(var(--space-medium,32px) / var(--research-scale,1));align-items:start}
html body :is(.research-pair,.essentials-process) figure{min-width:0;margin:0}
html body :is(.research-pair,.essentials-process) :is(.textile-composition,.essentials-research-board,.essentials-material-board){aspect-ratio:297/420;width:100%;height:auto;background:transparent}
html body :is(.research-pair,.essentials-process) :is(.textile-composition,.essentials-research-board,.essentials-material-board)>img{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
html body :is(.research-pair,.essentials-process) figcaption{margin-top:calc(12px / var(--research-scale,1))}
html body :is(.research-pair,.essentials-process) figcaption p{margin:calc(12px / var(--research-scale,1)) 0 0}