@font-face{font-family:"All Round Gothic Bold";src:url("../fonts/AllRoundGothic-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
/* LUMIDES 2.0 — charcoal Material Design. Font families use locally installed/licensed fonts when available. */
:root{--bg:#191919;--surface:#242424;--raised:#2d2d2d;--line:#3b3b3b;--text:#fafafa;--muted:#bcbcbc;--red:#ff263b;--orange:#ff851e;--yellow:#f8df19;--green:#1ce34b;--blue:#3459ee;--purple:#db20e6;--body:"Plus Jakarta Sans",Arial,sans-serif;--head:"All Round Gothic Bold",var(--body)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--head);font-weight:700;line-height:1.14;letter-spacing:-.025em}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(1220px,calc(100% - 64px));margin-inline:auto}.site-header{background:#1d1d1d;border-bottom:1px solid #323232}.nav-wrap{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:152px;flex-shrink:0}.custom-logo-link,.brand .wordmark{display:block;width:100%}.custom-logo{display:block;width:100%;height:auto;max-height:62px;object-fit:contain;object-position:left}.wordmark{font:700 34px/1 var(--head);letter-spacing:-.045em}.brand-spectrum{display:block;height:4px;margin-top:6px;background:linear-gradient(90deg,var(--red) 0 16.66%,var(--orange) 16.66% 33.33%,var(--yellow) 33.33% 50%,var(--green) 50% 66.66%,var(--blue) 66.66% 83.33%,var(--purple) 83.33%)}.primary-nav{display:flex;align-items:center;gap:35px;font-size:15px}.primary-nav>a:not(.nav-contact):hover{color:#fff;text-decoration:underline;text-underline-offset:7px}.nav-contact,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 24px;border-radius:999px;font-weight:700;transition:transform .18s,background .18s}.nav-contact,.button-primary{background:#fff;color:#191919}.nav-contact:hover,.button:hover{transform:translateY(-2px)}.button-outline{border:1px solid #777;color:#fff}.menu-toggle{display:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.23em;color:#bdbdbd;margin:0 0 17px}.material-hero{padding:90px 0 0;background:#1d1d1d}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;padding-bottom:84px}.hero-copy h1{font-size:clamp(48px,5.7vw,83px);margin:0 0 23px}.hero-copy>p:not(.eyebrow){font-size:19px;color:#d1d1d1;max-width:520px;margin:0 0 32px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-feature{padding:30px;border:1px solid #454545;background:#292929;border-radius:24px;box-shadow:0 18px 40px #0002;min-height:325px;display:flex;flex-direction:column;justify-content:space-between}.feature-top{display:flex;justify-content:space-between;color:#bdbdbd;font-size:11px;letter-spacing:.16em}.feature-circles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0}.feature-circles span,.step-circle{display:grid;place-items:center;border-radius:50%;color:#171717;font-weight:700;font-family:var(--head)}.feature-circles span{width:min(100%,105px);aspect-ratio:1;margin:auto;font-size:24px}.feature-circles span:nth-child(1),.step-1{background:var(--red)}.feature-circles span:nth-child(2),.step-2{background:var(--orange)}.feature-circles span:nth-child(3),.step-3{background:var(--yellow)}.feature-circles span:nth-child(4),.step-4{background:var(--green)}.feature-circles span:nth-child(5),.step-5{background:var(--blue);color:#fff}.feature-circles span:nth-child(6),.step-6{background:var(--purple)}.hero-feature p{color:#dedede;font-size:15px;margin:0}.color-strip{display:grid;grid-template-columns:repeat(6,1fr);height:5px;overflow:hidden}.color-strip i:nth-child(1){background:var(--red)}.color-strip i:nth-child(2){background:var(--orange)}.color-strip i:nth-child(3){background:var(--yellow)}.color-strip i:nth-child(4){background:var(--green)}.color-strip i:nth-child(5){background:var(--blue)}.color-strip i:nth-child(6){background:var(--purple)}.section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section h2,.closing-cta h2{font-size:clamp(34px,4vw,53px);margin:0 0 10px}.section-head p:not(.eyebrow){color:var(--muted);margin:0}.text-link,.card-link{font-weight:700;font-size:14px;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{background:var(--surface);border:1px solid #363636;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #0004}.project-image{display:grid;place-items:center;aspect-ratio:1.65;background:#353535;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.project-placeholder{font:700 clamp(28px,3.5vw,48px) var(--head);text-align:center;padding:22px}.project-info{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 23px}.project-info h3{font-size:22px;margin:0 0 5px}.project-info p{font-size:13px;color:var(--muted);margin:0}.arrow-link{font-size:25px}.services-section,.process-preview{background:#202020}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.service-card{display:block;background:var(--raised);border:1px solid #424242;border-radius:20px;padding:30px;min-width:0}.service-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;font:700 36px var(--head);color:#171717}.accent-red{background:var(--red)}.accent-green{background:var(--green)}.accent-purple{background:var(--purple)}.service-card h2,.service-card h3{font-size:27px;margin:24px 0 12px}.service-card p,.step-card p{color:#c8c8c8;margin:0 0 25px}.service-card ul{color:#dedede;padding-left:21px;line-height:2}.card-link{color:#fff}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:32px}.step-card{background:#2a2a2a;border:1px solid #3e3e3e;border-radius:19px;padding:25px}.step-circle{width:70px;height:70px;font-size:22px}.step-card h3{font-size:22px;margin:23px 0 5px}.closing-cta{padding:90px 0;background:#282828}.closing-cta p:not(.eyebrow){color:#ccc;margin:0 0 27px}.site-footer{border-top:1px solid #444;background:#191919;padding:26px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{width:120px}.footer-grid p{font-size:12px;color:#aaa}.footer-grid nav{display:flex;gap:25px;font-size:13px}.page-intro{padding:75px 0 0}.page-intro h1{font-size:clamp(44px,5.5vw,75px);margin:0 0 15px}.lead{font-size:19px;color:#ccc;max-width:690px;margin:0 0 40px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0}.filter{padding:9px 20px;border:1px solid #606060;border-radius:999px;color:#eee;background:#292929}.filter.active{background:#fff;color:#171717;border-color:#fff}.work-grid .project-card[hidden]{display:none}.detailed-steps .step-card{min-height:240px}.page-content{max-width:850px}.contact-grid,.project-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-panel{padding:30px;background:var(--surface);border-radius:20px}.contact-panel input,.contact-panel textarea{width:100%;padding:12px}.contact-panel input[type=submit]{width:auto}.single-hero-image img{width:100%;border-radius:18px}@media(max-width:850px){.hero-layout{grid-template-columns:1fr}.hero-feature{max-width:550px}.service-grid{grid-template-columns:1fr 1fr}.step-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.container{width:calc(100% - 36px)}.nav-wrap{min-height:72px}.brand{width:125px}.menu-toggle{display:block;border:1px solid #777;border-radius:25px;background:transparent;color:#fff;padding:8px 14px}.primary-nav{display:none;position:absolute;z-index:20;top:72px;left:0;right:0;background:#292929;padding:25px;flex-direction:column;align-items:stretch;gap:19px}.primary-nav.is-open{display:flex}.material-hero{padding-top:55px}.hero-layout{gap:30px;padding-bottom:55px}.hero-copy h1{font-size:47px}.hero-feature{padding:20px}.feature-circles span{font-size:18px}.section{padding:55px 0}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:20px}.project-grid,.service-grid,.step-grid,.contact-grid,.project-detail{grid-template-columns:1fr}.footer-grid{flex-wrap:wrap}.page-intro{padding-top:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.custom-logo-link{display:block;width:100%}.custom-logo{display:block;width:100%;height:auto;max-height:72px;object-fit:contain;object-position:left center}.footer-brand .custom-logo{max-height:56px}.service-icon i,.step-circle i,.feature-circles i{font-size:.85em;line-height:1}.feature-circles i{font-size:clamp(23px,3vw,42px)}.step-circle i{font-size:27px}.button i,.nav-contact i,.text-link i,.card-link i,.arrow-link i{font-size:.82em;margin-left:4px}.menu-toggle i{margin-left:7px}

/* Brand logo: preserve natural aspect ratio and avoid header/footer clipping. */
.site-header .brand,.footer-brand{display:flex;align-items:center;min-width:0}.site-header .brand .custom-logo-link,.footer-brand .custom-logo-link{display:inline-flex;align-items:center;width:auto;max-width:100%}.site-header .brand .custom-logo{width:auto;max-width:min(270px,100%);height:auto;max-height:70px;object-fit:contain}.footer-brand .custom-logo{width:auto;max-width:min(230px,100%);height:auto;max-height:62px;object-fit:contain}

/* LUMIDES contact page — WPForms 4877 */
.contact-page{padding:clamp(55px,7vw,100px) 0 110px}.contact-page .contact-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(35px,5vw,90px);align-items:start}.contact-intro{padding-top:26px}.contact-intro .eyebrow{font-size:12px;letter-spacing:.24em;font-weight:700;color:#f7f7f7;margin:0 0 28px}.contact-intro h1{font-size:clamp(43px,4.4vw,73px);line-height:1.1;letter-spacing:-.04em;margin:0 0 26px}.contact-intro h1 em{font-style:normal;color:#f9f9f9}.contact-intro .lead{font-size:clamp(17px,1.45vw,20px);line-height:1.75;color:#c7c7c7;max-width:510px;margin-bottom:42px}.contact-highlights{display:grid;gap:26px;margin-top:46px;max-width:500px}.contact-highlights>div{display:flex;gap:17px;align-items:flex-start}.contact-highlight-icon{width:49px;height:49px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;color:#171717;font-size:20px}.contact-highlights strong{display:block;font-size:16px;margin:1px 0 5px}.contact-highlights p{margin:0;color:#b8b8b8;font-size:14px;line-height:1.65}.contact-page .contact-panel{padding:clamp(25px,3vw,43px);border:1px solid #404040;border-radius:24px;background:#282828;box-shadow:0 18px 55px #0002;min-width:0}.contact-panel-heading{margin-bottom:32px}.contact-panel-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:var(--purple);color:#181818;font-size:20px;margin-bottom:20px}.contact-panel-heading .eyebrow{font-size:11px;letter-spacing:.19em;color:#bdbdbd;margin:0 0 8px}.contact-panel-heading h2{font-size:clamp(29px,2.6vw,40px);letter-spacing:-.03em;line-height:1.18;margin:0 0 10px}.contact-panel-heading>p:last-child{font-size:15px;line-height:1.65;color:#c3c3c3;margin:0}
.contact-panel .wpforms-container{margin:0!important}.contact-panel .wpforms-container .wpforms-field{padding:0 0 23px!important;min-width:0}.contact-panel .wpforms-container .wpforms-field-label{display:block!important;font-family:var(--body)!important;font-size:13px!important;font-weight:700!important;line-height:1.45!important;color:#f4f4f4!important;margin-bottom:9px!important}.contact-panel .wpforms-container .wpforms-required-label{color:#ff6573!important}.contact-panel .wpforms-container input:not([type=checkbox]):not([type=radio]):not([type=submit]),.contact-panel .wpforms-container select,.contact-panel .wpforms-container textarea{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;background:#1e1e1e!important;color:#fff!important;border:1px solid #535353!important;border-radius:11px!important;box-shadow:none!important;padding:13px 15px!important;font:500 15px/1.45 var(--body)!important;min-height:50px!important;transition:border-color .18s,box-shadow .18s!important}.contact-panel .wpforms-container textarea{min-height:138px!important;resize:vertical!important}.contact-panel .wpforms-container input:focus,.contact-panel .wpforms-container select:focus,.contact-panel .wpforms-container textarea:focus{border-color:var(--purple)!important;outline:0!important;box-shadow:0 0 0 3px #db20e625!important}.contact-panel .wpforms-container input::placeholder,.contact-panel .wpforms-container textarea::placeholder{color:#a7a7a7!important}/* WPForms name: neutralize plugin half-width floats and fieldset spacing in one place. */
.contact-panel .wpforms-container .wpforms-field-name fieldset{border:0!important;margin:0!important;padding:0!important;min-width:0}
.contact-panel .wpforms-container .wpforms-field-name .wpforms-field-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.contact-panel .wpforms-container .wpforms-field-name .wpforms-field-row>.wpforms-field-row-block{float:none!important;clear:none!important;position:static!important;display:block!important;grid-column:auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
.contact-panel .wpforms-container .wpforms-field-name .wpforms-field-row>.wpforms-first{grid-column:1!important}
.contact-panel .wpforms-container .wpforms-field-name .wpforms-field-row>.wpforms-field-row-block:last-child{grid-column:2!important}
@media(max-width:520px){.contact-panel .wpforms-container .wpforms-field-name .wpforms-field-row{grid-template-columns:1fr!important;gap:12px!important}.contact-panel .wpforms-container .wpforms-field-name .wpforms-field-row>.wpforms-field-row-block{grid-column:1!important}}
.contact-panel .wpforms-container .wpforms-field-sublabel{font:500 12px/1.4 var(--body)!important;color:#bcbcbc!important;margin-top:7px!important}.contact-panel .wpforms-container .wpforms-field-description{color:#bcbcbc!important;font-size:12px!important}.contact-panel .wpforms-container .wpforms-submit-container{padding:4px 0 0!important;margin:0!important}.contact-panel .wpforms-container button[type=submit],.contact-panel .wpforms-container input[type=submit]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:54px!important;background:var(--purple)!important;color:#151515!important;border:1px solid var(--purple)!important;border-radius:12px!important;font:800 15px/1.2 var(--body)!important;letter-spacing:.01em!important;box-shadow:none!important;cursor:pointer!important;transition:background .2s,transform .2s!important}.contact-panel .wpforms-container button[type=submit]:hover,.contact-panel .wpforms-container input[type=submit]:hover{background:#e950f1!important;transform:translateY(-1px)!important}.contact-panel .wpforms-container button[type=submit]:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important}.contact-panel .wpforms-container label.wpforms-error{color:#ff9da7!important;font-size:12px!important}.contact-panel .wpforms-confirmation-container-full{border-radius:12px!important;background:#203d2b!important;border:1px solid var(--green)!important;color:#fff!important;padding:20px!important}.contact-panel .wpforms-container .wpforms-field-select select{appearance:auto!important}.contact-panel .wpforms-container .wpforms-field-radio ul,.contact-panel .wpforms-container .wpforms-field-checkbox ul{padding:0!important}.contact-panel .wpforms-container .wpforms-field-radio li,.contact-panel .wpforms-container .wpforms-field-checkbox li{color:#eee!important}
@media(max-width:850px){.contact-page .contact-grid{grid-template-columns:1fr;gap:40px}.contact-intro{padding-top:0}.contact-highlights{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin-top:30px}}@media(max-width:600px){.contact-page{padding:45px 0 65px}.contact-page .contact-panel{padding:23px 19px;border-radius:19px}.contact-highlights{grid-template-columns:1fr}.contact-intro h1{font-size:clamp(39px,10vw,55px)}}

/* Customer benefits: material cards directly below the hero */
.client-benefits{background:#1b1b1b;padding-top:76px;padding-bottom:78px}.client-benefits .section-head{margin-bottom:29px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit-card{min-width:0;padding:26px;background:#292929;border:1px solid #404040;border-radius:20px;box-shadow:0 9px 23px #0002;transition:transform .18s,box-shadow .18s}.benefit-card:hover{transform:translateY(-3px);box-shadow:0 16px 28px #0004}.benefit-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.benefit-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#161616;font-size:22px}.benefit-icon.step-5{color:#fff}.benefit-number{font:700 13px var(--body);color:#aaa;letter-spacing:.12em}.benefit-stage{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#bdbdbd;margin:0 0 8px}.benefit-card h3{font-size:clamp(20px,2vw,25px);line-height:1.2;margin:0 0 11px}.benefit-description{font-size:14px;line-height:1.7;color:#c8c8c8;margin:0;max-width:340px}@media(max-width:850px){.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.client-benefits{padding-top:55px;padding-bottom:55px}.benefit-grid{grid-template-columns:1fr;gap:13px}.benefit-card{padding:22px}.benefit-card-top{margin-bottom:15px}}

/* LUMIDES six-step journey: chronological left-to-right, with a looping dotted path. */
.client-benefits{background:#202020;padding:85px 0 95px;overflow:hidden}
.client-benefits .section-head{margin-bottom:58px}
.lumides-dot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:44px;row-gap:92px;position:relative}
.lumides-dot-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;position:relative}
.lumides-big-dot{--dot-color:var(--red);width:min(100%,225px);aspect-ratio:1;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:50%;background:var(--dot-color);color:#171717;box-shadow:0 10px 26px #0003;transition:transform .2s ease,box-shadow .2s ease}
.lumides-dot-item:hover .lumides-big-dot{transform:translateY(-5px);box-shadow:0 16px 32px #0005}
.lumides-big-dot.dot-1{--dot-color:var(--red)}.lumides-big-dot.dot-2{--dot-color:var(--orange)}.lumides-big-dot.dot-3{--dot-color:var(--yellow)}.lumides-big-dot.dot-4{--dot-color:var(--green)}.lumides-big-dot.dot-5{--dot-color:var(--blue);color:#fff}.lumides-big-dot.dot-6{--dot-color:var(--purple)}
.lumides-dot-count{font:800 12px/1 var(--body);letter-spacing:.16em;opacity:.8}.lumides-big-dot>i,.lumides-big-dot>svg.svg-inline--fa{font-size:4em;width:64px;height:64px;line-height:1;flex:0 0 64px;display:block}.lumides-dot-step{font:700 15px/1.2 var(--head);padding:0 12px}
.lumides-dot-item h3{font-size:clamp(20px,2vw,26px);margin:27px 0 9px}.lumides-dot-item>p{max-width:275px;margin:0;color:#ccc;font-size:14px;line-height:1.7}
.lumides-journey-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.lumides-journey-line{stroke:#aaa;stroke-width:4;stroke-dasharray:1 11;stroke-linecap:round;stroke-linejoin:round}
/* A single understated chevron in each dotted connector signals direction. */
@media(min-width:901px){.lumides-dot-item:nth-child(1):before,.lumides-dot-item:nth-child(2):before,.lumides-dot-item:nth-child(4):before,.lumides-dot-item:nth-child(5):before{content:"";position:absolute;z-index:3;top:105px;left:calc(100% + 15px);width:12px;height:12px;border-top:3px solid #eee;border-right:3px solid #eee;transform:rotate(45deg);pointer-events:none}}

@media(max-width:900px){.lumides-dot-grid{grid-template-columns:1fr;row-gap:72px}.lumides-big-dot{width:215px}.lumides-journey-path{display:none}.lumides-dot-item:not(:last-of-type):after{content:"";position:absolute;z-index:0;top:calc(100% + 8px);left:50%;height:56px;border-left:4px dotted #aaa}.lumides-dot-item>p{max-width:360px}}
@media(max-width:520px){.client-benefits{padding:60px 0 70px}.client-benefits .section-head{margin-bottom:38px}.lumides-dot-grid{row-gap:60px}.lumides-big-dot{width:195px}.lumides-big-dot>i,.lumides-big-dot>svg.svg-inline--fa{font-size:3.6em;width:58px;height:58px;flex-basis:58px}.lumides-dot-item h3{font-size:21px}.lumides-dot-item>p{font-size:14px}.lumides-dot-item:not(:last-of-type):after{height:46px}}
@media(prefers-reduced-motion:reduce){.lumides-big-dot{transition:none}}

/* Project detail pages: curated logos and static website screenshots. */
.lumides-project-page{background:#202020;padding:65px 0 100px}.lumides-project-back{display:inline-flex;align-items:center;gap:10px;margin-bottom:32px}.lumides-project-showcase{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,70px);align-items:center;padding:clamp(28px,5vw,64px);border:1px solid #404040;border-radius:26px;background:#292929}.lumides-project-overview{min-width:0}.lumides-project-overview .eyebrow{color:#cfcfcf;margin:0 0 22px}.lumides-project-logo{display:flex;align-items:center;justify-content:flex-start;max-width:230px;max-height:110px;margin-bottom:28px}.lumides-project-logo img{display:block;max-width:100%;max-height:110px;width:auto;height:auto;object-fit:contain}.lumides-project-overview h1{font-size:clamp(38px,4.6vw,68px);line-height:1.08;letter-spacing:-.035em;margin:0 0 22px}.lumides-project-summary{font-size:clamp(16px,1.35vw,19px);line-height:1.7;color:#ddd;margin:0 0 23px}.lumides-project-services{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#bdbdbd;margin:0 0 30px}.lumides-project-website{display:flex;align-items:center;gap:16px;max-width:430px;padding:16px 18px;border:1px solid #555;border-radius:16px;background:#363636;color:#fff;transition:background .2s,transform .2s}.lumides-project-website:hover{background:#414141;transform:translateY(-2px)}.lumides-project-website-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:13px;background:var(--purple);color:#171717;font-size:19px}.lumides-project-website strong,.lumides-project-website small{display:block}.lumides-project-website strong{font-size:15px}.lumides-project-website small{color:#c9c9c9;font-size:13px;margin-top:4px}.lumides-project-website-arrow{margin-left:auto;color:#d5d5d5}.lumides-project-visual{min-width:0;border:1px solid #444;border-radius:18px;overflow:hidden;background:#1b1b1b;box-shadow:0 22px 45px #0004}.lumides-project-visual img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;object-position:top}.lumides-project-story{max-width:850px;margin:65px auto 0;color:#dedede;line-height:1.8}.lumides-project-story .eyebrow{margin-bottom:20px}.lumides-project-next{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:60px;padding:30px 36px;border-radius:20px;background:#303030;border:1px solid #424242}.lumides-project-next span{font:700 clamp(20px,2.3vw,30px) var(--head)}.lumides-project-next .button{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
@media(max-width:800px){.lumides-project-showcase{grid-template-columns:1fr}.lumides-project-visual{max-width:680px}.lumides-project-page{padding:45px 0 70px}}@media(max-width:520px){.lumides-project-showcase{padding:25px}.lumides-project-next{flex-direction:column;align-items:flex-start;padding:25px}}

/* Give the Work portfolio room to breathe before its closing CTA. */
.page-intro:has(.work-grid){padding-bottom:clamp(80px,9vw,140px)}

/* About page: expressive but restrained six-color editorial layout. */
.lumides-about{background:#202020}.about-opening{padding:clamp(75px,9vw,140px) 0 clamp(80px,9vw,130px);overflow:hidden}.about-opening-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(35px,5vw,90px);align-items:center}.about-opening-copy .eyebrow{font-size:11px;letter-spacing:.2em;color:#cfcfcf;margin-bottom:30px}.about-opening h1{font-size:clamp(49px,5.5vw,88px);line-height:1.07;letter-spacing:-.055em;margin:0 0 29px}.about-spectrum-word{background:linear-gradient(95deg,var(--red),var(--orange),var(--yellow),var(--green),var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.about-period{color:var(--purple)}.about-opening-lead{font-size:clamp(17px,1.4vw,20px);line-height:1.8;color:#d1d1d1;max-width:620px}.about-opening-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:35px}.about-opening-actions .button,.about-final-cta .button{display:inline-flex;gap:12px;align-items:center}.about-opening-actions .text-link{display:inline-flex;gap:10px;align-items:center}.about-prism{height:clamp(330px,37vw,520px);position:relative;display:grid;place-items:center;isolation:isolate}.about-prism-orbit{position:relative;z-index:2;width:74%;aspect-ratio:1;border:1px solid #5c5c5c;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#353535,#242424 75%);box-shadow:0 25px 65px #0005}.about-prism-orbit:before{content:'';position:absolute;inset:13%;border:1px solid #4a4a4a;border-radius:50%}.about-prism-core{position:relative;z-index:2;text-align:center;display:grid;gap:10px}.about-prism-core>span{font-size:10px;font-weight:800;letter-spacing:.26em;color:#c8c8c8}.about-prism-core strong{font:800 clamp(22px,2.5vw,37px)/1.18 var(--head);letter-spacing:-.03em}.about-prism-ray{position:absolute;z-index:1;width:75%;height:12px;border-radius:99px;transform-origin:center;opacity:.95}.ray-red{background:var(--red);transform:rotate(-55deg) translateY(-72px)}.ray-orange{background:var(--orange);transform:rotate(-33deg) translateY(-44px)}.ray-yellow{background:var(--yellow);transform:rotate(-11deg) translateY(-15px)}.ray-green{background:var(--green);transform:rotate(11deg) translateY(15px)}.ray-blue{background:var(--blue);transform:rotate(33deg) translateY(44px)}.ray-purple{background:var(--purple);transform:rotate(55deg) translateY(72px)}.about-prism-caption{position:absolute;bottom:0;right:0;font-size:9px;font-weight:800;letter-spacing:.2em;color:#bcbcbc}.about-spectrum-bar{display:grid;grid-template-columns:repeat(6,1fr);height:5px}.about-spectrum-bar span:nth-child(1){background:var(--red)}.about-spectrum-bar span:nth-child(2){background:var(--orange)}.about-spectrum-bar span:nth-child(3){background:var(--yellow)}.about-spectrum-bar span:nth-child(4){background:var(--green)}.about-spectrum-bar span:nth-child(5){background:var(--blue)}.about-spectrum-bar span:nth-child(6){background:var(--purple)}.about-manifesto{padding:clamp(85px,10vw,150px) 0}.about-manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,140px)}.about-manifesto .eyebrow,.about-section-heading .eyebrow,.about-work-band .eyebrow{font-size:11px;letter-spacing:.2em;color:#ccc;margin:0 0 23px}.about-manifesto h2{font-size:clamp(36px,4.2vw,64px);line-height:1.15;letter-spacing:-.04em;margin:0}.about-manifesto h2 span{color:var(--orange)}.about-manifesto-copy p{font-size:clamp(17px,1.35vw,20px);line-height:1.8;color:#d1d1d1;margin:0 0 22px}.about-principles{background:#292929;padding:clamp(85px,9vw,130px) 0}.about-section-heading{max-width:780px;margin-bottom:50px}.about-section-heading h2{font-size:clamp(36px,4vw,58px);line-height:1.15;margin:0 0 16px}.about-section-heading>p:last-child{font-size:17px;line-height:1.7;color:#c6c6c6}.about-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.about-principle{padding:clamp(25px,3vw,42px);border:1px solid #494949;border-radius:20px;background:#303030}.about-principle-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;color:#171717;font-size:24px;margin-bottom:35px}.principle-red{background:var(--red)}.principle-green{background:var(--green)}.principle-blue{background:var(--blue);color:#fff}.about-principle-index{display:block;color:#bdbdbd;font-size:10px;font-weight:800;letter-spacing:.18em;margin-bottom:12px}.about-principle h3{font-size:clamp(24px,2.3vw,32px);margin:0 0 13px}.about-principle p{font-size:15px;line-height:1.75;color:#c8c8c8;margin:0}.about-work-band{padding:clamp(90px,10vw,145px) 0}.about-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px);align-items:center}.about-work-band h2{font-size:clamp(36px,4vw,58px);line-height:1.17;margin:0 0 25px}.about-work-band p:not(.eyebrow){font-size:17px;line-height:1.8;color:#c9c9c9;max-width:540px}.about-work-band .text-link{display:inline-flex;gap:12px;align-items:center;margin-top:22px}.about-work-types{border-top:1px solid #555}.about-work-types>div{display:flex;align-items:center;gap:18px;padding:26px 5px;border-bottom:1px solid #555;font:700 clamp(19px,2vw,27px) var(--head)}.about-work-types>div>i,.about-work-types>div>svg{margin-left:auto;font-size:17px;color:#bbb}.about-work-dot{width:14px;height:14px;border-radius:50%;flex:0 0 14px}.about-final-cta{padding:clamp(85px,9vw,130px) 0}.about-final-cta .eyebrow{font-size:11px;letter-spacing:.2em;color:#c8c8c8;margin-bottom:20px}.about-final-cta h2{font-size:clamp(40px,4.5vw,68px);line-height:1.12;margin:0 0 18px}
@media(max-width:900px){.about-opening-grid,.about-manifesto-grid,.about-work-grid{grid-template-columns:1fr}.about-prism{max-width:560px;width:100%;margin:auto}.about-principle-grid{grid-template-columns:1fr 1fr}.about-opening{padding-top:75px}}@media(max-width:620px){.about-principle-grid{grid-template-columns:1fr}.about-prism{height:350px}.about-prism-ray{height:8px}.about-opening-actions{gap:20px}.about-manifesto,.about-principles,.about-work-band{padding:75px 0}.about-opening h1{font-size:clamp(45px,11vw,66px)}}

/* Services page: editorial layout aligned with the About page. */
.lumides-services{background:#202020}.services-hero{padding:clamp(85px,9vw,135px) 0 clamp(85px,9vw,130px);overflow:hidden}.services-hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:clamp(35px,5vw,90px)}.services-hero-copy .eyebrow{font-size:11px;letter-spacing:.19em;color:#ccc;margin-bottom:29px}.services-hero h1{font-size:clamp(50px,5.5vw,88px);line-height:1.08;letter-spacing:-.055em;margin:0 0 28px}.services-hero-lead{font-size:clamp(17px,1.4vw,20px);line-height:1.8;color:#d1d1d1;max-width:610px}.services-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:35px}.services-hero-actions .button,.services-final-cta .button{display:inline-flex;align-items:center;gap:12px}.services-hero-actions .text-link{display:inline-flex;align-items:center;gap:10px}.services-hero-art{position:relative;min-height:410px;display:grid;place-items:center}.services-art-stage{position:relative;width:min(100%,500px);height:390px}.services-art-window{position:absolute;top:30px;left:7%;width:85%;height:325px;border-radius:17px;border:1px solid #686868;background:#303030;box-shadow:0 28px 65px #0006;transform:rotate(-4deg);overflow:hidden}.services-art-top{height:42px;background:#3b3b3b;border-bottom:1px solid #555;display:flex;align-items:center;gap:6px;padding:0 15px}.services-art-top span{width:8px;height:8px;border-radius:50%;background:#888}.services-art-top span:first-child{background:var(--red)}.services-art-top span:nth-child(2){background:var(--yellow)}.services-art-top span:nth-child(3){background:var(--green)}.services-art-top i,.services-art-top svg{margin-left:auto;color:#bbb;font-size:13px}.services-art-content{padding:28px 27px}.services-art-eyebrow{width:83px;height:7px;background:var(--purple);border-radius:8px;margin-bottom:24px}.services-art-title{height:20px;background:#f0f0f0;border-radius:5px;width:75%;margin-bottom:11px}.services-art-title.short{width:53%;margin-bottom:23px}.services-art-copy{height:8px;width:80%;background:#797979;border-radius:5px;margin-bottom:9px}.services-art-copy.short{width:64%}.services-art-button{width:110px;height:32px;background:var(--purple);border-radius:9px;margin-top:23px}.services-art-blocks{position:absolute;bottom:0;right:0;display:flex;gap:8px}.services-art-blocks span{width:32px;height:32px;border-radius:9px;background:var(--red)}.services-art-blocks span:nth-child(2){background:var(--green)}.services-art-blocks span:nth-child(3){background:var(--blue)}.services-art-badge{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:14px 17px;border-radius:13px;background:#424242;border:1px solid #656565;box-shadow:0 12px 30px #0005;font-size:10px;font-weight:800;letter-spacing:.09em;white-space:nowrap}.services-art-badge i,.services-art-badge svg{font-size:19px}.services-art-badge-code{right:-3%;top:4%;color:#fff}.services-art-badge-code i,.services-art-badge-code svg{color:var(--green)}.services-art-badge-design{left:-5%;bottom:3%;color:#fff}.services-art-badge-design i,.services-art-badge-design svg{color:var(--orange)}.services-art-caption{position:absolute;bottom:0;right:0;color:#aaa;font-size:9px;font-weight:800;letter-spacing:.2em}.services-offerings{padding:clamp(90px,10vw,150px) 0}.services-section-heading{max-width:780px;margin-bottom:52px}.services-section-heading .eyebrow,.services-philosophy .eyebrow{font-size:11px;letter-spacing:.2em;color:#ccc;margin:0 0 22px}.services-section-heading h2{font-size:clamp(38px,4.4vw,64px);line-height:1.13;letter-spacing:-.04em;margin:0 0 20px}.services-section-heading h2 span{color:var(--orange)}.services-section-heading>p:last-child{font-size:17px;line-height:1.75;color:#ccc;max-width:660px}.services-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.services-feature{--service-color:var(--red);min-width:0;padding:clamp(25px,2.8vw,39px);background:#2c2c2c;border:1px solid #4b4b4b;border-radius:22px;transition:transform .2s,border-color .2s}.services-feature:hover{transform:translateY(-5px);border-color:var(--service-color)}.feature-development{--service-color:var(--green)}.feature-brand{--service-color:var(--purple)}.services-feature-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:37px}.services-feature-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;background:var(--service-color);color:#171717;font-size:25px}.services-feature-number{font-size:10px;font-weight:800;letter-spacing:.14em;color:#aaa}.services-feature h3{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.03em;line-height:1.2;margin:0 0 17px}.services-feature-period{color:var(--service-color)}.services-feature>p{font-size:15px;line-height:1.8;color:#ccc;min-height:130px;margin:0}.services-feature-divider{height:2px;background:var(--service-color);margin:27px 0 24px;opacity:.8}.services-feature ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}.services-feature li{display:flex;gap:12px;align-items:center;color:#e2e2e2;font-size:14px}.services-feature li:before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:var(--service-color);flex:0 0 6px}.services-philosophy{background:#292929;padding:clamp(85px,9vw,130px) 0}.services-philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,120px);align-items:center}.services-philosophy h2{font-size:clamp(40px,4.6vw,68px);line-height:1.12;letter-spacing:-.04em;margin:0}.services-philosophy h2 span{color:var(--green)}.services-philosophy-grid>div:last-child p{font-size:clamp(17px,1.4vw,20px);line-height:1.85;color:#d2d2d2;margin:0 0 24px}.services-philosophy .text-link{display:inline-flex;align-items:center;gap:10px}.services-process{padding:clamp(90px,10vw,150px) 0}.services-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.services-process-step{--step-color:var(--red);background:#2c2c2c;border:1px solid #454545;border-radius:18px;padding:clamp(24px,2.7vw,38px);min-width:0}.services-process-step.step-color-2{--step-color:var(--orange)}.services-process-step.step-color-3{--step-color:var(--yellow)}.services-process-step.step-color-4{--step-color:var(--green)}.services-process-step.step-color-5{--step-color:var(--blue)}.services-process-step.step-color-6{--step-color:var(--purple)}.services-process-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:31px}.services-process-top span{font:800 clamp(33px,3.4vw,49px)/1 var(--head);color:var(--step-color)}.services-process-top>i,.services-process-top>svg{font-size:25px;color:var(--step-color)}.services-process-step h3{font-size:clamp(21px,2vw,28px);line-height:1.25;margin:0 0 13px}.services-process-step p{color:#c7c7c7;font-size:14px;line-height:1.75;margin:0}.services-final-cta{padding:clamp(90px,9vw,135px) 0}.services-final-cta .eyebrow{font-size:11px;letter-spacing:.19em;color:#ccc;margin:0 0 21px}.services-final-cta h2{font-size:clamp(40px,4.6vw,70px);line-height:1.13;margin:0 0 18px}
@media(max-width:1000px){.services-hero-grid,.services-philosophy-grid{grid-template-columns:1fr}.services-hero-art{max-width:580px;width:100%;margin:auto}.services-feature-grid{grid-template-columns:1fr 1fr}.services-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-feature>p{min-height:0}}@media(max-width:650px){.services-hero{padding:65px 0 80px}.services-hero h1{font-size:clamp(46px,10vw,65px)}.services-hero-art{min-height:350px}.services-art-stage{height:330px}.services-art-window{height:285px}.services-art-badge{font-size:8px;padding:10px}.services-art-badge-design{left:0}.services-art-badge-code{right:0}.services-feature-grid,.services-process-grid{grid-template-columns:1fr}.services-offerings,.services-philosophy,.services-process{padding:75px 0}.services-feature-top{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.services-feature{transition:none}}

/* Homepage editorial redesign. Scoped to .lumides-home; legacy homepage styles retained for other templates. */
.lumides-home{background:#202020}.home-hero{background:#1d1d1d;padding:clamp(75px,8vw,128px) 0 clamp(80px,8vw,120px);overflow:hidden}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(38px,5vw,85px);align-items:center}.home-hero-copy .eyebrow{font-size:11px;letter-spacing:.17em;margin:0 0 29px}.home-hero h1{font-size:clamp(48px,5.2vw,79px);line-height:1.1;letter-spacing:-.05em;margin:0 0 27px}.home-hero h1 .about-spectrum-word{white-space:nowrap}.home-hero-lead{max-width:560px;font-size:clamp(17px,1.45vw,20px);line-height:1.8;color:#d2d2d2;margin:0}.home-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:35px}.home-hero-actions .text-link{display:inline-flex;align-items:center;gap:8px}.home-hero-footnote{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.17em;font-weight:800;color:#999;margin-top:70px}.home-footnote-line{width:28px;height:2px;background:var(--orange)}.home-showcase{min-width:0;position:relative;padding:22px 0}.home-showcase-grid{position:relative;height:clamp(330px,33vw,470px)}.home-preview{position:absolute;overflow:hidden;border:1px solid #626262;border-radius:17px;background:#303030;box-shadow:0 25px 48px #0007}.home-preview-red{width:77%;height:73%;left:0;top:7%;z-index:2;transform:rotate(-5deg);border-color:#755055}.home-preview-green{width:66%;height:64%;right:0;top:0;z-index:1;transform:rotate(7deg);border-color:#47654c}.home-preview-purple{width:70%;height:65%;right:0;bottom:0;z-index:3;transform:rotate(3deg);border-color:#6b496e}.home-preview-bar{height:29px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#383838;border-bottom:1px solid #515151}.home-preview-bar>span{width:6px;height:6px;border-radius:50%;background:#777}.home-preview-bar>span:first-child{background:var(--red)}.home-preview-bar>span:nth-child(2){background:var(--yellow)}.home-preview-bar>span:nth-child(3){background:var(--green)}.home-preview-bar small{font:700 10px var(--body);color:#eaeaea;margin-left:auto}.home-preview img{display:block;width:100%;height:calc(100% - 29px);object-fit:cover;object-position:top}.home-preview-fallback{display:grid;place-items:center;height:calc(100% - 29px);font:700 clamp(24px,3vw,40px) var(--head);color:#fff}.home-showcase-accent{position:absolute;width:27px;height:27px;border-radius:8px;z-index:4}.home-showcase-accent-yellow{background:var(--yellow);top:0;left:1%}.home-showcase-accent-blue{background:var(--blue);bottom:3%;left:13%}.home-showcase-caption{display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:800;letter-spacing:.15em;color:#a9a9a9;margin-top:14px}.home-intro{padding:clamp(95px,10vw,155px) 0}.home-intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,7vw,120px)}.home-intro .eyebrow,.home-work .eyebrow,.home-process-teaser .eyebrow,.home-final-cta .eyebrow{font-size:11px;letter-spacing:.18em;color:#ccc;margin:0 0 23px}.home-intro h2,.home-work h2,.home-process-teaser h2,.home-final-cta h2{font-size:clamp(38px,4.5vw,67px);line-height:1.13;letter-spacing:-.04em;margin:0}.home-intro h2 span{color:var(--orange)}.home-intro-copy p{font-size:clamp(17px,1.4vw,20px);line-height:1.85;color:#d1d1d1;margin:0 0 24px}.home-intro-copy .text-link,.home-process-teaser .text-link{display:inline-flex;align-items:center;gap:8px}.home-capabilities{margin-top:clamp(65px,7vw,105px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #515151;border-bottom:1px solid #515151}.home-capability{min-width:0;display:flex;align-items:center;gap:17px;padding:30px 22px 30px 0;transition:background .2s}.home-capability+.home-capability{border-left:1px solid #515151;padding-left:24px}.home-capability-index{align-self:flex-start;font-size:10px;letter-spacing:.1em;font-weight:800;color:#aaa}.home-capability-mark{flex:0 0 47px;width:47px;height:47px;display:grid;place-items:center;border-radius:13px;color:#191919;font-size:20px}.home-capability-red{background:var(--red)}.home-capability-green{background:var(--green)}.home-capability-purple{background:var(--purple)}.home-capability-name{font:700 clamp(17px,1.5vw,22px)/1.25 var(--head);min-width:0}.home-capability-name span{display:block;font:500 12px/1.6 var(--body);color:#aaa;margin-top:5px}.home-capability>i:last-child,.home-capability>svg:last-child{margin-left:auto;color:#aaa;font-size:14px;flex-shrink:0}.home-capability:hover .home-capability-name{color:#fff}.home-work{background:#282828;padding:clamp(95px,10vw,155px) 0}.home-work-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:45px}.home-work h2 span{color:var(--green)}.home-work-heading p:last-child{color:#ccc;font-size:16px;line-height:1.7;max-width:550px;margin:22px 0 0}.home-work-heading>.text-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:9px}.home-work-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.home-work-grid>.project-card{grid-column:span 2;min-width:0;background:#323232;border-color:#4b4b4b}.home-work-grid>.project-card:first-child{grid-column:span 6;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);align-items:stretch}.home-work-grid>.project-card:first-child .project-image{aspect-ratio:1.75;min-height:330px}.home-work-grid>.project-card:first-child .project-info{align-items:flex-start;justify-content:center;flex-direction:column;padding:clamp(25px,3.5vw,55px);position:relative}.home-work-grid>.project-card:first-child .project-info h3{font-size:clamp(26px,2.7vw,38px)}.home-work-grid>.project-card:first-child .project-info .arrow-link{position:absolute;right:28px;bottom:24px}.home-work-grid>.project-card:not(:first-child) .project-image{aspect-ratio:1.55}.home-work-grid>.project-card:not(:first-child) .project-info{padding:20px}.home-work-grid>.project-card:not(:first-child) .project-info h3{font-size:clamp(17px,1.5vw,22px)}.home-work-grid>.project-card:not(:first-child) .project-info p{font-size:12px}.home-process-teaser{padding:clamp(90px,9vw,135px) 0;background:#202020}.home-process-teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,120px);align-items:center}.home-process-teaser h2 span{color:var(--purple)}.home-process-teaser-grid>div:last-child p{font-size:clamp(17px,1.4vw,20px);line-height:1.8;color:#d0d0d0;margin:0 0 24px}.home-final-cta{padding:clamp(90px,9vw,140px) 0}.home-final-cta .eyebrow{margin-bottom:20px}.home-final-cta h2{margin-bottom:20px}.home-final-cta .button{display:inline-flex;align-items:center;gap:10px}
@media(max-width:1050px){.home-hero-grid{grid-template-columns:1fr;gap:45px}.home-showcase{width:min(100%,680px);margin:auto}.home-showcase-grid{height:450px}.home-hero-footnote{margin-top:42px}.home-work-grid>.project-card:not(:first-child){grid-column:span 3}.home-work-grid>.project-card:last-child{grid-column:span 6;display:grid;grid-template-columns:1fr 1fr}.home-work-grid>.project-card:last-child .project-image{aspect-ratio:1.7}}@media(max-width:750px){.home-intro-grid,.home-process-teaser-grid{grid-template-columns:1fr;gap:28px}.home-capabilities{grid-template-columns:1fr}.home-capability+.home-capability{border-left:0;border-top:1px solid #515151;padding-left:0}.home-work-grid>.project-card:first-child{grid-template-columns:1fr}.home-work-grid>.project-card:first-child .project-image{min-height:0;aspect-ratio:1.65}.home-work-grid>.project-card:first-child .project-info{padding:23px}.home-work-grid>.project-card:first-child .project-info .arrow-link{right:22px;bottom:18px}.home-work-heading{align-items:flex-start;flex-direction:column}.home-work-grid>.project-card:last-child{display:block;grid-column:span 3}.home-work-grid>.project-card:last-child .project-image{aspect-ratio:1.55}}@media(max-width:550px){.home-hero{padding:65px 0 75px}.home-hero h1{font-size:clamp(39px,9vw,52px)}.home-hero h1 .about-spectrum-word{white-space:normal}.home-showcase-grid{height:310px}.home-preview-bar{height:23px;padding:0 9px}.home-preview img,.home-preview-fallback{height:calc(100% - 23px)}.home-showcase-caption{font-size:8px}.home-intro,.home-work,.home-process-teaser{padding:75px 0}.home-work-grid{grid-template-columns:1fr}.home-work-grid>.project-card,.home-work-grid>.project-card:first-child,.home-work-grid>.project-card:not(:first-child),.home-work-grid>.project-card:last-child{grid-column:1}.home-capability{padding:22px 0}.home-capability-mark{width:43px;height:43px;flex-basis:43px}.home-hero-actions{gap:20px}}
@media(prefers-reduced-motion:reduce){.home-capability{transition:none}}

/* Homepage: one lead project and three supporting cards. */
.home-work-grid>.project-card:not(:first-child){grid-column:span 2}
@media(max-width:1050px){.home-work-grid>.project-card:not(:first-child),.home-work-grid>.project-card:last-child{grid-column:span 3;display:block}.home-work-grid>.project-card:last-child .project-image{aspect-ratio:1.55}}
@media(max-width:750px){.home-work-grid>.project-card:last-child{grid-column:span 3}}
@media(max-width:550px){.home-work-grid>.project-card:not(:first-child),.home-work-grid>.project-card:last-child{grid-column:1}}

/* Portfolio page — editorial Material Design, scoped to .lumides-work. */
.lumides-work{background:#202020}.work-hero{background:#1d1d1d;padding:clamp(80px,9vw,135px) 0;overflow:hidden}.work-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(35px,6vw,100px);align-items:center}.work-hero-copy .eyebrow,.work-gallery .eyebrow,.work-statement .eyebrow,.work-final-cta .eyebrow{font-size:11px;letter-spacing:.19em;color:#ccc;margin:0 0 26px}.work-hero h1{font-size:clamp(52px,5.5vw,83px);line-height:1.09;letter-spacing:-.05em;margin:0 0 29px}.work-hero h1 .about-spectrum-word{white-space:nowrap}.work-hero-copy>p:not(.eyebrow){font-size:clamp(17px,1.5vw,20px);line-height:1.8;color:#d0d0d0;max-width:550px;margin:0 0 34px}.work-hero-copy>.text-link{display:inline-flex;gap:12px;align-items:center}.work-hero-art{height:390px;position:relative;display:grid;place-items:center;isolation:isolate}.work-art-orbit{position:absolute;border:1px solid #505050;border-radius:28px;transform:rotate(-14deg);width:82%;height:76%;background:#252525;box-shadow:0 24px 60px #0005}.work-art-orbit-two{width:65%;height:90%;transform:rotate(17deg);background:#303030;border-color:#575757;z-index:-1}.work-art-word{font:700 clamp(30px,3.6vw,53px)/1.15 var(--head);letter-spacing:-.04em;text-align:center;position:relative;z-index:2;text-shadow:0 4px 20px #0007}.work-art-word>span{color:var(--yellow)}.work-art-tile{position:absolute;z-index:3;width:66px;height:66px;display:grid;place-items:center;border-radius:18px;color:#171717;font-size:27px;box-shadow:0 12px 30px #0005}.work-art-tile-red{background:var(--red);top:6%;left:9%;transform:rotate(-13deg)}.work-art-tile-yellow{background:var(--yellow);top:0;right:13%;transform:rotate(12deg)}.work-art-tile-green{background:var(--green);bottom:8%;left:2%;transform:rotate(10deg)}.work-art-tile-blue{background:var(--blue);color:#fff;bottom:1%;right:21%;transform:rotate(-12deg)}.work-art-tile-purple{background:var(--purple);right:0;top:43%;transform:rotate(11deg)}.work-gallery{padding:clamp(90px,10vw,145px) 0}.work-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.work-gallery h2,.work-statement h2,.work-final-cta h2{font-size:clamp(39px,4.6vw,68px);line-height:1.13;letter-spacing:-.04em;margin:0}.work-gallery h2 span{color:var(--green)}.work-gallery-heading p:last-child{color:#ccc;max-width:620px;font-size:17px;line-height:1.75;margin:24px 0 0}.work-gallery-mark{display:flex;gap:6px;align-items:end;flex-shrink:0;padding-bottom:7px}.work-gallery-mark span{display:block;width:12px;height:44px;border-radius:5px;background:var(--red)}.work-gallery-mark span:nth-child(2){height:60px;background:var(--orange)}.work-gallery-mark span:nth-child(3){height:34px;background:var(--yellow)}.work-gallery-mark span:nth-child(4){height:53px;background:var(--green)}.work-gallery-mark span:nth-child(5){height:39px;background:var(--blue)}.work-gallery-mark span:nth-child(6){height:65px;background:var(--purple)}.work-filters{margin:0 0 31px;gap:11px}.work-filters .filter{font:700 13px var(--body);padding:11px 20px;background:#2e2e2e;border-color:#515151;transition:background .2s,border-color .2s,color .2s}.work-filters .filter.active{background:#fff;color:#171717;border-color:#fff}.work-filters .filter:not(.active):hover{border-color:#bbb}.lumides-work .work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lumides-work .work-grid>.project-card{--project-accent:var(--red);min-width:0;background:#2e2e2e;border:1px solid #484848;border-bottom:4px solid var(--project-accent);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}.lumides-work .work-grid>.project-card:nth-child(2){--project-accent:var(--orange)}.lumides-work .work-grid>.project-card:nth-child(3){--project-accent:var(--yellow)}.lumides-work .work-grid>.project-card:nth-child(4){--project-accent:var(--green)}.lumides-work .work-grid>.project-card:nth-child(5){--project-accent:var(--blue)}.lumides-work .work-grid>.project-card:nth-child(6){--project-accent:var(--purple)}.lumides-work .work-grid>.project-card:nth-child(6n+1){--project-accent:var(--red)}.lumides-work .work-grid>.project-card:nth-child(6n+2){--project-accent:var(--orange)}.lumides-work .work-grid>.project-card:nth-child(6n+3){--project-accent:var(--yellow)}.lumides-work .work-grid>.project-card:nth-child(6n+4){--project-accent:var(--green)}.lumides-work .work-grid>.project-card:nth-child(6n+5){--project-accent:var(--blue)}.lumides-work .work-grid>.project-card:nth-child(6n){--project-accent:var(--purple)}.lumides-work .work-grid>.project-card:hover{border-color:var(--project-accent);box-shadow:0 17px 40px #0005}.lumides-work .work-grid>.project-card .project-image{aspect-ratio:1.5;min-height:0;display:block;overflow:hidden}.lumides-work .work-grid>.project-card .project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s ease}.lumides-work .work-grid>.project-card:hover .project-image img{transform:scale(1.035)}.lumides-work .work-grid>.project-card .project-info{padding:22px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}.lumides-work .work-grid>.project-card .project-info h3{font-size:clamp(19px,1.8vw,26px);margin:0 0 7px}.lumides-work .work-grid>.project-card .project-info p{font-size:12px;line-height:1.6}
.work-statement{background:#292929;padding:clamp(85px,9vw,135px) 0}.work-statement-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,7vw,120px)}.work-statement h2 span{color:var(--purple)}.work-statement-grid>div:last-child p{font-size:clamp(17px,1.4vw,20px);line-height:1.8;color:#d0d0d0;margin:0 0 25px}.work-statement .text-link{display:inline-flex;align-items:center;gap:9px}.work-final-cta{padding:clamp(90px,9vw,135px) 0}.work-final-cta h2{margin-bottom:19px}
@media(max-width:950px){.work-hero-grid{grid-template-columns:1fr}.work-hero-art{width:min(100%,600px);margin:auto}.lumides-work .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-statement-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:650px){.work-hero{padding:65px 0 80px}.work-hero h1{font-size:clamp(43px,10vw,65px)}.work-hero h1 .about-spectrum-word{white-space:normal}.work-hero-art{height:310px}.work-art-tile{width:52px;height:52px;font-size:21px;border-radius:14px}.work-gallery,.work-statement{padding:75px 0}.work-gallery-heading{align-items:flex-start}.work-gallery-mark{display:none}.work-filters{gap:8px}.work-filters .filter{padding:9px 14px;font-size:12px}.lumides-work .work-grid{grid-template-columns:1fr}.lumides-work .work-grid>.project-card .project-info h3{font-size:24px}}

/* Entire portfolio card is one accessible link, including its text and blank space. */
.project-card{position:relative}.project-card-link{position:absolute;inset:0;z-index:2;border-radius:inherit}.project-card:focus-within{outline:2px solid var(--purple);outline-offset:4px}.project-card-link:focus-visible{outline:2px solid var(--purple);outline-offset:4px}.project-card .project-info h3{color:inherit}

/* Portfolio pagination: one six-color collection per page. */
.lumides-work .work-grid>.project-card[hidden],.lumides-work .work-pagination[hidden]{display:none}
.work-pagination{display:flex;align-items:center;justify-content:center;gap:23px;margin:42px 0 0}.work-pagination button{width:46px;height:46px;border-radius:14px;background:#333;border:1px solid #606060;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}.work-pagination button:hover:not(:disabled){background:#444;border-color:var(--purple)}.work-pagination button:disabled{opacity:.32;cursor:default}.work-page-status{font:700 13px var(--body);letter-spacing:.15em;color:#ddd;min-width:50px;text-align:center}.lumides-work .work-grid{transition:opacity .22s ease,transform .22s ease}.lumides-work .work-grid.work-slide-out-left{opacity:0;transform:translateX(-35px)}.lumides-work .work-grid.work-slide-out-right{opacity:0;transform:translateX(35px)}.lumides-work .work-grid.work-slide-in-right{opacity:0;transform:translateX(35px)}.lumides-work .work-grid.work-slide-in-left{opacity:0;transform:translateX(-35px)}
@media(prefers-reduced-motion:reduce){.lumides-work .work-grid{transition:none}}