/* Scene choreography. Native scroll drives each stage; text and links remain HTML. */
:root{--gold:#d8bd89;--ink:#101311;--line:#ffffff26}
html{scroll-behavior:auto;scroll-padding-top:96px}
.header{position:fixed;height:86px;border-color:#ffffff16;background:linear-gradient(#10131165,transparent);transition:background .3s,height .3s;z-index:40}
.header.scrolled{height:74px;background:#101311ed;backdrop-filter:blur(12px)}
.header{background:linear-gradient(#101311e6,#10131191)}
.header .holding-logo img{width:144px}.header.scrolled .holding-logo img{width:130px}
.header nav{font-size:.8125rem;gap:32px}.header nav .nav-contact{border-radius:100px;padding:10px 23px;border-color:#ffffff45}
.hero{height:auto;max-height:none;min-height:0;display:block;overflow:visible;background:#101311;isolation:auto}
.hero-stage{position:relative;min-height:760px;height:100svh;overflow:hidden;isolation:isolate;display:flex;align-items:center;background:radial-gradient(ellipse at 72% 48%,#30342a 0%,#101311 65%)}
.motion-enabled .hero{height:255svh}.motion-enabled .hero-stage{position:sticky;top:0;min-height:0;height:100svh}
.hero-picture{z-index:-3;opacity:1;transition:opacity .8s}.hero-picture img{transform:none!important}
.hero.webgl-ready .hero-picture{opacity:0}
.portal-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:0;transition:opacity .8s}
.webgl-ready .portal-canvas{opacity:1}
.portal-environment{position:absolute;inset:0;z-index:-3;opacity:0;transition:opacity .8s;transform:scale(calc(1 + var(--progress,0)*.42));transform-origin:75% 50%}.portal-environment img{width:100%;height:100%;object-fit:cover}.webgl-ready .portal-environment{opacity:1}.webgl-ready .portal-glow{display:none}
.hero-shade{z-index:-1;background:linear-gradient(90deg,#10131190,transparent 58%)}
.portal-glow{pointer-events:none;position:absolute;right:18%;top:19%;width:25%;height:65%;background:#b4966633;filter:blur(90px);z-index:-3}
.hero-copy{padding:110px 0 130px;margin-left:6.5%;width:62%;transform-origin:left center;position:relative;z-index:2}
.hero-copy>.eyebrow{font-size:.6875rem;letter-spacing:.23em;color:#ddd3bc;margin-bottom:30px}
.hero h1{font-size:clamp(5rem,8.1vw,10rem);line-height:.92;letter-spacing:-.045em;font-weight:400}
.hero h1 em{color:#eadcc3}.hero-description{max-width:440px;font-size:1rem;line-height:1.75;margin-top:30px;color:#c1c5bb}
.hero-actions{margin-top:32px;gap:26px}.button{border-radius:2px;min-height:52px;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}
.hero .button{border-radius:100px;padding:16px 25px}.hero .text-link{border-bottom:0}
.motion-enabled .hero-copy{opacity:calc(1 - var(--copy-out,0));transform:translateY(calc(var(--copy-out,0)*-65px)) scale(calc(1 - var(--copy-out,0)*.06));filter:blur(calc(var(--copy-out,0)*6px))}
.hero-copy:focus-within{opacity:1!important;filter:none!important;transform:none!important}
.hero-stage:has(.hero-copy:focus-within) .portal-destination{opacity:0}
.hero-bottom{left:6.5%;right:6.5%;bottom:28px;font-size:.6875rem;letter-spacing:.14em;z-index:5}.hero-bottom a{font-size:.75rem}.hero-caption{font-size:.625rem}
.portal-destination{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none;z-index:3;text-shadow:0 3px 45px #000}
.motion-enabled .portal-destination{display:flex;opacity:var(--arrival,0);transform:translateY(calc((1 - var(--arrival,0))*35px))}
.portal-destination>span{font-size:.6875rem;letter-spacing:.4em;color:#d8bd89}.portal-destination>strong{font-family:var(--serif);font-size:clamp(5rem,11vw,12rem);line-height:1.1;font-weight:400;letter-spacing:-.04em}.portal-destination>i{font-size:1rem;font-weight:400;font-style:normal;letter-spacing:.08em;color:#cecfc5}
.scene-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff0d;z-index:6}.scene-progress span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(var(--progress,0));transform-origin:left}
.motion-reduced .portal-canvas{display:none}.motion-reduced .hero-picture{opacity:1!important}.motion-reduced .hero-copy{opacity:1;transform:none;filter:none}
.motion-reduced .portal-environment{display:none}
.motion-toggle{border-radius:50%;background:#101311c9;border-color:#ffffff4f;backdrop-filter:blur(10px);z-index:45}
@media(max-width:900px){.hero h1{font-size:clamp(4.5rem,9vw,6.5rem)}.hero-copy{width:86%;margin-left:7%}.hero-description{max-width:350px}.hero-bottom>span:first-child{display:none}.hero-bottom{left:7%;right:7%}}
@media(max-width:600px){.header{height:73px;padding:0 6%}.header .holding-logo img{width:125px}.hero-stage{height:100svh;min-height:730px;align-items:end}.motion-enabled .hero{height:175svh}.motion-enabled .hero-stage{min-height:630px}.hero-copy{padding:0 0 94px;width:87%;margin:0 6.5%}.hero-copy>.eyebrow{font-size:.625rem;margin-bottom:21px;letter-spacing:.16em}.hero-copy .rule{width:20px;margin-right:8px}.hero h1{font-size:clamp(3.65rem,13.1vw,5rem);line-height:.94}.hero-description{font-size:.875rem;margin-top:19px;max-width:290px}.hero-actions{gap:11px;align-items:start;flex-direction:column;margin-top:24px}.hero-actions .button{min-height:46px;font-size:.8125rem;padding:12px 22px}.hero-actions .text-link{min-height:38px;font-size:.8125rem;padding:6px 0}.hero-bottom{bottom:16px}.hero-bottom a{font-size:.6875rem}.hero-caption{font-size:.5625rem}.hero-shade{background:linear-gradient(0deg,#101311e8 10%,#10131178 55%,transparent 90%)}.portal-destination>strong{font-size:4.7rem}.portal-destination>i{font-size:.875rem}.portal-destination>span{font-size:.625rem}.portal-glow{right:15%;top:10%;height:45%;width:65%}.hero-bottom .scroll-line{height:21px}}
@media(prefers-reduced-motion:reduce){.hero-stage{position:relative!important}.portal-canvas{display:none!important}.hero-picture{opacity:1!important}.portal-destination{display:none!important}.hero-copy{opacity:1!important;transform:none!important;filter:none!important}.hero{height:auto!important}}

/* The directory is always a direct route, independently of the narrative. */
.project-section{position:relative;z-index:4;background:#ece9df;color:#18201b;padding-top:100px;padding-bottom:100px;gap:10%;border-top:1px solid #f3efe5}
.project-section .eyebrow{color:#646957;font-size:.6875rem}.project-section h2{font-size:clamp(3.5rem,5.2vw,6rem)}.section-heading>p:last-child{color:#6a6e61;font-size:.9375rem}
.project-list>a{border-color:#18201b29;min-height:79px;transition:padding .25s,color .25s,background .25s}.project-list>a:last-child{border-color:#18201b29}
.project-name{font-family:var(--sans);font-size:clamp(1.5rem,2.15vw,2.5rem);letter-spacing:-.055em;font-weight:400}.project-no{color:#6a6e61;font-size:.6875rem}.project-action{color:#626b5e;font-size:.6875rem;letter-spacing:0}.project-list>a:hover,.project-list>a:focus-visible{color:#18201b!important;padding-left:16px;background:#d8d9cf50}
.scene-stage{position:relative}.scene-footer{position:absolute;bottom:30px;left:6.5%;right:6.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.625rem;letter-spacing:.17em;color:#a3b4a9;z-index:5}
.scene-footer a{font-size:.75rem;letter-spacing:0;min-height:44px;display:flex;align-items:center;border-bottom:1px solid #ffffff40}.scene-footer a:hover{color:var(--gold)}
.digital,.development,.cleaning,.bakery{padding:0;display:block;overflow:visible;height:auto;min-height:0;isolation:auto}
.digital-stage,.development-stage,.cleaning-stage{min-height:780px;overflow:hidden;isolation:isolate;padding:110px 7% 100px}
.motion-enabled .digital{height:205svh}.motion-enabled .digital-stage{position:sticky;top:0;height:100svh;min-height:690px}
.digital-stage{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 80% 20%,#193e35 0%,#0e1c17 44%,#0b1511 83%)}
.digital-word{position:absolute;right:4%;top:5%;font-size:clamp(14rem,31vw,40rem);line-height:.9;font-weight:500;letter-spacing:-.09em;color:#a4cbbb0a;z-index:-1;pointer-events:none;transform:translateY(calc((1 - var(--progress,1))*60px))}
.digital-heading{display:flex;align-items:end;justify-content:space-between;margin:0;gap:40px}.digital-heading .eyebrow{font-size:.625rem;letter-spacing:.2em;color:#adc8b7;margin-bottom:22px}.digital h2{font-size:clamp(3.3rem,5.4vw,6.6rem);line-height:.94}.digital h2 em{color:#b4cdbb}.digital-intro{font:inherit;color:#92aa9c;margin:0 8px 5px 0;text-align:right}.digital-intro span{font-size:.8125rem;line-height:1.8}
.diri-connections{height:75px;width:100%;overflow:visible;margin-top:0}.diri-connections path{fill:none;stroke:#9cba9e;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.45;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--branch,1))}
.digital-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;background:none!important;border:0;perspective:1600px;transform-style:preserve-3d}.digital-grid::before,.branch-end{display:none!important}
.digital-project,.digital-project+.digital-project{padding:27px 27px 21px;border:1px solid #bdd6c634;background:linear-gradient(145deg,#e3f7e411,#e3f7e402);min-width:0;box-shadow:0 18px 44px #0002;position:relative;backdrop-filter:blur(6px);transform-origin:center center}
.digital-project::after{content:'';position:absolute;inset:-1px;pointer-events:none;border-top:1px solid #ccebd1c9;transform:scaleX(var(--card,1));transform-origin:left}
.digital-project .project-index{font-size:.625rem;margin-bottom:22px;letter-spacing:.12em;color:#a5b8a9}.digital-project h3{font-size:clamp(2.1rem,3.2vw,3.6rem);letter-spacing:-.05em;min-height:52px}.diriqo-wordmark img{width:42px;height:42px}.digital-description{font-size:.875rem;line-height:1.6;margin-top:22px;min-height:45px;max-width:270px}.product-domain,.product-status{font-size:.75rem;margin-top:19px;min-height:19px}.digital-project .text-link{font-size:.8125rem;margin-top:15px}
.motion-enabled .digital-project{opacity:calc(.28 + var(--card,0)*.72);transform:translate3d(calc(var(--offset,0px)*(1 - var(--card,0))),calc((1 - var(--card,0))*140px),calc((1 - var(--card,0))*-170px)) rotateY(calc(var(--angle,0deg)*(1 - var(--card,0)))) rotateX(calc((1 - var(--card,0))*20deg))}
.digital-project:nth-child(1){--offset:-100px;--angle:28deg}.digital-project:nth-child(2){--offset:0px;--angle:0deg}.digital-project:nth-child(3){--offset:100px;--angle:-28deg}
.digital-project:focus-within,.digital-project:target{opacity:1!important;transform:none!important}

/* A single macro image, revealed through an aperture; never presented as a production film. */
.bakery{background:#1b1009}.bakery-stage{height:100svh;min-height:750px;isolation:isolate;overflow:hidden;background:#1b1009;display:flex;align-items:center}
.motion-enabled .bakery{height:235svh}.motion-enabled .bakery-stage{position:sticky;top:0;min-height:650px}
.bakery-picture{z-index:-3;transform:scale(calc(1.34 - var(--bread,1)*.34));transform-origin:65% 65%}.bakery-picture img{object-position:65% 60%}
.bakery-reveal{position:absolute;inset:0;background:#15110d;z-index:-1;pointer-events:none;clip-path:polygon(calc(var(--bread,1)*140% - 35%) 0,100% 0,100% 100%,calc(var(--bread,1)*140% - 10%) 100%)}
.bakery-shade{z-index:-2;background:linear-gradient(90deg,#140b03b3,transparent 75%),linear-gradient(0deg,#1b1009d9,transparent 35%)}
.bakery-large-word{position:absolute;top:12%;left:6%;font-family:var(--serif);font-size:clamp(8rem,21vw,28rem);letter-spacing:-.055em;font-style:italic;color:#f5ddb316;z-index:-1;transform:translateX(calc((1 - var(--bread,1))*12%));pointer-events:none}
.bakery-large-word{display:none}
.bakery-copy{padding:70px 0 110px;margin:0 7%;position:relative;max-width:780px;z-index:2}.bakery-copy .eyebrow{font-size:.625rem;letter-spacing:.22em}.bakery h2{font-size:clamp(4.5rem,8.8vw,11rem);line-height:.93;letter-spacing:-.04em}.bakery h2 em{color:#ffe0a9}.bakery-copy>p:not(.eyebrow){font-size:1rem;margin:28px 0}.bakery .button{border-radius:100px}
.motion-enabled .bakery h2 span{display:inline-block;transform:translateX(calc((1 - var(--bread,0))*-45px));opacity:calc(.3 + var(--bread,0)*.7)}.motion-enabled .bakery h2 em{display:inline-block;transform:translateX(calc((1 - var(--bread,0))*65px));opacity:calc(.3 + var(--bread,0)*.7)}
.bakery-bottom{left:7%;right:7%;bottom:29px;align-items:center}.bakery-identity{background:none;color:#f4e4c8;padding:0;gap:12px}.bakery-identity strong{font-size:.8125rem;font-weight:500}.bakery-official-symbol{transform:scale(.85);transform-origin:left center;margin-right:-8px}.bakery-bottom>span:nth-child(2){font-size:.625rem;color:#d0b998;letter-spacing:.17em}

/* The same interior on both sides of a controlled optical wipe. */
.cleaning-stage{height:100svh;min-height:750px;display:flex;align-items:center;background:#ebece6;color:#151c16;padding:100px 7% 110px}
.motion-enabled .cleaning{height:215svh}.motion-enabled .cleaning-stage{position:sticky;top:0;min-height:690px}
.cleaning-image{position:absolute;inset:0;width:100%;height:100%;z-index:-3;background:#e9e8df;isolation:isolate}.cleaning-image picture{position:absolute;inset:0;height:100%;width:100%}.cleaning-image img{object-fit:cover;object-position:65% center;width:100%;height:100%;transform:scale(calc(1.1 - var(--clean,1)*.1));transform-origin:70% center}
.cleaning-haze{z-index:1;filter:blur(4px) saturate(.35) brightness(.68);clip-path:polygon(calc(var(--clean,1)*130% - 15%) 0,100% 0,100% 100%,calc(var(--clean,1)*130% - 30%) 100%)}
.cleaning-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#efeee5 0%,#efeee5f7 24%,#efeee5a6 46%,transparent 78%);z-index:-1}
.cleaning-copy{position:relative;max-width:550px;width:50%;z-index:2}.cleaning .eyebrow{font-size:.625rem;letter-spacing:.2em;color:#616a5c}.cleaning-brand{margin-top:24px;gap:12px;min-height:48px}.cleaning-brand img{width:43px;height:43px}.cleaning-brand span{font-size:.9375rem}.cleaning h2{font-size:clamp(4rem,7vw,8.5rem);margin-top:32px;line-height:.94;letter-spacing:-.04em}.cleaning h2 em{color:#4a5c4c}.cleaning-copy>p:not(.eyebrow){font-size:1rem;margin-top:25px}.service-tags{font-size:.875rem;margin:20px 0 27px;line-height:1.8}.cleaning .button{border-radius:100px}.cleaning-light{inset:-10% auto -10% 0;height:120%;width:1px;background:#fff;z-index:3;transform:translateX(calc(var(--clean,1)*130vw - 30vw)) rotate(10deg);box-shadow:0 0 24px 5px #fff8}.image-caption{bottom:33px;left:auto;right:7%;z-index:4;background:#efeee5c9;font-size:.6875rem;color:#5a6256;padding:6px 11px;max-width:225px;line-height:1.5}.cleaning .scene-footer{color:#626c5e}.cleaning .scene-footer a{border-color:#17251b45;margin-right:250px;color:#445741}

/* Interface layers converge into the desktop and mobile result. */
.development-stage{height:100svh;min-height:800px;display:grid;grid-template-columns:.75fr 1.25fr;gap:7%;align-items:center;background:#111814;padding-left:7%;padding-right:8%;perspective:1800px}
.motion-enabled .development{height:240svh}.motion-enabled .development-stage{position:sticky;top:0;min-height:720px}
.development-grid{position:absolute;inset:0;background-image:linear-gradient(#89a18b16 1px,transparent 1px),linear-gradient(90deg,#89a18b16 1px,transparent 1px);background-size:80px 80px;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000);opacity:calc(.9 - var(--built,1)*.6);transform:perspective(800px) rotateX(calc((1 - var(--built,1))*32deg)) scale(calc(1.2 - var(--built,1)*.2))}
.development h2{font-size:clamp(4rem,6.5vw,8rem);line-height:.94}.development h2 em{color:#c0d3c0}.development .eyebrow{font-size:.625rem;letter-spacing:.2em}.development-copy>p:not(.eyebrow){font-size:1rem;line-height:1.7;max-width:345px;color:#a1b09f}.development-services{font-size:.8125rem}.development .button{border-radius:100px}
.interface-composition{perspective:1600px;margin:0;min-width:0;transform-style:preserve-3d}.interface-preview{overflow:visible;transform-style:preserve-3d;border:1px solid #aac4ad6b;box-shadow:0 30px 100px #0006;background:#0d1610;transition:transform .4s}
.interface-topbar,.interface-hero,.interface-bottom{transform-style:preserve-3d;position:relative;will-change:transform}.interface-topbar{background:#142018;height:48px;font-size:.55rem}.interface-brand{font-size:1rem}.interface-hero{height:300px;padding:48px 8%;isolation:auto}.interface-hero img{z-index:0;object-position:67% center}.interface-hero::after{z-index:1}.interface-hero>p,.interface-hero>strong,.interface-hero>.mini-cta{position:relative;z-index:2}.interface-hero>strong{font-size:clamp(2.7rem,3.8vw,4.8rem);line-height:.92}.interface-bottom{background:#142018;gap:8px;font-size:.5625rem}.wireframe-grid{z-index:3;background-color:#0d191410}
.motion-enabled .interface-preview{transform:rotateY(calc(-26deg + var(--built,1)*20deg)) rotateX(calc(13deg - var(--built,1)*10deg));transition:none}
.motion-enabled .interface-topbar{transform:translate3d(0,calc((1 - var(--built,0))*-110px),calc((1 - var(--built,0))*100px))}
.motion-enabled .interface-hero{transform:translate3d(calc((1 - var(--built,0))*45px),0,calc((1 - var(--built,0))*45px))}
.motion-enabled .interface-hero img{opacity:var(--filled,1);transform:translateZ(calc((1 - var(--built,0))*40px))}
.motion-enabled .interface-hero>strong{transform:translate3d(calc((1 - var(--built,0))*-60px),calc((1 - var(--built,0))*-25px),calc((1 - var(--built,0))*110px))}
.motion-enabled .interface-bottom{transform:translate3d(calc((1 - var(--built,0))*-35px),calc((1 - var(--built,0))*100px),calc((1 - var(--built,0))*70px))}
.motion-enabled .wireframe-grid{opacity:calc(1 - var(--filled,1));transition:none}.motion-enabled .interface-preview[data-stage=wireframe] .wireframe-grid{opacity:1}.motion-enabled .interface-preview[data-stage=wireframe] .interface-hero img{opacity:.05}
.concept-tabs{justify-content:start;gap:22px;margin-bottom:28px;position:relative;z-index:5}.concept-tabs button{font-size:.8125rem}.concept-caption{font-size:.6875rem;color:#9ba996;text-align:left;margin-top:29px;position:relative;z-index:5}
.phone-preview{position:absolute;right:-6%;bottom:-27px;width:140px;height:277px;border:5px solid #526055;border-radius:22px;background:#0d1710;z-index:4;box-shadow:0 20px 40px #0009;overflow:hidden;transform:translate3d(calc((1 - var(--built,1))*110px),calc((1 - var(--built,1))*70px),100px) rotateY(calc((1 - var(--built,1))*-35deg));opacity:var(--filled,1)}
.phone-camera{width:42px;height:8px;margin:4px auto 0;background:#040605;border-radius:10px}.phone-brand{display:block;font-size:.65rem;letter-spacing:.13em;padding:12px 10px}.phone-hero{position:relative;height:147px;padding:23px 10px;isolation:isolate}.phone-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64%;z-index:-2}.phone-hero::after{content:'';position:absolute;inset:0;background:#050b0470;z-index:-1}.phone-hero strong{font-family:var(--serif);font-size:1.35rem;line-height:1;font-weight:400}.phone-hero>span{display:block;font-size:.35rem;margin-top:14px;padding:5px 7px;background:#eee8d9;color:#101311;width:max-content}.phone-preview>p{font-size:.5rem;line-height:1.5;color:#b3bda9;padding:12px 10px}.phone-bottom{width:42px;height:3px;border-radius:10px;background:#aab2a2;position:absolute;bottom:6px;left:50%;transform:translateX(-50%)}
.about{padding-top:115px;padding-bottom:115px;background:#e9e9df}.about h2{font-size:clamp(3.2rem,5.2vw,6rem)}.about-marker{color:#76816f}.contact{padding-top:120px;padding-bottom:120px;background:#101713}.contact h2{font-size:clamp(4rem,6vw,7rem)}.contact h2 em{color:#c0d1b9}.contact .button{border-radius:100px}.footer{background:#0c120e}

/* Avoid a pinned stage on viewports that cannot hold its content. */
@media(max-width:1050px){.digital-stage{padding-left:6%;padding-right:6%}.digital-project,.digital-project+.digital-project{padding:24px 19px 18px}.digital-description{min-height:66px}.digital-project h3{font-size:2.4rem}.diriqo-wordmark img{width:36px;height:36px}.digital-grid{gap:13px}.development-stage{grid-template-columns:.78fr 1.22fr;gap:6%;padding-left:6%;padding-right:7%}.development h2{font-size:4.3rem}.interface-hero{height:275px}.phone-preview{width:118px;height:249px;right:-9%}.phone-hero{height:130px}.phone-hero strong{font-size:1.2rem}.cleaning-copy{width:58%}.cleaning h2{font-size:5.5rem}.cleaning .scene-footer a{margin-right:0}.image-caption{bottom:86px}}
@media(max-width:760px){.project-section{display:block;padding:70px 7%}.project-section .section-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.project-section .section-heading .eyebrow{grid-column:1 / -1;margin-bottom:0}.project-section h2{font-size:3.1rem}.section-heading>p:last-child{margin:0;font-size:.875rem;line-height:1.7}.project-list{margin-top:35px}.project-list>a{min-height:72px;grid-template-columns:28px 1fr auto}.project-name{font-size:1.75rem}.project-action{font-size:.6875rem}.digital h2{font-size:3.2rem}.digital-heading{gap:20px}.digital-intro span{font-size:.75rem}.digital-project h3{font-size:1.8rem;min-height:40px}.diriqo-wordmark{gap:7px}.diriqo-wordmark img{width:29px;height:29px}.digital-description{font-size:.8125rem;min-height:72px}.digital-project .text-link{font-size:.75rem}.digital-project,.digital-project+.digital-project{padding:22px 14px 18px}.bakery h2{font-size:6rem}.cleaning h2{font-size:4.4rem}.cleaning-stage{padding-left:7%}.cleaning-copy{width:65%}.cleaning-stage::after{background:linear-gradient(90deg,#efeee5 0%,#efeee5df 42%,#efeee560 73%,transparent)}.cleaning-image img{object-position:70%}.development-stage{display:flex;flex-direction:column;align-items:start;padding:85px 7% 100px;height:auto;gap:55px}.motion-enabled .development{height:auto}.motion-enabled .development-stage{position:relative;height:auto;min-height:0}.development-copy{max-width:none;width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.development-copy .eyebrow{grid-column:1 / -1;margin-bottom:20px}.development h2{grid-row:2 / 5;font-size:4.1rem}.development-copy>p:not(.eyebrow){font-size:.875rem;margin:0}.development-services{margin:17px 0}.development-copy>.button{justify-self:start;font-size:.8125rem;min-height:46px;padding:10px 18px}.interface-composition{width:87%;margin:0 auto}.interface-hero{height:320px}.interface-hero>strong{font-size:3.8rem}.phone-preview{right:-7%;width:140px;height:277px}.phone-hero{height:147px}.phone-hero strong{font-size:1.35rem}}
@media(max-width:600px){.project-section .section-heading{display:block}.project-section h2{font-size:3.3rem}.project-section .section-heading .eyebrow{margin-bottom:24px}.section-heading>p:last-child{margin-top:23px;font-size:.875rem}.project-list{margin-top:28px}.project-name{font-size:1.55rem}.project-list>a{gap:7px;min-height:69px}.project-no{padding-top:21px}.motion-enabled .digital,.motion-enabled .bakery,.motion-enabled .cleaning{height:auto}.motion-enabled .digital-stage,.motion-enabled .bakery-stage,.motion-enabled .cleaning-stage{position:relative;height:auto;min-height:0}.digital-stage{padding:75px 7% 85px}.digital-heading{display:block}.digital h2{font-size:3.65rem}.digital-heading .eyebrow{font-size:.625rem}.digital-intro{text-align:left;margin:25px 0 0}.digital-intro span{font-size:.8125rem}.digital-intro span br{display:none}.digital-grid{display:block;perspective:1000px;margin-top:38px}.diri-connections{display:none}.digital-word{top:10%;font-size:17rem;right:-5%}.digital-project,.digital-project+.digital-project{padding:26px 25px 20px;margin-top:16px;--offset:0px!important;--angle:0deg!important}.digital-project h3{font-size:2.5rem;min-height:0}.diriqo-wordmark img{width:40px;height:40px}.diriqo-wordmark{gap:12px}.digital-description{font-size:.9375rem;min-height:0;margin-top:18px}.digital-project .project-index{margin-bottom:20px}.digital-project .text-link{font-size:.8125rem;margin-top:13px}.motion-enabled .digital-project{opacity:calc(.5 + var(--card,0)*.5);transform:translateY(calc((1 - var(--card,0))*45px)) rotateX(calc((1 - var(--card,0))*9deg))}.digital .scene-footer{display:none}.scene-footer{font-size:.5625rem;left:7%;right:7%;bottom:20px;gap:20px}.scene-footer a{font-size:.6875rem}.bakery-stage{display:block;min-height:790px!important;height:110svh!important;max-height:1000px}.bakery-copy{padding:85px 0 260px;margin:0 7%;max-width:100%}.bakery h2{font-size:clamp(3.9rem,15.2vw,5.8rem)}.bakery-copy .eyebrow{margin-bottom:30px}.bakery-copy>p:not(.eyebrow){font-size:.875rem}.bakery .button{font-size:.8125rem;min-height:46px;padding:12px 20px}.bakery-picture img{object-position:70% center}.bakery-picture{transform:scale(calc(1.14 - var(--bread,1)*.14));transform-origin:70% center}.bakery-shade{background:linear-gradient(180deg,#160b04ca,transparent 75%),linear-gradient(0deg,#140b03bf,transparent 40%)}.bakery-large-word{top:auto;bottom:150px;font-size:8rem;left:7%}.bakery-bottom{left:7%;right:7%;bottom:26px;gap:20px}.bakery-identity strong{font-size:.75rem}.bakery-bottom>span:nth-child(2){font-size:.5625rem}.bakery-bottom .text-link{font-size:.75rem}.cleaning-stage{display:block;padding:75px 7% 340px;min-height:950px!important}.cleaning-copy{width:100%;max-width:none}.cleaning h2{font-size:4.2rem;margin-top:26px}.cleaning .eyebrow{font-size:.625rem}.cleaning-brand{margin-top:25px}.cleaning-copy>p:not(.eyebrow){font-size:.9375rem}.service-tags{font-size:.8125rem;line-height:1.8}.cleaning .button{font-size:.8125rem;min-height:46px;padding:12px 20px}.cleaning-stage::after{background:linear-gradient(180deg,#efeee5 0%,#efeee5fb 32%,#efeee5c9 56%,transparent 86%)}.cleaning-image img{object-position:70% bottom}.cleaning .image-caption{bottom:84px;right:7%;font-size:.625rem}.cleaning .scene-footer{align-items:end}.cleaning .scene-footer a{font-size:.6875rem;max-width:120px;text-align:right}.cleaning-light{width:1px}.development-stage{padding:75px 7% 94px;gap:45px}.development-copy{display:block}.development h2{font-size:4.2rem}.development-copy .eyebrow{margin-bottom:25px}.development-copy>p:not(.eyebrow){font-size:.9375rem;max-width:330px;margin-top:27px}.development-services{font-size:.8125rem;margin:23px 0 28px}.interface-composition{width:94%;margin-left:0;perspective:1800px}.interface-hero{height:240px;padding:39px 8%}.interface-hero>strong{font-size:2.8rem}.interface-topbar{height:37px;font-size:.43rem}.interface-brand{font-size:.8rem}.interface-topbar>span:last-child{font-size:.4rem}.interface-bottom{padding:15px 6%;font-size:.43rem}.concept-tabs{margin-bottom:22px}.concept-tabs button{font-size:.8125rem}.phone-preview{width:97px;height:199px;border-width:4px;border-radius:17px;right:-9%;bottom:21px}.phone-camera{width:32px;height:6px}.phone-brand{font-size:.5rem;padding:9px 8px}.phone-hero{height:110px;padding:17px 8px}.phone-hero strong{font-size:.97rem}.phone-hero>span{font-size:.26rem;padding:4px 5px;margin-top:11px}.phone-preview>p{padding:8px;font-size:.36rem}.phone-bottom{width:31px;height:2px;bottom:5px}.concept-caption{font-size:.625rem;max-width:215px;line-height:1.6;margin-top:20px}.development .scene-footer{font-size:.5625rem}.build-stage-label{letter-spacing:0;font-size:.625rem}.about{padding:75px 7%}.about h2{font-size:3.2rem}.contact{padding:80px 7%}.contact h2{font-size:4rem}}
@media(max-height:650px) and (min-width:601px){.motion-enabled .digital,.motion-enabled .bakery,.motion-enabled .cleaning,.motion-enabled .development{height:auto}.motion-enabled .digital-stage,.motion-enabled .bakery-stage,.motion-enabled .cleaning-stage,.motion-enabled .development-stage{position:relative;height:auto;min-height:750px}}
.motion-reduced .motion-scene{height:auto!important}.motion-reduced .scene-stage{position:relative!important;height:auto;min-height:780px}.motion-reduced .digital-project,.motion-reduced .interface-preview,.motion-reduced .interface-topbar,.motion-reduced .interface-hero,.motion-reduced .interface-bottom,.motion-reduced .interface-hero>strong,.motion-reduced .phone-preview{transform:none!important;opacity:1!important}.motion-reduced .bakery-reveal,.motion-reduced .cleaning-haze,.motion-reduced .cleaning-light{display:none}.motion-reduced .bakery-picture,.motion-reduced .cleaning-image img{transform:none}.motion-reduced .diri-connections path{stroke-dashoffset:0}
.no-webgl .hero{height:auto!important}.no-webgl .hero-stage{position:relative!important}.no-webgl .portal-destination{display:none}.no-webgl .hero-copy{opacity:1!important;transform:none!important;filter:none!important}
@media(max-height:650px){.motion-enabled .hero{height:auto}.motion-enabled .hero-stage{position:relative;min-height:720px}.motion-enabled .hero-copy{opacity:1!important;filter:none!important;transform:none!important}.portal-destination{display:none!important}}
@media(prefers-reduced-motion:reduce){.motion-scene{height:auto!important}.scene-stage{position:relative!important}.digital-project,.interface-preview,.interface-topbar,.interface-hero,.interface-bottom,.interface-hero>strong,.phone-preview{transform:none!important;opacity:1!important}.bakery-reveal,.cleaning-haze,.cleaning-light{display:none}.bakery-picture,.cleaning-image img{transform:none}.diri-connections path{stroke-dashoffset:0}}