/* Five connected brand worlds: blue → indigo → ice → bread → gold. */
:root{--ink:#09131f;--paper:#f4f3ef;--gold:#bccfe1;--muted:#b9c2cd;--line:#cbd6e02b}
.header{background:linear-gradient(#09111beb,#0d1926aa);border-color:#e0e7ee16}.header.scrolled{background:#0a131de8}.header nav a:hover{color:#d3e1ef}.mobile-nav{background:#0c1722f5}
.hero,.hero-stage{background:#071221}.hero-stage{background:radial-gradient(ellipse at 79% 40%,#20394c 0%,#10263a 34%,#071221 73%)}
.hero-copy{width:57%;margin-left:6.5%}.hero h1{font-size:clamp(4.8rem,7.35vw,9rem)}.hero h1 em{color:#bccfe1}.hero-copy>.eyebrow{color:#aebdcc}.hero-description{color:#bdc7d1}.hero-bottom{color:#afbdca}.hero-shade{background:linear-gradient(90deg,#040e2260,transparent 55%)}
.hero .button{background:#efefea;border-color:#efefea;color:#182a38}.hero .button:hover{background:#d3dfe7}.hero .text-link{background:none}.hero-copy .rule,.hero .scene-progress span{background:#a9becf}
.holding-atmosphere{position:absolute;inset:-15%;overflow:hidden;z-index:-3;pointer-events:none;transform:scale(calc(1 + var(--progress,0)*.14))}
.holding-atmosphere::before{content:'';position:absolute;inset:15% -10% -40% 25%;background:conic-gradient(from 225deg at 65% 45%,transparent 0deg,#86a8c21c 26deg,transparent 50deg,#9ec5da12 68deg,transparent 90deg);filter:blur(30px);transform:rotate(calc(var(--progress,0)*18deg))}
.holding-atmosphere::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071221 4%,transparent 44%)}
.holding-atmosphere span{position:absolute;top:-20%;left:63%;width:13%;height:150%;background:linear-gradient(90deg,transparent,#a9c4d409,#cfdae310,transparent);border-right:1px solid #afc8da13;transform:rotate(24deg) translateX(calc(var(--progress,0)*-100px));filter:blur(1px)}
.holding-atmosphere span:nth-child(2){left:83%;width:6%;opacity:.5;transform:rotate(24deg) translateX(calc(var(--progress,0)*-170px))}.holding-atmosphere span:nth-child(3){left:47%;width:3%;opacity:.4}
.holding-poster{position:absolute;width:42%;right:5%;top:50%;transform:translateY(-50%);z-index:0;filter:drop-shadow(0 15px 40px #7da4c029);transition:opacity .5s}.holding-poster img{width:100%;height:auto}.hero.webgl-ready .holding-poster{opacity:0}.portal-canvas{z-index:1;pointer-events:none}.hero-copy{z-index:3}
.portal-destination>span{color:#b5c8d8}.portal-destination>strong{color:#f4f3ef}.portal-destination>i{color:#bfccd6}.portal-destination{background:radial-gradient(ellipse at center,#06132caa,transparent 60%)}
.portal-destination{justify-content:flex-end;padding-bottom:15vh;background:none}.portal-destination>strong{font-size:clamp(4rem,8vw,8rem)}
.motion-reduced .holding-poster,.no-webgl .holding-poster{opacity:1!important}.motion-reduced .holding-atmosphere,.motion-reduced .holding-atmosphere span{transform:none}
.about{background:#0b1723;color:#f3f3ef;border-top:1px solid #c2d0dd16;padding-top:85px;padding-bottom:85px}.about>.eyebrow{color:#a3b5c6}.about h2{font-size:clamp(2.6rem,4.3vw,5rem)}.about h2 em{color:#b7c8d8}.about-bottom>p{color:#b5c2ce}.about-marker{color:#66869f}.about-bottom{margin-top:38px}
.project-section{background:#eaf1fb;color:#0d274d;border-color:#c9daf1}.project-section .eyebrow,.section-heading>p:last-child,.project-no,.project-action{color:#526989}.project-list>a,.project-list>a:last-child{border-color:#274e752b}.project-list>a:hover,.project-list>a:focus-visible{color:#163f78!important;background:#d0e0f67a}
.digital{--gold:#c8bdd7;background:#101525}.digital-stage{background:radial-gradient(ellipse at 90% 17%,#30283f 0%,transparent 55%),radial-gradient(ellipse at 12% 90%,#172b46 0%,#101525 63%)}
.digital-word{color:#c8bdd708}.digital-heading .eyebrow{color:#b7b1c8}.digital h2 em{color:#c8bdd7}.digital-intro span{color:#b6b9c8}.diri-connections path{stroke:#a79cbe;opacity:.7}
.digital-project,.digital-project+.digital-project{border-color:#dce0ed29;background:linear-gradient(145deg,#b7c5e20b,#b4a6d005);box-shadow:0 22px 65px #04071144}.digital-project:nth-child(2){background:linear-gradient(145deg,#b7c5e20b,#b4a6d005)}.digital-project:nth-child(3){background:linear-gradient(145deg,#b7c5e20b,#b4a6d005)}.digital-project::after{border-color:#d1c5e47d}.digital-project .project-index{color:#a9afc3}.digital-description{color:#c0c5d0}.product-domain,.product-status{color:#b5b5c7}.digital .scene-footer{color:#aeb5c6}.digital .text-link{border-color:#aca1c157}
.cleaning{--gold:#527b92;--ink:#172d3d;--paper:#f5f6f3}.cleaning-stage{background:#f3f6f5;color:#172d3d}.cleaning-stage::after{background:linear-gradient(90deg,#f3f6f5 0%,#f3f6f5f7 24%,#f1f5f3c4 46%,#d9e5ea16 80%)}
.cleaning-image{background:#e4ecef}.cleaning-image>picture:first-child img{filter:saturate(.55)}.cleaning-haze{filter:blur(4px) saturate(.25) brightness(.74) sepia(.1)}.cleaning .eyebrow{color:#536f80}.cleaning h2 em{color:#527b92}.cleaning-copy>p:not(.eyebrow),.service-tags{color:#526570}.cleaning .button{background:#244556;color:#fff;border-color:#244556}.cleaning .button:hover{background:#152e3c}.cleaning .scene-footer,.cleaning .scene-footer a{color:#526c7b;border-color:#8c9ea8}.image-caption{background:#f4f6f2e3;color:#536875}.cleaning-light{background:#edf9ff;box-shadow:0 0 28px 8px #d5e9f088}
.bakery{--gold:#c9b592;--paper:#f4efe6;--ink:#3a2d25;background:#211a15}.bakery-stage{background:#251e18}.bakery h2 em{color:#e5d9c5}.bakery-reveal{background:linear-gradient(110deg,#f4efe6 0%,#e8ded0 35%,#b19a7a6b 100%)}.bakery-reveal{z-index:-2}.bakery-shade{z-index:-1;background:linear-gradient(90deg,#201914df,transparent 76%),linear-gradient(0deg,#211912dd,transparent 40%)}.bakery .eyebrow{color:#e4d9c8}.bakery-copy .button{background:#f4efe6;border-color:#f4efe6;color:#362b21}.bakery .scene-progress span{background:#c5b394}
.development{--gold:#d8c7a7;--ink:#24221d;--paper:#f4f0e8;background:#251e18}.development-stage{background:linear-gradient(135deg,#251e18 3%,#28251f 52%,#494035 100%);isolation:isolate}.creation-light{position:absolute;inset:-30%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 75% 65%,#b9a18329,transparent 48%);transform:translateX(calc((1 - var(--built,1))*35%)) scale(calc(.65 + var(--built,1)*.55));opacity:calc(.35 + var(--built,1)*.65)}
.creation-light::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 40%,#c3ac880d 47%,#e1caa320 49%,transparent 56%);transform:translateX(calc((1 - var(--built,1))*-38%))}
.development-grid{background-image:linear-gradient(#c5b49716 1px,transparent 1px),linear-gradient(90deg,#c5b49716 1px,transparent 1px)}.development h2{font-size:clamp(3.8rem,5.7vw,7rem)}.development h2>span,.development h2>em{display:inline-block}.motion-enabled .development h2>span{transform:translateY(calc((1 - var(--built,1))*30px));opacity:calc(.5 + var(--built,1)*.5)}.motion-enabled .development h2>em{transform:translateX(calc((1 - var(--built,1))*45px));background:linear-gradient(100deg,#eee4d4,#cdb997 52%,#f0e9dc);background-clip:text;color:transparent}
.development-copy>p:not(.eyebrow){color:#c4beb4}.development-services{color:#ded7cb}.development-services>span{border-color:#c2ae8c38}.development .button{background:#d8c7a7;color:#24221d;border-color:#d8c7a7}.development .button:hover{background:#efe4cf}.development .scene-footer,.concept-caption{color:#bbb2a2}.concept-tabs button{color:#b9b1a3}
.interface-preview{border-color:#d4c3a638;background:#191c20;box-shadow:0 30px 100px #08090880}.interface-topbar,.interface-bottom{background:#222323;color:#dcd8cf}.interface-hero{background:radial-gradient(ellipse at 80% 20%,#1f3447,#111e2a 75%)}.interface-hero img{object-fit:contain;width:45%;height:55%;inset:15% 0 auto auto;padding-right:5%;object-position:center}.interface-hero::after{background:linear-gradient(90deg,#111c28,transparent)}.interface-hero>p{color:#c0cbd5}.interface-hero>strong{color:#f4f3ef}.wireframe-grid{border-color:#b7a78e;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#c5b69738 calc(25% - 1px),#c5b69738 25%),repeating-linear-gradient(0deg,transparent,transparent 47px,#c5b69738 47px,#c5b69738 48px)}.interface-preview[data-stage=wireframe] .interface-hero strong{color:#d2c5ae}
.phone-preview{border-color:#938676;background:#202121}.phone-camera{background:#0e1011}.phone-hero{background:#14212e}.phone-hero img{object-fit:contain;object-position:90% 0%;width:65%;height:42%;left:auto;right:5%;top:4%}.phone-hero::after{background:linear-gradient(0deg,#101d28b0,transparent)}.phone-preview>p{color:#c3beb3}.phone-bottom{background:#c9b99e}
.contact{--gold:#765f40;--paper:#302b24;--ink:#f0e9dc;--muted:#655e51;position:relative;isolation:isolate;overflow:hidden;background:#ddd2be;color:#302a21}.contact-light{position:absolute;inset:-35%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 32% 45%,#f1eadd 0%,#ddd0b8 33%,#b9a17b 72%);transform:translateX(calc((1 - var(--contact-in,1))*18%))}.contact h2 em{color:#786246}.contact .eyebrow{color:#756148}.contact-copy>p:not(.eyebrow){color:#645b4d}.contact-email{border-color:#8a796280}.contact .button{background:#302a21;color:#f1e9da;border-color:#302a21}.contact .button:hover{background:#504438}.form-note{color:#6c604d;background:#fffdf62b;border-color:#9d8868}.contact input,.contact select,.contact textarea{color:#352e24;border-color:#8e7d6470}.contact select option{background:#eee5d4}.contact input::placeholder,.contact textarea::placeholder,.contact label>span{color:#736753}.contact .form-feedback.error{color:#8d2615}.contact [aria-invalid=true]{border-color:#8d2615}.contact .form-result{border-color:#8e7d6470}.contact .form-result p{color:#645b4d}.contact .text-link{border-color:#9d8868}
.motion-enabled .contact h2{transform:translateY(calc((1 - var(--contact-in,1))*40px));opacity:calc(.5 + var(--contact-in,1)*.5)}
.footer{--gold:#c7b18c;background:#201c17;border-color:#c1ae8d24;color:#eae4d8}.footer-top>p{color:#c6bcac}.footer-bottom{color:#b0a797;border-color:#c1ae8d29}.motion-toggle{background:#101820db;border-color:#c3ced942}
@media(max-width:1050px){.hero-copy{width:63%}.hero h1{font-size:clamp(4.6rem,8vw,7rem)}.development h2{font-size:4rem}}
@media(max-width:760px){.hero-copy{width:87%}.holding-poster{width:53%;right:7%;top:29%}.cleaning-stage::after{background:linear-gradient(90deg,#f3f6f5 0%,#f3f6f5ed 42%,#e4ecef78 73%,transparent)}.development h2{font-size:3.7rem}}
@media(max-width:600px){.hero-copy{margin:0 6.5%;padding-bottom:88px;width:87%}.hero h1{font-size:clamp(3.65rem,13.1vw,5rem)}.hero-stage{background:radial-gradient(ellipse at 65% 26%,#20394c,transparent 61%),#071221}.hero-shade{background:linear-gradient(0deg,#040e2270,transparent 60%)}.holding-poster{width:73%;top:23%;right:13.5%}.holding-atmosphere span{left:60%}.hero-copy>.eyebrow{margin-bottom:20px}.about{padding:70px 7%}.about h2{font-size:2.9rem}.cleaning-stage::after{background:linear-gradient(180deg,#f3f6f5 0%,#f3f6f5fb 32%,#e4ecefd9 56%,transparent 86%)}.bakery-shade{background:linear-gradient(180deg,#241d17e0,transparent 75%),linear-gradient(0deg,#241d17e0,transparent 40%)}.development h2{font-size:3.9rem}.contact{padding-top:85px;padding-bottom:85px}.contact h2{font-size:3.8rem}.motion-reduced .holding-poster{top:23%}}
@media(prefers-reduced-motion:reduce){.holding-poster{opacity:1!important}.holding-atmosphere,.holding-atmosphere span,.creation-light,.creation-light::after,.contact-light,.contact h2,.development h2>span,.development h2>em{transform:none!important;opacity:1!important}}
.motion-reduced .creation-light,.motion-reduced .creation-light::after,.motion-reduced .contact-light,.motion-reduced .contact h2,.motion-reduced .development h2>span,.motion-reduced .development h2>em{transform:none!important;opacity:1!important}
.holding-poster{width:27%;right:8%;top:50%;aspect-ratio:320 / 450;overflow:hidden}.holding-poster img{max-width:none;width:320%;height:auto}.phone-hero img{width:45%;height:25%;right:7%;top:5%}.phone-hero strong{display:block;margin-top:20px}
@media(min-width:601px) and (max-width:900px){.holding-poster{width:30%;right:5%;top:50%}}
@media(max-width:600px){.holding-poster,.motion-reduced .holding-poster{width:37%;right:31.5%;top:25%}.phone-hero strong{margin-top:14px}}

/* Material and light: one quiet foundation for the five brand worlds. */
.scene-stage{overflow:clip}
.header{background:linear-gradient(#09111bee,#0c17245e);border-bottom-color:#d2dee812;transition:background .6s,border-color .6s,height .3s}.header.scrolled{background:#0a141ee6;box-shadow:0 12px 40px #0408100d}.header nav .nav-contact{border-color:#d8dfe433}
:root[data-world=diri] .header.scrolled{background:#131523e8}
:root:is([data-world=pekarna],[data-world=vyvoj],[data-world=kontakt],[data-world=footer]) .header.scrolled{background:#201c18e8}
:root:is([data-world=pekarna],[data-world=vyvoj],[data-world=kontakt],[data-world=footer]) .header nav a:hover{color:#e2d2b7}
.hero-stage{background:radial-gradient(ellipse at 79% 44%,#24425970 0%,#10263a90 25%,transparent 55%),linear-gradient(125deg,#08111d,#0b1928 74%,#111f2c)}
.hero h1 em{background:linear-gradient(115deg,#f0f2ef 2%,#bbcbd8 55%,#8faabe);background-clip:text;color:transparent}
.holding-atmosphere span{opacity:.6}.holding-atmosphere::before{opacity:.55}.holding-atmosphere::after{background:linear-gradient(0deg,#0b1723 0%,transparent 35%)}
.hero .button,.bakery .button{box-shadow:inset 0 1px 0 #ffffffc0,0 10px 30px #02071312}
.about{background:linear-gradient(#0b1723,#0d1723);border-top-color:#c8d2dc12}.about-marker{font-family:var(--serif);letter-spacing:.08em;color:#8096a9}
.project-section{background:linear-gradient(#0d1723,#101525);color:#f0f1ed;border-top:1px solid #c6d2de16}
.project-section .eyebrow,.section-heading>p:last-child,.project-no,.project-action{color:#abb7c5}
.project-list>a,.project-list>a:last-child{border-color:#cad4df24}.project-list>a:hover,.project-list>a:focus-visible{background:#c1cede09;color:#f5f5ef!important}.project-list>a .project-name{transition:color .25s}.project-list>a:hover .project-name{color:#ccd7e7}
.digital-stage{background:radial-gradient(ellipse at 85% 20%,#65517e2d,transparent 49%),radial-gradient(ellipse at 8% 91%,#304e703b,transparent 51%),linear-gradient(135deg,#101525,#191826 60%,#101725)}
.digital-stage::after{content:'';position:absolute;width:65%;height:140%;right:-14%;top:-20%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 44%,#c5aedf08 50%,transparent 56%);transform:translateX(calc((1 - var(--branch,1))*10%))}
.digital h2 em{color:#d0c6df}.digital-word{color:#c8bdd706}.diri-connections path{opacity:.5}
.digital-project,.digital-project+.digital-project{background:linear-gradient(155deg,#cbd4ea08,#15192770);border-color:#dce0ed22;box-shadow:inset 0 1px 0 #fafaff08,0 28px 60px #05071230;backdrop-filter:blur(16px)}
.digital-project:nth-child(2),.digital-project:nth-child(3){background:linear-gradient(155deg,#cbd4ea08,#15192770)}
.digital-project::after{border-image:linear-gradient(90deg,transparent,#c8bbdc8f,transparent) 1}.digital-project h3{color:#f4f3f7}.digital-description{color:#c6c9d3}.digital-project .text-link:hover{color:#e8deff}
.digital-intro span,.digital-description{font-size:.9375rem}.product-domain,.product-status{color:#b8b7c8}.scene-footer{font-size:.6875rem}
.cleaning-stage::after{background:linear-gradient(90deg,#f3f6f5 0%,#f3f6f5fa 22%,#f1f5f3c9 45%,#e9f0f438 66%,transparent 85%)}
.cleaning h2 em{color:#526f81}.cleaning .button{background:#203b4c;border-color:#203b4c;box-shadow:0 9px 24px #132b3a12}.cleaning .button:hover{background:#355769}
.cleaning-image>picture:first-child img{filter:saturate(.45)}.cleaning .image-caption{background:#f4f6f2c9;color:#4c606b;border:1px solid #fafbf780}
.bakery .bakery-identity{color:#ede3d1}.bakery h2 em{color:#ebdfcb}.bakery .eyebrow,.bakery-bottom>span:nth-child(2){color:#d7c8b0}
.development-stage{background:radial-gradient(ellipse at 88% 72%,#5c4f3e70,transparent 62%),linear-gradient(130deg,#211d18,#26231e 60%,#3b3329)}
.creation-light{background:radial-gradient(ellipse at 77% 65%,#b09b7740,transparent 48%)}.creation-light::after{filter:blur(17px);background:linear-gradient(125deg,transparent 39%,#c3ac8810 46%,#e1caa326 49%,transparent 56%)}
.development h2 em{color:#d8c7a7}.motion-enabled .development h2>em{background:linear-gradient(110deg,#f2eade 0%,#d8c7a7 53%,#a88f6b 100%);background-clip:text;color:transparent}
.development .button{background:linear-gradient(120deg,#eee3cf,#d2be9d);border-color:#e4d5bd;box-shadow:inset 0 1px 0 #fff6e6a6,0 10px 25px #120e082e}.development .button:hover{background:#efe4cf}
.interface-topbar,.interface-bottom{background:#252524}.interface-preview{border-color:#d3c6b23d;box-shadow:0 28px 90px #080a0c57}.phone-preview{border-color:#928574;box-shadow:0 18px 40px #07090c73;outline:1px solid #c6bcae4a}
.interface-hero{background:radial-gradient(ellipse at 80% 10%,#263c50,#101b29 75%)}.interface-hero::after{background:linear-gradient(90deg,#101b29,transparent)}.interface-hero>p{color:#bbc6d1}.interface-hero>strong{color:#efefec}
.contact{background:#ded4c1}.contact-light{background:radial-gradient(ellipse at 17% 44%,#f3eddf 0%,#e5dac5 39%,#cbb898 80%)}
.contact h2{color:#302a23}.contact h2 em{color:#7b6446}.contact .eyebrow{color:#69583f}.contact-copy>p:not(.eyebrow){color:#605747}.contact .form-note{background:transparent;border-color:#9d886866;padding-left:15px;color:#605645}.contact form{border-top:1px solid #9d88685c;padding-top:23px}.contact .button{background:linear-gradient(115deg,#413628,#2d2820);color:#f2e9d9;box-shadow:0 9px 25px #67503313}
.contact input::placeholder,.contact textarea::placeholder,.contact label>span{color:#554a3b}.footer{background:#201c17}.footer-top>p{color:#c8beb0}.footer-bottom{color:#b3aa9d}
.concept-caption,.build-stage-label{color:#c1b8aa}.hero-bottom,.scene-footer,.bakery-bottom{letter-spacing:.1em}.hero-caption{opacity:1;color:#a9b8c6}
@media(max-width:760px){.cleaning-stage::after{background:linear-gradient(90deg,#f3f6f5 0%,#f3f6f5ee 42%,#e4ecef88 73%,transparent)}}
@media(max-width:600px){.hero-stage{background:radial-gradient(ellipse at 63% 25%,#29475e70,transparent 60%),#091523}.hero h1 em{background:linear-gradient(115deg,#e4e9e9,#a7bfd1);background-clip:text;color:transparent}.digital-intro span,.digital-description{font-size:.9375rem}.cleaning-stage::after{background:linear-gradient(180deg,#f3f6f5 0%,#f3f6f5fc 32%,#e4ecefde 57%,transparent 86%)}.scene-footer{font-size:.625rem}.concept-caption{font-size:.6875rem}.contact form{padding-top:20px}}

/* Soft bloom follows the original alpha edges; the artwork stays sharp. */
.portal-canvas{filter:drop-shadow(0 0 12px #42baff45) drop-shadow(0 0 34px #278bee2a)}
.hero-stage::before{content:'';position:absolute;left:calc(77% - var(--logo-merge,0)*27%);top:calc(47% - var(--logo-merge,0)*20%);width:55%;height:90%;z-index:0;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#3b9cdd24 0%,#388edf0c 37%,transparent 69%);opacity:calc(.7 + var(--logo-assembled,1)*.3)}
.holding-poster{filter:drop-shadow(0 0 19px #409bdb45)}
.hero .button{box-shadow:inset 0 1px 0 #fff,0 0 25px #c5e1ff19,0 12px 28px #02071312}.hero .button:hover{box-shadow:inset 0 1px 0 #fff,0 0 32px #b2d6ff38}
.diri-connections{filter:drop-shadow(0 0 5px #b5a1fa65)}.digital-project::after{filter:drop-shadow(0 0 5px #b7a1eb55)}
.digital-project:hover,.digital-project:focus-within{box-shadow:inset 0 1px 0 #e6daff18,0 0 38px #9774d51a,0 28px 60px #05071230}
.diriqo-wordmark img{filter:drop-shadow(0 0 9px #ab6bff48)}
.cleaning-light{box-shadow:0 0 24px 6px #edfaffb0,0 0 60px 12px #b9d6e440}
.creation-light{background:radial-gradient(ellipse at 77% 65%,#c7ad8052,transparent 48%)}
.development .button{box-shadow:inset 0 1px 0 #fff6e6a6,0 0 27px #e6c79826,0 10px 25px #120e082e}.development .button:hover{box-shadow:inset 0 1px 0 #fff6e6a6,0 0 36px #e6c79842}
.interface-preview{box-shadow:0 0 48px #d1b58412,0 28px 90px #080a0c57}
@media(max-width:600px){.hero-stage::before{left:50%;top:26%;width:100%;height:52%}.portal-canvas{filter:drop-shadow(0 0 8px #42baff45) drop-shadow(0 0 23px #278bee26)}}

/* Diriqent is the existing mascot, revealed with its card as the branches assemble. */
.digital-identity{position:relative;height:96px;display:flex;align-items:flex-end}
.digital-identity h3{margin:0}
.digital-project-character{isolation:isolate}
.digital-project-character .digital-identity h3{font-size:clamp(1.25rem,2.2vw,2rem);min-height:0;line-height:1.3;position:relative;z-index:2}
.diriqent-character{position:absolute;right:-9px;bottom:-4px;width:55%;max-width:180px;pointer-events:none;transform-origin:50% 90%}
.diriqent-character::before{content:'';position:absolute;inset:19% -29% -7%;background:radial-gradient(ellipse,#955ce52b,transparent 68%);z-index:-1;opacity:calc(.45 + var(--card,1)*.55)}
.diriqent-character img{display:block;width:100%;height:auto;filter:drop-shadow(0 15px 16px #080b2280) drop-shadow(0 0 15px #a769dd22)}
.motion-enabled .diriqent-character{transform:translateY(calc((1 - var(--card,1))*28px)) rotate(calc((1 - var(--card,1))*-9deg)) scale(calc(.86 + var(--card,1)*.14))}
.digital-project-character:is(:target,:focus-within) .diriqent-character{transform:none}
@media(min-width:601px) and (max-height:850px){.digital-stage{padding-top:100px;padding-bottom:85px}.diri-connections{height:55px;flex-shrink:0}.digital-identity{height:78px}}
@media(max-width:1050px) and (min-width:601px){.digital-project-character .digital-identity h3{font-size:clamp(1.1rem,2.15vw,1.4rem)}.diriqent-character{right:-7px;width:54%}}
@media(max-width:600px){.digital-identity{height:auto}.digital-project-character.digital-project{margin-top:36px}.digital-project-character .digital-identity{height:160px}.digital-project-character .digital-identity h3{font-size:1.8rem}.diriqent-character{max-width:166px;right:-7px;width:56%;bottom:-2px}.digital-project-character .project-index{margin-bottom:0}}
.motion-reduced .diriqent-character{transform:none!important}
@media(prefers-reduced-motion:reduce){.diriqent-character{transform:none!important}}