/* Shared portfolio system: two families, three type/space/colour levels, four media widths. */
:root{--font-main:Georgia,'Times New Roman',serif;--font-caption:Graphik,Arial,sans-serif;--type-small:12px;--type-body:18px;--type-title:28px;--space-small:12px;--space-medium:32px;--space-large:80px;--media-small:240px;--media-medium:320px;--media-large:420px;--media-wide:640px}
body{font-family:var(--font-main);font-size:var(--type-body);line-height:1.5}
body :is(h1,h2,h3,h4,p,figcaption,dt,dd,a,button,select){font-family:var(--font-main)}
body :is(h1,h2){font-size:var(--type-title)!important;font-weight:400!important;line-height:1.25!important;letter-spacing:0!important}
body :is(h3,h4,p){font-size:var(--type-body);line-height:1.5}
body :is(.home-eyebrow,.projects-eyebrow,.chapter-note,.service-directory,.moodboard-controls,.project-open-cue,.journal-card-city,.journal-card-note,.city-picker-label,.city-count,.journal-meta,.journal-draft,.journal-link,.journal-top,.journal-footer,.contact-details dl,.contact-copyright,.menu-footnote,.reborn-caption,.reborn-navigation,.reborn-gallery-controls,.editorial-project-nav,.gallery-number),body :is(.journal-meta,.journal-draft,.journal-footer,.contact-details dl) *{font-family:var(--font-caption)!important;font-size:var(--type-small)!important;line-height:1.5!important;letter-spacing:0!important}
body :is(.home-editorial,.projects-editorial,.portfolio-contact,.reborn-flow){padding-block:var(--space-large)!important}
body :is(.home-editorial,.contact-inner,.reborn-flow){max-width:1120px!important;width:calc(100% - 2 * var(--space-medium))!important;margin-inline:auto!important}
body :is(.home-about-body,.home-urban,.contact-columns){gap:var(--space-large)!important}
body :is(.home-editorial,.projects-editorial) h1,body :is(.home-editorial,.projects-editorial) h2{margin-bottom:var(--space-medium)!important}
body .home-editorial p{margin-bottom:var(--space-medium)}
body .home-editorial .home-urban{margin-top:var(--space-large)!important}
body .home-urban .city-switcher{margin-top:0!important;gap:var(--space-small)!important}
body .projects-introduction,body .moodboard-controls{padding-inline:var(--space-medium)}
body .moodboard-rail{padding:var(--space-large) var(--space-medium)!important;gap:var(--space-large)!important}
body .projects-editorial .project-chapter{gap:var(--space-medium)!important}
body .projects-editorial .project-chapter>header{width:var(--media-medium);margin:0}
body .projects-editorial .project-card{width:var(--media-medium)!important;flex-basis:var(--media-medium)!important}
body .projects-editorial .project-card .project-card-image{width:100%!important;height:auto!important;aspect-ratio:3/4}
body .projects-editorial .project-card .project-card-image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
body .projects-editorial .project-card-caption{font-family:var(--font-main)!important;font-size:var(--type-body)!important;margin-top:var(--space-medium)!important;padding:var(--space-small) 0 0!important;min-height:0}
body .home-urban .city-library{max-width:var(--media-large)!important}
body .home-editorial .city-library .journal-card img{aspect-ratio:3/4!important;object-fit:contain!important}
body .journal-sequence{width:min(100%,var(--media-large));margin-block:var(--space-medium) var(--space-large)}
body .journal-meta{margin-block:var(--space-large) var(--space-medium);gap:var(--space-medium)}
body .journal-deck,body .journal-intro{font-size:var(--type-body)!important;line-height:1.5!important}
body .journal-deck,body .journal-draft{margin-block:var(--space-medium);padding:0}
body .journal-footer{margin-top:var(--space-large);padding-block:var(--space-medium);gap:var(--space-medium)}
body .contact-columns{padding:0!important;border:0!important}
body .portfolio-menu nav a{font-family:var(--font-main)!important;font-size:var(--type-title)!important}
/* Same interaction everywhere; no underlines, no weight or size jump. */
body a,body a *,body .rail-play,body .city-picker-label select{font-style:italic!important;text-decoration:none!important}
body a:is(:hover,:active,:focus-visible),body a:is(:hover,:active,:focus-visible) *,body a[aria-current=page],body .rail-play:is(:hover,:active,:focus-visible),body .city-picker-label select:is(:hover,:active,:focus-visible){font-style:normal!important;color:var(--silver)!important;opacity:1!important;text-decoration:none!important}
body :is(.portfolio-contact,.portfolio-menu) a:is(:hover,:active,:focus-visible),body :is(.portfolio-contact,.portfolio-menu) a:is(:hover,:active,:focus-visible) *{color:var(--paper)!important}
.clone-nav a::after{display:none!important}
body :focus-visible{outline:1px solid currentColor!important;outline-offset:4px}
#sequence .clone-frame .text-viewer [data-type-role],#sequence .clone-frame .text-viewer [data-type-role] *{font-family:var(--font-main)!important;font-size:calc(var(--type-body) / var(--type-scale,1))!important;line-height:1.5!important;font-weight:400!important}
#sequence .clone-frame .text-viewer [data-type-role=title],#sequence .clone-frame .text-viewer [data-type-role=title] *{font-size:calc(var(--type-title) / var(--type-scale,1))!important;line-height:1.25!important}
#sequence .clone-frame .text-viewer [data-type-role=caption],#sequence .clone-frame .text-viewer [data-type-role=caption] *,#sequence .clone-frame .text-viewer [data-font-group=secondary],#sequence .clone-frame .text-viewer [data-font-group=secondary] *{font-family:var(--font-caption)!important;font-size:calc(var(--type-small) / var(--type-scale,1))!important}
#sequence .reborn-flow .reborn-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-medium)}
#sequence .reborn-flow .reborn-gallery{max-width:var(--media-medium)}
#sequence .reborn-flow .reborn-solo{max-width:var(--media-medium)}
#sequence .reborn-flow .reborn-film{margin-bottom:var(--space-medium)}
/* Source projects are laid out in a responsive editorial grid, not scaled canvases. */
#sequence .coordinated-native{height:auto!important;overflow:visible!important;--type-scale:1!important}
#sequence .coordinated-native>.clone-canvas{transform:none!important;width:100%!important;height:auto!important}
#sequence .coordinated-native article,#sequence .coordinated-native .page-content-container{position:static!important;width:auto!important;height:auto!important;overflow:visible!important}
#sequence .coordinated-native .page-content-container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-medium);max-width:1120px!important;width:calc(100% - 2 * var(--space-medium))!important;margin:auto;padding-block:var(--space-large)}
#sequence .coordinated-native .page-content-container>.rmwidget{position:relative!important;inset:auto!important;transform:none!important;margin:0 auto!important;max-width:100%!important}
#sequence .coordinated-native .page-content-container>.text{grid-column:1/-1;width:100%!important;height:auto!important;max-width:var(--media-wide)!important}
#sequence .coordinated-native .text-viewer{height:auto!important;width:100%!important}
#sequence .coordinated-native .text-viewer p{margin:0 0 var(--space-small)!important}
#sequence .coordinated-native .editorial-project-nav{position:static;grid-column:1/-1;width:100%;margin-top:var(--space-medium)}
#sequence .coordinated-native .rmwidget[data-media-size]{width:var(--media-medium)!important;height:auto!important;aspect-ratio:3/4}
#sequence .coordinated-native .rmwidget[data-media-size=small]{width:var(--media-small)!important}
#sequence .coordinated-native .rmwidget[data-media-size=large]{width:var(--media-large)!important}
#sequence .coordinated-native .rmwidget[data-media-size=wide]{width:var(--media-wide)!important;grid-column:1/-1;aspect-ratio:4/3}
#sequence .coordinated-native .rmwidget[data-media-size] :is(img,video){width:100%!important;height:100%!important;object-fit:contain!important}
@media(max-width:700px){body :is(.home-editorial,.contact-inner,.reborn-flow){width:calc(100% - 2 * var(--space-small))!important}body :is(.home-about-body,.home-urban,.contact-columns){gap:var(--space-medium)!important}body .projects-editorial .project-card{width:var(--media-small)!important;flex-basis:var(--media-small)!important}body .projects-editorial .project-chapter>header{width:var(--media-small)}body .projects-introduction{padding-inline:var(--space-small)}body .moodboard-rail{padding-inline:var(--space-small)!important}#sequence .reborn-flow .reborn-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-small)}#sequence .coordinated-native .page-content-container{grid-template-columns:minmax(0,1fr);width:calc(100% - 2 * var(--space-small))!important}#sequence .coordinated-native .rmwidget[data-media-size]{grid-column:1!important}}
/* White opening, palette-grey subsequent pages and sections. */
html:has(body.clone),body.clone,body:has(.journal-body){background:var(--silver)!important}
body:has(#sequence[data-route=home]),body #sequence .home-native{background:var(--paper)!important}
body #sequence .projects-native,body .projects-editorial,body #sequence .reborn-native,body #sequence .coordinated-native,body .portfolio-contact{background:var(--silver)!important}
body .projects-editorial,body .projects-editorial *:not(img){color:var(--ink)!important}
body .projects-editorial a:is(:hover,:active,:focus-visible),body .projects-editorial a:is(:hover,:active,:focus-visible) *{color:var(--paper)!important;font-style:normal!important}
body .portfolio-contact,body .portfolio-contact .contact-inner,body .portfolio-contact .contact-columns{border:0!important;outline:0;box-shadow:none!important}
body .contact-heading{text-align:left}
body .journal-body,body .journal-deck{text-align:left}
#sequence .coordinated-native .text-viewer,#sequence .coordinated-native .text-viewer :is(p,h1,h2,h3){text-align:left!important}
#sequence .reborn-flow .reborn-copy,#sequence .reborn-flow .reborn-copy *{text-align:left!important}
#sequence .coordinated-native :is(.page,.page-content-container,.clone-canvas){background:transparent!important}
#sequence .coordinated-native .page-content-container>.widget-text-v3{grid-column:1/-1;width:100%!important;height:auto!important;max-width:var(--media-wide)!important}
#sequence .clone-frame.coordinated-native .widget-text-v3 .text-viewer,#sequence .clone-frame.coordinated-native .widget-text-v3 .text-viewer :is(p,h1,h2,h3){text-align:left!important}
#sequence .coordinated-native .page-content-container{zoom:1!important}
#sequence .coordinated-native>.clone-canvas{position:relative!important;inset:auto!important}
/* Corrected surfaces: white pages, charcoal services and project contact footer. */
html,html:has(body.clone),body,body.clone,body:has(.journal-body),body:has(#sequence[data-route=home]){background:var(--paper)!important}
body #sequence .home-native,body #sequence .reborn-native,body #sequence .coordinated-native{background:var(--paper)!important}
body #sequence .projects-native,body .projects-editorial{background:var(--ink)!important}
body .projects-editorial,body .projects-editorial *:not(img){color:var(--paper)!important}
body .projects-editorial a:is(:hover,:active,:focus-visible),body .projects-editorial a:is(:hover,:active,:focus-visible) *{color:var(--silver)!important}
body .portfolio-contact{background:var(--ink)!important;color:var(--paper)!important}
body .portfolio-contact *{color:var(--paper)!important}
body:has(#sequence[data-route=home]) .portfolio-contact,body:has(#sequence[data-route=projects]) .portfolio-contact{background:var(--paper)!important;color:var(--ink)!important}
body:has(#sequence[data-route=home]) .portfolio-contact *,body:has(#sequence[data-route=projects]) .portfolio-contact *{color:var(--ink)!important}
body .portfolio-contact a:is(:hover,:active,:focus-visible),body .portfolio-contact a:is(:hover,:active,:focus-visible) *{color:var(--silver)!important;font-style:normal!important}
body .portfolio-contact,body .portfolio-contact .contact-inner,body .portfolio-contact .contact-columns{border:0!important;box-shadow:none!important}

/* Utility and both Reborn collections share the same image modules. */
#sequence .coordinated-native[data-key=utility] .page-content-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-medium)}
#sequence .coordinated-native[data-key=utility] .rmwidget[data-media-size]{grid-column:auto!important;width:100%!important;max-width:var(--media-medium)!important;height:auto!important;aspect-ratio:3/4!important}
#sequence .coordinated-native[data-key=utility] [data-gallery],#sequence .coordinated-native[data-key=utility] [data-gallery] .images{position:relative!important;inset:auto!important;width:100%!important;height:100%!important}
#sequence .coordinated-native[data-key=utility] [data-slide]{background-size:contain!important;background-position:center!important}
#sequence .coordinated-native[data-key=utility] .gallery-number{font:var(--type-small)/1.5 var(--font-caption)!important}
@media(max-width:600px){#sequence .coordinated-native[data-key=utility] .page-content-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-small)}#sequence .coordinated-native[data-key=utility] .rmwidget[data-media-size]{grid-column:auto!important}}
/* Utility uses Reborn's gallery/counter/caption module in two columns. */
#sequence .utility-flow .reborn-board{grid-template-columns:repeat(2,minmax(0,1fr));max-width:872px;gap:var(--space-large) var(--space-medium)}
#sequence .utility-flow .reborn-look{margin:0;display:flex;flex-direction:column;gap:var(--space-small);min-width:0}
#sequence .utility-flow .reborn-gallery{width:100%;max-width:var(--media-large)}
#sequence .utility-flow .reborn-slide{aspect-ratio:2/3;height:auto}
#sequence .utility-flow .reborn-slide img{width:100%!important;height:100%!important;object-fit:contain!important;background:transparent}
#sequence .utility-flow .reborn-caption{font:var(--type-small)/1.5 var(--font-caption)!important;max-width:var(--media-large);text-align:left!important}
#sequence .utility-flow .reborn-caption *{font:inherit!important;text-align:left!important;margin:0!important}
#sequence .utility-flow>.reborn-copy{max-width:640px;margin-inline:auto;width:100%}
#sequence .utility-flow .utility-hero{max-width:var(--media-large);margin:var(--space-medium) auto var(--space-large)}
@media(max-width:600px){#sequence .utility-flow .reborn-board{gap:var(--space-medium) var(--space-small)}#sequence .utility-flow .reborn-caption{overflow-wrap:anywhere}}
#sequence .utility-flow .reborn-slide img{object-fit:cover!important;object-position:center}

/* Utility: aligned photographs, adjacent text, campaign sequence. */
#sequence .utility-flow .reborn-board{grid-template-columns:1fr;max-width:872px;align-items:start}
#sequence .utility-flow .reborn-look{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:var(--space-medium)}
#sequence .utility-flow .reborn-gallery{margin:0;align-self:start}
#sequence .utility-flow .reborn-caption{margin:0!important;align-self:start;padding:0!important}
#sequence .utility-flow .reborn-slide{align-items:flex-start}
#sequence .utility-flow .reborn-slide img{object-position:top!important}
#sequence .utility-flow .utility-hero{max-width:100%;width:100%}
#sequence .utility-flow .utility-campaign-strip{max-width:none}
#sequence .utility-campaign-strip .reborn-track{gap:var(--space-medium);cursor:grab;scroll-snap-type:x proximity}
#sequence .utility-campaign-strip .reborn-slide{flex:0 0 420px;width:420px;max-width:100%;scroll-snap-align:start}
@media(max-width:600px){#sequence .utility-flow .reborn-look{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-small)}}

#sequence [data-key=boglioli] video{width:100%!important;height:100%!important;object-fit:contain!important}#sequence [data-key=boglioli] [data-slide]{background-size:contain!important;background-position:top center!important}

/* Boglioli portrait gallery: same 5:7 format as the Reborn reference. */
#sequence [data-key=boglioli] [data-id="6a2c0ea6473aba5a3107706a"]{border:0!important;outline:0!important;box-shadow:none!important}
#sequence [data-key=boglioli] [data-id="6a2c0ea6473aba5a3107706a"] [data-slide]{background-size:cover!important;background-position:center!important;border:0!important}

/* Coherent reading axes without changing photographic compositions. */
#sequence .clone-frame:not(.home-native):not(.projects-native) .text-viewer,#sequence .clone-frame:not(.home-native):not(.projects-native) .text-viewer :is(p,h1,h2,h3){text-align:left!important;white-space:normal!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;overflow-wrap:break-word}
#sequence .clone-frame .text-viewer{width:100%!important;transform:none!important}
#sequence .reborn-flow>.reborn-copy,#sequence .reborn-flow .reborn-intro>.reborn-copy{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:640px!important}
#sequence .reborn-flow .reborn-copy :is(p,h1,h2,h3){width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;transform:none!important}
#sequence .clone-frame .text-viewer :is([data-type-role=label],[data-type-role=heading]),#sequence .clone-frame .text-viewer :is([data-type-role=label],[data-type-role=heading]) *,#sequence .reborn-flow .reborn-heading,#sequence .reborn-flow .reborn-heading *{font-weight:400!important}
#sequence .clone-frame .text-viewer :is(strong,b),#sequence .reborn-flow .reborn-copy :is(strong,b){font-weight:400!important}

#sequence [data-key="preppyminimal"] .reborn-solo{margin-left:0!important;margin-right:0!important;justify-self:start}#sequence [data-key="preppyminimal"] .reborn-film{margin-left:0!important;margin-right:0!important;object-position:left center!important}

/* Nautical Preppy: all selected outfits available in its Collection Architecture card. */
body .projects-editorial .project-card .nautical-cover{position:relative;aspect-ratio:3/4;overflow:hidden;animation:none!important;transform:none!important;perspective:none!important;padding:0!important}
body .projects-editorial .project-card .nautical-cover::before,body .projects-editorial .project-card .nautical-cover::after{display:none!important}
body .projects-editorial .nautical-photo{display:block;position:relative;height:100%;width:auto;aspect-ratio:2/3;max-width:100%;overflow:hidden;flex:none}
body .projects-editorial .project-card .nautical-cover .nautical-photo img{position:absolute!important;max-width:none!important;max-height:none!important;width:var(--photo-width)!important;height:var(--photo-height)!important;top:var(--photo-top)!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;animation:none!important;object-fit:contain!important;margin:0!important}
body .nautical-cover-controls{display:flex;gap:var(--space-small);align-items:center;margin-top:var(--space-small);font:var(--type-small)/1.5 var(--font-caption)}
body .nautical-cover-controls button{font:inherit;background:transparent;border:0;padding:0;color:inherit;cursor:pointer}

body .projects-editorial .nautical-photo.campaign-photo{width:100%;height:100%;aspect-ratio:auto}
body .projects-editorial .project-card .nautical-cover .nautical-photo.campaign-photo img{width:100%!important;height:100%!important;top:0!important;left:0!important;transform:none!important;object-fit:contain!important}

/* Clear project provenance and concise editorial captions. */
body .project-method,body .portfolio-ai-note{font-family:var(--font-service,Graphik,Arial,sans-serif);font-size:var(--type-small);line-height:1.5;color:#2d2d2d;font-weight:400;}
body .project-method{margin:var(--space-small) 0;text-transform:uppercase;letter-spacing:.04em;}
body .project-subtitle{font-family:Georgia,serif;font-size:var(--type-body);font-weight:400;line-height:1.5;margin:var(--space-small) 0;}
body .project-card .project-subtitle{font-size:var(--type-small);font-family:Graphik,Arial,sans-serif;text-align:center;}
body .project-card .project-method{text-align:center;}
body .portfolio-ai-note{max-width:640px;margin:var(--space-medium) 0;}
body .reborn-flow>.project-subtitle{max-width:640px;margin:var(--space-small) 0 var(--space-medium);text-align:left;}

/* One calm, almost-square cover format. Show the complete source photograph. */
body .projects-editorial .project-card{width:var(--media-medium)!important;flex:0 0 var(--media-medium)!important;max-width:calc(100vw - 2 * var(--space-medium))!important;transform:none!important;align-self:flex-start;}
body .projects-editorial .project-chapter{align-items:flex-start!important;}
body .projects-editorial .project-card .project-card-image{width:100%!important;height:auto!important;aspect-ratio:1/1!important;animation:none!important;transform:none!important;overflow:visible!important;}
body .projects-editorial .project-card .project-card-image img{position:static!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;}
body .projects-editorial .project-card .nautical-photo{width:100%!important;height:100%!important;aspect-ratio:1!important;overflow:visible!important;}
body .projects-editorial .project-card .nautical-cover .nautical-photo img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;margin:0!important;}
/* Legacy project slides retain their full images inside the existing composition. */
#sequence .clone-canvas [data-gallery] [data-slide]{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;}
#sequence .clone-canvas [data-gallery] img{object-fit:contain!important;}
#sequence .legacy-gallery-controls{position:absolute;top:calc(100% + var(--space-small));left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:var(--space-small);font:var(--type-small)/1.5 Graphik,Arial,sans-serif;color:#2d2d2d;cursor:default;}
#sequence .legacy-gallery-controls button{display:inline-block!important;background:none;border:0;padding:0;min-height:32px;font:inherit;font-style:italic;color:inherit;cursor:pointer;}
#sequence .legacy-gallery-controls button:disabled{opacity:.35;cursor:default;}
#sequence .legacy-gallery-controls button:hover:not(:disabled){color:#c3c4b7;font-style:normal;}
#sequence .legacy-gallery-controls button:focus-visible{outline:1px solid currentColor;outline-offset:4px;}
/* Equal visible cover dimensions, following the approved 4:5 reference. */
body .projects-editorial .project-card .project-card-image{aspect-ratio:4/5!important;overflow:visible!important;}
body .projects-editorial .project-card .project-card-image img{object-fit:cover!important;object-position:50% 0%!important;}
body .projects-editorial .project-card .nautical-photo{aspect-ratio:4/5!important;}
body .projects-editorial .project-card .nautical-cover .nautical-photo img{object-fit:cover!important;object-position:50% 0%!important;}

/* Shared photograph navigation, matching Utility. */
#sequence :is(.reborn-gallery-controls,.legacy-gallery-controls){display:flex;justify-content:center;align-items:center;gap:var(--space-small);font:var(--type-small)/1.5 var(--font-caption);color:var(--charcoal,#2d2d2d)}
#sequence :is(.reborn-gallery-controls,.legacy-gallery-controls)[hidden]{display:none}
#sequence :is(.reborn-gallery-controls,.legacy-gallery-controls) button{appearance:none!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;min-height:0;font:inherit!important;font-style:italic!important;color:inherit;cursor:pointer}
#sequence :is(.reborn-gallery-controls,.legacy-gallery-controls) button:disabled{visibility:hidden}
#sequence :is(.reborn-gallery-controls,.legacy-gallery-controls) button:is(:hover,:focus-visible){color:var(--silver);font-style:normal!important}
#sequence :is(.reborn-gallery-controls,.legacy-gallery-controls) button:focus-visible{outline:1px solid currentColor;outline-offset:4px}

/* Quiet editorial typography using the existing scale and spacing. */
body :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,b,figcaption,button){font-weight:400!important}
body :is(.project-opening,.reborn-copy,.story-intro,.project-intro) p{line-height:1.65!important;margin-block:0 var(--space-small)!important}
body :is(.project-service,.project-subtitle){margin-top:var(--space-small)!important;margin-bottom:var(--space-small)!important}
body :is(.project-opening,.reborn-copy,.story-intro) :is(h1,h2,h3){margin-bottom:var(--space-medium)!important}
/* Captions share the exact photograph column. */
#sequence .reborn-flow:not(.utility-flow) .reborn-look > .reborn-caption{width:100%!important;max-width:var(--media-medium)!important;margin:0 auto!important;padding:0!important;text-align:left!important;justify-self:center}
#sequence .reborn-flow:not(.utility-flow) .reborn-look > .reborn-caption *{text-align:left!important;margin:0!important;padding:0!important}
/* Phone layout: readable vertical flow, full-width photographs. */
@media(max-width:600px){
 #sequence .reborn-flow .reborn-board{grid-template-columns:minmax(0,1fr)!important;gap:var(--space-medium)!important}
 #sequence .reborn-flow .reborn-look,#sequence .reborn-flow .reborn-wide,#sequence .utility-flow .reborn-look{grid-column:1!important;grid-template-columns:minmax(0,1fr)!important;gap:var(--space-small)!important}
 #sequence .reborn-flow .reborn-gallery,#sequence .reborn-flow .reborn-solo,#sequence .reborn-flow:not(.utility-flow) .reborn-look>.reborn-caption{width:100%!important;max-width:100%!important}
 #sequence .reborn-flow .reborn-copy,#sequence .reborn-flow .reborn-copy *{text-align:left!important}
 #sequence .reborn-flow .reborn-body{max-width:100%;margin-inline:0}
 body .project-opening{padding-inline:var(--space-small)!important;width:100%!important;box-sizing:border-box}
 body .project-opening *{max-width:100%;overflow-wrap:break-word}
 body .projects-editorial .moodboard-rail{display:flex!important;flex-direction:column!important;overflow:visible!important;transform:none!important;width:100%!important;box-sizing:border-box}
 body .projects-editorial .project-chapter{display:flex!important;flex-direction:column!important;gap:var(--space-medium)!important;width:100%!important}
 body .projects-editorial .project-chapter>header,body .projects-editorial .project-card{width:100%!important;max-width:100%!important;flex-basis:auto!important}
 body .projects-editorial .project-card img,body .projects-editorial .project-card .nautical-photo{width:100%!important;max-width:100%!important}
 body .moodboard-controls{display:none!important}
 body .project-chapter .project-card{margin:0!important;transform:none!important}
}
@media(max-width:600px){
 #sequence .preppy-flow .reborn-slide img.preppy-aligned{position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important}
 #sequence .preppy-flow .preppy-details{margin-top:0!important}
 #sequence .story-opening,#sequence .story-opening.story-closing{grid-template-columns:minmax(0,1fr)!important}
 #sequence .story-photo,#sequence .story-intro{width:100%!important;max-width:100%!important;margin-inline:0!important}
 #sequence .story-pair,#sequence .story-diptych{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--space-small)!important}
 #sequence .story-pair-offset .story-photo:last-child{margin-top:0!important}
 #sequence .project-sections{display:flex;flex-wrap:wrap;gap:var(--space-small)}
 .reborn-gallery-controls button{min-height:44px!important;min-width:44px}
}
/* Visible photographs share the top edge with adjacent text. */
#sequence .clone-canvas [data-gallery] [data-slide]{background-position:center top!important}
#sequence .clone-canvas [data-gallery] img,#sequence .reborn-slide img{object-position:center top!important}

/* Navigation stays at the shared caption size inside scaled legacy canvases. */
#sequence .clone-frame .legacy-gallery-controls{font-size:calc(var(--type-small) / var(--type-scale,1))!important;top:calc(100% + var(--space-small) / var(--type-scale,1));line-height:1.5!important}
#sequence .clone-frame .legacy-gallery-controls button{font-size:inherit!important}
@media(max-width:600px){
 #sequence .clone-frame .rmwidget[data-type="picture"] img{object-position:center top!important}
}

/* Shared phone gutters keep photographs and reading edges together. */
@media(max-width:600px){
 body #sequence .reborn-flow{width:calc(100% - 64px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
 body .project-opening{padding-inline:32px!important}
 body .home-editorial,body .projects-editorial{padding-inline:32px!important;box-sizing:border-box!important}
 #sequence .reborn-flow .reborn-copy{max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow-wrap:break-word}
 #sequence .reborn-flow .reborn-look>.reborn-caption{margin-top:var(--space-small)!important;width:100%!important;max-width:100%!important;text-align:left!important}
 #sequence .reborn-flow .reborn-board{row-gap:var(--space-medium)!important}
}

/* Visible Reborn photo edges, not just gallery boxes, align with captions. */
#sequence .reborn-flow:not(.utility-flow):not(.preppy-flow) .reborn-track{align-items:flex-start}
#sequence .reborn-flow:not(.utility-flow):not(.preppy-flow) .reborn-slide{height:auto!important;aspect-ratio:auto!important;align-items:flex-start!important}
#sequence .reborn-flow:not(.utility-flow):not(.preppy-flow) .reborn-slide img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0!important;object-fit:contain!important}
@media(max-width:600px){
 #sequence .preppy-flow .story-pair,#sequence .preppy-flow .story-diptych{grid-template-columns:minmax(0,1fr)!important;gap:var(--space-medium)!important}
}
/* Product views use a straight, repeatable grid on desktop and phone. */
#sequence :is(.utility-flow,.preppy-flow) .reborn-look{justify-content:start!important;align-items:start!important;column-gap:var(--space-medium)!important}
#sequence :is(.utility-flow,.preppy-flow) .product-details,#sequence .preppy-flow .preppy-details{margin-top:0!important}
@media(max-width:600px){
 #sequence .story-pair,#sequence .story-diptych{grid-template-columns:minmax(0,1fr)!important;gap:var(--space-medium)!important}
 #sequence .utility-campaign-strip .reborn-slide{flex-basis:100%!important;width:100%!important}
}
/* Look titles introduce their own product views. */
#sequence :is(.utility-flow,.preppy-flow) .reborn-look>.reborn-caption{grid-row:1!important;grid-column:1/-1!important;margin:0 0 var(--space-small)!important;text-align:left!important;width:100%!important;max-width:none!important}

#sequence video.reborn-film{display:block;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0!important;background:transparent!important}
#sequence .film-play-control{display:block;appearance:none;border:0;background:none;color:inherit;font:italic 400 var(--type-small)/1.5 Georgia,serif;padding:var(--space-small) 0;margin:0;text-align:left;cursor:pointer}
#sequence .rmwidget .film-play-control{position:absolute;top:100%;left:0;font-size:calc(var(--type-small) / var(--type-scale,1))}
@media(max-width:600px){
 #sequence .campaign-story{gap:var(--space-medium)!important}
 #sequence .campaign-story>*,#sequence .campaign-story .story-photo{margin-top:0!important;margin-bottom:0!important}
 #sequence .story-opening,#sequence .story-pair,#sequence .story-diptych{gap:var(--space-medium)!important}
}
#sequence#sequence :is(.utility-flow,.preppy-flow) .reborn-look{grid-template-columns:repeat(2,minmax(0,var(--media-large)))!important}
#sequence#sequence :is(.utility-flow,.preppy-flow) .reborn-look>.reborn-gallery{width:100%!important;max-width:none!important;margin:0!important;align-self:start!important}
#sequence#sequence :is(.utility-flow,.preppy-flow) .reborn-slide{aspect-ratio:2/3!important;height:auto!important;scroll-snap-align:start!important}
#sequence#sequence#sequence :is(.utility-flow,.preppy-flow) :is(.product-details,.preppy-details) .reborn-slide img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:top center!important;margin:0!important}
@media(max-width:600px){#sequence#sequence :is(.utility-flow,.preppy-flow) .reborn-look{grid-template-columns:minmax(0,1fr)!important}}
/* Center the two product columns as one editorial block on desktop. */
@media(min-width:601px){
 #sequence#sequence :is(.utility-flow,.preppy-flow) .reborn-board{width:100%!important;max-width:calc(2 * var(--media-large) + var(--space-medium))!important;margin-inline:auto!important}
 #sequence#sequence :is(.utility-flow,.preppy-flow) .reborn-look{justify-content:center!important}
}
@media(min-width:601px){
 #sequence#sequence :is(.utility-flow,.preppy-flow) .reborn-board{max-width:calc(var(--media-large) + var(--media-medium) + var(--space-large))!important;margin-inline:auto!important}
 #sequence#sequence :is(.utility-flow,.preppy-flow) .reborn-look{grid-template-columns:minmax(0,var(--media-large)) minmax(0,var(--media-medium))!important;column-gap:var(--space-large)!important;justify-content:center!important}
 #sequence#sequence :is(.utility-flow,.preppy-flow) .reborn-look>:is(.product-details,.preppy-details){align-self:center!important;margin:0!important}
}
@media(max-width:600px){#sequence#sequence :is(.utility-flow,.preppy-flow) .reborn-look{row-gap:var(--space-medium)!important}}
