.sb-body{--sb-green:#b8ff63;--sb-ink:#0c141b;--sb-paper:#f4f0e7}

#sebastian{color:var(--sb-paper);background:var(--sb-ink);overflow:clip;font-size:17px;line-height:1.65}
#sebastian *{box-sizing:border-box}#sebastian a{color:inherit;text-underline-offset:6px}#sebastian button,#sebastian input{font:inherit}#sebastian button{cursor:pointer}#sebastian :focus-visible{outline:3px solid var(--sb-green);outline-offset:6px}#sebastian [hidden]{display:none!important}
.sb-en{display:none}html[lang="en"] .sb-es{display:none}html[lang="en"] .sb-en{display:inline}
.sb-hero{position:relative;min-height:calc(100svh - 130px);min-height:max(720px,calc(100svh - 130px));padding:38px 7vw;isolation:isolate;background:radial-gradient(ellipse at 50% 85%,#294341 0,transparent 44%),radial-gradient(circle at 20% 35%,#d8e9c9 1px,transparent 2px) 0 0/139px 173px,radial-gradient(circle at 40% 65%,#859498 1px,transparent 2px) 0 0/211px 193px,#0b131c}
.sb-back{font-size:14px;text-decoration:none;position:relative;z-index:2}.sb-hero-copy{text-align:center;position:relative;z-index:2;padding-top:70px}.sb-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500}.sb-hero h1{font-size:clamp(54px,12vw,180px);letter-spacing:-.055em;line-height:1;margin:20px 0 24px;font-weight:500}.sb-disciplines{font-size:11px;letter-spacing:.15em}.sb-orbit{position:absolute;width:72%;height:53%;border:1px solid #94a6a32e;border-radius:50%;left:14%;top:32%;transform:rotate(-22deg);z-index:-1}.sb-ship{position:absolute;right:13%;bottom:31%;width:90px;height:23px;border-radius:50%;background:#617a79;transform:rotate(-20deg);box-shadow:0 6px 0 -3px var(--sb-green)}.sb-ship:before{content:'';position:absolute;width:38px;height:26px;border-radius:50% 50% 0 0;background:#a9c9c3;left:26px;bottom:12px}
.sb-protagonist{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);width:230px;height:240px;display:grid;place-items:center;background:radial-gradient(ellipse,#b8ff6345,transparent 65%)}.sb-boy{position:relative;width:46px;height:106px;filter:drop-shadow(0 0 18px #b8ff6377)}.sb-boy:before{content:'';position:absolute;left:4px;top:0;width:39px;height:40px;border-radius:46% 46% 42% 42%;background:#02080d;transform:rotate(-10deg)}.sb-boy:after{content:'';position:absolute;top:19px;left:24px;width:5px;height:5px;border-radius:50%;background:#d9ffa6;box-shadow:11px 0 #d9ffa6,0 0 15px #cfff81}.sb-boy i{position:absolute;width:31px;height:42px;left:8px;top:35px;background:#02080d;border-radius:9px 9px 4px 4px;transform:rotate(6deg)}.sb-boy b{position:absolute;width:10px;height:35px;top:70px;left:11px;background:#02080d;transform:rotate(12deg);box-shadow:18px -2px #02080d}.sb-hero-bottom{position:absolute;bottom:30px;left:7vw;right:7vw;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#b9c9c4}.sb-hero-bottom a{text-decoration:none}
.sb-chapters{display:flex;justify-content:center;gap:48px;padding:24px 7vw;border-bottom:1px solid #ffffff24;background:#101c22;font-size:12px}.sb-chapters a{text-decoration:none}.sb-chapters a:hover{color:var(--sb-green)!important}.sb-section{padding:100px max(7vw,calc((100vw - 1240px)/2));scroll-margin-top:24px}.sb-section h2,.sb-closing h2{font-size:clamp(38px,5vw,74px);line-height:1.1;letter-spacing:-.04em;font-weight:500;margin:16px 0 30px}.sb-section h3{font-size:clamp(25px,3vw,38px);line-height:1.2;letter-spacing:-.03em;font-weight:500;margin:12px 0 24px}.sb-section p{margin:0 0 22px}.sb-intro{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:var(--sb-paper) url('assets/bg-papel-seamless.webp') center/100% auto;color:#152323}.sb-intro h2{font-size:clamp(35px,4vw,56px)}.sb-tags{display:flex;gap:8px;flex-wrap:wrap;font-size:11px}.sb-tags span{padding:5px 13px;border:1px solid #6b7979;border-radius:20px}.sb-section-head{display:flex;align-items:center;gap:34px;margin-bottom:40px}.sb-number{font-size:clamp(75px,10vw,145px);line-height:1;color:var(--sb-green);letter-spacing:-.08em}.sb-section-head h2{margin:5px 0 12px}.sb-section-head p{margin:0}.sb-media{aspect-ratio:16/9;background:radial-gradient(ellipse at center,#30433a,#111d22);border:1px solid #ffffff25;display:grid;place-items:center;position:relative}.sb-media video{width:100%;height:100%;display:block;background:#050a0e}.sb-media-pending{text-align:center;color:#d2ded2}.sb-media-pending p{font-size:24px;margin:12px 0 0}.sb-media-pending small{font-size:12px;color:#b7c3bc}.sb-play{font-size:44px;color:var(--sb-green)}.sb-breakdown{margin-top:80px}.sb-split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.sb-house-window{overflow:hidden;background:#d3c4a2;border:1px solid #89978b;perspective:700px}.sb-house-scene{height:310px;width:180%;position:relative;--pan:0px}.sb-room-layer{position:absolute;inset:0;transition:translate .5s,opacity .5s;transform:translateX(var(--pan))}.sb-layer-back{background:repeating-linear-gradient(90deg,#657779 0 24%,#354a4d 24% 25%);transform:translateX(calc(var(--pan) * .35))}.sb-layer-mid{display:flex;align-items:end;padding:20px 50px 0;gap:40px;background:linear-gradient(transparent 85%,#6d604b 85%)}.sb-room{width:33%;height:85%;position:relative;border:14px solid #222f31;border-bottom:0;background:#a79976}.sb-room i{position:absolute;left:15%;top:15%;width:50px;height:72px;background:linear-gradient(90deg,transparent 47%,#424c45 47% 54%,transparent 54%),linear-gradient(transparent 45%,#424c45 45% 54%,transparent 54%),#d7dbad;border:6px solid #424c45}.sb-room b{position:absolute;bottom:0;right:12%;width:65px;height:110px;border-radius:45% 45% 0 0;background:#263c3a}.sb-room:nth-child(2){background:#6f8270}.sb-room:nth-child(3){background:#797878}.sb-layer-front{display:flex;justify-content:space-between;pointer-events:none;transform:translateX(calc(var(--pan) * 1.1))}.sb-layer-front i{width:25px;background:#142321;height:100%}.sb-house-scene>.sb-boy{position:absolute;bottom:15px;left:28%}.sb-house-scene.is-separated .sb-layer-back{translate:0 -25px;opacity:.5}.sb-house-scene.is-separated .sb-layer-mid{translate:0 22px}.sb-house-scene.is-separated .sb-layer-front{translate:0 55px;opacity:.6}.sb-controls{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:20px 0}.sb-controls label{display:flex;gap:20px;align-items:center;flex:1;font-size:13px}.sb-controls input{width:min(70%,400px);accent-color:var(--sb-green)}.sb-controls button{border:1px solid #93a095;border-radius:30px;color:inherit;padding:9px 18px;background:transparent;font-size:12px!important}.sb-controls button[aria-pressed=true]{background:var(--sb-green);color:#12201b}.sb-note{font-size:11px;opacity:.65;letter-spacing:.03em}
.sb-fall{height:180svh;background:linear-gradient(#0c141b,#041b2a 60%,#064352);--fall:0}.sb-fall-stage{position:sticky;top:0;height:100svh;overflow:hidden;padding:70px 7vw;text-align:center;background:linear-gradient(90deg,#0004,transparent 30% 70%,#0004)}.sb-fall h2{font-size:clamp(40px,6vw,80px);font-weight:500;line-height:1.08;margin:20px 0;opacity:calc(1 - var(--fall) * .8)}.sb-falling{position:absolute;top:32%;left:calc(50% - 23px);transform:translateY(calc(var(--fall) * 42vh)) rotate(calc(20deg + var(--fall) * 120deg))}.sb-fall-caption{position:absolute;bottom:24px;left:0;right:0;font-size:12px;color:#afccc6}.sb-journey{background:linear-gradient(#064352,#092333 35%,#0c141b)}.sb-environments{margin-top:90px}.sb-stops{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0 20px;border-top:1px solid #8daba4}.sb-stops button{border:0;border-top:3px solid transparent;background:none;color:#acc3c6;text-align:left;padding:20px 8px;font-size:16px!important}.sb-stops small{display:block;font-size:10px;margin-bottom:8px}.sb-stops button[aria-pressed=true]{border-color:var(--sb-green);color:var(--sb-green)}.sb-landscape{min-height:430px;position:relative;overflow:hidden;background:linear-gradient(#053c4a,#091925);transition:background .5s}.sb-horizon{position:absolute;inset:38% -5% -15%;border-radius:50% 40% 0 0;background:#0d5960;transform:rotate(-8deg);box-shadow:0 50px #093c47,0 100px #032937;opacity:.6}.sb-landscape>.sb-boy{position:absolute;left:53%;top:30%;transform:rotate(-15deg)}.sb-moon{position:absolute;width:90px;height:90px;border-radius:50%;right:16%;top:15%;background:#e4edc5;opacity:0;box-shadow:0 0 80px #ddedc733}.sb-landscape[data-environment="1"]{background:linear-gradient(#f0c99b,#577f81 52%,#0d4f60 53%)}.sb-landscape[data-environment="1"] .sb-horizon{inset:60% -5% -15%;background:#226579}.sb-landscape[data-environment="2"]{background:linear-gradient(#202a53,#cc9c95)}.sb-landscape[data-environment="2"] .sb-horizon{inset:80% -5% -15%;background:#d4c3bb}.sb-landscape[data-environment="2"] .sb-moon,.sb-landscape[data-environment="3"] .sb-moon{opacity:1}.sb-landscape[data-environment="3"]{background:radial-gradient(circle,#b8cbcb 1px,transparent 2px) 0 0/89px 79px,#080d1b}.sb-landscape[data-environment="3"] .sb-horizon{opacity:0}.sb-landscape-caption{position:absolute;bottom:0;left:0;right:0;padding:55px 30px 20px;background:linear-gradient(transparent,#03151ae8)}.sb-landscape-caption b{font-size:30px;font-weight:500}.sb-landscape-caption p{font-size:14px;margin:5px 0}
.sb-references{background:var(--sb-paper) url('assets/bg-papel-seamless.webp') center/100% auto;color:#152323}.sb-reference-intro{max-width:760px}.sb-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:50px}.sb-reference-grid details{border-top:1px solid #82918b}.sb-reference-grid summary{display:flex;gap:20px;align-items:center;padding:26px 0;cursor:pointer;list-style:none}.sb-reference-grid summary::-webkit-details-marker{display:none}.sb-ref-index{font-size:11px}.sb-reference-grid summary small{display:block;font-size:11px}.sb-reference-grid strong{font-size:25px;font-weight:500}.sb-plus{margin-left:auto;font-size:27px}.sb-reference-grid details[open] .sb-plus{transform:rotate(45deg)}.sb-ref-copy{padding:0 0 25px 37px;font-size:15px}.sb-ref-copy small{opacity:.65}.sb-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:55px 0}.sb-process-grid article{border-top:1px solid #647b72;padding-top:25px}.sb-process-grid article>span{color:var(--sb-green);font-size:12px}.sb-process-grid h3{font-size:25px}.sb-process-grid p{color:#b5c8c1;font-size:15px}.sb-closing{padding:90px 7vw 110px;text-align:center;background:radial-gradient(ellipse at bottom,#294335,transparent 65%)}.sb-closing h2{color:var(--sb-green)}.sb-closing a{display:inline-block;margin:28px 20px 0;font-size:14px}
@media(max-width:900px){.sb-hero{min-height:740px}.sb-hero-copy{padding-top:100px}.sb-hero h1{font-size:clamp(45px,12vw,100px)}.sb-section{padding:65px 6vw}.sb-intro,.sb-split{grid-template-columns:1fr;gap:20px}.sb-chapters{gap:20px;flex-wrap:wrap}.sb-process-grid{gap:20px}.sb-hero-bottom{font-size:10px}.sb-ship{right:10%}.sb-reference-grid{gap:0 24px}}
@media(max-width:560px){.sb-hero{min-height:680px;padding-inline:6vw}.sb-hero-copy{padding-top:80px}.sb-disciplines{font-size:9px;line-height:1.8;max-width:280px;margin:auto}.sb-kicker{font-size:10px}.sb-hero-bottom{align-items:start;flex-direction:column;gap:10px}.sb-protagonist{bottom:17%}.sb-chapters{justify-content:flex-start;gap:14px 25px;font-size:11px}.sb-section-head{gap:24px}.sb-section-head h2{font-size:36px}.sb-section-head p{font-size:13px}.sb-reference-grid,.sb-process-grid{grid-template-columns:1fr}.sb-media-pending p{font-size:20px}.sb-play{font-size:30px}.sb-house-scene{width:280%;height:240px}.sb-controls{flex-wrap:wrap;gap:14px}.sb-controls label{flex-basis:100%}.sb-stops button{font-size:12px!important;padding-inline:2px}.sb-landscape{min-height:360px}.sb-breakdown,.sb-environments{margin-top:55px}.sb-fall-stage{padding-top:70px}.sb-reference-grid strong{font-size:23px}.sb-closing{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){#sebastian *,#sebastian *:before,#sebastian *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.sb-fall{height:100svh}.sb-fall-stage{position:relative}.sb-falling{transform:translateY(15vh) rotate(35deg)}}

/* Original artwork supplied by Caro. Desktop uses the complete composition;
   mobile uses separate assets to preserve the character and ship without cropping. */
.sb-hero{background:#0b131c url('assets/creaciones/sebastian/portada-v3.webp') center center/cover no-repeat;min-height:max(720px,calc(100svh - 130px))}
.sb-hero-copy{padding-top:24px;text-shadow:0 2px 20px #10132a80}
.sb-hero h1{font-size:clamp(54px,10vw,145px);margin:12px 0 18px}
.sb-hero .sb-orbit,.sb-hero .sb-protagonist,.sb-hero .sb-ship{display:none}
.sb-hero-bottom{color:#f4f0e7;text-shadow:0 2px 8px #000}
.sb-boy{width:120px;height:120px;background:url('assets/creaciones/sebastian/sebastian.svg') center/contain no-repeat,url('assets/creaciones/sebastian/halo.webp') center/contain no-repeat;filter:none}
.sb-boy:before,.sb-boy:after,.sb-boy i,.sb-boy b{display:none}
.sb-falling{left:calc(50% - 60px)}
.sb-landscape[data-environment="3"]{background:#080d1b url('assets/creaciones/sebastian/fondo-espacio.webp') center/cover no-repeat}
.sb-landscape[data-environment="3"] .sb-moon{width:150px;height:100px;border-radius:0;background:url('assets/creaciones/sebastian/nave.svg') center/contain no-repeat;box-shadow:none}
@media(max-width:900px){
 .sb-hero{min-height:740px;background-image:url('assets/creaciones/sebastian/fondo-espacio.webp')}
 .sb-hero-copy{padding-top:80px}
 .sb-hero .sb-protagonist{display:grid;width:340px;height:340px;bottom:11%;background:none}
 .sb-protagonist .sb-boy{width:100%;height:100%}
 .sb-hero .sb-ship{display:block;width:150px;height:100px;right:9%;bottom:35%;background:url('assets/creaciones/sebastian/nave.svg') center/contain no-repeat;box-shadow:none;transform:rotate(-15deg)}
 .sb-ship:before{display:none}
}
@media(max-width:560px){
 .sb-hero{min-height:680px}
 .sb-hero-copy{padding-top:65px}
 .sb-hero h1{font-size:clamp(42px,12vw,68px)}
 .sb-hero .sb-protagonist{width:290px;height:290px;bottom:17%}
 .sb-hero .sb-ship{width:115px;height:90px;right:5%;bottom:37%}
}