/* Nymela LAB V7 | Light Signature, compatible with the V6 working demos */
:root{--v7-ivory:#faf6ee;--v7-cream:#fffaf3;--v7-graphite:#18262a;--v7-petrol:#071f26;--v7-copper:#b67c57;--v7-soft:#dbc6b0}
body{background:#fffefa;color:var(--v7-graphite)}
.v7-opening{background:var(--v7-ivory);color:var(--v7-graphite)}
.v7-header{background:rgba(255,251,245,.94);border-color:rgba(129,88,57,.13);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.v7-header .header-inner{height:94px}.v7-header .brand img{width:176px;filter:none}
.v7-header .desktop-nav a{color:#354043;font-size:13px;font-weight:590}.v7-header .desktop-nav a:hover{color:#a66c48}
.v7-header .header-cta{background:#193037;color:#ffebd4;box-shadow:0 8px 24px #12323a19;letter-spacing:.005em}
.v7-header .menu-toggle{background:#fff6eb;border-color:#cdb8a4;color:#1e3b42}
.v7-header .mobile-nav{background:#fffaf4;border-top-color:#e5d8c9;box-shadow:0 22px 45px #19211c1a}
.v7-header .mobile-nav a{color:#17333a;border-bottom-color:#e5d8c9}
.v7-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 94% 8%,#f5dac4 0,transparent 25%),linear-gradient(114deg,#fffaf3 0%,#fbf7f1 46%,#f2e7da 100%)}
.v7-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#b5886521 1px,transparent 1px),linear-gradient(#b5886516 1px,transparent 1px);background-size:104px 104px;mask-image:linear-gradient(90deg,transparent 5%,black 95%);opacity:.34}
.v7-hero-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.v7-sweep{position:absolute;border:1px solid #bf8c6752;border-radius:50%}.v7-sweep-a{width:950px;height:950px;right:-790px;top:-680px;transform:rotate(23deg)}.v7-sweep-b{width:760px;height:760px;left:-620px;bottom:-560px;box-shadow:0 0 0 24px #e0b08b12;transform:rotate(-19deg)}
.v7-star{position:absolute;top:80px;right:9%;width:5px;height:5px;border-radius:50%;background:#e2aa79;box-shadow:0 0 0 6px #dca16d22,0 0 35px 11px #d6a17066}.v7-star-two{top:auto;bottom:125px;right:auto;left:3%}
.v7-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:.81fr 1.19fr;align-items:center;gap:55px;min-height:635px;padding-block:53px 45px}
.v7-hero-copy{position:relative;z-index:2}.v7-kicker{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.22em;color:#9b623d;font-weight:750}
.v7-kicker-dot{width:7px;height:7px;border-radius:50%;background:#bb835e;box-shadow:0 0 0 5px #daab8a31}
.v7-hero-copy h1{font-size:clamp(49px,5vw,76px);letter-spacing:-.069em;line-height:1.09;margin-top:31px;color:#172b2e;font-weight:770}
.v7-hero-copy h1 em{font-style:normal;color:#ae7452}.v7-subhead{font-size:17px;line-height:1.73;color:#59676a;max-width:485px;margin-top:26px}
.v7-hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:31px}
.v7-primary{background:linear-gradient(112deg,#dca77e,#bb7b57);border-color:#d4a47e;color:#132d31;box-shadow:0 8px 18px #b5794a2b,inset 0 1px #f9d4a2b0}
.v7-text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:720;color:#19353b;border-bottom:1px solid #b98c69;padding-block:8px}.v7-text-link span{color:#b77852;font-size:18px}
.v7-hero-caption{border-top:1px solid #bba08855;margin-top:82px;padding-top:22px;display:flex;gap:26px;font-size:9px;letter-spacing:.12em;color:#9c745c;font-weight:700}
.v7-showcase{height:515px;position:relative;border-radius:28px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 85% 3%,#1c5961 0,transparent 52%),radial-gradient(ellipse at -10% 110%,#875139 0,transparent 42%),linear-gradient(145deg,#092b31,#061d24 80%);border:1px solid #3f777356;box-shadow:0 30px 60px #17303635,0 5px 25px #b17d5e25,inset 0 1px #f2c09c40}
.v7-showcase:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,#c8a47b18 100%);pointer-events:none}
.v7-showcase-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,#e6ba8c0c 1px,transparent 1px),linear-gradient(#e6ba8c0c 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(115deg,transparent 5%,black 80%)}
.v7-orbit{position:absolute;border:1px solid #ca996e4c;border-radius:50%;width:470px;height:470px;right:-225px;top:-170px}.v7-orbit-b{width:340px;height:340px;left:-190px;bottom:-220px;top:auto;border-color:#73c7c440}
.v7-showcase-top{position:absolute;left:28px;right:28px;top:23px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#b1c4bf;font-size:9px;letter-spacing:.15em;z-index:4}.v7-live{color:#85c6b5;font-size:8px;white-space:nowrap}.v7-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#68c8b6;box-shadow:0 0 10px #68c8b6;margin-right:5px}
.v7-wires{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.v7-node{position:absolute;width:95px;height:92px;z-index:3;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.35;background:linear-gradient(143deg,#1a4851,#0e2c33);border:1px solid #8cc9b270;box-shadow:0 10px 27px #0009,inset 0 1px #ffffff22;color:#e7e8df}
.v7-node>span{font-size:24px;color:#dcb185}.v7-node strong{font-size:10px;font-weight:760;letter-spacing:.03em}.v7-node small{font-size:8px;color:#9ccbc5;margin-top:2px}
.v7-node-a{top:81px;left:6%;transform:rotate(-7deg)}.v7-node-b{top:68px;right:7%;transform:rotate(6deg)}.v7-node-c{bottom:90px;right:4%;transform:rotate(5deg)}.v7-node-d{bottom:63px;left:4%;transform:rotate(-4deg)}
.v7-screen{position:absolute;left:16%;top:162px;width:72%;height:241px;z-index:5;background:linear-gradient(130deg,#143840,#092731);border:1px solid #a8c4b055;border-radius:15px;transform:perspective(700px) rotateY(-5deg) rotateX(1deg);box-shadow:0 29px 51px #0008,0 0 34px #d99c6f20,inset 0 1px #d7d2bd35;overflow:hidden;color:#edeae2}
.v7-screen-head{height:43px;border-bottom:1px solid #a7c2b331;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:9px;letter-spacing:.13em}.v7-screen-head>span{display:flex;gap:4px}.v7-screen-head i{width:6px;height:6px;border-radius:50%;background:#dca77c;display:inline-block}.v7-screen-head i:nth-child(2){background:#93b6b3}.v7-screen-head i:nth-child(3){background:#6a8e8c}.v7-screen-head small{font-size:8px;color:#75bfb5}
.v7-screen-body{display:flex;height:calc(100% - 43px)}.v7-side{width:48px;background:#061d26a3;border-right:1px solid #b9c8ae22;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:20px;color:#8ca9a4;font-size:18px}.v7-side span:first-child{color:#edbf8b}
.v7-screen-main{flex:1;padding:17px 19px;min-width:0}.v7-screen-label{font-size:9px;letter-spacing:.17em;color:#74c7b5;font-weight:720}.v7-screen-main h3{font-size:20px;letter-spacing:-.045em;margin-top:5px;color:#faf4e9;font-weight:720}
.v7-flow{margin-top:19px;display:flex;gap:5px;align-items:center}.v7-flow div{min-width:0;flex:1;border:1px solid #7cb5ab4b;border-radius:9px;background:#13434b91;padding:8px 2px;display:flex;flex-direction:column;align-items:center;gap:1px}.v7-flow div span{color:#eac59b;font-size:18px}.v7-flow div b{font-size:10px}.v7-flow div small{font-size:8px;color:#a5beb6}.v7-flow>i{font-style:normal;color:#60c2af;font-size:15px}
.v7-status{display:flex;justify-content:space-between;gap:5px;margin-top:12px;border-top:1px solid #89bca839;padding-top:9px;font-size:8px;color:#a9c4ba}.v7-status i{display:inline-block;width:6px;height:6px;margin-right:4px;background:#6dc9af;border-radius:50%}
.v7-panel-note{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.16em;color:#b3c3bf}.v7-panel-note span{color:#e0ad79;font-size:14px;margin-right:9px}
.v7-hero-foot{position:relative;z-index:2;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c9ac9255;padding:20px 0 24px;color:#a07b62;font-size:9px;letter-spacing:.16em;font-weight:650}.v7-hero-foot i{font-style:normal;color:#b77753;margin-left:12px}
/* Extend the new identity through the original proven sections */
.intro-band{background:#fffaf4}.intro-band-inner{border-color:#d9c8b8}.intro-band p strong{color:#ac704e}
.services{background:#fffdfa}.section-top h2 em,.about h2 em,.contact h2 em{color:#b77754}
.section-kicker{color:#84614f}.section-kicker b{color:#b57a54}
.service{background:#fffdfa;border-color:#eadfd3;border-radius:19px;box-shadow:0 12px 34px #6c483108}.service-upper{border-radius:16px 16px 0 0}.service-lower{background:#fffdfa}
.service-auto .service-upper{background:linear-gradient(140deg,#173c42,#0e2e34)}.service-app .service-upper{background:linear-gradient(145deg,#ead7c8,#fcf2e9)}.service-web .service-upper{background:linear-gradient(145deg,#e5dbc8,#f4eee3)}
.manifesto{background:radial-gradient(ellipse at 94% 12%,#19515b,#082128 60%);border-top:1px solid #c39b7638;border-bottom:1px solid #c39b7638}
.portfolio{background:#fffaf3}.project{border-color:#e4d8cc;box-shadow:0 14px 45px rgba(30,50,49,.075)}.project-art{isolation:isolate}
.about{background:#fffdfa}.about-graphic{background:linear-gradient(140deg,#fbf2e8,#e8d8c9);border:1px solid #e0cbb8}.about-graphic>img{filter:drop-shadow(0 10px 14px #b27a5566)}
.contact{background:linear-gradient(120deg,#faf1e6,#fffaf4)}.contact-card{background:#fffefa;border-color:#e2d6cb;box-shadow:0 16px 40px #5d43200e}
.site-footer{background:#08232a}.site-footer img{filter:drop-shadow(0 0 8px #dbad7533)}
@media(max-width:1100px){.v7-hero-layout{grid-template-columns:.85fr 1.15fr;gap:24px}.v7-hero-copy h1{font-size:clamp(47px,5vw,62px)}.v7-showcase{height:475px}.v7-screen{top:147px}.v7-hero-caption{margin-top:45px}}
@media(max-width:860px){.v7-header .header-cta{display:none}.v7-hero-layout{grid-template-columns:1fr;gap:32px;padding-block:53px 38px}.v7-hero-copy{max-width:710px}.v7-hero-copy h1{font-size:clamp(52px,7vw,76px)}.v7-hero-caption{margin-top:35px}.v7-showcase{width:100%;max-width:670px;justify-self:center;height:510px}}
@media(max-width:640px){.v7-header .header-inner{height:73px}.v7-header .brand img{width:149px}.v7-hero-layout{padding-block:38px 24px;gap:25px}.v7-kicker{font-size:8px;letter-spacing:.125em}.v7-hero-copy h1{font-size:clamp(40px,10.5vw,56px);margin-top:21px;line-height:1.075}.v7-subhead{font-size:14px;line-height:1.66;margin-top:20px}.v7-hero-actions{gap:16px;margin-top:24px}.v7-hero-actions .btn{padding-inline:16px;font-size:12px;min-height:46px}.v7-text-link{font-size:11px}.v7-hero-caption{margin-top:27px;gap:13px;font-size:7px;letter-spacing:.08em}.v7-showcase{height:340px;border-radius:19px}.v7-showcase-top{left:15px;right:13px;top:16px;font-size:7px}.v7-live{font-size:6px}.v7-node{width:68px;height:68px;border-radius:11px}.v7-node>span{font-size:16px}.v7-node strong{font-size:7px}.v7-node small{font-size:6px}.v7-node-a{top:48px;left:4%}.v7-node-b{top:52px;right:4%}.v7-node-c{bottom:53px;right:2%}.v7-node-d{bottom:52px;left:3%}.v7-screen{left:12%;top:100px;width:79%;height:164px;border-radius:10px}.v7-screen-head{height:30px;padding-inline:9px;font-size:6px}.v7-screen-head small{font-size:6px}.v7-screen-head i{width:4px;height:4px}.v7-screen-body{height:calc(100% - 30px)}.v7-side{width:28px;gap:8px;padding-top:12px;font-size:10px}.v7-screen-main{padding:9px}.v7-screen-label{font-size:6px}.v7-screen-main h3{font-size:13px;margin-top:4px}.v7-flow{margin-top:10px;gap:2px}.v7-flow div{padding:5px 1px;border-radius:6px}.v7-flow div span{font-size:12px}.v7-flow div b{font-size:7px}.v7-flow div small{font-size:6px}.v7-flow>i{font-size:9px}.v7-status{font-size:6px;margin-top:8px;padding-top:6px}.v7-panel-note{bottom:13px;font-size:7px;letter-spacing:.08em}.v7-hero-foot{font-size:7px;padding:13px 0 18px;letter-spacing:.07em}}
@media(max-width:370px){.v7-hero-copy h1{font-size:38px}.v7-text-link{font-size:10px}.v7-hero-caption{gap:9px;font-size:6px}.v7-showcase{height:318px}.v7-screen{top:92px}.v7-hero-foot span:first-child{max-width:210px}}
@media(prefers-reduced-motion:reduce){.v7-node,.v7-screen{transform:none}}