@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap');
:root{--bg:#0b0d10;--panel:#15191d;--panel2:#1d2228;--text:#f4f1eb;--muted:#a7a8aa;--accent:#db853d;--border:#34383a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1240px,calc(100% - 76px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(11,13,16,.92);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(20px)}.nav-wrap{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;flex:none}.brand img{max-height:56px;max-width:210px;object-fit:contain}.brand-monogram{font:700 50px/.8 Outfit;letter-spacing:-5px}.brand-monogram span{color:var(--accent)}.brand-text{font:700 17px/1 Outfit;letter-spacing:.18em}.brand-text small{display:block;letter-spacing:.49em;font:500 11px Outfit;margin-top:7px}.main-nav{display:flex;align-items:center;gap:24px}.main-nav>a,.nav-dropdown-button{color:#ced0d0;font-size:12px;font-weight:700;letter-spacing:.05em;white-space:nowrap}.main-nav>a:hover,.main-nav .active,.nav-dropdown-button:hover{color:var(--accent)}.main-nav .nav-cta{border:1px solid var(--accent);color:var(--accent);padding:13px 17px;transition:.2s}.main-nav .nav-cta:hover{background:var(--accent);color:#141414}.nav-dropdown{position:relative}.nav-dropdown-button{border:0;cursor:pointer;background:none;padding:10px 0}.dropdown-links{position:absolute;top:100%;left:-20px;min-width:180px;padding:12px;background:#181c20;border:1px solid var(--border);box-shadow:0 14px 40px #0009;display:none}.nav-dropdown:hover .dropdown-links,.nav-dropdown:focus-within .dropdown-links,.nav-dropdown.open .dropdown-links{display:grid}.dropdown-links a{font-size:13px;padding:9px 12px;color:#ddd}.dropdown-links a:hover{color:var(--accent);background:#292c30}.menu-toggle{display:none}.hero{position:relative;min-height:710px;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#252223 0%,transparent 46%),linear-gradient(120deg,#0b0d10,#12161a 70%)}.hero:not(.hero-first){min-height:570px}.hero-backdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49.9%,#ffffff08 50%),linear-gradient(0deg,transparent 49.9%,#ffffff08 50%);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4%;min-height:710px;padding:85px 0}.hero:not(.hero-first) .hero-grid{min-height:570px}.hero-copy{max-width:700px}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--accent);letter-spacing:.2em;font:700 11px/1.5 'DM Sans',sans-serif;text-transform:uppercase}.small-line{display:block;height:1px;width:28px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif;line-height:1.08}h1{font-size:clamp(51px,6vw,93px);letter-spacing:-.045em;margin:27px 0 28px;font-weight:600}h2{font-size:clamp(39px,4.1vw,64px);font-weight:600;letter-spacing:-.04em}h3{font-weight:500}.hero-copy>p{font-size:17px;max-width:570px;color:#bcbec1;line-height:1.9}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-size:12px;letter-spacing:.09em;font-weight:800;padding:17px 24px;transition:transform .2s,background .2s;border:1px solid var(--accent);min-height:54px}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--accent);color:#111}.btn.primary:hover{background:#f4a45b}.btn.outlined{color:var(--text);border-color:#777}.btn.outlined:hover{border-color:var(--accent)}.hero-points{display:flex;flex-wrap:wrap;gap:15px;margin-top:80px;color:#737a7d;font-size:10px;letter-spacing:.23em}.hero-points span:nth-child(even){color:var(--accent)}.hero-visual{height:530px;display:grid;place-items:center;position:relative;min-width:0}.hero-visual>img{width:100%;height:100%;object-fit:cover;border:1px solid #ffffff13;filter:saturate(.8)}.hero-orbit{position:relative;width:min(520px,100%);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 60px #c47d3338)}.hero-orbit:before{content:'';position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 25% 25%,#684b36,#222328 48%,#0a0d0f 73%);box-shadow:inset 8px 12px 30px #fff1,inset -25px -35px 55px #000,0 0 80px #bc72331e}.orbit{position:absolute;border:1px solid #b78a645d;border-radius:50%;width:100%;height:34%;transform:rotate(-35deg);box-shadow:0 0 20px #b5743220}.orbit-b{transform:rotate(57deg);width:95%;height:38%}.orbit-c{transform:rotate(4deg);width:87%;height:87%;border:1px dotted #ffffff32}.orbit-core{position:relative;font:600 clamp(110px,15vw,205px)/1 Outfit;letter-spacing:-.1em;color:#faf4e9;text-shadow:0 5px 40px #0009}.orbit-core span{color:var(--accent)}.visual-label{position:absolute;right:2%;bottom:3%;font-size:10px;letter-spacing:.2em;color:#aaa}.visual-label b{color:var(--accent);display:block}.section{padding:135px 0}.intro{border-bottom:1px solid #ffffff13}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:end}.intro-grid h2{margin:22px 0 0;max-width:650px}.intro-detail{border-top:1px solid var(--accent);padding-top:24px}.intro-detail p{color:#b3b6b6;font-size:17px;line-height:2}.corner-mark{display:block;font-size:34px;color:var(--accent);margin-bottom:15px}.section-head{max-width:780px;margin-bottom:55px}.section-head h2{margin:20px 0}.section-head p{color:var(--muted);font-size:17px;max-width:660px}.services-section{background:#101317}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.project-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{border:1px solid #34373a;background:#191d21;transition:border-color .2s,transform .3s;overflow:hidden}.service-card:hover{border-color:var(--accent);transform:translateY(-6px)}.card-art{position:relative;aspect-ratio:1/1.08;background:linear-gradient(145deg,#3c302a,#101317 60%);overflow:hidden;display:grid;place-items:center}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.service-card:hover img{transform:scale(1.05)}.card-art-2{background:linear-gradient(135deg,#202d34,#0a1015 65%)}.card-art-3{background:linear-gradient(135deg,#403126,#101316 65%)}.card-art-4{background:linear-gradient(135deg,#282b34,#0f1016 65%)}.card-art-5{background:linear-gradient(135deg,#44312d,#131316 65%)}.card-art-6{background:linear-gradient(135deg,#393426,#14141a 65%)}.card-art:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,transparent,#0003)}.card-index{position:absolute;left:22px;top:20px;z-index:2;color:#fffa;font-size:12px}.abstract-object{width:54%;height:54%;position:relative;transform:rotate(-18deg)}.abstract-object i{display:block;position:absolute;inset:0;border-radius:10%;background:linear-gradient(130deg,#e3a466,#694630 60%,#28201b);box-shadow:22px 26px 35px #0009;transform:perspective(500px) rotateX(40deg) rotateZ(-30deg)}.abstract-object i:nth-child(2){inset:24%;background:linear-gradient(135deg,#161d22,#505459);transform:perspective(500px) rotateX(55deg) rotateZ(10deg)}.abstract-object i:nth-child(3){inset:42%;background:var(--accent);border-radius:50%;transform:none;box-shadow:0 0 40px #c37635}.card-art-2 .abstract-object{transform:rotate(35deg)}.card-art-3 .abstract-object{transform:rotate(60deg)}.card-art-4 .abstract-object{transform:rotate(-45deg)}.card-body{padding:27px 22px;min-height:145px;display:flex;justify-content:space-between;gap:8px}.card-body h3{font-size:23px;margin:0 0 7px}.card-body p{color:#9ea3a5;font-size:13px;line-height:1.5}.circle-arrow{width:30px;height:30px;display:grid;place-items:center;border:1px solid #777;border-radius:50%;flex:none;font-size:17px}.projects-section{background:var(--bg)}.features-section{background:#15191d}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;border-top:1px solid #444;padding-top:35px}.feature{padding:10px 0}.feature-index{color:var(--accent);font-size:12px;letter-spacing:.1em}.feature h3{font-size:26px;line-height:1.2;margin:45px 0 18px}.feature p{font-size:14px;color:#a9afb0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{border-top:1px solid #555;padding-top:16px}.step-no{font:300 55px Outfit;color:var(--accent)}.step h3{font-size:25px;margin:20px 0 10px}.step p{color:var(--muted);font-size:14px}.cta-section{padding:110px 0}.cta-inner{background:radial-gradient(circle at 92% 20%,#7f45232f,transparent 45%),linear-gradient(120deg,#25201d,#17191b);padding:clamp(45px,8vw,105px);border:1px solid #504039}.cta-inner .section-head{max-width:800px}.cta-inner h2{font-size:clamp(40px,5.2vw,76px)}.contact-details{padding-top:30px}.contact-mail{font:500 clamp(24px,4vw,55px) Outfit;color:var(--accent);overflow-wrap:anywhere}.contact-details h2{margin:18px 0}.footer{background:#08090b;border-top:1px solid #323334;padding:80px 0 0}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:70px}.footer-brand{font:700 27px Outfit;letter-spacing:.13em}.footer-brand span{color:var(--accent)}.footer-top p{color:#a5a6a5}.footer-links{display:grid;align-content:start;gap:12px}.footer-links a{font-size:14px;color:#aaa}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid #272727;padding:22px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#727778;font-size:11px;letter-spacing:.08em}
@media(max-width:1100px){.main-nav{gap:14px}.main-nav>a,.nav-dropdown-button{font-size:11px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:0}.hero-visual{height:440px}.hero-points{margin-top:45px}}
@media(max-width:820px){.container{width:min(100% - 38px,680px)}.nav-wrap{min-height:74px}.menu-toggle{display:grid;gap:5px;border:0;background:none;padding:14px;cursor:pointer}.menu-toggle span{display:block;width:26px;height:2px;background:var(--text)}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#121517;flex-direction:column;align-items:stretch;padding:22px 28px 30px;border-bottom:1px solid #444;gap:0;max-height:calc(100vh - 74px);overflow-y:auto}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown-button{font-size:14px;padding:13px 0}.main-nav .nav-cta{margin-top:15px;text-align:center}.nav-dropdown{width:100%}.nav-dropdown-button{width:100%;text-align:left}.dropdown-links{display:grid;position:static;border:0;box-shadow:none;background:#202428;margin:4px 0 12px}.hero,.hero:not(.hero-first){min-height:auto}.hero-grid,.hero:not(.hero-first) .hero-grid{grid-template-columns:1fr;min-height:0;padding:90px 0 45px}.hero-copy{max-width:100%}h1{font-size:clamp(49px,10vw,75px)}.hero-visual{height:min(70vw,400px)}.hero-orbit{width:min(70vw,350px)}.hero-points{margin-top:35px}.section{padding:80px 0}.intro-grid{grid-template-columns:1fr;gap:32px}.features,.steps{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}}
@media(max-width:520px){h1{font-size:49px}.cards,.project-cards,.features,.steps{grid-template-columns:1fr}.hero-grid{padding-top:65px}.hero-visual{height:320px}.hero-orbit{width:300px}.hero-points{gap:9px;font-size:9px}.actions{flex-direction:column;align-items:stretch}.btn{width:100%}.card-art{aspect-ratio:1.4}.feature h3{margin-top:23px}.step-no{font-size:40px}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.footer-bottom{display:grid}.cta-inner{padding:35px 25px}.section-head{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Veinwood Editor 2 – layout options */
.layout-align-center .section-head,.layout-align-center .hero-copy,.layout-align-center .intro-grid{text-align:center}
.layout-align-right .section-head,.layout-align-right .hero-copy{text-align:right}
.layout-space-compact.section{padding-top:42px;padding-bottom:42px}
.layout-space-spacious.section{padding-top:140px;padding-bottom:140px}
.layout-cols-2 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.layout-cols-3 .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.layout-cols-4 .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
body:has(script[src*="preview.js"]) .veinwood-editable-section{position:relative;outline:1px dashed transparent;outline-offset:-3px;transition:outline-color .15s}
body:has(script[src*="preview.js"]) .veinwood-editable-section:hover{outline-color:#db853d88}
body:has(script[src*="preview.js"]) .veinwood-editable-section.veinwood-selected{outline:3px solid #db853d;outline-offset:-3px}
body:has(script[src*="preview.js"]) [contenteditable=true]{cursor:text}
body:has(script[src*="preview.js"]) [contenteditable=true]:focus{outline:2px dashed #db853d;outline-offset:4px}
@media(max-width:800px){.layout-cols-4 .cards,.layout-cols-3 .cards,.layout-cols-2 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.layout-cols-4 .cards,.layout-cols-3 .cards,.layout-cols-2 .cards{grid-template-columns:1fr}}

/* Video blocks – privacy-conscious two-click embedding */
.video-consent{aspect-ratio:16/9;width:min(100%,970px);margin:30px auto;border:1px solid #4a3a2e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px;text-align:center;background:radial-gradient(circle at 50% 50%,#34251d,#0d0e10 65%);}
.video-consent p{max-width:550px;color:#c7c0b6;margin:0}.video-icon{font-size:48px;color:var(--accent)}
.video-consent.playing{padding:0;display:block}.video-consent iframe{width:100%;height:100%;border:0;display:block}
