/* Cinema Lab art direction / Studio homepage. Gota Nativa and NOCTIS are original concept works. */
:root{--ink:#18221b;--dark:#08120d;--paper:#e9e7dc;--white:#efefe4;--accent:#d9eabc;--border:rgba(213,232,194,.24)}
body{font-family:"DM Sans",sans-serif;background:#09130e;color:#e8e5d9}
.header{height:82px;background:#09130e;border-bottom:1px solid rgba(235,241,213,.18);padding:0 clamp(24px,5vw,88px)}
.wordmark{font:700 .83rem/1.1 "DM Sans",sans-serif;letter-spacing:.17em}
.header nav{font-size:.76rem;letter-spacing:.045em}
.header .language{border-radius:0}
.hero{min-height:max(760px,calc(100svh - 82px));display:block;isolation:isolate;padding:clamp(140px,17vh,210px) clamp(24px,5.7vw,106px) 44px;background:#07120c}
.hero:before{content:"";position:absolute;inset:0;z-index:-3;width:auto;height:auto;border-radius:0;background:linear-gradient(90deg,rgba(6,17,11,.97) 0%,rgba(6,17,11,.79) 30%,rgba(6,17,11,.13) 75%),url("/atelier/taste/assets/hero.jpg") center 31% / cover no-repeat;transform:none}
.hero:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(0deg,#07120b 0%,transparent 24%,rgba(2,7,4,.28) 100%)}
.hero-copy{position:relative;z-index:4;max-width:1100px;padding:0}
.eyebrow{font:700 .64rem/1.5 "DM Sans",sans-serif;letter-spacing:.24em;color:#e9ead7;margin-bottom:33px}
.live-dot{height:2px;width:42px;border-radius:0;box-shadow:none;background:var(--accent)}
.hero h1{font:400 clamp(5.1rem,10.2vw,11.5rem)/.89 "Italiana",Georgia,serif;letter-spacing:-.045em;max-width:1120px;text-shadow:0 12px 35px rgba(0,0,0,.2)}
.hero h1 em{font:inherit;color:var(--accent)}
.hero-intro{max-width:380px;font-size:clamp(.84rem,1.1vw,1rem);line-height:1.87;color:#dee4d8;margin-top:38px}
.actions{margin-top:31px;gap:27px}
.btn{border-radius:0;font-size:.74rem;min-height:53px;letter-spacing:.02em}
.primary{color:#17241c}
.secondary{border:0;padding-left:0;color:#ecf2e2}
.hero-visual{position:absolute;z-index:2;right:6vw;top:23%;width:min(38vw,560px);height:67%;min-height:0;aspect-ratio:unset;max-height:none;transform:none;box-shadow:none;background:transparent;overflow:visible;pointer-events:none}
.hero-visual:before{content:"";position:absolute;inset:18% 4% 11%;z-index:-1;background:radial-gradient(ellipse,rgba(214,213,151,.22),transparent 65%);filter:blur(25px)}
.hero-visual:after{display:none}
.hero-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(24px 40px 22px rgba(0,0,0,.4));transform:rotate(3deg)}
.hero-visual-overlay,.hero-visual figcaption{display:none}
.hero-bottom{position:absolute;left:5.7vw;right:5.7vw;bottom:28px;border-top:1px solid rgba(240,244,224,.28);padding-top:18px;color:#d3dacb}
.services{background:#e8e8dd;padding:clamp(90px,11vw,180px) clamp(24px,5vw,88px);color:#10231a}
.section-heading{grid-template-columns:1fr 3fr;max-width:1430px}
.section-index,.micro{font:700 .63rem/1.3 "DM Sans",sans-serif;letter-spacing:.19em;color:#58664f}
.section-heading h2,.contact h2{font:400 clamp(4.4rem,7.3vw,10rem)/.94 "Italiana",Georgia,serif;letter-spacing:-.035em}
.section-heading h2 em,.contact h2 em{font:inherit;color:#708463}
.services-grid{max-width:1430px;display:flex;flex-direction:column;gap:115px}
.service{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:25px 5vw;border:0;align-items:center;padding:0}
.service:nth-child(2){grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr)}
.service .service-top{grid-column:2;grid-row:1;align-self:end;margin-bottom:0;border-top:1px solid #899b83;padding-top:22px}
.service:nth-child(2) .service-top{grid-column:1}
.service-top h3{font:400 clamp(3.6rem,6vw,7.3rem)/1.0 "Italiana",Georgia,serif;letter-spacing:-.05em;margin-top:20px}
.service-top>span{display:none}
.service .web-demo,.service .motion-demo{grid-column:1;grid-row:1 / span 3;height:670px;aspect-ratio:auto;border:0;border-radius:0}
.service:nth-child(2) .motion-demo{grid-column:2}
.service-description{grid-column:2;grid-row:2;padding-top:0;align-self:center}
.service:nth-child(2) .service-description{grid-column:1}
.service-description p{font-size:1.1rem;line-height:1.8}
.service-link{grid-column:2;grid-row:3;align-self:start;margin-top:0;border-color:#aeb6a7;font-size:.91rem}
.service:nth-child(2) .service-link{grid-column:1}
.web-demo{padding:0;background:#15221a}
.web-demo-bar,.web-demo-controls{display:none}
.web-demo-stage{height:100%;background:#162c1e}
.web-demo-stage:after{display:block;background:linear-gradient(0deg,rgba(7,20,12,.83),transparent 62%)}
.web-demo-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.web-demo-content{color:#fff;width:100%;justify-content:end;padding:46px}
.web-demo-content strong{font:400 clamp(2.5rem,4.6vw,6rem)/.94 "Italiana",Georgia,serif;letter-spacing:-.03em;color:#e7eadb}
.web-demo-content>span:first-child{color:#deebca}
.web-pill{border-radius:0;border:1px solid #e0e9d1}
.motion-demo{background:#100d0d}
.motion-demo video{object-fit:cover}
.work-note{margin-top:55px;color:#687664}
.contact{background:#10251a;color:#e9f0df;grid-template-columns:1.25fr .75fr;align-items:end}
.contact .section-index,.contact h2 em{color:#b3d09a}
.contact-copy>p{color:#d0dacb}
.contact-copy .btn{background:#d9eabc;color:#14221b}
.contact-copy small{color:#bdcbb5}
.footer{background:#09110c}
@media(max-width:920px){.hero{min-height:800px}.hero h1{font-size:clamp(4.6rem,11vw,8rem)}.hero-visual{top:28%;right:-3%;width:45%;opacity:.84}.service,.service:nth-child(2){grid-template-columns:1fr 1fr}.service .web-demo,.service .motion-demo{height:510px}}
@media(max-width:700px){.header{height:68px}.hero{padding:21vh 21px 80px;min-height:100svh}.hero:before{background:linear-gradient(180deg,rgba(6,17,11,.55),rgba(6,17,11,.58) 42%,#07120b 95%),url("/atelier/taste/assets/hero.jpg") 62% center/cover}.hero h1{font-size:clamp(4.9rem,15vw,7.7rem);line-height:.91;position:relative;z-index:5}.hero-copy{max-width:100%}.hero-intro{margin-top:26px;font-size:.79rem;max-width:265px;position:relative;z-index:5}.hero-visual{top:32%;right:-19%;height:45%;width:72%;opacity:.59}.hero-bottom{left:21px;right:21px;font-size:.5rem}.services{padding:80px 21px}.section-heading{display:block}.section-heading h2{font-size:clamp(4.1rem,11vw,6.9rem)}.service,.service:nth-child(2){display:flex;flex-direction:column;align-items:stretch;gap:24px}.service .service-top{order:0}.service .web-demo,.service .motion-demo{order:1;height:520px}.service .service-description{order:2}.service .service-link{order:3}.service-top h3{font-size:4.3rem}.services-grid{gap:94px}.contact h2{font-size:clamp(4rem,12vw,6.7rem)}.footer{font-size:.65rem}}
.service-request{grid-column:2;grid-row:4;display:inline-flex;align-items:center;justify-self:start;padding:11px 0;color:#566a4e;font-size:.78rem;font-weight:700;letter-spacing:.035em;border-bottom:1px solid #8ca17d;transition:color .2s}
.service-request:hover,.service-request:focus-visible{color:#15241c}.service:nth-child(2) .service-request{grid-column:1}
@media(max-width:700px){.service-request,.service:nth-child(2) .service-request{grid-column:auto;grid-row:auto;order:4;align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.hero-visual img{transform:none}}

/* CINEMA LAB / studio independent of the Gota Nativa case. Two projects, two visual worlds. */
body,.header,.footer{background:#090b0d}
.header{border-bottom-color:rgba(238,220,200,.22)}
:root{--accent:#e8c69f}
.live-dot{background:#e8c69f}
.hero{background:radial-gradient(ellipse at 75% 40%,#35261f 0%,#151417 36%,#080a0d 78%);color:#f4eee5}
.hero:before{background:radial-gradient(ellipse at 76% 52%,rgba(179,108,67,.3),transparent 46%),linear-gradient(90deg,rgba(8,10,13,.96),rgba(8,10,13,.75) 38%,rgba(8,10,13,.08) 90%);opacity:1}
.hero:after{background:linear-gradient(0deg,#090b0d 0%,transparent 26%,rgba(6,7,8,.12) 100%)}
.hero h1 em{color:#edcba8}
.hero-intro{color:#e3d7cd}
.hero-visual{right:8%;top:16%;width:min(33vw,495px);height:76%;opacity:.95;filter:drop-shadow(0 25px 45px rgba(0,0,0,.4))}
.hero-visual img{object-fit:contain;object-position:center;transform:none;filter:contrast(1.07) saturate(.92)}
.hero-visual:before{inset:15% 0;filter:blur(42px);background:radial-gradient(ellipse,rgba(199,103,59,.29),transparent 65%)}
.hero-bottom{color:#c6aea0;border-top-color:rgba(240,222,208,.24)}
.eyebrow{color:#d8c1ae}
.services{background:#e9e7e0}
.section-heading h2 em{color:#8f7565}
.service-top h3{color:#18241c}
.service:nth-child(2) .service-top h3{color:#7c5448}
.web-pill{display:inline-flex;align-items:center;min-height:44px;transition:background .24s,color .24s;position:relative;z-index:3}
.web-pill:hover,.web-pill:focus-visible{background:#f4eee0;color:#18251a}
.feature-noctis{position:relative;isolation:isolate;display:grid;grid-template-columns:1.2fr .8fr;min-height:860px;background:#09090c;color:#f6ecdf;overflow:hidden;border-top:1px solid #2c241f}
.feature-noctis:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 45%,rgba(123,64,37,.27),transparent 58%),linear-gradient(125deg,#100e0f,#08090c 65%)}
.noctis-feature-copy{padding:clamp(90px,10vw,160px) 5vw;align-self:center;position:relative;z-index:3;max-width:900px}
.noctis-feature-copy .section-index{color:#cb986e}
.noctis-feature-number{margin:12vh 0 20px;color:#9b7a66;font-size:10px;letter-spacing:.24em}
.noctis-feature-copy h2{font:400 clamp(4rem,7.4vw,9.5rem)/.94 "Italiana",Georgia,serif;letter-spacing:-.045em;max-width:890px}
.noctis-feature-copy h2 em{font-style:normal;color:#d7a77c}
.noctis-feature-copy>p:not(.section-index,.noctis-feature-number){font-size:clamp(.9rem,1.25vw,1.12rem);line-height:1.8;color:#c9b4a8;max-width:450px;margin-top:36px}
.noctis-feature-meta{display:flex;flex-wrap:wrap;gap:20px;margin:43px 0 30px;padding-top:20px;border-top:1px solid rgba(220,171,125,.28);font-size:10px;letter-spacing:.12em;color:#b9947b}
.noctis-feature-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #d6a375;padding:12px 0;font-weight:600;font-size:13px;transition:color .2s}
.noctis-feature-link:hover{color:#e7b689}
.noctis-feature-image{display:block;position:relative;align-self:stretch;min-height:750px;overflow:hidden}
.noctis-feature-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(.83) contrast(1.09);transition:transform 1.2s,filter .8s}
.noctis-feature-image:hover img{transform:scale(1.045);filter:brightness(1) contrast(1.05)}
.noctis-feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09090c 0%,transparent 35%),linear-gradient(0deg,rgba(9,9,12,.55),transparent 35%);pointer-events:none}
.noctis-feature-image span{position:absolute;bottom:35px;right:42px;z-index:2;color:#eee1d1;font-size:10px;letter-spacing:.18em}
@media(max-width:920px){.feature-noctis{min-height:720px}.noctis-feature-image{min-height:720px}.feature-noctis .noctis-feature-copy{padding:80px 5vw}}
@media(max-width:700px){.hero{background:radial-gradient(ellipse at 80% 33%,#39251f,#090b0d 76%)}.hero:before{background:linear-gradient(180deg,rgba(9,11,13,.5),rgba(9,11,13,.35) 38%,#090b0d 95%)}.hero-visual{top:31%;right:-12%;width:78%;height:49%;opacity:.58;filter:none}.hero-visual img{object-fit:contain}.hero h1 em{color:#edcba8}.feature-noctis{display:flex;flex-direction:column;min-height:0}.noctis-feature-copy{order:1;padding:84px 24px 65px}.noctis-feature-number{margin:65px 0 22px}.noctis-feature-copy h2{font-size:clamp(4.2rem,13vw,7rem)}.noctis-feature-copy>p:not(.section-index,.noctis-feature-number){margin-top:27px}.noctis-feature-meta{gap:12px;margin-top:30px;font-size:9px}.noctis-feature-image{order:0;min-height:500px;height:62svh}.noctis-feature-image img{object-position:center 45%}.noctis-feature-image:after{background:linear-gradient(0deg,#09090c 0%,transparent 33%)}.noctis-feature-image span{right:24px;bottom:28px}}
@media(prefers-reduced-motion:reduce){.noctis-feature-image img,.web-pill{transition:none}}

/* CINEMA ENTRY / studio owns the hero; product worlds stay in their cases */
.studio-hero{position:relative;display:flex;flex-direction:column;min-height:max(830px,100svh);padding:0 clamp(24px,5.7vw,106px) 28px;isolation:isolate;overflow:hidden;background:#070a0f;color:#f1f0e9}
.studio-hero:before{inset:0;z-index:-3;background:linear-gradient(105deg,#070a0f 4%,rgba(7,10,15,.94) 40%,rgba(7,10,15,.3) 90%),radial-gradient(ellipse at 75% 36%,#354960 0%,#070a0f 72%)}
.studio-hero:after{z-index:0;background:linear-gradient(0deg,#070a0f,transparent 34%)}
.studio-eyeline{position:relative;z-index:5;display:flex;justify-content:space-between;gap:15px;padding-top:30px;color:#93aab9;font:600 10px "DM Sans",sans-serif;letter-spacing:.2em}
.studio-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.studio-beam{position:absolute;opacity:.43;filter:blur(32px);mix-blend-mode:screen;will-change:transform}
.studio-beam-a{width:55%;height:130%;right:-5%;top:-25%;transform:rotate(-16deg);background:linear-gradient(90deg,transparent,rgba(124,179,218,.17) 45%,transparent 60%);animation:beam-shift 14s ease-in-out infinite alternate}
.studio-beam-b{width:35%;height:95%;right:33%;top:-25%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(130,210,205,.12),transparent);animation:beam-shift 18s ease-in-out -6s infinite alternate-reverse}
.studio-volume{position:absolute;right:-18%;top:17%;width:min(46vw,680px);height:61%;transform:perspective(1100px) rotateY(-16deg) rotateX(8deg) rotateZ(-6deg);filter:drop-shadow(0 36px 55px #0008);animation:studio-drift 10s ease-in-out infinite alternate}
.studio-volume-back{position:absolute;inset:0 0 5% 17%;border:1px solid #bcd6eb53;background:linear-gradient(135deg,#6086a522,#11192666 68%,#81aabf15);box-shadow:inset 0 0 70px #9cbcd413}
.studio-volume-back span{position:absolute;top:25px;right:22px;max-width:150px;text-align:right;color:#acc4d3;font:600 8px/1.7 "DM Sans";letter-spacing:.2em}
.studio-volume-front{position:absolute;inset:11% 17% 11% 0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(25px,3vw,48px);border:1px solid #e2f1fd77;background:linear-gradient(145deg,#293f55ed,#0b131fea 58%,#1b3842d9);box-shadow:inset 0 0 100px #9ebfd814,25px 37px 80px #0009;backdrop-filter:blur(8px);overflow:hidden}
.studio-volume-front:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#e6f9ff15 48%,transparent 58%);animation:studio-light 10s ease-in-out infinite}
.studio-volume-front>span,.studio-volume-front small{z-index:1;position:relative;color:#aac4d9;font:600 9px/1.5 "DM Sans";letter-spacing:.21em}
.studio-volume-front strong{z-index:1;position:relative;color:#e1ebf0;font:500 clamp(3rem,4.7vw,6rem)/.9 "Space Grotesk",sans-serif;letter-spacing:-.12em;text-shadow:0 7px 28px #84bcde29}
.studio-volume-edge{position:absolute;left:18%;right:10%;bottom:2%;height:1px;background:#b2d5e0;box-shadow:0 0 23px 3px #b2d5e05c}
.studio-projection-floor{position:absolute;right:-18%;bottom:-5%;width:88%;height:38%;transform:perspective(600px) rotateX(68deg) rotateZ(-8deg);background:radial-gradient(ellipse,#9bc8db33,transparent 68%);filter:blur(20px)}
.studio-film-grain{position:absolute;inset:0;z-index:2;opacity:.065;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff13 4px 5px)}
.studio-hero .hero-copy{position:relative;z-index:5;max-width:65%;padding:clamp(55px,7vh,90px) 0 35px}
.studio-hero .eyebrow{margin-bottom:24px;color:#a1bcc8;font:700 10px "DM Sans";letter-spacing:.17em}
.studio-hero .live-dot{width:34px;height:1px;background:#c5eeeb;box-shadow:none}
.studio-hero h1{font:400 clamp(4.6rem,7.8vw,9.3rem)/.89 "Italiana",Georgia,serif;letter-spacing:-.052em;color:#f1f1ed;max-width:970px}
.studio-hero h1 em{font-style:normal;color:#bfe7e8}
.studio-hero .hero-intro{max-width:450px;margin-top:25px;color:#c2d0d9;font-size:clamp(.9rem,1.15vw,1.1rem);line-height:1.78}
.studio-hero .actions{margin-top:22px;gap:25px}
.studio-hero .btn{border-radius:0;min-height:53px;padding:15px 21px;font-size:12px}
.studio-hero .primary{background:#c9e7e7;color:#14202a}
.studio-hero .primary:hover{background:#ecffff}
.studio-hero .secondary{border:0;border-bottom:1px solid #e0eef06b;padding-left:0;padding-right:0;color:#e1eeee}
.studio-portal-nav{position:relative;z-index:6;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dceaf046;margin-top:auto}
.studio-portal-nav a{display:grid;grid-template-columns:1fr auto;gap:8px;align-content:center;min-height:94px;padding:18px 27px 18px 0;color:#f3f2ef;transition:background .25s,padding .25s}
.studio-portal-nav a+a{padding-left:31px;border-left:1px solid #dceaf046}
.studio-portal-nav .portal-num{grid-column:1;color:#86a9ba;font:700 9px "DM Sans";letter-spacing:.19em}
.studio-portal-nav strong{grid-column:1;font:400 clamp(1.6rem,2.7vw,3.2rem)/1 "Italiana",Georgia,serif}
.studio-portal-nav .portal-arrow{grid-column:2;grid-row:1/3;align-self:center;color:#bfe7e8;font-size:25px;transition:transform .25s}
.studio-portal-nav a:hover,.studio-portal-nav a:focus-visible{background:#d0ecf00c;padding-right:18px}
.studio-portal-nav a:hover .portal-arrow{transform:translate(5px,-4px)}
.studio-hero .hero-bottom{position:relative;z-index:4;left:auto;right:auto;bottom:auto;margin:0;padding-top:14px;border-color:#bfd5e51d;color:#91a7b4;font:700 9px "DM Sans";letter-spacing:.14em}
@keyframes studio-drift{to{transform:perspective(1100px) rotateY(-10deg) rotateX(6deg) rotateZ(-4deg) translateY(16px)}}
@keyframes beam-shift{to{transform:rotate(3deg) translateX(35px);opacity:.65}}
@keyframes studio-light{to{transform:translateX(35%)}}
@media(max-width:1000px){.studio-hero .hero-copy{max-width:70%}.studio-volume{right:-25%;width:50%;opacity:.7}}
@media(max-width:700px){.studio-hero{min-height:100svh;padding:0 22px 22px}.studio-eyeline{padding-top:26px;font-size:8px}.studio-eyeline span:last-child{display:none}.studio-hero .hero-copy{max-width:100%;padding:98px 0 44px}.studio-hero h1{font-size:clamp(4.1rem,14.5vw,6.1rem);line-height:.93}.studio-hero .eyebrow{font-size:8px;margin-bottom:26px}.studio-hero .hero-intro{max-width:320px;margin-top:26px;font-size:13px}.studio-hero .actions{gap:14px;margin-top:25px}.studio-hero .btn{min-height:47px;font-size:11px;padding:12px}.studio-hero .secondary{font-size:11px}.studio-volume{right:-37%;top:10%;width:114%;height:45%;opacity:.31;animation:none;transform:perspective(1100px) rotateY(-16deg) rotateX(8deg) rotateZ(-6deg)}.studio-volume-front strong{font-size:4.8rem}.studio-portal-nav{grid-template-columns:1fr}.studio-portal-nav a{min-height:72px;padding:13px 4px}.studio-portal-nav a+a{padding-left:4px;border-left:0;border-top:1px solid #dceaf02e}.studio-portal-nav strong{font-size:2rem}.studio-portal-nav .portal-arrow{font-size:20px}.studio-hero .hero-bottom{font-size:8px}.studio-hero .hero-bottom span:last-child{display:none}}
@media(max-width:400px){.studio-hero .hero-copy{padding-top:65px;padding-bottom:23px}.studio-hero h1{font-size:clamp(3.7rem,13.8vw,4.2rem)}.studio-hero .hero-intro{font-size:12px}.studio-portal-nav a{min-height:68px}}
@media(prefers-reduced-motion:reduce){.studio-volume,.studio-beam,.studio-volume-front:before{animation:none!important}.studio-portal-nav a,.studio-portal-nav .portal-arrow{transition:none}}

.studio-volume{transition:filter .5s ease}.studio-hero[data-preview="landing"] .studio-volume{filter:hue-rotate(92deg) drop-shadow(0 36px 55px #0008)}.studio-hero[data-preview="motion"] .studio-volume{filter:hue-rotate(-58deg) drop-shadow(0 36px 55px #0008)}