/* C&A NET / a spatial, architectural solar experience */
:root{--deep:#031e1a;--bg:#062e27;--green:#00dc82;--brand:#005f4a;--ink:#062e27;--paper:#f3f6f4;--ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-padding-top:110px}body{background:var(--deep)}.wrap{width:min(1280px,calc(100% - 112px))}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--green);transform:scaleX(var(--progress,0));transform-origin:left;z-index:110;box-shadow:0 0 14px #00dc8270}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#031e1ae8;border-bottom:1px solid #ffffff15;backdrop-filter:blur(20px)}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:94px}.site-header .logo{width:185px}.site-header nav{display:flex;gap:25px;font-size:13px;color:#deebe5}.site-header nav a{position:relative;padding-block:16px}.site-header nav a::after{content:'';position:absolute;left:0;right:100%;bottom:8px;height:1px;background:var(--green);transition:right .25s}.site-header nav a:hover::after{right:0}.button{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;border-radius:9px;min-height:56px;padding:16px 24px;font-size:14px;box-shadow:0 5px 24px #00dc8215;transition:transform .25s,background .25s,box-shadow .25s}.button::before{content:'';position:absolute;inset:-100% auto -100% -60%;width:35%;background:linear-gradient(90deg,transparent,#fff4,transparent);transform:rotate(20deg);transition:left .65s;pointer-events:none}.button:hover::before{left:140%}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.button:hover{box-shadow:0 8px 32px #00dc8230;transform:translateY(-3px)}.button.ghost{background:#ffffff06;border-color:#ffffff4d;color:white;box-shadow:none;backdrop-filter:blur(8px)}.button.ghost:hover{background:#ffffff16}.nav-cta{min-height:44px;padding:12px 18px;font-size:12px}.menu-toggle{display:none}.cinema-hero{position:relative;isolation:isolate;min-height:830px;height:100svh;max-height:1080px;overflow:hidden;background:#052a22;padding-top:94px}.hero-scenery{position:absolute;inset:-8% 0 -8% 27%;z-index:-3;will-change:transform}.hero-scenery img{width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#031e1a 0%,#031e1af2 23%,#031e1abe 43%,#031e1a25 75%),linear-gradient(0deg,#031e1a 0%,transparent 40%,#031e1a40 100%)}.hero-stage{height:100%;display:flex;flex-direction:column;justify-content:center;padding-block:60px 110px;position:relative}.hero-copy{max-width:750px}.hero-copy .eyebrow{color:#54e7ac;font-size:11px;letter-spacing:.19em;display:flex;align-items:center;gap:10px}.tiny-sun{font-size:21px}.hero-premise{font-size:15px;line-height:1.5;color:#ccdfd5;margin:26px 0 24px;padding-left:17px;border-left:2px solid #00dc82}.hero-premise strong{font-weight:500;color:white}.cinema-hero h1{font-size:clamp(46px,4.9vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.06;max-width:730px;margin-bottom:28px}.cinema-hero h1 em{color:var(--green);font-style:normal}.cinema-hero .intro{font-size:17px;line-height:1.7;max-width:520px;color:#d4e2db}.cinema-hero .actions{gap:12px;margin-top:34px}.hero-bottom{position:absolute;bottom:38px;left:0;right:0;display:flex;align-items:end;justify-content:space-between;gap:24px}.scroll-cue{font-size:12px;letter-spacing:.02em;color:#d3e4db;display:flex;align-items:center;gap:14px}.scroll-cue>span{width:35px;height:48px;border:1px solid #91b7a55c;border-radius:24px;display:grid;place-items:center;font-size:18px;animation:scrollHint 3s ease-in-out infinite}.concept-note{font-size:11px;color:#d2dfd7;line-height:1.6;text-align:right}.hero-coordinate{position:absolute;right:30px;top:46%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em;color:#d7e9de}.solar-orbit{position:absolute;z-index:-1;width:58vw;height:58vw;right:-14vw;top:-19vw;border:1px solid #cdffdc24;border-radius:50%;box-shadow:0 0 100px #00dc8207;pointer-events:none}.solar-orbit::before{content:'';position:absolute;inset:8%;border:1px solid #cdffdc18;border-radius:50%}@keyframes scrollHint{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:16px;font-size:12px}.site-header .logo{width:150px}.nav-shell{gap:18px}.cinema-hero h1{max-width:610px}.hero-copy{max-width:650px}.nav-cta{padding:12px}}
@media(max-width:850px){.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#052d26;padding:20px 32px;border-bottom:1px solid #ffffff2a;flex-direction:column;gap:0}.site-header nav.is-open{display:flex}.site-header nav a{font-size:16px;padding:13px 0}.nav-shell{min-height:78px}.nav-cta{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;background:none;border:1px solid #ffffff30;border-radius:8px;color:white}.menu-toggle span{width:18px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.cinema-hero{padding-top:78px}.hero-scenery{left:10%}.hero-shade{background:linear-gradient(90deg,#031e1af2,#031e1aad 65%,#031e1a40),linear-gradient(0deg,#031e1a,transparent 65%)}.cinema-hero h1{font-size:60px}.hero-coordinate{display:none}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header .logo{width:136px}.nav-shell{gap:12px;min-height:74px}.nav-cta{display:none}.menu-toggle{margin-left:auto}.cinema-hero{height:auto;min-height:930px;padding-top:74px}.hero-stage{padding-block:40px 280px;height:auto}.hero-copy .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:17px}.hero-premise{margin:15px 0 24px;font-size:14px}.cinema-hero h1{font-size:46px;line-height:1.09}.cinema-hero .intro{font-size:16px;max-width:95%}.cinema-hero .actions{align-items:stretch;gap:10px;margin-top:26px}.cinema-hero .button{font-size:13px;padding:15px 14px;min-height:53px}.hero-scenery{inset:auto -10% 0 -10%;height:440px;will-change:auto}.hero-scenery img{object-position:center 65%}.hero-shade{background:linear-gradient(180deg,#031e1a 0%,#031e1a 48%,#031e1ae0 61%,#031e1a10 78%,#031e1add 100%)}.hero-bottom{bottom:25px;gap:15px;align-items:end}.scroll-cue{font-size:10px;max-width:120px;gap:9px}.concept-note{font-size:9px;max-width:150px}.hero-coordinate{display:none}.solar-orbit{width:370px;height:370px;right:-270px;top:150px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.cinema-hero h1{font-size:40px}.cinema-hero{min-height:945px}.hero-stage{padding-top:30px}.cinema-hero .intro{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-scenery{transform:none!important}}

.wrap{margin-inline:auto}[hidden]{display:none!important}
@media(max-width:600px){.cinema-hero .actions{flex-direction:column;align-items:stretch}}
.owner-scene{overflow:clip}.form-panel.form-pending:not(.form-ready) #kommo-container{display:none}

/* The original sun travels around Carlos in an upright vertical orbit. */
.owner-label{z-index:4}
.mascot-orbit{pointer-events:none;animation:none}
@supports (offset-path:ellipse(34% 39% at 50% 50%)){
 .mascot-orbit{top:0;left:0;right:auto;bottom:auto;offset-path:ellipse(34% 39% at 50% 50%);offset-anchor:center;offset-rotate:0deg;offset-distance:0%;transform:none;animation:mascotVerticalOrbit 12s linear infinite;will-change:offset-distance}
 @keyframes mascotVerticalOrbit{0%{offset-distance:0%;z-index:3}49.99%{z-index:3}50%{offset-distance:50%;z-index:0}99.99%{z-index:0}100%{offset-distance:100%;z-index:3}}
}
@media(prefers-reduced-motion:reduce){.mascot-orbit{offset-path:none;animation:none!important;top:auto;left:auto;right:5%;bottom:32px;transform:none;z-index:2;will-change:auto}}