/* One clear composition: an open notebook and a companion phone, both showing Rodrigo's site. */
.hero .hero-stage{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(24px,3vw,55px);align-items:center}
.hero .hero-copy{width:100%;max-width:none;min-width:0}
.hero .hero-workstation{position:relative;inset:auto;width:100%;height:auto;max-height:none;aspect-ratio:1.12;margin:0;transform:none;perspective:1500px;isolation:isolate;min-width:0}
.workstation-laptop{position:absolute;left:1%;top:13%;width:94%;display:block;transform:translate3d(calc(var(--hero-exit,0)*55vw),calc(var(--hero-exit,0)*-60svh),0) rotateY(-11deg) rotateX(5deg) rotateZ(-4deg);transform-style:preserve-3d;outline-offset:10px}
.laptop-lid{width:100%;aspect-ratio:1.57;padding:9px;border:1px solid #9caec0;border-radius:20px 20px 9px 9px;background:linear-gradient(135deg,#667887,#182331 10%,#090f17 60%,#455463);box-shadow:inset 0 1px #e4f0ff88,0 28px 55px #0008;position:relative;isolation:isolate}
.laptop-lid:after{content:'';position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(124deg,#fff0 35%,#fff1 49%,#fff0 62%);pointer-events:none}
.laptop-camera{position:absolute;top:3px;left:50%;width:3px;height:3px;border-radius:50%;background:#02050a;box-shadow:inset 0 0 1px #91caf5;z-index:5}
.rodrigo-screen{position:relative;height:100%;width:100%;container-type:inline-size;background:#edf0e9;border-radius:11px 11px 4px 4px;overflow:hidden;color:#162a39;isolation:isolate}
.screen-nav{position:absolute;inset:7% 6% auto;display:flex;align-items:center;justify-content:space-between;gap:6%;z-index:3}
.screen-nav>b{font-size:3.5cqw;letter-spacing:-.08em;line-height:1;font-weight:800}
.screen-nav>b>span{display:block;margin-top:1cqw;letter-spacing:.16em;text-transform:uppercase;font-size:.85cqw;font-weight:600;color:#466174}
.screen-nav>span{font-size:1.13cqw;letter-spacing:.02em;color:#526775}
.screen-copy{position:absolute;top:28%;left:6%;width:54%;z-index:2}
.screen-copy>span:first-child{font-size:.95cqw;letter-spacing:.13em;font-weight:700;color:#3e6782}
.screen-copy h2{font-size:6.9cqw;line-height:.99;letter-spacing:-.067em;font-weight:800;margin:2.3cqw 0 2cqw}
.screen-copy h2 em{display:block;color:#1765b5;font-size:.74em;margin-top:1.5cqw;font-weight:750}
.screen-copy>p{font-size:1.35cqw;line-height:1.6;margin:0 0 2cqw;color:#5c6b72}
.screen-copy .screen-action{display:inline-flex;align-items:center;gap:4cqw;border-radius:20cqw;padding:1.25cqw 1.7cqw;background:#123c5d;color:#f0f7fa;font-size:.9cqw;letter-spacing:.04em;font-weight:700}
.screen-action i{font-size:1.5cqw;font-style:normal}
.screen-portrait{position:absolute;right:-1%;bottom:11%;width:47%;height:78%;object-fit:contain;object-position:50% 100%;z-index:1;filter:none;mask-image:linear-gradient(#000 70%,transparent 98%)}
.screen-services{position:absolute;bottom:0;left:0;right:0;height:15%;display:flex;align-items:center;justify-content:space-between;gap:3%;padding:0 6%;background:#12334b;color:#d4e2ea;z-index:3;font-size:1.25cqw;letter-spacing:.02em}
.laptop-deck{position:absolute;top:99%;left:-5%;right:-5%;height:14%;background:linear-gradient(#8c9eaa,#33434e 15%,#667680 58%,#a8b7c0);border:1px solid #a2b0ba;border-radius:0 0 11px 11px;clip-path:polygon(4.5% 0,95.5% 0,100% 83%,98% 100%,2% 100%,0 83%);box-shadow:inset 0 1px #fff9;transform-origin:top center}
.laptop-keys{position:absolute;top:8%;left:13%;right:13%;height:40%;border-radius:3px;background:repeating-linear-gradient(90deg,#10202c 0 5.5%,#7e909b 5.5% 6.2%);box-shadow:inset 0 1px 2px #02080c;opacity:.85;transform:perspective(400px) rotateX(35deg)}
.laptop-trackpad{position:absolute;left:40%;right:40%;top:57%;height:24%;border:1px solid #b8c5cd77;border-bottom-color:#25384677;border-radius:3px;background:#7a8e9a}
.laptop-front{position:absolute;left:-4.7%;right:-4.7%;height:2.5%;top:112%;border-radius:0 0 50% 50%;background:linear-gradient(#c0cdd4,#405460 60%,#1c2d38);box-shadow:0 16px 30px #0005}
.workstation-phone{position:absolute;width:24%;aspect-ratio:9/19;right:0;bottom:3%;display:block;border-radius:clamp(18px,2.2vw,36px);border:2px solid #8797a7;padding:5px;background:linear-gradient(135deg,#6d7d8b,#111c28 12%,#0a1019 70%,#586b7a);box-shadow:inset 0 1px #d5e9ff99,-10px 18px 35px #0009;transform:translate3d(calc(var(--hero-exit,0)*40vw),calc(var(--hero-exit,0)*65svh),110px) rotateZ(7deg) rotateY(-7deg);z-index:5;outline-offset:8px}
.workstation-island{position:absolute;top:9px;left:34%;width:32%;height:6px;background:#08121d;border-radius:20px;z-index:4}
.phone-rodrigo-site{height:100%;width:100%;border-radius:clamp(13px,1.8vw,29px);overflow:hidden;background:#edf0e9;color:#132c3e;position:relative;container-type:inline-size;isolation:isolate}
.phone-rodrigo-nav{position:absolute;left:9%;right:9%;top:9%;font-size:11cqw;font-weight:800;letter-spacing:-.08em;z-index:2;display:flex;justify-content:space-between}.phone-rodrigo-nav>span{font-size:8cqw;color:#2b6e9c}
.phone-rodrigo-copy{position:absolute;left:9%;right:6%;top:23%;z-index:2}.phone-rodrigo-copy small{font-size:3cqw;line-height:1.5;letter-spacing:.09em;display:block;max-width:85%;color:#496a7d;font-weight:700}.phone-rodrigo-copy>b{font-size:15cqw;letter-spacing:-.065em;line-height:.98;display:block;margin:5cqw 0 4cqw;font-weight:800}.phone-rodrigo-copy>p{font-size:4cqw;line-height:1.5;color:#557080;margin:0 0 5cqw}.phone-rodrigo-copy>span{background:#123c5d;color:#f2f8fc;display:inline-flex;padding:3cqw 4cqw;border-radius:30cqw;font-size:3cqw;font-weight:700}
.phone-rodrigo-site>img{position:absolute;right:-5%;bottom:10%;width:85%;height:44%;object-fit:contain;object-position:bottom;z-index:1;mask-image:linear-gradient(#000 55%,transparent 100%)}
.phone-rodrigo-bottom{position:absolute;bottom:0;left:0;right:0;height:13%;padding:5% 9%;background:#12334b;color:#f2f7fa;display:flex;flex-direction:column;justify-content:center;gap:2cqw;z-index:3}.phone-rodrigo-bottom>span{font-size:2.3cqw;letter-spacing:.1em;color:#a0bccc}.phone-rodrigo-bottom>b{font-size:4.6cqw;line-height:1.1;font-weight:600}
@media(min-width:1001px) and (max-height:740px){.hero .hero-stage{padding-top:100px;padding-bottom:50px}.hero .hero-copy h1{font-size:min(5.7vw,10svh)}.hero .hero-workstation{max-width:620px;justify-self:end}.hero-description{font-size:12px;margin:18px 0}}
@media(max-width:1000px){
 /* Natural page flow, native lateral carousels; no mobile scroll chapters. */
 .hero{height:auto!important;min-height:0!important;max-height:none!important}
 .hero .hero-stage{position:relative!important;display:flex!important;flex-direction:column;align-items:stretch;gap:32px;height:auto!important;min-height:0!important;padding:110px var(--page-inset) 36px;overflow:hidden}
 .hero .hero-copy{position:relative!important;inset:auto!important;width:100%!important;max-width:700px!important;margin:0!important;transform:none!important;opacity:1!important}
 .hero .hero-copy h1{font-size:clamp(36px,10vw,64px);line-height:.99}.hero-description{font-size:15px;line-height:1.65;max-width:520px;margin:22px 0}.hero-actions .primary{min-height:49px;font-size:10px;padding:12px 18px;gap:18px}
 .hero .hero-workstation{position:relative!important;inset:auto!important;width:100%!important;max-width:720px;height:auto!important;min-height:0;aspect-ratio:1.08;max-height:none!important;margin:0 auto!important;transform:none!important;translate:none!important}
 .workstation-laptop{left:1%;top:11%;width:93%;transform:rotateY(-7deg) rotateX(3deg) rotateZ(-4deg)}.workstation-phone{width:25%;right:0;bottom:2%;padding:3px;border-radius:22px;transform:rotateZ(7deg)}.phone-rodrigo-site{border-radius:17px}.workstation-island{height:4px;top:6px}.laptop-lid{padding:5px;border-radius:12px 12px 5px 5px}.laptop-camera{top:1px;width:2px;height:2px}.rodrigo-screen{border-radius:7px 7px 3px 3px}
 .gallery-story,.collection-story{height:auto!important;min-height:0!important}
 .gallery-pin,.collection-pin{position:relative!important;top:auto;height:auto!important;min-height:0!important;padding:25px 0 40px!important;overflow:visible!important;display:block!important}
 .sector-viewport,.collection-stage{position:relative;inset:auto;width:100%;height:auto!important;min-height:0!important;max-height:none;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scroll-padding-inline:var(--page-inset);touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain;scrollbar-width:none;transform:none!important;perspective:none;cursor:auto}
 .sector-viewport::-webkit-scrollbar,.collection-stage::-webkit-scrollbar{display:none}
 .sector-track,.collection-deck{position:relative!important;inset:auto;display:flex!important;flex-direction:row;align-items:stretch;width:max-content!important;height:auto;max-width:none;margin:0;gap:18px;padding:0 var(--page-inset) 22px!important;transform:none!important;perspective:none;transform-style:flat}
 .sector-slide,.collection-orbit-card{position:relative!important;inset:auto!important;flex:0 0 min(86vw,680px)!important;width:min(86vw,680px)!important;max-width:none!important;min-width:0;scroll-snap-align:start;transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important;z-index:auto!important;margin:0}
 .sector-slide{height:auto!important;min-height:0!important}.sector-site-link{display:block;width:100%;height:auto;touch-action:pan-x pan-y}.sector-preview{height:clamp(390px,64svh,610px)!important;min-height:390px!important;max-height:none!important;aspect-ratio:auto!important;border-radius:25px}
 .sector-top{left:7%;right:7%;top:7%}.sector-top>span{font-size:6cqw}.sector-top>small,.sector-bottom,.sector-float{display:none}.sector-copy{left:7%;top:26%;max-width:85%}.sector-copy>h3{font-size:clamp(34px,10cqw,58px)!important;line-height:1.02}.sector-copy>p{font-size:11px;letter-spacing:.16em;margin-bottom:18px}.sector-copy>span{font-size:14px;line-height:1.6;max-width:80%}
 .collection-orbit-card{height:clamp(440px,70svh,650px)!important;border-radius:25px;contain:layout paint;scroll-snap-stop:normal}
 .collection-art-viewport{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.collection-art{width:100%;height:auto;transform:none!important;filter:none!important}
 .interlude{height:auto!important;min-height:0!important}.interlude-pin{position:relative!important;height:auto!important;min-height:0!important;padding:85px var(--page-inset)!important;overflow:visible}.interlude h2{height:auto!important;min-height:0;display:flex;flex-direction:column;gap:15px;font-size:clamp(30px,8.5vw,56px);line-height:1.06;text-align:left}.interlude .interlude-line{position:relative!important;inset:auto!important;height:auto;display:block;transform:none!important;filter:none!important;clip-path:none!important;opacity:1!important}.interlude .interlude-glyph{transform:none!important;clip-path:none!important}
}
@media(max-width:1000px) and (orientation:landscape){.sector-slide,.collection-orbit-card{flex-basis:min(70vw,650px)!important;width:min(70vw,650px)!important}.sector-preview{height:340px!important;min-height:340px!important}.collection-orbit-card{height:390px!important}.hero .hero-workstation{max-width:640px}.hero .hero-copy{max-width:720px!important}.hero .hero-copy h1{font-size:clamp(38px,6.5vw,58px)}}
@media(prefers-reduced-motion:reduce){.workstation-laptop,.workstation-phone{transform:none!important}}
/* Inset the screens explicitly: neither screen depends on a percentage of an auto height. */
.rodrigo-screen{position:absolute;inset:9px;width:auto;height:auto}
.workstation-phone>.phone-rodrigo-site{position:absolute;inset:5px;width:auto;height:auto}
@media(max-width:1000px){.rodrigo-screen{inset:5px}.workstation-phone>.phone-rodrigo-site{inset:3px}}