/* SENCIA LAB — reference composition, native selectable copy. */
:root{color-scheme:dark;--navy:#020614;--white:#f8f7f5;--cold:linear-gradient(105deg,#00d9e9 0%,#087dff 32%,#823cff 61%,#f000d4 100%);--warm:linear-gradient(100deg,#ff2995 0%,#ff6170 40%,#ff953e 70%,#ffdf48 100%);--spectrum:linear-gradient(90deg,#00dfef,#155aff,#a800ff,#ff16b9,#ff694f,#ffe44d)}
*{box-sizing:border-box}
html{background:var(--navy)}
body{margin:0;color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.landing{position:relative;isolation:isolate;min-height:max(100svh,56.28vw);overflow:hidden;background:radial-gradient(ellipse at 45% 0%,#04152d 0,transparent 53%),#020614;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;align-content:start;padding:8.1vw 0 13.6vw 9.3vw}
.scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../assets/images/sencia-scene.webp') center/100% 100% no-repeat;/* Display only artwork: no rasterized headline, paragraph, or coming-soon label. */clip-path:polygon(57% 0,100% 0,100% 100%,0 100%,0 79%,57% 79%);mask-image:linear-gradient(90deg,transparent 45%,#000 64%)}
.brand{width:26.9vw;max-width:760px;margin-bottom:3.7vw}
.brand-crop{position:relative;width:100%;aspect-ratio:450/164;overflow:hidden;/* Exact approved logo shown through a responsive viewport. */mask-image:linear-gradient(#000 93%,transparent)}
.brand-crop img{position:absolute;width:371.556%;max-width:none;height:auto;left:-34.444%;top:-80.488%}
.message{width:48vw;max-width:1450px}
h1{font-size:4.07vw;font-weight:700;line-height:1.03;letter-spacing:-.04em;margin:0 0 1.65vw}
.headline-first,.headline-second{display:block;white-space:nowrap}
.ideas,.solutions{color:#eaa8e6;background:var(--cold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.solutions{background-image:var(--warm)}
.message>p{max-width:43vw;margin:0;font-size:1.64vw;font-weight:400;line-height:1.42;letter-spacing:-.025em;color:#ecebef}
.coming{margin-top:4vw;align-self:start;width:max-content;max-width:100%}
.gradient-line{display:block;width:9.9vw;height:5px;border-radius:5px;background:var(--spectrum)}
.coming p{margin:1.65vw 0 0;font-size:1.64vw;line-height:1.5;letter-spacing:.41em;font-weight:300}
.mobile-scene{display:none}
/* Feather artwork into the recreated dark field without exposing source copy. */
.landing{padding-bottom:11.5vw;background:radial-gradient(ellipse at 45% 0%,#03132a 0,transparent 55%),#000310}
.scene{clip-path:inset(0 0 0 57%);mask-image:linear-gradient(90deg,transparent 57%,#000 66%)}
.landing::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../assets/images/sencia-scene.webp') center/100% 100% no-repeat;mask-image:linear-gradient(transparent 79%,#000 84%)}
.brand-crop{mix-blend-mode:lighten}
@media(min-width:2400px){.gradient-line{height:8px}}
@media(min-width:768px) and (max-width:1199px){
 .landing{padding:9vw 6vw 12vw;min-height:max(100svh,70vw)}
 .brand{width:34vw;margin-bottom:6vw}
 .message{width:57vw}
 h1{font-size:4.65vw}
 .message>p{font-size:2vw;max-width:48vw;line-height:1.55}
 .scene{background-size:100% auto;background-position:center bottom;clip-path:inset(0 0 0 57%);opacity:.9}
 .landing::before{background-size:100% auto;background-position:center bottom;mask-image:linear-gradient(transparent calc(100% - 11.8vw),#000 calc(100% - 9vw))}
 .coming{margin-top:6vw}
 .coming p{font-size:2vw;margin-top:2.5vw}
 .gradient-line{width:15vw}
}
@media(max-width:767px){
 .landing{display:flex;flex-direction:column;min-height:100svh;padding:38px 26px 42px;background:radial-gradient(ellipse at 70% 30%,#051329 0,transparent 60%),#020614}
 .scene{display:none}
 .landing::before{display:none}
 .brand{width:260px;max-width:90%;margin-bottom:45px}
 .message{width:100%;max-width:540px}
 h1{font-size:clamp(32px,8.9vw,62px);line-height:1.08;letter-spacing:-.045em;margin-bottom:22px}
 .headline-first{white-space:normal}
 .headline-second{white-space:normal}
 .message>p{font-size:17px;line-height:1.6;max-width:36em;letter-spacing:-.015em}
 .mobile-scene{display:block;width:calc(100% + 52px);margin:22px -26px 0;aspect-ratio:1.05;flex-shrink:0;background:url('../assets/images/sencia-scene.webp') right center/250% auto no-repeat;mask-image:linear-gradient(transparent 0%,#000 8%,#000 84%,transparent 100%)}
 .coming{margin-top:8px;width:100%;align-self:auto}
 .gradient-line{width:122px;height:4px}
 .coming p{margin-top:20px;font-size:16px;letter-spacing:.35em;line-height:1.5}
}
@media(max-width:359px){.landing{padding-inline:20px}.brand{margin-bottom:32px}.mobile-scene{width:calc(100% + 40px);margin-inline:-20px}.coming p{font-size:14px;letter-spacing:.29em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.ideas,.solutions{-webkit-text-fill-color:CanvasText;background:none}.gradient-line{background:CanvasText}}