/* SECOND BREATH — la descente. Tokens de la maquette, styles isolés. */
.sb-page { --sulf:#b9c24a; --abyss:#080a09; --root:#7fe0d4; background:var(--abyss); overflow:clip; }
.sb-page h1,.sb-page h2,.sb-page h3,.sb-page p,.sb-page figure { margin:0; }
.sb-page h2 { font:400 clamp(48px,6.5vw,104px)/.98 'Instrument Serif',serif; letter-spacing:-.025em; }
.sb-page h2 em { color:var(--sulf); }
.sb-page h3 { font:400 clamp(28px,3vw,44px)/1.05 'Instrument Serif',serif; }
.sb-page p { line-height:1.65; }
.sb-page img { display:block; width:100%; height:100%; object-fit:cover; }
.sb-page button,.sb-lightbox button { font:inherit; cursor:pointer; color:inherit; }
.sb-page button:focus-visible,.sb-page a:focus-visible,.sb-lightbox button:focus-visible { outline:2px solid var(--sulf,var(--paper)); outline-offset:5px; }
.sb-page .mono { font-size:10px; letter-spacing:.16em; line-height:1.7; }
.sb-space { padding:110px var(--g); }
.sb-section-label { color:var(--sulf); margin-bottom:28px!important; }
.sb-kicker { color:var(--sulf); }
.sb-hero { position:relative; isolation:isolate; min-height:850px; min-height:max(850px,100svh); padding:calc(var(--nav-h) + 28px) var(--g) 28px; display:flex; flex-direction:column; justify-content:space-between; }
.sb-hero-art { position:absolute; inset:0; z-index:-2; overflow:hidden; }
.sb-hero-art>img { object-position:55% 50%; animation:sb-camera 18s ease-in-out infinite alternate; }
.sb-hero::after { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgba(8,10,9,.65),rgba(8,10,9,.05) 80%),linear-gradient(0deg,var(--abyss),transparent 38%,rgba(8,10,9,.15) 70%,rgba(8,10,9,.8)); }
.sb-hero-top,.sb-hero-bottom { display:flex; align-items:center; justify-content:space-between; gap:24px; color:var(--paper); }
.sb-hero-top a { min-height:44px; display:inline-flex; align-items:center; }
.sb-hero-top i { display:inline-block; width:6px; height:6px; background:var(--sulf); border-radius:50%; margin-right:10px; box-shadow:0 0 15px var(--sulf); }
.sb-hero-body { padding:40px 0 56px; }
.sb-hero h1 { font:900 clamp(100px,15vw,240px)/.77 'Big Shoulders Stencil Display',sans-serif; letter-spacing:-.03em; margin:28px 0 34px; }
.sb-hero h1 span { display:block; color:transparent; -webkit-text-stroke:1px var(--paper); }
.sb-hero-line { font:400 clamp(25px,3.1vw,42px)/1.15 'Instrument Serif',serif; }
.sb-hero-line em { color:var(--sulf); }
.sb-explore { display:inline-flex; gap:30px; align-items:center; font-size:14px; margin-top:28px; border-bottom:1px solid rgba(242,238,230,.45); padding:0 0 12px; min-height:48px; }
.sb-explore b { display:grid; place-items:center; border:1px solid var(--sulf); border-radius:50%; width:44px; height:44px; color:var(--sulf); font-size:24px; font-weight:400; transition:transform .4s; }
.sb-explore:hover b { transform:rotate(45deg); }
.sb-hero-bottom { color:#bbbbae; font-size:9px!important; }
.sb-mist { position:absolute; inset:15% -20% -20%; background:radial-gradient(ellipse at 25% 65%,rgba(185,194,74,.14),transparent 55%),radial-gradient(ellipse at 70% 85%,rgba(185,194,74,.28),transparent 50%); filter:blur(25px); animation:sb-fog 14s ease-in-out infinite alternate; }
.sb-specks { position:absolute; inset:0; overflow:hidden; }
.sb-specks i { position:absolute; left:var(--x); top:var(--y); width:2px; height:2px; border-radius:50%; background:var(--sulf); animation:sb-spore var(--dur) linear infinite; animation-delay:var(--delay); opacity:0; }
@keyframes sb-camera { from {transform:scale(1.03) translateY(0)} to {transform:scale(1.13) translateY(-1%)} }
@keyframes sb-fog { from {transform:translate(-4%,4%) scale(1)} to {transform:translate(5%,-6%) scale(1.12)} }
@keyframes sb-spore { 0% {transform:translate3d(0,20px,0);opacity:0} 20%,75% {opacity:.55} 100% {transform:translate3d(60px,-130px,0);opacity:0} }
.sb-story { display:grid; grid-template-columns:1fr 3fr; gap:40px; border-bottom:1px solid var(--line); }
.sb-story-copy { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:40px; max-width:880px; color:#b7b7ac; font-size:17px; }
.sb-story strong { color:var(--paper); font-weight:500; }
.sb-descent { position:relative; }
.sb-interactive .sb-descent { height:300svh; }
.sb-descent-stage { position:sticky; top:0; height:100svh; min-height:580px; padding:calc(var(--nav-h) + 32px) var(--g) 76px; overflow:hidden; isolation:isolate; display:flex; flex-direction:column; justify-content:space-between; }
.sb-depth-scenes,.sb-descent-shade { position:absolute; inset:0; z-index:-2; }
.sb-depth-scenes img { position:absolute; inset:0; opacity:0; transform:scale(1.1) translateY(var(--depth-pan,0px)); transition:opacity 1s ease,filter 1s; filter:brightness(.65); }
.sb-depth-scenes img.is-active { opacity:1; filter:brightness(1); }
.sb-descent-shade { z-index:-1; background:linear-gradient(0deg,rgba(8,10,9,.95),transparent 60%,rgba(8,10,9,.6)),linear-gradient(90deg,rgba(8,10,9,.6),transparent 75%); }
.sb-depth-top { display:flex; justify-content:space-between; color:var(--paper); }
.sb-depth-line { position:absolute; right:var(--g); top:22%; bottom:25%; width:1px; background:rgba(242,238,230,.25); }
.sb-depth-line i { display:block; height:100%; background:var(--sulf); transform:scaleY(var(--depth-progress,.02)); transform-origin:top; }
.sb-depth-copy { max-width:700px; margin-top:auto; padding:70px 0 45px; }
.sb-depth-copy h2 { margin:16px 0 22px; font-size:clamp(70px,9vw,140px); }
.sb-depth-copy>p { max-width:450px; color:#d1d2c6; font-size:18px; }
.sb-depth-bottom { display:flex; justify-content:space-between; align-items:end; gap:28px; }
.sb-depth-controls { display:flex; gap:14px; }
.sb-depth-controls button { display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-width:140px; padding:14px 0; background:none; border:0; border-top:1px solid #77786d; text-align:left; font-size:14px; transition:color .3s,border-color .3s; }
.sb-depth-controls button span { font:11px 'JetBrains Mono',monospace; opacity:.65; }
.sb-depth-controls button[aria-pressed=true] { border-color:var(--sulf); color:var(--sulf); }
.sb-section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:54px; }
.sb-section-heading>p { max-width:330px; color:#aaa99c; font-size:17px; }
.sb-play-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:70px; }
.sb-play-visual { position:relative; min-height:650px; overflow:hidden; }
.sb-play-visual>img { position:absolute; object-position:68% 50%; }
.sb-play-visual::after { content:''; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,rgba(8,10,9,.85)); }
.sb-play-visual figcaption { position:absolute; z-index:1; bottom:26px; left:26px; right:26px; color:var(--paper); }
.sb-breath-ring { position:absolute; left:24px; top:24px; width:130px; height:130px; border:1px solid rgba(242,238,230,.4); border-radius:50%; display:grid; place-items:center; background:rgba(8,10,9,.28); }
.sb-breath-ring i { position:absolute; inset:10px; border:1px solid var(--sulf); border-radius:50%; animation:sb-breathe 5s ease-in-out infinite; }
.sb-breath-ring span { font:9px/1.8 'JetBrains Mono',monospace; text-align:center; letter-spacing:.12em; }
@keyframes sb-breathe { 50% {transform:scale(.76);opacity:.35} }
.sb-play-steps { display:flex; flex-direction:column; justify-content:space-between; }
.sb-play-steps article { padding:30px 0; border-top:1px solid var(--line); }
.sb-play-steps article:first-child { padding-top:0; border:0; }
.sb-play-steps .mono { color:var(--sulf); }
.sb-play-steps h3 { margin:15px 0; }
.sb-play-steps p { color:#b7b7ac; max-width:400px; font-size:17px; }
.sb-tide { position:relative; min-height:850px; min-height:max(700px,110svh); isolation:isolate; display:flex; align-items:center; overflow:hidden; }
.sb-tide>img { position:absolute; z-index:-3; inset:0; transform:scale(1.08) translateY(var(--tide-pan,0px)); }
.sb-tide-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(8,10,9,.75),transparent),linear-gradient(0deg,var(--abyss),transparent 50%); }
.sb-tide-fog { position:absolute; inset:15% -30% -35%; z-index:-1; background:radial-gradient(ellipse at 30% 80%,rgba(185,194,74,.65),transparent 60%),radial-gradient(ellipse at 70% 65%,rgba(109,122,36,.65),transparent 55%); filter:blur(35px); opacity:var(--tide-density,.5); animation:sb-fog 11s ease-in-out infinite alternate; }
.sb-tide-text { padding:90px var(--g); }
.sb-tide h2 { margin:24px 0; font-size:clamp(90px,11vw,175px); }
.sb-tide-text>p:last-child { font-size:18px; color:#dddccf; }
.sb-tide-label { position:absolute; bottom:30px; right:var(--g); color:var(--paper); }
.sb-people-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.sb-people-grid article { min-height:580px; position:relative; overflow:hidden; display:flex; align-items:end; isolation:isolate; }
.sb-people-grid article>img { position:absolute; inset:0; z-index:-2; transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }
.sb-people-grid article:first-child>img { object-position:70% 50%; }
.sb-people-grid article::after { content:''; position:absolute; inset:20% 0 0; z-index:-1; background:linear-gradient(transparent,rgba(8,10,9,.95)); }
.sb-people-grid article:hover>img { transform:scale(1.07); }
.sb-people-grid article>div { padding:30px; }
.sb-people-grid .mono { color:var(--sulf); }
.sb-people-grid h3 { margin:12px 0; }
.sb-people-grid p { font-size:16px; color:#c8c8b9; }
.sb-gallery { border-top:1px solid var(--line); }
.sb-gallery-head { display:flex; gap:40px; align-items:end; margin-bottom:50px; }
.sb-gallery-head>p { max-width:340px; color:#aaa99c; margin-left:auto; font-size:15px; }
.sb-gallery-arrows { display:flex; gap:10px; }
.sb-gallery button,.sb-lightbox button { width:48px; height:48px; background:none; border:1px solid #7d7d70; border-radius:50%; font-size:24px; }
.sb-gallery button:hover,.sb-lightbox button:hover { border-color:var(--sulf,var(--paper)); }
.sb-gallery-track { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:var(--sulf) var(--abyss); padding:0 0 25px; }
.sb-gallery-track>a { flex:0 0 62%; min-width:0; scroll-snap-align:start; }
.sb-gallery-track img { aspect-ratio:16/10; height:auto; object-fit:cover; }
.sb-gallery-track span { display:flex; justify-content:space-between; padding:18px 0; color:#c8c8b9; font:11px 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.1em; }
.sb-gallery-track b { color:var(--sulf); font-size:18px; }
.sb-follow { display:grid; grid-template-columns:1.4fr 1fr; gap:35px 70px; border-top:1px solid var(--line); position:relative; overflow:hidden; padding-bottom:200px; }
.sb-follow>.sb-section-label { grid-column:1/-1; }
.sb-follow h2 { font-size:clamp(48px,5.4vw,86px); }
.sb-follow>div { align-self:end; z-index:1; }
.sb-follow p { color:#b7b7ac; font-size:17px; }
.sb-follow .btn-row { margin-top:28px; }
.sb-follow-word { position:absolute; bottom:-.1em; left:var(--g); font:900 24vw/.85 'Big Shoulders Stencil Display',sans-serif; color:rgba(185,194,74,.045); pointer-events:none; }
.sb-motion { position:fixed; bottom:18px; right:20px; z-index:30; min-height:44px; border:1px solid rgba(242,238,230,.3); border-radius:30px; background:rgba(8,10,9,.85); padding:8px 15px; display:flex; align-items:center; gap:10px; backdrop-filter:blur(12px); font-size:11px!important; }
.sb-motion>span:first-child { font-size:17px; }
.sb-motion[hidden],.sb-gallery-arrows[hidden] { display:none; }
.sb-lightbox { width:min(1180px,calc(100vw - 40px)); max-width:none; max-height:92svh; padding:0; border:1px solid var(--line); background:var(--ink); color:var(--paper); overflow:auto; }
.sb-lightbox::backdrop { background:rgba(0,0,0,.9); backdrop-filter:blur(8px); }
.sb-lightbox>img { display:block; width:100%; max-height:75svh; object-fit:contain; }
.sb-lightbox>div { display:flex; align-items:center; justify-content:space-between; padding:16px 24px; gap:15px; }
.sb-lightbox p { font:12px/1.5 'JetBrains Mono',monospace; text-align:center; }
.sb-lightbox .sb-lightbox-close { position:absolute; right:14px; top:14px; background:var(--ink); }
.sb-static *, .sb-offscreen * { animation-play-state:paused!important; }
.sb-static .sb-depth-scenes img { transition:none; transform:none; }
.sb-static .sb-tide>img { transform:none; }
.sb-static .sb-people-grid article:hover>img { transform:none; }
@media(max-width:1100px) { .sb-space {padding-top:85px;padding-bottom:85px}.sb-story{grid-template-columns:1fr 2.5fr}.sb-play-grid{gap:40px}.sb-people-grid article{min-height:480px}.sb-people-grid article>div{padding:22px}.sb-depth-controls button{min-width:125px}.sb-follow{grid-template-columns:1fr 1fr;padding-bottom:150px}.sb-follow .btn{white-space:normal;height:auto;min-height:52px;padding-top:12px;padding-bottom:12px} }
@media(max-width:820px) { .sb-hero{min-height:max(760px,100svh)}.sb-hero-top{align-items:start;gap:15px}.sb-hero-top>span{text-align:right;max-width:150px}.sb-hero h1{font-size:clamp(100px,20vw,165px)}.sb-hero-body{padding:65px 0}.sb-hero-bottom{align-items:end}.sb-scroll{display:none}.sb-story{grid-template-columns:1fr;gap:0}.sb-story-copy{gap:25px}.sb-section-heading{align-items:start;flex-direction:column;gap:25px}.sb-section-heading>p{max-width:460px}.sb-descent-stage{padding-top:calc(var(--nav-h) + 28px);padding-bottom:76px}.sb-depth-bottom{display:block}.sb-depth-bottom>p{display:none}.sb-depth-controls{justify-content:space-between}.sb-depth-controls button{min-width:0;flex:1}.sb-depth-copy{max-width:90%}.sb-depth-copy h2{font-size:clamp(64px,11vw,90px)}.sb-play-grid{grid-template-columns:1fr}.sb-play-visual{min-height:560px}.sb-play-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sb-play-steps article{padding:0;border:0}.sb-play-steps h3{font-size:28px}.sb-play-steps p{font-size:15px}.sb-people-grid{gap:14px}.sb-people-grid article{min-height:430px}.sb-people-grid h3{font-size:30px}.sb-people-grid article>div{padding:18px}.sb-gallery-head{flex-wrap:wrap;gap:24px}.sb-gallery-head>p{margin-left:0}.sb-gallery-arrows{margin-left:auto}.sb-gallery-track>a{flex-basis:80%}.sb-follow{grid-template-columns:1fr}.sb-follow>div{max-width:570px}.sb-tide{min-height:820px}.sb-motion{bottom:12px;right:12px} }
@media(max-width:480px) { .sb-space{padding-top:65px;padding-bottom:65px}.sb-hero{min-height:max(740px,100svh);padding-top:calc(var(--nav-h) + 14px)}.sb-hero-top{font-size:9px!important}.sb-hero-top>span{max-width:145px}.sb-hero h1{font-size:clamp(94px,25vw,120px)}.sb-hero-art>img{object-position:62% 50%}.sb-hero-body{padding:48px 0 65px}.sb-hero-bottom>span{max-width:48%}.sb-hero-bottom>span:nth-child(2){text-align:right}.sb-hero-line{font-size:30px}.sb-explore{font-size:12px;gap:16px}.sb-hero .sb-kicker{font-size:9px}.sb-story-copy{grid-template-columns:1fr;gap:22px;font-size:16px;margin-top:30px}.sb-interactive .sb-descent{height:260svh}.sb-descent-stage{min-height:570px}.sb-depth-top{font-size:8px!important;gap:12px}.sb-depth-copy{padding-bottom:35px;max-width:92%}.sb-depth-copy h2{font-size:64px}.sb-depth-copy>p{font-size:16px}.sb-depth-controls{gap:12px}.sb-depth-controls button{font-size:12px}.sb-depth-controls button span{font-size:9px}.sb-depth-scenes img:nth-child(2){object-position:68% 50%}.sb-play-visual{min-height:480px}.sb-play-steps{grid-template-columns:1fr;gap:0}.sb-play-steps article{padding:24px 0;border-top:1px solid var(--line)}.sb-play-steps h3{font-size:34px}.sb-play-steps p{font-size:16px}.sb-tide{min-height:750px}.sb-tide h2{font-size:84px}.sb-tide>img{object-position:60% 50%}.sb-tide-text>p:last-child{font-size:16px}.sb-tide-label{left:var(--g);right:var(--g);font-size:8px!important}.sb-people-grid{grid-template-columns:1fr;gap:20px}.sb-people-grid article{min-height:480px}.sb-people-grid article>div{padding:26px}.sb-people-grid h3{font-size:40px}.sb-gallery-track>a{flex-basis:92%}.sb-gallery-head>p{font-size:14px;max-width:230px}.sb-gallery-arrows{margin-left:0}.sb-gallery-track img{aspect-ratio:4/5}.sb-follow{padding-bottom:120px}.sb-motion{max-width:240px;font-size:10px!important}.sb-lightbox{width:calc(100vw - 24px)}.sb-lightbox>div{padding:16px 12px}.sb-lightbox p{font-size:10px}.sb-lightbox button{flex:none} }
@media(prefers-reduced-motion:reduce) { .sb-page * {animation:none!important;transition:none!important}.sb-page.sb-interactive .sb-descent{height:auto}.sb-descent-stage{position:relative;min-height:680px}.sb-depth-scenes img{transform:none}.sb-tide>img{transform:none} }

.sb-depth-controls[hidden] { display:none; }
@media(max-width:480px) { .sb-motion {width:44px;height:44px;padding:0;justify-content:center}.sb-motion [data-motion-label]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sb-hero-bottom{padding-right:48px}.sb-hero-bottom>span:nth-child(2){font-size:8px} }