/* Hero camera → collection chapter → real product grid. */
.rio-journey{--scene-zoom:1;--scene-pan:0%;--scene-ui:1;--scene-cover:0;--scene-title-y:48px;position:relative;height:190svh;background:#e9e2d6}
.rio-journey .rio-hero{position:sticky;top:0;height:100svh;min-height:0;max-height:none;overflow:hidden;margin:0}
.rio-scroll-camera,.rio-hero-ui{position:absolute;inset:0}
.rio-scroll-camera{transform:translateX(var(--scene-pan)) scale(var(--scene-zoom));transform-origin:76% 53%;will-change:transform}
.rio-hero-ui{z-index:3;opacity:var(--scene-ui)}
.rio-hero-ui[inert]{pointer-events:none}
.rio-chapter{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#e9e2d6;color:#0f1e2e;opacity:var(--scene-cover);pointer-events:none;padding:7%;}
.rio-chapter h2{font:400 clamp(64px,10vw,160px)/.92 BossaEditorial,Georgia,serif;letter-spacing:-.055em;transform:translateY(var(--scene-title-y));margin:20px 0 32px}
.rio-chapter p,.rio-chapter span{font-size:11px;letter-spacing:.22em}
.rio-journey+.bossa-collection-feature{background:#e9e2d6;padding-top:6vh}
.scrolling-scene .rio-scenes{animation-play-state:paused}
.rio-collection-banner{background:#e9e2d6}
.rio-collection-banner>img{object-fit:cover;object-position:76% center}
::view-transition-old(root){animation:bossaPageOut .18s ease both}
::view-transition-new(root){animation:bossaPageIn .28s ease both}
@keyframes bossaPageOut{to{opacity:0}}
@keyframes bossaPageIn{from{opacity:0}to{opacity:1}}
@media(max-width:650px){.rio-chapter h2{font-size:clamp(64px,17vw,110px)}.rio-chapter p,.rio-chapter span{font-size:9px;letter-spacing:.15em}.rio-journey .rio-scenes{inset:26% 0 27%}.rio-journey .rio-hero .hero-copy{top:14%}.rio-journey .rio-selector{bottom:12.5%}.rio-journey .rio-hero .hero-bottom{bottom:3%}}
.scene-reduced.rio-journey,.reduced .rio-journey{height:auto}
.scene-reduced .rio-hero,.reduced .rio-journey .rio-hero{position:relative}
.scene-reduced .rio-scroll-camera,.reduced .rio-scroll-camera{transform:none;will-change:auto}
.scene-reduced .rio-chapter,.reduced .rio-chapter{display:none}
@media(prefers-reduced-motion:reduce){.rio-journey{height:auto}.rio-journey .rio-hero{position:relative}.rio-scroll-camera{transform:none;will-change:auto}.rio-chapter{display:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
/* A continuous, route-aware editorial journey. */
.reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:#c76d4a;z-index:110;pointer-events:none}
.motion-reveal{opacity:0;translate:0 28px;transition:opacity .85s ease var(--motion-delay,0ms),translate .85s cubic-bezier(.2,.7,.2,1) var(--motion-delay,0ms)}
.motion-seen{opacity:1;translate:0 0}
.motion-reveal:focus-within{opacity:1;translate:0 0}
.page-banner{overflow:hidden;--banner-shift:0px}
.page-banner>img{transform:translateY(var(--banner-shift)) scale(1.08);transform-origin:center}
.page-banner .copy{position:relative;z-index:1}
body[data-scene="office"] .motion-reveal:not(.motion-seen){translate:32px 0}
body[data-scene="modular"] .motion-reveal:not(.motion-seen){translate:0 42px}
body[data-scene="lighting"] .page-banner{background:#181b1b;color:#f4f0e8}
body[data-scene="lighting"] .page-banner .copy p{color:inherit}
body[data-scene="bossa-rio-collection"] .page-banner .copy:after{content:"";display:block;width:120px;height:18px;margin-top:32px;background:radial-gradient(ellipse at 50% 110%,transparent 47%,#c76d4a 49% 55%,transparent 57%) 0 0/40px 18px;animation:bossaWave 7s linear infinite}
@keyframes bossaWave{to{background-position:120px 0}}
.chapter-next{background:#0f1e2e;color:#e9e2d6;overflow:hidden}
.chapter-next-link{display:grid;grid-template-columns:1.15fr 1fr;min-height:440px;color:inherit;text-decoration:none}
.chapter-next-copy{padding:clamp(35px,7vw,110px);position:relative;align-self:center}
.chapter-next h2{font:400 clamp(42px,5.7vw,90px)/1.02 BossaEditorial,Georgia,serif;letter-spacing:-.045em;margin:24px 0}
.chapter-next p{color:inherit;opacity:.8}
.chapter-next .eyebrow{font-size:10px;letter-spacing:.18em}
.chapter-next img{width:100%;height:100%;max-height:620px;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.chapter-next-arrow{display:block;font-size:40px;margin-top:28px;transition:translate .4s}
.chapter-next-link:hover img{transform:scale(1.045)}
.chapter-next-link:hover .chapter-next-arrow{translate:8px -5px}
.dc-step:not([hidden]){animation:bossaPanelIn .45s ease both}
@keyframes bossaPanelIn{from{opacity:.25;transform:translateX(14px)}to{opacity:1}}
@media(min-width:1101px){header nav{gap:clamp(10px,1.1vw,20px)}header nav a{font-size:11px}header .tools{gap:16px}}
@media(max-width:1100px){header nav:not(.open){display:none}header #menu-toggle{display:block}header nav.open{display:flex;position:absolute;right:3%;top:74px;background:#f4f0e8;color:#0f1e2e;flex-direction:column;padding:25px;gap:12px;max-height:calc(100svh - 100px);overflow:auto}.home-hero header nav.open{background:#191511f5;color:#f2e9d9}}
@media(max-width:650px){.chapter-next-link{grid-template-columns:1fr;min-height:0}.chapter-next-copy{padding:48px 7%}.chapter-next img{height:260px;max-height:none}.motion-reveal{translate:0 16px}.page-banner>img{transform:translateY(var(--banner-shift)) scale(1.04)}}
.reduced .motion-reveal{opacity:1;translate:none;transition:none}.reduced .page-banner>img{transform:none}.reduced .chapter-next *{transition:none}.reduced .dc-step,.reduced .page-banner .copy:after{animation:none}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1;translate:none;transition:none}.page-banner>img{transform:none}.chapter-next *{transition:none}.dc-step,.page-banner .copy:after{animation:none}}

/* Navigation dissolves without moving the shared header. */
header{view-transition-name:bossa-header}::view-transition-old(bossa-header),::view-transition-new(bossa-header){animation:none}
.motion-reveal{translate:0 10px;transition-duration:.5s}.motion-seen{translate:0 0}