/* NYMELA LAB — V8 Signature Tech. Identity: copper + graphite on ivory, cinematic teal sections. */
:root{--v8-ink:#11272c;--v8-dark:#061c23;--v8-deep:#092831;--v8-ivory:#f8f3ec;--v8-copper:#c68760;--v8-metal:#e7b58b}
html{scroll-padding-top:90px}
body{font-family:Inter,'Inter Display',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:#faf7f1;color:var(--v8-ink)}
::selection{background:#c68760;color:#071e25}
a,button{ -webkit-tap-highlight-color: transparent }
:focus-visible{outline:3px solid #78c6c0;outline-offset:4px}
.v8-opening{background:var(--v8-dark)}
.v7-header{background:#fdf9f3;border-bottom:1px solid #d8c7b754;box-shadow:none}
.v7-header .header-inner{height:87px}
.v7-header .brand img{width:173px;height:auto;filter:none}
.v7-header .header-cta{background:#132f35;color:#fff5e8;border-radius:999px;padding:15px 22px}
.v7-header .desktop-nav a{font-size:13px;font-weight:570}
.v7-header .desktop-nav a:hover{color:#b77550}
.v8-hero{background:radial-gradient(ellipse at 93% 11%,#145760 0,transparent 43%),radial-gradient(ellipse at 0% 95%,#693e2c 0,transparent 36%),linear-gradient(115deg,#071b22 0%,#09242b 53%,#061a21 100%);color:#f7f0e7}
.v8-hero:before{opacity:.32;background-image:linear-gradient(#e6bc8730 1px,transparent 1px),linear-gradient(90deg,#e6bc8725 1px,transparent 1px);background-size:94px 94px;mask-image:linear-gradient(90deg,transparent 0%,black 45%,black 92%,transparent 100%)}
.v8-hero:after{content:'';position:absolute;bottom:-300px;right:-170px;width:850px;height:850px;border-radius:50%;border:1px solid #b38d6938;box-shadow:0 0 0 95px #164d531b,0 0 0 195px #d7a77a0c;pointer-events:none}
.v8-hero .v7-sweep{border-color:#e5b98834}
.v8-hero .v7-sweep-a{width:890px;height:890px;right:-690px;top:-560px}
.v8-hero .v7-sweep-b{left:-650px;bottom:-580px}
.v8-hero .v7-star{background:#e7b481;box-shadow:0 0 0 5px #da9b6030,0 0 29px 10px #e2ac776a}
.v8-hero .v7-hero-layout{min-height:680px;grid-template-columns:.94fr 1.06fr;gap:49px;padding-top:72px;padding-bottom:75px}
.v8-hero .v7-hero-copy{align-self:center}
.v8-hero .v7-kicker{color:#e5b68e;letter-spacing:.23em;font-size:10px;line-height:1.4}
.v8-hero .v7-kicker-dot{background:#60beb6;box-shadow:0 0 0 4px #63c7b62c,0 0 17px #51beb1a0}
.v8-hero .v7-hero-copy h1{font-size:clamp(48px,4.8vw,77px);margin-top:33px;line-height:1.115;letter-spacing:-.068em;color:#fff9f0;font-weight:750}
.v8-hero .v7-hero-copy h1 em{color:#dca17c;background:linear-gradient(107deg,#f1c79a,#ca845d 75%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.v8-hero .v7-subhead{color:#b7d0ce;max-width:480px;font-size:17px;line-height:1.74;margin-top:27px}
.v8-hero .v7-hero-actions{margin-top:34px;gap:32px}
.v8-hero .v7-primary{color:#10262c;background:linear-gradient(125deg,#f1c797,#c08059);border-color:#e5b78d;box-shadow:0 12px 40px #ca855e3a,inset 0 1px #fff8d7ad;border-radius:999px;padding:16px 20px 16px 22px}
.v8-hero .v7-primary:hover{transform:translateY(-2px);box-shadow:0 16px 44px #ca855e4c}
.v8-hero .v7-text-link{color:#f2dfd0;border-color:#b89472;font-size:13px}
.v8-hero .v7-text-link span{color:#e3ae82}
.v8-hero .v7-hero-caption{border-color:#d3b79736;color:#c59f82;margin-top:67px;gap:24px;font-size:9px}
.v8-hero .v7-showcase{height:535px;max-width:none;background:radial-gradient(ellipse at 95% 1%,#27616a,transparent 55%),radial-gradient(ellipse at 0% 100%,#8e4e36 0,transparent 38%),linear-gradient(136deg,#092931,#04191e 75%);border-color:#a7866d6e;box-shadow:0 44px 75px #0007,0 0 70px #2bb5b21b,inset 0 1px #e9b78e63;border-radius:25px}
.v8-hero .v7-showcase:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(117deg,transparent 40%,#d2a1780c 56%,transparent 74%);pointer-events:none}
.v8-hero .v7-showcase-top{color:#c4bbb0}
.v8-hero .v7-screen{top:176px;background:linear-gradient(135deg,#123941,#092631);box-shadow:0 32px 70px #0009,0 0 60px #d19d6b30}
.v8-hero .v7-node{background:linear-gradient(143deg,#27515a,#092b34);border-color:#d5a1746e;box-shadow:0 15px 30px #0009,0 0 20px #89b6a11b,inset 0 1px #ffffff2b}
.v8-hero .v7-node-a{top:102px}.v8-hero .v7-node-b{top:75px}.v8-hero .v7-node-c{bottom:75px}.v8-hero .v7-node-d{bottom:81px}
.v8-hero .v7-wires{opacity:1}
.v8-hero .v7-hero-foot{border-color:#d1b69a37;color:#c1a58b;padding:18px 0 25px}
.v8-hero .v7-hero-foot i{color:#f1bd89}
/* Dynamic details: subtle glow, reduced for accessible motion preference */
@keyframes v8pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.17)}}
@keyframes v8float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(prefers-reduced-motion:no-preference){.v8-hero .v7-node-a,.v8-hero .v7-node-b{animation:v8float 6s ease-in-out infinite}.v8-hero .v7-node-b{animation-delay:-3s}.v8-hero .v7-live i{animation:v8pulse 2.8s ease-in-out infinite}}
/* Visual rhythm: intentional light and dark, no beige wash */
.intro-band{background:#f9f4ec;border-bottom:1px solid #e6d9cd}.intro-band-inner{min-height:136px}.intro-band p{font-size:clamp(22px,2.15vw,34px);letter-spacing:-.045em}.intro-band p strong{color:#b27655}
.services{background:linear-gradient(180deg,#fffdfa 0%,#fbf7f1 100%);padding-top:99px;padding-bottom:90px}
.section-top{margin-bottom:40px}.section-top h2{letter-spacing:-.06em}.section-top h2 em{color:#ad7354}
.service{border-color:#e7d9ca;border-radius:18px;box-shadow:0 15px 35px #1f37350d;transition:transform .25s ease,box-shadow .25s ease}
.service:hover{transform:translateY(-4px);box-shadow:0 20px 38px #12383e1e}
.service-upper{min-height:246px}
.service-auto .service-upper{background:radial-gradient(circle at 87% 24%,#1b535a,transparent 55%),linear-gradient(130deg,#0a333b,#10282e)}
.service-app .service-upper{background:linear-gradient(145deg,#e7d3c3,#f9eee3)}
.service-web .service-upper{background:linear-gradient(145deg,#e8ddd2,#f3eee4)}
.service-lower{background:#fffdfa}
.services-end{margin-top:36px}
.manifesto{background:radial-gradient(ellipse at 83% 0%,#17646b,#092b32 48%,#071d24 90%);position:relative;isolation:isolate;overflow:hidden;border-block:1px solid #bca08053}
.manifesto::before{content:'';position:absolute;inset:0;background:radial-gradient(circle,#d2a579 1px,transparent 2px) 0 0/64px 64px;opacity:.12;pointer-events:none}
.manifesto::after{content:'';position:absolute;width:680px;height:680px;border:1px solid #bc866044;border-radius:50%;right:-290px;top:-250px;pointer-events:none}
.manifesto .manifesto-inner{min-height:302px;position:relative;z-index:2}.manifesto p{font-size:clamp(26px,3vw,43px)}.manifesto p em{color:#e2ad87}
.portfolio{background:#fcf8f1;padding-top:108px;padding-bottom:105px}
.portfolio-top{margin-bottom:38px}
.project{background:#fff;box-shadow:0 24px 50px #233c3c12;border:1px solid #e6d9cb;border-radius:19px;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease}
.project:hover{transform:translateY(-3px);box-shadow:0 28px 58px #223e3e22}
.project-art-terra{background-color:#1b352e}
.project-meta{background:#fffdfa}
.project-open{cursor:pointer}.project-open:focus-visible{outline:3px solid #0e9c96;outline-offset:4px}
.project-open b{background:#15353c;color:#f6e1c7}
.portfolio-disclaimer{margin-top:27px;padding-top:21px;border-top:1px solid #e3d5c7}
.about{background:#fffdfa;padding-top:105px;padding-bottom:105px;border-top:1px solid #e6ddd4}
.about-graphic{background:radial-gradient(circle at 75% 27%,#e8c3a5,transparent 56%),linear-gradient(135deg,#f4ebe0,#e7d6c5);border:1px solid #d8bea7;box-shadow:inset 0 1px #fff9f0}
.about-graphic>img{filter:drop-shadow(0 14px 23px #734d3655)}
.contact{background:radial-gradient(ellipse at 100% 10%,#19505a 0,transparent 49%),linear-gradient(125deg,#071b23,#102f37);color:#f5eee6;position:relative;overflow:hidden;border-top:1px solid #ad845b66}
.contact:before{content:'';position:absolute;width:720px;height:720px;border-radius:50%;border:1px solid #d9a26b40;right:-390px;top:-190px;pointer-events:none}
.contact-left h2{color:#f6f0e7}.contact h2 em{color:#dfa47b}.contact-left>p:not(.section-kicker){color:#bbcdc9}.contact .section-kicker{color:#d2ab90}.contact .section-kicker b{color:#e0a678}.contact-caption{color:#d8af91}
.contact-card{background:#fcf8f1;border:1px solid #be957477;box-shadow:0 30px 75px #0005;color:#162d33}
.contact-linkedin span:last-child{color:#747b78}
.site-footer{background:#04171d;border-top:1px solid #a97e5c46}
/* Be more intentional with the mobile composition */
@media(max-width:1050px){.v8-hero .v7-hero-layout{grid-template-columns:.92fr 1.08fr;gap:24px}.v8-hero .v7-hero-copy h1{font-size:clamp(46px,5.2vw,64px)}.v8-hero .v7-showcase{height:485px}.v8-hero .v7-screen{top:150px}.v8-hero .v7-hero-caption{margin-top:41px}}
@media(max-width:860px){.v8-hero .v7-hero-layout{grid-template-columns:1fr;gap:29px;min-height:0;padding-top:62px;padding-bottom:39px}.v8-hero .v7-hero-copy{max-width:720px}.v8-hero .v7-hero-copy h1{font-size:clamp(52px,8vw,78px)}.v8-hero .v7-showcase{width:100%;max-width:690px;height:480px;justify-self:center}.v8-hero .v7-screen{top:155px}.v8-hero .v7-hero-caption{margin-top:45px}}
@media(max-width:640px){
 .v7-header .header-inner{height:77px}.v7-header .brand img{width:154px}
 .v7-header .menu-toggle{border-radius:10px}
 .v8-hero .v7-hero-layout{padding-top:41px;gap:18px;padding-bottom:27px}
 .v8-hero .v7-kicker{font-size:8px;letter-spacing:.18em}
 .v8-hero .v7-hero-copy h1{font-size:clamp(42px,10.6vw,59px);line-height:1.08;margin-top:23px;letter-spacing:-.066em}
 .v8-hero .v7-subhead{font-size:14px;line-height:1.65;margin-top:19px;max-width:370px}
 .v8-hero .v7-hero-actions{margin-top:22px;gap:22px}.v8-hero .v7-primary{padding:12px 18px}.v8-hero .v7-text-link{font-size:11px}
 .v8-hero .v7-hero-caption{margin-top:29px;gap:12px;font-size:7.4px;padding-top:15px;letter-spacing:.09em}
 .v8-hero .v7-showcase{height:330px;max-width:420px;border-radius:18px;margin-top:5px}
 .v8-hero .v7-showcase-top{top:17px;left:14px;right:14px;font-size:6px}.v8-hero .v7-live{font-size:5px}
 .v8-hero .v7-screen{top:106px;left:13%;width:76%;height:169px;border-radius:10px}
 .v8-hero .v7-screen-head{height:29px;padding-inline:9px;font-size:6px}.v8-hero .v7-screen-head small{font-size:5.5px}
 .v8-hero .v7-screen-body{height:calc(100% - 29px)}.v8-hero .v7-side{width:31px;padding-top:12px;gap:7px;font-size:11px}
 .v8-hero .v7-screen-main{padding:10px 9px}.v8-hero .v7-screen-label{font-size:6px}.v8-hero .v7-screen-main h3{font-size:13px;margin-top:3px}
 .v8-hero .v7-flow{margin-top:12px;gap:3px}.v8-hero .v7-flow div{padding:4px 1px;border-radius:6px}.v8-hero .v7-flow div span{font-size:13px}.v8-hero .v7-flow div b{font-size:6px}.v8-hero .v7-flow div small{font-size:5px}.v8-hero .v7-flow>i{font-size:11px}
 .v8-hero .v7-status{font-size:5px;margin-top:7px;padding-top:5px}
 .v8-hero .v7-node{width:58px;height:65px;border-radius:10px}.v8-hero .v7-node>span{font-size:17px}.v8-hero .v7-node strong{font-size:7px}.v8-hero .v7-node small{font-size:5px}
 .v8-hero .v7-node-a{top:57px;left:4%}.v8-hero .v7-node-b{top:43px;right:4%}.v8-hero .v7-node-c{bottom:37px;right:3%}.v8-hero .v7-node-d{bottom:44px;left:3%}
 .v8-hero .v7-panel-note{bottom:11px;font-size:6px}.v8-hero .v7-panel-note span{font-size:9px}
 .v8-hero .v7-hero-foot{padding:14px 0 18px;font-size:7px}
 .intro-band-inner{min-height:110px}.intro-band p{font-size:21px}
 .services{padding:77px 0}.service-upper{min-height:190px}
 .manifesto .manifesto-inner{min-height:248px}.manifesto p{font-size:26px}
 .portfolio{padding:78px 0}.project-art-terra{height:320px}.about{padding:78px 0}
 .contact{padding:75px 0}.contact-card{padding:23px}
}
@media(max-width:370px){.v7-header .brand img{width:137px}.v8-hero .v7-hero-copy h1{font-size:39px}.v8-hero .v7-showcase{height:295px}.v8-hero .v7-screen{top:91px;height:159px}.v8-hero .v7-hero-caption{gap:8px;font-size:6.5px}.v8-hero .v7-primary{font-size:11px}}
@media(prefers-reduced-motion:reduce){.v8-hero .v7-node{animation:none!important}.service,.project{transition:none!important}}
/* Final polish: text on the pale brand panel must remain legible. */
.about-graphic>p{color:#243338}
.about-graphic>p em{color:#9b6044}
.about-symbols{color:#6c7c7e}
.service-symbol{display:inline-grid;place-items:center;cursor:pointer;text-decoration:none}
.service-symbol:hover{background:#143940;color:#fff4e6}

/* V8.2 editorial review: corrected service preview and future email form */
.v8-hero .v7-hero-copy h1{margin-top:0}
.web-art-page{padding:0;overflow:hidden;background:#17372e;display:flex;flex-direction:column}
.web-art-page .web-art-chrome{height:29px;flex:0 0 29px;background:#fffaf3;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font:600 8px/1 system-ui,sans-serif;letter-spacing:.08em;color:#59655e}
.web-art-page .web-art-dots{color:#ba8661;letter-spacing:.08em}
.web-art-page>img{display:block;width:100%;height:calc(100% - 29px);object-fit:cover;object-position:top center}
.contact-card .contact-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-card .contact-field{min-width:0}
.contact-card input{display:block;width:100%;min-width:0;padding:13px 14px;margin-bottom:17px;border:1px solid #e6ded5;border-radius:12px;background:#fffdfa;color:#162d33;font:inherit;font-size:14px;outline-color:#52b5ae}
.contact-card input::placeholder,.contact-card textarea::placeholder{color:#89928c}
.contact-card button:disabled{opacity:.57;cursor:not-allowed;filter:grayscale(.2)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:480px){.contact-card .contact-fields-row{grid-template-columns:1fr;gap:0}}