/* A visual-led opening and an original, scroll-directed print installation. */
.opening-statement{padding:44px 5% 38px;display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.opening-statement small{font-size:10px;letter-spacing:1.4px;padding-top:9px}.opening-statement h1{font-size:clamp(28px,3vw,46px);line-height:1.12;letter-spacing:-.045em;margin:0;max-width:850px}.opening-statement h1 em{color:inherit}.scroll-stage{height:175vh}.scroll-stage .hero{margin-left:5%;margin-right:5%;background:#111216;min-height:480px;height:calc(100svh - var(--header-height,96px) - 205px);border-radius:22px}.webgl-ready .hero-copy{display:none}.webgl-ready .hero-bottom{color:#eee}.webgl-ready #motion{color:#eee}.scene-label{color:#eee;bottom:55px}.scene-track{background:#ffffff30}.ruler{margin-left:5%;margin-right:5%}.intro h2{font-size:clamp(44px,6vw,90px)}.project .mockup{transform-origin:center bottom;will-change:transform}.projects{gap:70px 32px}.universe-stage{height:290svh;position:relative;margin:30px 0 80px;scroll-margin-top:var(--header-height,96px)}.universe-panel{position:sticky;top:var(--header-height,96px);height:calc(100svh - var(--header-height,96px));min-height:520px;overflow:hidden;background:#090a0d;color:#f1f0ed;clip-path:inset(0 calc((1 - var(--opening,0))*4%) round calc((1 - var(--opening,0))*32px));isolation:isolate}.universe-panel:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 60%,#4b102350,transparent 60%)}.universe-panel canvas{position:absolute;inset:0;width:100%;height:100%}.universe-top{position:absolute;top:35px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.universe-copy{position:absolute;bottom:65px;left:5%;right:5%;pointer-events:none;height:135px}.universe-caption{position:absolute;inset:0;opacity:0;transform:translateY(30px);filter:blur(7px);transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.2,1),filter .6s;display:flex;align-items:end;justify-content:space-between;gap:40px}.universe-caption.active{opacity:1;transform:none;filter:none}.universe-caption h2{font-size:clamp(44px,6.5vw,96px);margin:0;line-height:.94;letter-spacing:-.065em}.universe-caption p{max-width:260px;font-size:13px;line-height:1.6;margin:0 0 5px}.universe-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;align-items:center;gap:22px;font-size:9px;letter-spacing:1px}.universe-bottom a{margin-left:auto;white-space:nowrap}.universe-progress{height:1px;background:#ffffff30;flex:1;max-width:220px}.universe-progress i{height:100%;display:block;background:var(--red);transform-origin:left}.universe-fallback{position:absolute;inset:18% 24% 28%;display:flex;align-items:center;justify-content:center;font-size:clamp(45px,7vw,110px);font-weight:700;letter-spacing:-.06em;background:var(--red);color:var(--ink);transform:rotate(-8deg);box-shadow:24px 24px 0 #e7e3dc}.universe-ready .universe-fallback{display:none}.universe-static{height:auto}.universe-static .universe-panel{position:relative;clip-path:none}.universe-static .universe-caption:first-child{opacity:1;transform:none;filter:none}
@media(max-width:760px){.opening-statement{padding:26px 5%;display:block}.opening-statement small{display:block;margin-bottom:16px;font-size:9px}.opening-statement h1{font-size:29px}.scroll-stage .hero{min-height:460px;height:calc(100svh - var(--header-height,82px) - 190px)}.universe-stage{height:240svh;margin-bottom:25px}.universe-panel{min-height:560px}.universe-top{top:24px;font-size:8px;letter-spacing:.6px}.universe-copy{bottom:80px;height:150px}.universe-caption{display:block}.universe-caption h2{font-size:48px;max-width:310px}.universe-caption p{font-size:12px;margin-top:16px;max-width:260px}.universe-progress{max-width:70px}.universe-bottom{font-size:8px;gap:12px}.universe-fallback{inset:25% 17% 38%}}
@media(prefers-reduced-motion:reduce){.scroll-stage,.universe-stage{height:auto}.scroll-stage .hero,.universe-panel{position:relative;top:auto}.universe-panel{clip-path:none}.universe-caption{transition:none;filter:none}.project .mockup{transform:none!important}}.paused .universe-caption{transition:none;filter:none}

/* Restore the light opening requested by Global Creativos. */
.scroll-stage{height:230vh}.scroll-stage .hero{margin-left:3%;margin-right:3%;background:#deddd9;height:calc(100svh - var(--header-height,96px) - 24px);min-height:510px}.webgl-ready .hero-copy{display:block}.webgl-ready .hero-bottom,.webgl-ready #motion,.scene-label{color:#171719}.scene-track{background:#17171930}
.photo-mockup{padding:0;display:block;background:#d8d3cc;height:460px}.photo-mockup img{width:100%;height:100%;object-fit:cover;display:block}.photo-mockup .concept{background:#171719c9;color:white;border-radius:20px;padding:8px 12px;font-size:8px;backdrop-filter:blur(8px)}.project.wide .photo-mockup{height:580px}.story-controls{display:flex;gap:8px;margin-left:auto}.story-controls button{border:1px solid #ffffff45;background:#171719a0;color:white;border-radius:50%;height:34px;width:34px}.story-controls button:hover{background:var(--red)}.story-controls button:disabled{opacity:.3;cursor:default}.universe-bottom a{margin-left:10px}
@media(max-width:760px){.scroll-stage .hero{min-height:640px}.photo-mockup,.project.wide .photo-mockup{height:350px}.universe-bottom>span:nth-of-type(2){display:none}.universe-bottom{gap:8px}.story-controls{gap:5px}.story-controls button{width:30px;height:30px}.universe-bottom a{font-size:8px}.universe-progress{max-width:45px}}
@media(prefers-reduced-motion:reduce){.scroll-stage{height:auto}}
.cutout-mockup{background:transparent;overflow:visible}.cutout-mockup img{object-fit:contain;filter:drop-shadow(0 20px 18px #17171916)}.story-impact{position:absolute;inset:10% 8% 24%;opacity:var(--impact,0);transform:translateY(calc((1 - var(--impact,0))*45px));pointer-events:none}.story-impact img{position:absolute;object-fit:contain;filter:drop-shadow(0 20px 20px #0004)}.story-stationery{width:70%;height:90%;left:0;top:10%;transform:rotate(-7deg)}.story-rollup{width:36%;height:100%;right:0;top:0;transform:rotate(5deg)}.universe-panel canvas{transition:opacity .15s}.universe-caption h2{font-size:clamp(40px,5.4vw,78px)}
@media(max-width:760px){.universe-caption h2{font-size:40px}.story-impact{inset:16% 2% 32%}.story-stationery{width:77%;left:-4%}.story-rollup{width:42%;right:-2%}}
@media(prefers-reduced-motion:reduce){.story-impact{transform:none}.universe-panel canvas{transition:none}}
.project-visual{display:block}.project-visual:focus-visible{outline-offset:8px}.universe-static .story-controls{display:none}
.hero-paper-photo{width:100%;height:100%;object-fit:contain}.sculpture{display:flex;align-items:center}
@media(max-width:760px){.scroll-stage .hero{min-height:760px}}