/* DemonSite / Editorial 2026. Designed as a progressive layer over existing components. */
:root{--dx-bg:#090711;--dx-surface:#151020;--dx-ink:#faf7ff;--dx-muted:#b7acc6;--dx-neon:#c2ff57;--dx-violet:#a36bff;--dx-hot:#e3b6ff;--dx-display:'Space Grotesk',Arial,sans-serif}
html{scroll-padding-top:85px}body{background:#090711;color:var(--dx-ink)}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--dx-neon)!important;outline-offset:5px}::selection{background:#c2ff57;color:#11081c}
.ds-container{max-width:1400px;padding-left:clamp(22px,4vw,72px);padding-right:clamp(22px,4vw,72px)}.ds-header-top{background:rgba(10,7,18,.85)!important;backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.11)!important}.ds-header-top .ds-nav-link{font-size:.78rem;font-weight:750;letter-spacing:.05em}.ds-header-top .ds-btn-primary{background:var(--dx-neon);color:#151022;border-color:var(--dx-neon);box-shadow:none}.ds-header-top .ds-btn-primary:hover{background:#fff;color:#140d21}.ds-btn{transition:transform .25s ease,background .25s ease,border-color .25s ease}.ds-btn:hover{transform:translateY(-2px)}.ds-card{background:linear-gradient(145deg,#20152f,#130e1e)!important;border-color:#49325d!important;border-radius:20px!important}.ds-card-interactive:hover{border-color:#af81f3!important;transform:translateY(-5px)}.ds-page-bg{background-image:radial-gradient(ellipse 85% 35% at 100% 2%,rgba(131,53,244,.15),transparent),linear-gradient(#0a0712,#0a0712)}.ds-section{padding-block:clamp(65px,8vw,112px)}.ds-section-title{letter-spacing:-.055em;font-size:clamp(2.25rem,4vw,4.6rem);line-height:1.04}.ds-section-lede{color:#c5b9d2}.ds-subpage main>.ds-section:first-child{position:relative;isolation:isolate;padding-top:clamp(72px,9vw,150px);background:radial-gradient(ellipse 90% 100% at 95% 0%,rgba(117,53,209,.23),transparent 65%)}.ds-subpage main>.ds-section:first-child:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(190,154,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(190,154,255,.1) 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(#000,transparent 75%)}.ds-subpage main>.ds-section:first-child h1{font-family:var(--dx-display);font-weight:700;text-transform:uppercase;letter-spacing:-.055em;line-height:.98;font-size:clamp(3.3rem,8vw,7.6rem);max-width:1050px;text-wrap:balance}.ds-subpage main>.ds-section:first-child .ds-section-lede{font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.6;color:#d5cbe0}.ds-subpage .ds-breadcrumb{text-transform:uppercase;letter-spacing:.15em;font-size:.73rem;color:var(--dx-neon)}
.dx-hero{background:#0a0712;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #372a44}.dx-hero-glow{position:absolute;inset:-10% -10% auto auto;width:90vw;height:850px;background:radial-gradient(ellipse,rgba(126,58,222,.36),transparent 60%);pointer-events:none;z-index:-1}.dx-orbit-lines{position:absolute;right:-25%;top:-25%;width:100%;aspect-ratio:1;border:1px solid rgba(196,126,255,.14);border-radius:50%;box-shadow:0 0 0 120px rgba(190,115,255,.025),0 0 0 250px rgba(190,115,255,.025);pointer-events:none}.dx-hero-inner{position:relative;padding-top:55px}.dx-kicker,.dx-overline,.dx-section-id,.dx-final-top,.dx-card-top,.dx-preview-index,.dx-screen-caption{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.dx-kicker{display:flex;align-items:center;gap:15px;color:#d5c9e7}.dx-live-dot{width:9px;height:9px;border-radius:50%;background:var(--dx-neon);box-shadow:0 0 20px var(--dx-neon)}.dx-kicker-rule{height:1px;width:35px;background:#715b83}.dx-title-group{padding-top:clamp(54px,8vw,100px);position:relative;z-index:2}.dx-title-group h1{margin:0;font-family:var(--dx-display);font-size:clamp(3.45rem,8.15vw,10rem);line-height:.89;letter-spacing:-.082em;font-weight:700;color:#f8f5ff;max-width:1360px}.dx-title-group h1 em{font-style:normal;color:#aa80ff}.dx-title-group h1>span{color:var(--dx-neon)}.dx-period{color:#fff}.dx-hero-description{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.5;color:#d8cce4;max-width:410px;margin:32px 0 0 auto}.dx-hero-actions{margin:35px 0 50px;display:flex;justify-content:flex-end;align-items:center;gap:27px;flex-wrap:wrap;position:relative;z-index:3}.dx-btn{min-height:60px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:0 26px;text-decoration:none;font-size:.78rem;letter-spacing:.095em;font-weight:800;transition:transform .24s ease,background .24s ease,color .24s ease}.dx-btn:hover{transform:translateY(-4px)}.dx-btn-hot{background:var(--dx-neon);color:#120a1d}.dx-btn-hot:hover{background:white;color:#120a1d}.dx-text-link{font-weight:800;letter-spacing:.1em;font-size:.75rem;text-decoration:none;color:#eee5f4;border-bottom:1px solid #ad89cb;padding:17px 0}.dx-text-link:hover{color:var(--dx-neon);border-color:var(--dx-neon)}.dx-hero-stage{position:relative;min-height:530px;display:flex;align-items:center;justify-content:center;margin-bottom:35px}.dx-stage-glow{position:absolute;width:85%;height:70%;background:radial-gradient(ellipse,rgba(167,85,255,.42),transparent 70%);filter:blur(40px)}.dx-screen{position:relative;width:min(900px,85%);min-height:470px;border:1px solid #9471b6;border-radius:14px 14px 0 0;transform:perspective(1600px) rotateY(-9deg) rotateX(4deg) rotateZ(-2deg);background:#171022;box-shadow:35px 45px 0 #100a19,38px 48px 0 #48315f,0 60px 130px #000;overflow:hidden}.dx-screen-top{height:46px;background:#241a34;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:10px;letter-spacing:.11em;color:#d9c6ed;font-weight:700;border-bottom:1px solid #684b7e}.dx-screen-lights{display:flex;gap:6px}.dx-screen-lights i{display:block;width:8px;height:8px;border-radius:50%;background:#a583c7}.dx-screen-lights i:first-child{background:#c2ff57}.dx-screen-content{position:relative;min-height:425px;overflow:hidden;background:radial-gradient(ellipse at 78% 60%,#5b297f,#200e3c 55%,#120c1a 90%)}.dx-screen-content:before{content:'';position:absolute;inset:0;opacity:.23;background-image:linear-gradient(90deg,transparent 98%,#bd87ed 99%),linear-gradient(transparent 98%,#bd87ed 99%);background-size:35px 35px}.dx-screen-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(32px,5vw,70px)}.dx-preview-index{color:#d4b8ed}.dx-screen-copy strong{font-size:clamp(3.5rem,8vw,7rem);line-height:.85;letter-spacing:-.08em;font-family:var(--dx-display);margin:42px 0}.dx-screen-copy strong em{font-style:normal;color:var(--dx-neon)}.dx-screen-bar{width:80px;height:5px;background:var(--dx-neon)}.dx-screen-caption{color:#e9d8f5;margin-top:18px}.dx-screen-mascot{position:absolute;right:0;bottom:-35%;height:145%;width:auto;max-width:55%;object-fit:contain;filter:drop-shadow(0 15px 60px #06010e);z-index:1}.dx-stage-sticker{position:absolute;z-index:3;font-weight:900;line-height:1.05}.dx-stage-sticker-a{left:0;top:9%;transform:rotate(-12deg);background:var(--dx-neon);color:#160e22;padding:22px 25px;font-size:clamp(1rem,2vw,1.7rem);box-shadow:12px 14px 0 #070511}.dx-stage-sticker-a span{font-size:2rem}.dx-stage-sticker-b{right:0;bottom:12%;transform:rotate(7deg);border:2px solid #d9c5ff;color:white;background:#452078;padding:20px;font-size:1rem;letter-spacing:.04em}.dx-hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #4b3b58;padding:25px 0 28px;color:#bbaec8;font-weight:800;letter-spacing:.14em;font-size:.65rem}.dx-scroll-arrow{font-size:22px;color:var(--dx-neon)}
.dx-marquee{background:var(--dx-neon);color:#191121;overflow:hidden;padding:15px 0}.dx-marquee-track{display:flex;align-items:center;gap:35px;width:max-content;white-space:nowrap;animation:dx-ticker 35s linear infinite;font-size:clamp(1.2rem,2vw,2rem);font-family:var(--dx-display);font-weight:700;letter-spacing:-.04em}.dx-marquee-track b{font-size:2rem}@keyframes dx-ticker{to{transform:translateX(-50%)}}
.dx-pad{padding:clamp(90px,11vw,165px) 0}.dx-intro{background:#f0e9dd;color:#17101c}.dx-intro-grid{display:grid;grid-template-columns:1fr 3fr;gap:50px}.dx-section-id{display:flex;gap:20px;align-items:start;color:#5d5260}.dx-line{height:1px;flex:1;background:#86798a;margin-top:8px}.dx-mega{font-family:var(--dx-display);font-weight:700;font-size:clamp(2.7rem,5.3vw,6.8rem);letter-spacing:-.065em;line-height:1.04;margin:0;text-wrap:balance}.dx-mega span{color:#8541c3}.dx-intro-foot{margin-top:65px;display:flex;gap:60px;align-items:end;justify-content:space-between}.dx-intro-foot p{font-size:clamp(1.1rem,1.5vw,1.45rem);line-height:1.5;max-width:570px;color:#524652}.dx-round-link{display:grid;place-items:center;flex:0 0 110px;height:110px;border-radius:50%;background:#1b1225;color:var(--dx-neon);font-size:3rem;transition:transform .25s}.dx-round-link:hover{transform:rotate(45deg);background:#773ab1}
.dx-services{background:#0e0b16}.dx-heading-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px}.dx-overline{display:block;color:var(--dx-neon);margin-bottom:24px}.dx-section-head{font-family:var(--dx-display);font-weight:700;font-size:clamp(3.5rem,6vw,7rem);letter-spacing:-.075em;line-height:.96;margin:0}.dx-section-head em{font-style:normal;color:#b892ff}.dx-heading-row>p{max-width:300px;color:#cbbdd5;font-size:1.15rem;line-height:1.55}.dx-services-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px}.dx-service-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:560px;padding:30px;background:#241333;color:white;text-decoration:none;transition:transform .3s ease,background .3s ease}.dx-service-card:hover{transform:translateY(-8px);background:#35204c}.dx-service-main{background:#b88dff;color:#1c1028}.dx-service-main:hover{background:#cbadff}.dx-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dx-card-arrow{font-size:2rem;line-height:1;transition:transform .25s ease}.dx-service-card:hover .dx-card-arrow{transform:translate(5px,-5px)}.dx-card-bottom h3{font-family:var(--dx-display);font-size:clamp(1.6rem,2.7vw,3.15rem);letter-spacing:-.06em;line-height:1.03;margin:0 0 14px}.dx-card-bottom p{max-width:340px;line-height:1.55;opacity:.8}.dx-device-illustration{position:relative;height:230px;display:flex;justify-content:center;align-items:center}.dx-device-browser{width:90%;height:190px;border:7px solid #241331;border-radius:12px;background:#251334;transform:rotate(-7deg);box-shadow:17px 20px 0 #754c9f;overflow:hidden}.dx-device-bar{background:#eee2ff;color:#4b285f;height:25px;font-size:8px;padding:8px}.dx-device-bar span{float:right}.dx-device-shapes{display:flex;padding:26px;color:#c3ff65;align-items:center;justify-content:space-between}.dx-device-shapes b{font-family:var(--dx-display);font-size:3rem;line-height:.8;letter-spacing:-.08em}.dx-device-shapes i{height:100px;width:100px;border-radius:50%;background:linear-gradient(130deg,#a45cff,#ffabde)}.dx-device-phone{position:absolute;right:0;bottom:-7px;width:105px;height:172px;border:7px solid #201027;border-radius:15px;background:#c2ff57;color:#24112b;transform:rotate(10deg);display:flex;flex-direction:column;justify-content:space-between;padding:12px;box-shadow:12px 12px 0 #5a387a}.dx-device-phone span{font-size:2rem}.dx-device-phone b{line-height:.95}.dx-graphic-split{display:grid;grid-template-columns:1fr 1fr;height:200px;transform:rotate(-8deg);box-shadow:16px 16px 0 #100918;margin:15px 10px;overflow:hidden}.dx-graphic-split span{display:grid;place-items:center;font-weight:900;font-size:clamp(1.2rem,2vw,2rem)}.dx-before{background:#473c50;color:#b8afc0;filter:grayscale(1)}.dx-after{background:#c2ff57;color:#191021}.dx-service-green{background:#193425}.dx-service-green:hover{background:#254c37}.dx-graphic-care{height:210px;display:flex;justify-content:center;align-items:center;gap:18px;font-weight:900;letter-spacing:-.04em;font-size:1.3rem}.dx-care-circle{height:160px;width:160px;flex-shrink:0;border:3px solid #c2ff57;border-radius:50%;display:grid;place-items:center;font-size:8rem;line-height:1;color:#c2ff57}.dx-service-more{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #473a56;border-bottom:1px solid #473a56;margin-top:30px;padding:24px 0}.dx-service-more>span{font-size:.7rem;color:#bdafcd;letter-spacing:.16em;font-weight:800}.dx-service-more>div{display:flex;gap:22px;flex-wrap:wrap}.dx-service-more a{font-size:.75rem;text-decoration:none;font-weight:800;color:#fff}.dx-service-more a:hover{color:var(--dx-neon)}
.dx-manifesto{background:#b8a1fa;color:#160d23}.dx-manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px)}.dx-manifesto .dx-overline{color:#47246e}.dx-manifesto .dx-section-head em{color:#fff}.dx-btn-outline{margin-top:50px;border:2px solid #190e2a;color:#190e2a}.dx-btn-outline:hover{background:#190e2a;color:white}.dx-manifesto-list{border-top:1px solid rgba(29,15,38,.35)}.dx-manifesto-list>div{display:grid;grid-template-columns:40px 1fr 25px;gap:20px;border-bottom:1px solid rgba(29,15,38,.35);padding:30px 0}.dx-manifesto-list>div>span{font-size:.8rem;font-weight:800}.dx-manifesto-list h3{font-size:clamp(1.3rem,2vw,2rem);line-height:1;letter-spacing:-.045em;font-weight:800;margin:0 0 9px}.dx-manifesto-list p{max-width:420px;font-size:1rem;line-height:1.5;color:#3f2c51}
.dx-process{background:#0e0b16}.dx-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#55415d;border:1px solid #55415d}.dx-step-grid article{display:flex;flex-direction:column;min-height:290px;padding:30px;background:#160f20;transition:background .25s}.dx-step-grid article:hover{background:#261535}.dx-step-grid article>span{font-size:.7rem;color:var(--dx-neon);letter-spacing:.13em;font-weight:800}.dx-step-grid article>b{font-family:var(--dx-display);font-size:clamp(1.8rem,2.5vw,2.8rem);line-height:1.06;letter-spacing:-.06em;margin:auto 0 20px}.dx-step-grid article>p{color:#c0b3ca;line-height:1.5;font-size:.92rem}
.dx-audit{background:#f0e9dd;color:#1d1227}.dx-audit-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.dx-audit .dx-overline{color:#653a83}.dx-audit h2{font-family:var(--dx-display);font-size:clamp(2.6rem,5.1vw,5.8rem);letter-spacing:-.07em;line-height:1;margin:0}.dx-audit h2 em{font-style:normal;color:#8b42c8}.dx-audit p{font-size:1.15rem;line-height:1.55;max-width:480px;margin:30px 0;color:#514358}.dx-audit .dx-btn-hot{background:#20102d;color:white}.dx-audit .dx-btn-hot:hover{background:#7b3dad}.dx-audit-art{min-height:440px;background:#261238;position:relative;overflow:hidden;display:grid;place-items:center}.dx-audit-radar{width:min(68%,340px);aspect-ratio:1;position:relative;border-radius:50%;border:2px solid #b49af0;display:grid;place-items:center}.dx-audit-ring{position:absolute;inset:14%;border-radius:50%;border:1px solid #b49af0}.dx-audit-ring:nth-child(2){inset:29%}.dx-audit-ring:nth-child(3){inset:44%}.dx-audit-radar:before,.dx-audit-radar:after{content:'';position:absolute;background:#b49af0}.dx-audit-radar:before{width:1px;height:130%;left:50%}.dx-audit-radar:after{height:1px;width:130%;top:50%}.dx-audit-radar>span{font-size:8rem;color:var(--dx-neon);z-index:1;line-height:1}.dx-audit-note{position:absolute;left:24px;bottom:24px;color:#e4d7ef;font-size:.75rem;letter-spacing:.15em;font-weight:800}
.dx-faq{background:#100b19}.dx-faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.dx-questions{border-top:1px solid #554363}.dx-questions details{border-bottom:1px solid #554363}.dx-questions summary{padding:24px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:700;letter-spacing:-.025em;list-style:none}.dx-questions summary::-webkit-details-marker{display:none}.dx-questions summary span{font-size:2rem;color:var(--dx-neon);transition:transform .2s}.dx-questions details[open] summary span{transform:rotate(45deg)}.dx-questions details p{margin:0 0 26px;color:#d2c5db;line-height:1.7;max-width:600px}.dx-questions details a{color:var(--dx-neon)}
.dx-final{padding:clamp(70px,8vw,120px) 0;background:var(--dx-neon);color:#1a1026}.dx-final-top{display:flex;justify-content:space-between;border-bottom:1px solid #596d37;padding-bottom:20px}.dx-final h2{font-family:var(--dx-display);font-weight:700;font-size:clamp(4rem,11.8vw,13rem);line-height:.85;letter-spacing:-.095em;margin:70px 0}.dx-final h2 em{font-style:normal;color:#7145a3}.dx-final-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.dx-final-bottom p{font-size:1.2rem;line-height:1.5}.dx-final-cta{min-height:82px;padding:22px 28px;min-width:330px;background:#1d102a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;text-decoration:none;font-weight:800;letter-spacing:.08em;transition:background .2s,transform .2s}.dx-final-cta:hover{background:#6b299a;transform:translateY(-4px)}.dx-final-cta span{font-size:2rem}
@media(max-width:1100px){.dx-services-grid{grid-template-columns:1fr 1fr}.dx-service-main{grid-column:span 2}.dx-service-main .dx-device-illustration{height:240px}.dx-manifesto-grid{gap:45px}.dx-hero-stage{min-height:450px}.dx-screen{min-height:370px}.dx-screen-content{min-height:325px}.dx-screen-mascot{bottom:-37%}}
@media(max-width:740px){.dx-hero-inner{padding-top:36px}.dx-kicker{font-size:9px;gap:9px;flex-wrap:wrap}.dx-title-group{padding-top:65px}.dx-title-group h1{font-size:clamp(3rem,11.1vw,5.5rem);letter-spacing:-.073em}.dx-hero-description{margin:26px 0 0;max-width:360px}.dx-hero-actions{justify-content:flex-start;margin:30px 0 60px}.dx-hero-stage{min-height:300px;margin-left:-10px;margin-right:-10px}.dx-screen{width:93%;min-height:235px;transform:perspective(1200px) rotateY(-4deg) rotateZ(-2deg);box-shadow:14px 18px 0 #100a19,16px 20px 0 #48315f}.dx-screen-top{height:28px;font-size:6px;padding:0 10px}.dx-screen-content{min-height:208px}.dx-screen-copy{padding:22px}.dx-preview-index,.dx-screen-caption{font-size:6px}.dx-screen-copy strong{font-size:clamp(2.35rem,10vw,4rem);margin:28px 0 18px}.dx-screen-mascot{height:115%;max-width:54%;bottom:-14%;right:-7%}.dx-screen-bar{height:3px;width:40px}.dx-stage-sticker-a{font-size:.66rem;padding:11px;left:-2%;top:2%}.dx-stage-sticker-a span{font-size:1rem}.dx-stage-sticker-b{font-size:.55rem;padding:10px;bottom:0}.dx-hero-bottom{font-size:.5rem}.dx-hero-bottom span:last-child{display:none}.dx-intro-grid,.dx-manifesto-grid,.dx-audit-wrap,.dx-faq-grid{grid-template-columns:1fr;gap:28px}.dx-intro-foot{margin-top:38px;gap:25px}.dx-round-link{height:68px;flex-basis:68px;font-size:2rem}.dx-heading-row{display:block}.dx-heading-row>p{margin-top:20px}.dx-services-grid{grid-template-columns:1fr}.dx-service-main{grid-column:auto}.dx-service-card{min-height:480px}.dx-service-more{display:block}.dx-service-more>div{margin-top:20px}.dx-step-grid{grid-template-columns:1fr 1fr}.dx-step-grid article{min-height:220px;padding:20px}.dx-audit-art{min-height:340px}.dx-faq-grid{gap:48px}.dx-final h2{margin:50px 0;font-size:clamp(3.6rem,13vw,6rem)}.dx-final-top span:last-child{display:none}.dx-final-bottom{display:block}.dx-final-cta{min-width:0;width:100%;margin-top:32px}.dx-section-head{font-size:clamp(3.3rem,11vw,5.6rem)}}
@media(max-width:400px){.dx-title-group h1{font-size:11vw}.dx-btn{width:100%;gap:14px}.dx-hero-actions .dx-text-link{margin-top:5px}.dx-service-card{padding:23px}.dx-service-more>div{gap:15px}.dx-step-grid{grid-template-columns:1fr}.dx-step-grid article{min-height:190px}}
@media(prefers-reduced-motion:reduce){.dx-marquee-track{animation:none}.dx-service-card,.dx-card-arrow,.dx-round-link,.dx-final-cta,.dx-btn{transition:none!important}.dx-service-card:hover,.dx-final-cta:hover,.dx-btn:hover{transform:none!important}}

/* FINAL PASS: project work, conversion and sample showcases */
.concept-section{padding:clamp(75px,8vw,120px) 0 110px;min-height:75vh}.concept-wrap{max-width:1240px}.concept-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin:45px 0 65px}.concept-heading h1{font:900 clamp(64px,9vw,144px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:18px 0 0}.concept-heading h1 em{color:#c8fb67;font-style:normal}.concept-heading p{color:#c9c1d7;line-height:1.8;max-width:380px}.concept-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.concept-card{display:block;position:relative;background:#1a1227;border:1px solid #ffffff20;border-radius:18px;overflow:hidden;color:#fff;transition:transform .22s,border-color .22s}.concept-card:hover{transform:translateY(-7px);border-color:#c8fb67}.concept-preview{margin:12px;aspect-ratio:1/.96;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.concept-preview-bar{padding:13px 15px;background:#1119;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em}.concept-preview-content{flex:1;padding:32px 24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.concept-preview-content small{letter-spacing:.18em;font-size:10px;font-weight:900}.concept-preview-content strong{font:900 clamp(30px,3vw,56px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.075em;max-width:100%;overflow-wrap:anywhere}.concept-preview-mark{position:absolute;right:-5%;top:33%;font:900 100px Arial;opacity:.13;transform:rotate(-22deg)}.concept-roofs .concept-preview{background:linear-gradient(125deg,#24323a,#11181d);color:#f87c4b}.concept-coffee .concept-preview{background:linear-gradient(125deg,#f4e8d7,#d8b38a);color:#713c29}.concept-auto .concept-preview{background:linear-gradient(125deg,#1e2931,#0b0f14);color:#c7fa47}.concept-card-info{padding:20px 24px;display:flex;justify-content:space-between;gap:14px}.concept-card-info span{font-size:10px;letter-spacing:.14em;color:#c8fb67}.concept-card-info h2{font-size:30px;line-height:1;margin:12px 0;letter-spacing:-.06em;font-weight:900}.concept-card-info p{color:#c8c0d4;font-size:14px;line-height:1.7}.concept-card-arrow{font-size:28px!important;color:#c8fb67}.concept-tag{display:block;padding:0 24px 25px;color:#bfb5d0;font-size:10px;letter-spacing:.1em}.concept-actual{margin-top:75px;border-radius:22px;background:linear-gradient(120deg,#29203e,#171322);padding:clamp(34px,6vw,70px)}.concept-actual h2{font:900 clamp(32px,5vw,60px)/1 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:18px 0}.concept-actual p{max-width:700px;line-height:1.8;color:#c9c1d7;margin-bottom:30px}.dx-work{background:#171020;color:#fff}.dx-work .dx-heading-row{margin-bottom:40px}.dx-work-note{font-size:12px!important;opacity:.7;margin-top:12px}.dx-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dx-work-card{min-height:340px;border-radius:18px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .22s,border-color .22s;overflow:hidden;border:1px solid #ffffff20}.dx-work-card:hover{transform:translateY(-7px);border-color:#c8fb67}.dx-work-card>span{font-size:11px;letter-spacing:.16em;font-weight:800}.dx-work-card strong{font-size:clamp(38px,4.3vw,72px);font-weight:900;letter-spacing:-.08em;display:flex;justify-content:space-between;align-items:center;gap:5px}.dx-work-card strong span{font-size:30px}.dx-work-card em{font-style:normal;font-size:12px;letter-spacing:.1em}.dx-work-roof{background:radial-gradient(circle at 75% 40%,#4e6261,#1c2a30 70%);color:#ff875b}.dx-work-coffee{background:radial-gradient(circle at 75% 40%,#edcfac,#d5ad86 70%);color:#653d2b}.dx-work-auto{background:radial-gradient(circle at 75% 40%,#37444c,#131920 70%);color:#c8fa4b}.dx-work-link{display:inline-flex;margin-top:32px}.ds-extra-fields{border:1px solid #ffffff30;background:#ffffff06;border-radius:14px;padding:22px}.ds-extra-fields summary{cursor:pointer;font-weight:800;color:#d5ff90}.ds-extra-fields[open] summary{margin-bottom:12px}.ds-form-status{padding:12px;border-radius:8px}.ds-form-status:focus{outline:2px solid #d5ff90}
@media(max-width:980px){.concept-showcase,.dx-work-grid{grid-template-columns:1fr 1fr}.concept-heading{display:block}.concept-heading p{margin-top:24px}}@media(max-width:650px){.concept-showcase,.dx-work-grid{grid-template-columns:1fr}.concept-heading h1{font-size:clamp(52px,15vw,95px)}.dx-work-card{min-height:250px}.concept-preview{aspect-ratio:1.45}.sample-top{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.concept-card,.dx-work-card{transition:none!important}}

/* Real project showcase – live properties, not sample/mock portfolios */
.real-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.real-work-grid.real-work-featured{grid-template-columns:minmax(0,1fr);max-width:760px}.real-work-card{display:flex;flex-direction:column;min-width:0;border:1px solid #ffffff25;border-radius:20px;background:#1b1429;color:#fff;overflow:hidden;text-decoration:none;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.real-work-card:hover{transform:translateY(-5px);border-color:#c8fb67;box-shadow:0 24px 50px #0004}.real-work-card:focus-visible{outline:3px solid #c8fb67;outline-offset:4px}.real-work-window{margin:13px 13px 0;border-radius:12px;min-height:275px;overflow:hidden;background:var(--work-bg);color:var(--work-text)}.real-work-browser{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 18px;background:#0002;font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.04em}.real-work-browser .real-work-dots{letter-spacing:.1em;opacity:.6}.real-work-stage{position:relative;min-height:232px;padding:35px clamp(20px,3.5vw,45px);display:flex;flex-direction:column;justify-content:center;gap:17px;isolation:isolate}.real-work-stage:after{content:'';position:absolute;z-index:-1;right:-80px;top:-90px;width:330px;height:330px;border:55px solid currentColor;border-radius:50%;opacity:.08;transform:rotate(-18deg)}.real-work-stage small{font-weight:800;letter-spacing:.18em;font-size:10px}.real-work-stage strong{font:900 clamp(28px,3.65vw,61px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.06em;max-width:530px}.real-work-mast{font-size:11px;font-weight:800;letter-spacing:.2em;opacity:.8}.real-work-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 29px}.real-work-footer small{display:block;font-size:11px;letter-spacing:.13em;font-weight:800;color:#c8fb67}.real-work-footer h3{font:800 clamp(25px,3vw,38px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:11px 0}.real-work-footer p{font-size:14px;line-height:1.7;color:#d2cadd;max-width:540px}.real-work-arrow{font-size:30px;color:#c8fb67}.real-work-brite{--work-bg:linear-gradient(125deg,#101c32,#203d62);--work-text:#fff}.real-work-print{--work-bg:linear-gradient(125deg,#181717,#49413b);--work-text:#f8e2bc}.real-work-weddings{--work-bg:linear-gradient(125deg,#f1e8dd,#c9b4b0);--work-text:#563e4a}.real-work-around{--work-bg:linear-gradient(125deg,#062f2b,#267f66);--work-text:#e6f9de}.real-portfolio-intro{margin:38px 0 24px}.real-portfolio-intro p{color:#ccc1d8;max-width:700px;line-height:1.7;margin:10px 0}.real-portfolio-section .concept-actual{margin-top:65px}@media(max-width:650px){.real-work-grid{grid-template-columns:1fr}.real-work-window{min-height:240px}.real-work-stage{min-height:205px}.real-work-stage strong{font-size:clamp(29px,8vw,48px)}.real-work-footer{padding:22px}}@media(prefers-reduced-motion:reduce){.real-work-card{transition:none}}