@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Montserrat:wght@800&display=swap');
:root{--ink:#111210;--ivory:#efeee7;--lime:#d5ff70;--muted:#96988f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--ink);color:var(--ivory);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff20}.brand{display:block;width:190px;height:48px;overflow:hidden;position:relative}.brand img{width:190px;height:auto;position:absolute;top:-29px}nav{display:flex;gap:38px;align-items:center;font-size:13px}.nav-contact{border:1px solid #73756b;border-radius:40px;padding:13px 21px}.nav-contact span{margin-left:24px}.hero{padding:34px 5% 36px;overflow:hidden}.hero-top,.hero-bottom,.section-heading,.contact-bottom{display:flex;justify-content:space-between;align-items:center}.eyebrow,.edition,.section-tag,.mini-label,.tags,.scroll-label,.intro-foot,.number,.next-business>span,footer,.object-caption{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:1.5px;font-weight:500}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.edition,.scroll-label{color:var(--muted)}.hero-title{position:relative;min-height:510px;display:flex;align-items:center}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(90px,12.6vw,195px);line-height:.94;position:relative;z-index:2}em{font-style:normal;color:var(--lime)}.sculpture{position:absolute;right:1%;top:4%;width:46%;height:93%;perspective:800px;background:radial-gradient(ellipse,#d5ff7009,transparent 65%)}.orbit{position:absolute;border:2px solid #999e8b;border-radius:50%;width:77%;height:77%;left:12%;top:10%;box-shadow:inset 4px 1px 12px #d9dfca20,3px 2px 4px #000,0 0 1px 1px #d9dfca33;transform:rotate(-30deg) rotateY(42deg)}.orbit-two{transform:rotate(30deg) rotateY(58deg);border-width:12px;border-color:#a8ae9a #3a3f34 #d1d7c1 #777d69}.orbit-three{transform:rotate(-30deg) rotateX(65deg);border:10px solid #8d9676}.core{position:absolute;inset:0;display:grid;place-items:center;font-size:280px;font-weight:500;color:#d2d8c1;text-shadow:3px 4px #6d755c,6px 9px #252a20;transform:rotate(-14deg);font-family:Arial,sans-serif}.cross{position:absolute;color:#d5ff7070;font-size:20px}.cross.a{top:5%;right:10%}.cross.b{bottom:10%;left:7%}.object-caption{position:absolute;right:0;bottom:0;color:#808576;font-size:8px;line-height:1.8}.hero-bottom{padding-top:22px}.hero-bottom p,.contact-bottom p{font-size:13px;line-height:1.8;color:#b3b5aa}.round-link{display:flex;gap:22px;align-items:center;font-size:12px}.round-link b{border:1px solid #5f6553;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-weight:400;font-size:20px}.ticker{margin-top:16px;padding:24px 5%;border-block:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;font-size:clamp(12px,2.5vw,38px);letter-spacing:-1px}.ticker b{color:var(--lime);font-weight:400}.light{background:var(--ivory);color:var(--ink)}.intro{padding:94px 5% 32px;display:grid;grid-template-columns:1fr 3fr;gap:30px}.section-tag{padding-top:9px}.intro h2,.connection h2,.businesses>h2{font-size:clamp(40px,5.2vw,80px);line-height:1.13}.intro h2 span,.connection h2 span{color:#909485}.intro-copy{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;margin:44px 0 75px}.intro-copy p:first-child{font-size:23px;max-width:250px;line-height:1.4}.intro-copy p:last-child{font-size:14px;line-height:1.9;color:#66695f;max-width:380px}.intro-foot{grid-column:1/-1;border-top:1px solid #11121030;padding-top:23px;display:flex;justify-content:space-between}.intro-foot span:last-child{font-size:28px}.businesses{padding:85px 5% 60px}.section-heading p{font-size:13px;line-height:1.6;color:#a4a89b}.businesses>h2{margin:46px 0 58px}.businesses>h2 span{color:#818777}.business-row{background:none;color:inherit;text-align:left;border:0;border-top:1px solid #ffffff30;width:100%;padding:35px 0;display:grid;grid-template-columns:7% 1fr 25% 8%;gap:10px;align-items:center;transition:padding .3s,background .3s}.business-row:hover{padding-left:16px;background:#ffffff03}.number{align-self:start;padding-top:8px;color:#898f7d}.mini-label{color:var(--lime);font-size:8px}.business-name h3{font-size:clamp(30px,4.2vw,64px);margin:12px 0}.business-name p{font-size:13px;color:#b7baae}.tags{display:block;color:#868d7c;font-size:8px;margin-top:27px;line-height:1.6}.arrow{font-size:38px;justify-self:end}.business-art{height:155px;position:relative;overflow:hidden}.studio-art{background:#cfdbb5;display:flex;align-items:center;justify-content:center;transform:rotate(-3deg)}.studio-art span{height:110px;width:44px;background:#373f2c;transform:skew(-18deg);margin:0 6px;box-shadow:8px 8px #a2b47b}.studio-art span:nth-child(2){height:75px}.studio-art span:nth-child(3){height:40px}.tech-art{background:radial-gradient(circle,#38472a,#192014);display:grid;place-items:center}.tech-art div{width:110px;height:110px;border:1px solid var(--lime);border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 8px,#d5ff7070 9px 10px);box-shadow:0 0 30px #d5ff7019;transform:rotate(-28deg)}.next-business{border-top:1px solid #ffffff30;padding:27px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.next-business p{font-size:18px;letter-spacing:-.5px}.next-business>span{font-size:8px;color:#9da48f}.draft-note{font-size:10px;color:#8f957f;line-height:1.7;margin-top:18px}.connection{padding:80px 5% 85px}.connection h2{margin:40px 0 65px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principles article{border-top:1px solid #11121040;padding-top:18px}.principles article>span{font-size:11px;color:#73796b}.principles h3{font-size:25px;letter-spacing:-1px;margin:35px 0 17px}.principles p{font-size:13px;color:#686e60;line-height:1.8;max-width:290px}.contact{padding:70px 5%}.contact h2{font-size:clamp(65px,10.7vw,165px);line-height:1.05;margin:65px 0 45px}.contact-bottom{gap:30px}.contact-button{border:0;background:var(--lime);color:var(--ink);padding:20px 25px;border-radius:2px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:65px}.contact-button:hover{background:#e4ffac}.contact-button span{font-size:20px}footer{border-top:1px solid #ffffff25;padding:25px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:8px;color:#969d89}footer .brand{width:140px;height:38px}footer .brand img{width:140px;top:-21px}dialog{width:min(620px,92vw);max-height:90vh;border:1px solid #545e45;background:var(--ink);color:var(--ivory);padding:48px}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog h2{font-size:50px;line-height:1.1;margin:25px 0}dialog p{font-size:14px;line-height:1.8;color:#aeb69f}dialog .close{position:absolute;right:18px;top:12px;font-size:28px;background:none;border:0;color:var(--ivory)}#dialog-services{border-block:1px solid #ffffff30;margin:28px 0;padding:20px 0;line-height:2;color:var(--lime)}.dialog-cta{display:inline-block;padding:14px 0;color:var(--lime)}form{display:grid;gap:20px;margin-top:24px}label{display:grid;gap:8px;font-size:12px}input,textarea,select{width:100%;background:#1c2018;color:var(--ivory);border:1px solid #505743;padding:12px;border-radius:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}@media(min-width:1000px){.orbit-one{animation:float 12s ease-in-out infinite}@keyframes float{50%{transform:rotate(-16deg) rotateY(52deg)}}}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:750px){header{height:80px}.brand{width:145px;height:40px}.brand img{width:145px;top:-21px}nav{gap:18px}nav>a:not(.nav-contact){display:none}.nav-contact{padding:10px 14px;font-size:11px}.hero{padding-top:26px}.edition,.scroll-label{display:none}.eyebrow{font-size:8px;letter-spacing:1px}.hero-title{min-height:610px;align-items:flex-start;padding-top:42px}h1{font-size:clamp(78px,18vw,130px)}.sculpture{top:235px;width:90%;height:340px;right:-8%}.core{font-size:210px}.object-caption{right:8%;font-size:7px}.hero-bottom{align-items:flex-end;gap:20px}.hero-bottom p{font-size:10px}.round-link{font-size:10px;gap:10px}.round-link b{width:34px;height:34px}.ticker{padding-block:20px;letter-spacing:-.4px}.intro{padding-top:55px;grid-template-columns:1fr;gap:28px}.intro h2,.connection h2,.businesses>h2{font-size:39px}.intro-copy{gap:25px;margin:32px 0 25px;grid-template-columns:1fr}.intro-copy p:first-child{font-size:21px}.intro-copy p:last-child{font-size:13px}.businesses{padding-top:50px}.businesses>h2{margin-top:35px}.business-row{grid-template-columns:20px 1fr 25px;padding:30px 0}.business-art{display:none}.business-name h3{font-size:34px}.business-name p{font-size:12px}.tags{font-size:7px;letter-spacing:.6px;margin-top:20px}.arrow{font-size:27px}.next-business{align-items:start;flex-direction:column;gap:15px}.connection{padding-top:50px;padding-bottom:50px}.connection h2{margin:30px 0 40px}.principles{grid-template-columns:1fr;gap:30px}.principles h3{margin-top:17px}.principles p{max-width:100%}.contact{padding-top:45px}.contact .section-heading .eyebrow{display:none}.contact h2{font-size:clamp(58px,12.5vw,95px);margin:45px 0 35px}.contact-bottom{align-items:start;flex-direction:column}.contact-button{width:100%;padding:18px 20px}footer{flex-wrap:wrap;padding-block:25px;gap:20px}footer>span:first-of-type{display:none}dialog{padding:38px 25px}dialog h2{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.clients,.work-section{padding:78px 5%;border-top:1px solid #ffffff25}.clients h2,.work-section h2{font-size:clamp(40px,5.2vw,80px);line-height:1.13;margin:40px 0 25px}.clients h2 span,.work-section h2 span{color:#818777}.source-link,.work-type,.work-link,.studio-context>span{font-size:9px;letter-spacing:1.1px;color:var(--lime)}.clients-intro{max-width:480px;font-size:14px;line-height:1.8;color:#aeb5a0;margin-bottom:40px}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff20;border-left:1px solid #ffffff20}.client-logo{height:155px;border-right:1px solid #ffffff20;border-bottom:1px solid #ffffff20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:22px}.client-logo img{width:130px;max-width:90%;height:60px;object-fit:contain;filter:grayscale(1);transition:filter .3s,transform .3s}.client-logo:hover img{filter:grayscale(0);transform:scale(1.06)}.client-logo span{font-size:9px;letter-spacing:.3px;color:#a7ae99;text-align:center}.all-clients summary{padding:22px 0;cursor:pointer;border-bottom:1px solid #ffffff25;list-style:none;font-size:12px;display:flex;justify-content:space-between}.all-clients summary::-webkit-details-marker{display:none}.all-clients summary span{color:var(--lime);font-size:19px}.all-clients[open] summary span{transform:rotate(45deg)}.all-clients .client-grid{margin-top:20px}.source-note{font-size:10px;line-height:1.8;color:#929b82;margin-top:22px}.source-note a{border-bottom:1px solid #6a735c}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.work-type{color:#a0aa90}.work-visual{aspect-ratio:1.55;margin:18px 0 25px;padding:28px;display:flex;align-items:end;justify-content:space-between;overflow:hidden}.work-visual>span{font-family:Manrope,sans-serif;font-size:clamp(28px,4.1vw,64px);letter-spacing:-3px;line-height:1.04}.work-visual b{font-size:35px;font-weight:400}.film-visual{color:#182012;background:linear-gradient(135deg,#e1e5d6,#a0af87)}.ip-visual{background:repeating-radial-gradient(ellipse at 80% 10%,#d5ff7020 0 1px,transparent 2px 23px),#202719;color:var(--lime)}.work-card h3{font-size:27px;letter-spacing:-1px}.work-card p{font-size:13px;color:#a6af97;line-height:1.8;margin:16px 0 24px;max-width:440px}.work-link{display:block}.studio-context{display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid #ffffff30;margin-top:60px;padding-top:28px}.studio-context p{font-size:15px;line-height:1.8;color:#b9c0ad;max-width:600px}.studio-contact{padding:16px;border:1px solid #566346;margin-bottom:22px}.studio-contact a{color:var(--lime)}@media(max-width:750px){.clients,.work-section{padding:50px 5%}.source-link{font-size:7px;letter-spacing:.5px;max-width:140px;text-align:right;line-height:1.8}.clients h2,.work-section h2{font-size:39px;margin-top:30px}.client-grid{grid-template-columns:repeat(2,1fr)}.client-logo{height:125px;padding:18px;gap:10px}.client-logo img{height:48px;width:110px}.work-grid{grid-template-columns:1fr;gap:40px}.work-visual>span{font-size:48px}.studio-context{grid-template-columns:1fr;gap:18px;margin-top:40px}.studio-context p{font-size:13px}}
/* EVOD Group / Silver direction — checkpoint preserved before this revision. */
:root{--ink:#101112;--ivory:#f1f0ec;--lime:#d5ff70;--muted:#929598;--silver:#bfc3c8}
body{background:var(--ink)}em{color:var(--ivory)}.eyebrow i{background:var(--silver)}.hero{background:radial-gradient(ellipse at 81% 45%,#272a2e45,transparent 44%)}.hero h1 em{color:#aeb3bb}.brand-sculpture{background:none;perspective:1000px;display:grid;place-items:center;right:0;width:44%;top:0;height:100%}.logo-object{width:82%;aspect-ratio:1;position:relative;transform:rotate(-12deg) rotateY(-17deg) rotateX(9deg);filter:drop-shadow(1px 1px 0 #777d85) drop-shadow(3px 4px 0 #636973) drop-shadow(6px 8px 0 #3e444c) drop-shadow(12px 18px 0 #20252b) drop-shadow(0 30px 26px #000);animation:brandFloat 14s ease-in-out infinite}.logogram{position:absolute;inset:0;overflow:hidden;isolation:isolate}.logogram img{position:absolute;width:490.3%;max-width:none;left:-5.88%;top:-88.2%;height:auto;filter:brightness(.86)}.logogram:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#fff 4%,#5b626d 28%,#e5e7ea 42%,#8b939f 56%,#fff 70%,#525a65 92%);mix-blend-mode:multiply;pointer-events:none}.object-index{position:absolute;left:9%;top:9%;font-size:8px;letter-spacing:2px;color:#8f949b}.object-caption{color:#8f949b;bottom:8%;right:1%}.ticker b{color:var(--silver)}.round-link b{border-color:#666b72}.mini-label{color:var(--silver)}.business-row[data-business="tech"] .mini-label{color:var(--lime)}.studio-art{background:#c6c9cd}.studio-art span{background:#32363d;box-shadow:8px 8px #8e959f}.tags,.number,.next-business>span,.draft-note,.source-note{color:#969ca4}.businesses>h2 span,.clients h2 span,.work-section h2 span{color:#828890}.source-link,.work-link,.studio-context>span{color:#c5c9cf}.client-logo span{color:#a7adb4}.client-grid,.client-logo{border-color:#ffffff1d}.all-clients summary span{color:var(--silver)}.clients-intro,.work-card p,.studio-context p{color:#aeb4bc}.source-note a{border-color:#6d737b}.film-visual{background:linear-gradient(135deg,#ecece9,#9da3ab);color:#1b1e22}.ip-visual{background:repeating-radial-gradient(ellipse at 80% 10%,#c2c8d022 0 1px,transparent 2px 23px),#20242a;color:#d7dbe0}.contact-button{background:var(--ivory);color:var(--ink)}.contact-button:hover{background:#c8cdd3}.contact h2 em{color:#aeb3bb}.contact-bottom p,.hero-bottom p{color:#aeb4bc}.nav-contact{border-color:#666b72}footer{color:#969ca4}.intro h2 span,.connection h2 span{color:#90949b}.intro-copy p:last-child,.principles p{color:#656a72}.principles article>span{color:#737982}dialog{border-color:#5d6671}dialog p{color:#afb7c1}#dialog-services,.dialog-cta,.studio-contact a{color:var(--ivory)}.studio-contact{border-color:#505a67}input,textarea,select{background:#1d2126;border-color:#4d5663}.all-clients summary:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--ivory)}
@keyframes brandFloat{0%,100%{transform:rotate(-12deg) rotateY(-17deg) rotateX(9deg) translateY(0)}50%{transform:rotate(-8deg) rotateY(-8deg) rotateX(4deg) translateY(-9px)}}
@media(max-width:750px){.brand-sculpture{top:240px;width:86%;height:330px;right:-4%}.logo-object{width:72%}.object-index{top:3%;left:6%;font-size:7px}.object-caption{bottom:0;right:7%;font-size:7px}.hero{background:radial-gradient(ellipse at 65% 65%,#272a2e50,transparent 45%)}}
@media(prefers-reduced-motion:reduce){.logo-object{animation:none}}
.logogram{background:linear-gradient(125deg,#f7f8fa 4%,#727b88 28%,#e5e7ea 42%,#9aa2af 56%,#fff 70%,#626c79 92%);-webkit-mask-image:url('assets/evod-logo.png');mask-image:url('assets/evod-logo.png');-webkit-mask-size:490.3% auto;mask-size:490.3% auto;-webkit-mask-position:1.506% 50.1%;mask-position:1.506% 50.1%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logogram img{visibility:hidden}.logogram:after{display:none}
/* Exploratory logo studies: same authentic EVOD mark, three restrained material treatments. */
.brand-sculpture{right:1%;width:43%;overflow:visible}.logo-object{width:72%;filter:none;animation:none;transition:filter .65s,transform .65s}.logogram{transition:filter .65s,opacity .65s}.treatment-satin .logo-object{transform:rotate(-7deg) rotateY(-8deg) rotateX(4deg);filter:drop-shadow(1px 1px 0 #777e88) drop-shadow(3px 5px 0 #606772) drop-shadow(0 18px 25px #0009)}.treatment-satin .logogram{background:linear-gradient(132deg,#f5f6f7 8%,#858d98 25%,#e4e6e9 42%,#929aa5 55%,#fff 69%,#8d949e 88%)}.treatment-light .logo-object{transform:rotate(-3deg) rotateY(0) scale(.94);filter:drop-shadow(0 0 10px #d9dfe830) drop-shadow(0 0 34px #cbd2dc20)}.treatment-light .logogram{background:linear-gradient(145deg,#f8f9fa,#c3c9d1 42%,#eef0f2 68%,#9ca4af);filter:brightness(1.05)}.treatment-flat .logo-object{transform:none;filter:drop-shadow(0 15px 26px #0008)}.treatment-flat .logogram{background:#e8e9e7;filter:none}.treatment-picker{position:absolute;left:0;bottom:7%;display:flex;gap:7px;align-items:center;z-index:5}.treatment-picker>span{font-size:7px;letter-spacing:1.1px;color:#858b93;margin-right:4px}.treatment-picker button{border:1px solid #50545b;background:#151719;color:#aeb4bc;font-size:7px;letter-spacing:.6px;padding:8px 9px;transition:.2s}.treatment-picker button[aria-pressed="true"]{background:#e9eaeb;color:#17191c;border-color:#e9eaeb}.treatment-picker button:hover{border-color:#e9eaeb;color:#fff}.treatment-picker button[aria-pressed="true"]:hover{color:#17191c}@media(max-width:750px){.brand-sculpture{width:86%;right:-2%}.logo-object{width:65%}.treatment-picker{left:7%;bottom:-2%;gap:5px}.treatment-picker button{font-size:6px;padding:7px 7px}.treatment-picker>span{font-size:6px}}
.treatment-picker{left:auto;right:0;top:13%;bottom:auto}.treatment-picker>span{display:none}@media(max-width:750px){.treatment-picker{left:auto;right:3%;top:8%;bottom:auto;gap:4px}.treatment-picker button{padding:7px 6px}}
.business-name h3.studios-logo{display:flex;align-items:center;gap:9px;margin:19px 0 18px;letter-spacing:normal}.studios-logo img{width:68px;height:55px;object-fit:contain}.studios-wordmark{font-family:Montserrat,'DM Sans',sans-serif;font-size:43px;font-weight:800;letter-spacing:.9px;line-height:1;color:#e8ecf2}.studios-descriptor{display:block;font-family:'DM Sans',sans-serif;font-size:9px;font-weight:500;letter-spacing:4.3px;margin-top:10px;color:#aeb4bc}.contact h2{font-size:clamp(80px,13.5vw,205px)}@media(max-width:750px){.business-name h3.studios-logo{gap:4px}.studios-logo img{width:49px;height:43px}.studios-wordmark{font-size:31px}.studios-descriptor{font-size:7px;letter-spacing:3px;margin-top:7px}.contact h2{font-size:clamp(65px,16vw,110px)}}
