/* Изолированный тактильный дизайн цифрового направления RUEL. */
.webcraft{background:#f4f2ed;color:#1d1f23;overflow:clip}.webcraft h1,.webcraft h2,.webcraft h3{letter-spacing:-.045em}.webcraft-hero{background:#1d1f23;color:#fff;position:relative;isolation:isolate}.webcraft-hero:before,.webcraft-outro:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#d3d3d3 0.6px,transparent .8px);background-size:6px 6px;mask-image:linear-gradient(to right,transparent,#000)}.webcraft-hero__grid{min-height:clamp(35rem,74vh,51rem);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,6rem);padding-block:7rem 5rem}.webcraft-hero__copy{position:relative;z-index:1}.webcraft-hero h1{font-size:clamp(2.6rem,5.6vw,6.2rem);line-height:1.08;margin:1rem 0 2rem}.webcraft-hero__copy>p:not(.eyebrow){font-size:clamp(1rem,1.35vw,1.25rem);color:#d3d3d3;max-width:42rem}.webcraft-hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.25rem}.webcraft-image-slot{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 15%,rgba(184,115,50,.28),transparent 55%),repeating-linear-gradient(130deg,transparent 0,transparent 18px,rgba(211,211,211,.06) 19px,transparent 20px),#292c31;isolation:isolate}.webcraft-image-slot:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.13)}.webcraft-hero__art{min-height:clamp(21rem,34vw,37rem);border-radius:2rem;transform:rotate(-2deg);box-shadow:0 40px 85px #0006;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.webcraft-hero__art:hover{transform:rotate(0) translateY(-6px)}.webcraft-art{display:flex;flex-direction:column;justify-content:space-between;min-height:inherit;padding:clamp(1.5rem,3vw,3rem);color:#d39a68}.webcraft-art span{font:700 clamp(3.5rem,9vw,10rem)/1 Unbounded,sans-serif;letter-spacing:-.1em}.webcraft-art i{display:block;width:38%;aspect-ratio:1;border:1.2rem solid rgba(184,115,50,.4);border-radius:50%;align-self:center;box-shadow:0 0 0 2rem #ffffff08}.webcraft-art b{font-size:.8rem;letter-spacing:.22em}.webcraft-intro{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding-block:clamp(4rem,9vw,8rem);border-bottom:1px solid #bfb8ad}.webcraft-intro span{font-weight:700;color:#9e5927;letter-spacing:.1em;text-transform:uppercase}.webcraft-intro p{font-size:clamp(1.3rem,2.6vw,2.5rem);line-height:1.4;font-weight:600}.webcraft-directions{padding-block:clamp(4rem,8vw,7rem)}.webcraft-directions h2,.webcraft-catalog h2{font-size:clamp(2rem,4vw,4rem);margin:1rem 0 3rem}.webcraft-direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.webcraft-direction{background:#fff;color:#1d1f23;text-decoration:none;border-radius:1.25rem;overflow:hidden;box-shadow:0 1rem 3rem #1d1f2310;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}.webcraft-direction:hover,.webcraft-direction:focus-visible{color:#1d1f23;transform:translateY(-8px);box-shadow:0 2rem 4rem #1d1f2326}.webcraft-direction__art{height:clamp(12rem,18vw,19rem);display:grid;place-items:center}.webcraft-direction__art span{font:700 clamp(6rem,12vw,13rem)/1 Unbounded,sans-serif;color:#ffffff20;transform:rotate(-12deg);transition:transform .7s}.webcraft-direction:hover .webcraft-direction__art span{transform:rotate(-5deg) scale(1.08)}.webcraft-image-slot--automation{background-color:#3b3630}.webcraft-image-slot--support{background-color:#313b3b}.webcraft-direction__body{padding:1.75rem;min-height:13rem;position:relative}.webcraft-direction__body>span:first-child{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#8a6750}.webcraft-direction h3{font-size:clamp(1.25rem,1.7vw,2rem);margin-top:1rem;max-width:18rem}.webcraft-direction__arrow{position:absolute;bottom:1.5rem;right:1.5rem;font-size:1.6rem;color:#b87332}.webcraft-catalog{padding-block:clamp(4rem,8vw,7rem);border-top:1px solid #c9c5bc}.webcraft-catalog:nth-of-type(even){background:#eeebe5}.webcraft-catalog__header{display:flex;justify-content:space-between;align-items:end;gap:2rem}.webcraft-catalog__header>span{font-size:.8rem;white-space:nowrap;color:#86532c}.webcraft-services{border-top:1px solid #bdb7af}.webcraft-service{display:grid;grid-template-columns:5rem minmax(0,1fr) minmax(9rem,24%);gap:clamp(1rem,3vw,3rem);padding:2rem 0;border-bottom:1px solid #c9c5bc;align-items:start}.webcraft-service__index{font-size:.8rem;letter-spacing:.12em;color:#986b4c;padding-top:.45rem}.webcraft-service h3{font-size:clamp(1.35rem,2.2vw,2.5rem);margin:0 0 1rem}.webcraft-service__main>p{max-width:44rem;color:#5a5856}.webcraft-service__visual{aspect-ratio:1.45;border-radius:1rem;display:grid;place-items:end start;padding:1rem;transition:transform .7s,filter .7s}.webcraft-service:hover .webcraft-service__visual{transform:translateY(-3px);filter:brightness(1.15)}.webcraft-service__visual span{color:#e8d4c2;text-transform:uppercase;font-size:.67rem;letter-spacing:.14em;overflow-wrap:anywhere}.webcraft-service__details{margin-top:1.5rem}.webcraft-service__details summary{cursor:pointer;display:flex;justify-content:space-between;gap:1rem;max-width:26rem;border-top:1px solid #c9c5bc;padding-top:1rem;font-weight:700;list-style:none}.webcraft-service__details summary::-webkit-details-marker{display:none}.webcraft-service__details summary span{color:#b87332;transition:transform .2s}.webcraft-service__details[open] summary span{transform:rotate(45deg)}.webcraft-service__details ul{margin:1.5rem 0 0;padding-left:1.3rem;columns:2;max-width:42rem}.webcraft-service__details li{break-inside:avoid;padding-bottom:.5rem}.webcraft-service__note{font-size:.8rem;color:#6b6966;margin-top:1rem}.webcraft-outro{background:#1d1f23;color:white;position:relative;padding-block:clamp(5rem,10vw,9rem)}.webcraft-outro__inner{display:flex;justify-content:space-between;align-items:end;gap:3rem;position:relative}.webcraft-outro h2{font-size:clamp(2rem,4vw,4.2rem);max-width:52rem}.webcraft-outro .btn{flex-shrink:0}@media(max-width:991px){.webcraft-hero__grid{grid-template-columns:1fr}.webcraft-hero__art{min-height:20rem}.webcraft-direction-grid{grid-template-columns:1fr 1fr}.webcraft-outro__inner{align-items:start;flex-direction:column}}@media(max-width:640px){.webcraft-hero__grid{padding-block:5rem 3rem}.webcraft-hero__art{min-height:15rem}.webcraft-intro{grid-template-columns:1fr;gap:1rem}.webcraft-direction-grid{grid-template-columns:1fr}.webcraft-service{grid-template-columns:3rem 1fr;gap:1rem}.webcraft-service__visual{grid-column:2;max-width:100%;aspect-ratio:2.3}.webcraft-service__details ul{columns:1}.webcraft-catalog__header{align-items:start}}@media(prefers-reduced-motion:reduce){.webcraft *, .webcraft *:before,.webcraft *:after{transition:none!important;animation:none!important;transform:none!important}}

.webcraft-detail__content{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,8rem);padding-block:clamp(5rem,9vw,9rem)}.webcraft-detail__content h2{font-size:clamp(2rem,3.5vw,3.8rem);margin:1rem 0 2rem}.webcraft-detail__content>div>p:last-child{color:#64605b;max-width:27rem}.webcraft-detail__steps{list-style:none;margin:0;padding:0;border-top:1px solid #c9c5bc}.webcraft-detail__steps li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:baseline;padding:1.65rem 0;border-bottom:1px solid #c9c5bc}.webcraft-detail__steps li span{font-size:.8rem;color:#b87332}.webcraft-detail__steps li h3{font:600 clamp(1rem,1.5vw,1.5rem)/1.4 Montserrat,sans-serif;margin:0}@media(max-width:767px){.webcraft-detail__content{grid-template-columns:1fr}}

/* Motion editorial: isolated digital direction showcase */
.webcraft-showcase-page{background:#181a1d;color:#eeeae3}
.webcraft-showcase-page .webcraft-intro{color:#222;max-width:none;background:#eeeae3;padding-inline:max(calc((100vw - 1320px)/2), 5vw)}
.webcraft-showcase-page .webcraft-hero{background:#181a1d}
.webcraft-showcase-page .webcraft-hero__art{background:radial-gradient(circle at 60% 30%,#915b3c88,transparent 48%),repeating-linear-gradient(110deg,transparent 0 33px,#ffffff09 34px 35px),#28292b}
.webcraft-showcase{padding:clamp(5rem,9vw,9rem) 0 9rem;background:#191b1e;color:#f0ede7;position:relative;isolation:isolate}
.webcraft-showcase:before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:radial-gradient(#e0c9ae .55px,transparent .7px);background-size:5px 5px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.webcraft-showcase__heading{position:relative;display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:3rem}
.webcraft-showcase__heading h2{font-size:clamp(2.6rem,5.4vw,5.8rem);line-height:1.05;max-width:14ch;margin:.75rem 0 0;color:#f4eee4}
.webcraft-showcase__heading>p{max-width:18rem;color:#aba59e;font-size:.9rem}
.webcraft-showcase__layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.85fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.webcraft-showcase__item{position:relative;display:grid;grid-template-columns:3.5rem 1fr;gap:.75rem;padding:clamp(2rem,4vw,3.6rem) 1rem clamp(2rem,4vw,3.6rem) 0;border-top:1px solid #ffffff30;transition:padding-left .55s cubic-bezier(.18,.8,.25,1),background .55s;min-height:12.5rem}
.webcraft-showcase__item:last-child{border-bottom:1px solid #ffffff30}
.webcraft-showcase__item.is-active{padding-left:1.1rem;background:linear-gradient(90deg,#b873321e,transparent 80%)}
.webcraft-showcase__number{font-size:.77rem;letter-spacing:.1em;color:#c69268;padding-top:.6rem}
.webcraft-showcase__item h3{font-size:clamp(1.45rem,2.4vw,2.8rem);line-height:1.19;max-width:18ch;margin:0 0 1rem}
.webcraft-showcase__item h3 a{color:#f0ece4;text-decoration:none;transition:color .4s}
.webcraft-showcase__item h3 a span{color:#c78953}
.webcraft-showcase__item.is-active h3 a,.webcraft-showcase__item h3 a:hover{color:#e5a675}
.webcraft-showcase__item p{font-size:.96rem;line-height:1.6;color:#b6b1aa;max-width:30rem;margin-bottom:1rem}
.webcraft-showcase__details{color:#e4b78d;font-size:.86rem;text-decoration:none;border-bottom:1px solid #e4b78d70;padding-bottom:.2rem}
.webcraft-showcase__details:hover{color:#fff}
.webcraft-showcase__cursor{position:absolute;right:1rem;top:2.7rem;font-size:1.7rem;color:#c28755;opacity:0;transform:translate(-8px,8px);transition:opacity .4s,transform .4s}
.webcraft-showcase__item.is-active .webcraft-showcase__cursor{opacity:1;transform:none}
.webcraft-showcase__sticky{position:sticky;top:clamp(7rem,13vh,10rem)}
.webcraft-showcase__frame{--touch-x:0px;--touch-y:0px;position:relative;aspect-ratio:.83;max-height:calc(100vh - 9rem);min-height:28rem;overflow:hidden;border-radius:1.65rem;background:#26272b;box-shadow:0 40px 110px #0008,0 0 0 1px #ffffff28,inset 0 1px #fff3}
.webcraft-showcase__frame:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#fff1 0px,transparent 1px,transparent 4px);opacity:.14;mix-blend-mode:screen}
.webcraft-showcase__frame-top,.webcraft-showcase__frame-bottom{position:absolute;z-index:5;left:clamp(1.5rem,3vw,3rem);right:clamp(1.5rem,3vw,3rem);display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;letter-spacing:.16em;color:#e8d7c8}
.webcraft-showcase__frame-top{top:2rem}.webcraft-showcase__frame-bottom{bottom:2rem}
.webcraft-showcase__stages,.webcraft-showcase__stage{position:absolute;inset:0}
.webcraft-showcase__stage{opacity:0;visibility:hidden;transform:scale(1.06);transition:opacity .75s,transform 1.1s,visibility .75s;background:radial-gradient(ellipse at 70% 30%,#ba754155,transparent 55%),#303237}
.webcraft-showcase__stage.is-active{opacity:1;visibility:visible;transform:scale(1)}
.webcraft-showcase__stage--2{background:radial-gradient(ellipse at 70% 20%,#977a695c,transparent 55%),#242a30}
.webcraft-showcase__stage--3{background:radial-gradient(ellipse at 30% 60%,#b6815360,transparent 55%),#30282a}
.webcraft-showcase__stage--4{background:radial-gradient(ellipse at 60% 30%,#747c7960,transparent 55%),#2b3030}
.webcraft-showcase__stage--5{background:radial-gradient(ellipse at 50% 40%,#d1a06555,transparent 55%),#33312d}
.webcraft-showcase__art{position:absolute;inset:13% 8% 18%;transform:translate(var(--touch-x),var(--touch-y));transition:transform .3s ease-out}
.webcraft-showcase__orbit{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;left:10%;top:5%;border:1px solid #ffffff48;box-shadow:0 0 0 40px #ffffff08,0 0 0 80px #ffffff04;transform:rotate(-20deg) scaleY(.78)}
.webcraft-showcase__surface{position:absolute;inset:23% 15%;display:flex;align-items:center;justify-content:center;transform:rotate(-11deg);border:1px solid #ffffff4a;background:linear-gradient(145deg,#ffffff2a,#00000042),repeating-linear-gradient(35deg,#ffffff0a 0 1px,transparent 1px 16px);border-radius:1.2rem;box-shadow:25px 40px 65px #0008,inset 0 2px #ffffff45;backdrop-filter:blur(6px)}
.webcraft-showcase__surface span{font:600 clamp(6rem,13vw,14rem)/1 Unbounded,sans-serif;color:#f6d2ac50;letter-spacing:-.12em}
.webcraft-showcase__surface i{position:absolute;right:10%;top:10%;width:17%;aspect-ratio:1;border-radius:50%;border:2px solid #e9a46b9e}
.webcraft-showcase__image{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none;opacity:0}
.webcraft-showcase__stage-label{position:absolute;left:clamp(1.5rem,3vw,3rem);right:clamp(1.5rem,3vw,3rem);bottom:5rem;z-index:2;display:grid;gap:.45rem}
.webcraft-showcase__stage-label span{font-size:.65rem;letter-spacing:.18em;color:#d8b49a}
.webcraft-showcase__stage-label strong{font-family:Unbounded,sans-serif;font-size:clamp(1.15rem,2vw,2.15rem);line-height:1.25;max-width:20ch;text-shadow:0 3px 20px #0008}
.webcraft-showcase__hint{font-size:.7rem;color:#918b84;margin-top:1rem}
.webcraft-showcase-break{background:#b87332;color:#191b1e;position:relative;overflow:hidden}
.webcraft-showcase-break__inner{padding-block:clamp(5rem,9vw,9rem);display:grid;grid-template-columns:1fr 3fr auto;align-items:center;gap:3rem}
.webcraft-showcase-break__inner>span:first-child{font-size:.75rem;font-weight:800;letter-spacing:.12em}
.webcraft-showcase-break p{font:600 clamp(1.9rem,3.5vw,4rem)/1.25 Unbounded,sans-serif;margin:0;max-width:21ch}
.webcraft-showcase-break__seal{font:700 5rem/1 Unbounded,sans-serif;transform:rotate(-15deg);opacity:.25}
.webcraft-showcase-page .webcraft-outro{background:#222428}
@media(max-width:991px){.webcraft-showcase__layout{grid-template-columns:1fr}.webcraft-showcase__sticky{position:relative;top:auto;grid-row:1}.webcraft-showcase__frame{min-height:23rem;max-height:32rem;aspect-ratio:1.4}.webcraft-showcase__heading{align-items:start}.webcraft-showcase__item{min-height:0}.webcraft-showcase-break__inner{grid-template-columns:1fr}.webcraft-showcase-break__seal{display:none}}
@media(max-width:600px){.webcraft-showcase__heading{display:block}.webcraft-showcase__heading>p{margin-top:1.5rem}.webcraft-showcase__frame{aspect-ratio:1;min-height:19rem}.webcraft-showcase__item{grid-template-columns:2rem 1fr;padding-block:1.8rem}.webcraft-showcase__item.is-active{padding-left:.35rem}.webcraft-showcase__item h3{font-size:1.45rem}.webcraft-showcase__stage-label{bottom:4rem}.webcraft-showcase__frame-bottom{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){.webcraft-showcase *, .webcraft-showcase *:before,.webcraft-showcase *:after{transition:none!important;animation:none!important;transform:none!important}}

/* Generated direction artwork */
.webcraft-direction__art{position:relative}
.webcraft-direction__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 46%;transition:transform .85s cubic-bezier(.2,.75,.2,1),filter .85s;filter:saturate(.95)}
.webcraft-direction:hover .webcraft-direction__image,.webcraft-direction:focus-visible .webcraft-direction__image{transform:scale(1.055);filter:saturate(1.1)}
.webcraft-showcase-page .webcraft-hero__art{padding:0;background:#202124}
.webcraft-hero__image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%}
@media(prefers-reduced-motion:reduce){.webcraft-direction__image{transition:none!important;transform:none!important}}

/* Uploaded subservice artwork in the motion showcase and detail heroes. */
.webcraft-showcase__service-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;border-radius:inherit;filter:saturate(.95);transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .9s}
.webcraft-showcase__stage.is-active .webcraft-showcase__service-image{transform:scale(1.025);filter:saturate(1.04)}
.webcraft-showcase__stage:has(.webcraft-showcase__service-image) .webcraft-showcase__art{inset:0;transform:none}
.webcraft-showcase__stage:has(.webcraft-showcase__service-image) .webcraft-showcase__stage-label{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);padding-top:2.5rem;bottom:3.1rem}
.webcraft-detail .webcraft-hero__art:has(.webcraft-hero__image){padding:0;background:#202124}
@media(prefers-reduced-motion:reduce){.webcraft-showcase__service-image{transition:none!important;transform:none!important}}