/* A finite motion layer, with the same quiet surfaces as the product. */
html[data-collection-view=groups] .catalogue-content,html[data-collection-view=pieces] .collection-entrance{display:none}
.brand-thread{transform-origin:center;animation:thread-intro 1.2s cubic-bezier(.16,1,.3,1) both}
.planner-viewport{animation:room-arrival 1.1s cubic-bezier(.16,1,.3,1)}
@keyframes room-arrival{from{transform:translateY(12px) scale(.985)}to{transform:translateY(0) scale(1)}}
.brand:hover .brand-thread,.brand:focus-visible .brand-thread{animation:thread-hover .8s ease both}
@keyframes thread-intro{from{transform:scaleX(.05);opacity:.2}to{transform:scaleX(1);opacity:1}}
@keyframes thread-hover{50%{transform:scaleX(.72)}to{transform:scaleX(1)}}
@media(min-width:1200px){
 .studio-hero{min-height:560px;height:calc(100svh - 126px);max-height:780px;margin-top:14px}
 .hero-copy{padding-top:clamp(32px,6svh,65px);padding-bottom:100px;width:44%}
 .hero-copy h1{font-size:clamp(68px,min(7vw,14svh),108px)}
 html[lang=ar] .hero-copy h1{font-size:clamp(62px,min(6vw,12svh),96px)}
 .hero-copy p{font-size:clamp(17px,2.4svh,21px);margin-top:22px}
 .hero-actions{margin-top:24px;gap:18px}
 .hero-bottom{bottom:24px;inset-inline:4.5%;padding:0}
 .sculpture{inset:0 0 82px}.hero-piece{bottom:25%;max-width:170px}
 .hero-selection>button[data-stage-index]{min-height:54px}
}
.service-demo{position:relative;overflow:hidden;background:var(--care-surface);border:1px solid var(--line);border-radius:18px;isolation:isolate}
.demo-top,.demo-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 23px;position:relative;z-index:2}
.demo-top>span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
.demo-top>span>svg{color:var(--accent);width:20px;height:20px}
.demo-top button{width:38px;height:38px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);border-radius:50%;transition:background .2s,transform .2s}
.demo-top button:hover{background:var(--care-warm);transform:scale(1.06)}
.demo-top button svg{width:15px;height:15px}
.demo-svg{width:100%;height:auto;display:block;direction:ltr;margin-top:-22px;overflow:visible}
.demo-art{position:relative}.demo-detail{display:none}
.demo-annotations{position:absolute;left:6%;top:24%;width:23%;display:grid;gap:21px;text-align:start}
.demo-annotations>span{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line);font-size:14px}
.demo-annotations small{font-size:9px;color:var(--accent);letter-spacing:.04em}.demo-annotations strong{font-weight:450}
.is-running .demo-annotations>span:nth-child(2){animation:care-step 3.8s ease both}
@keyframes care-step{0%,100%{color:var(--ink)}20%,80%{color:var(--accent)}}
.repair-threads{stroke-width:1.8px}
.demo-foot{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-block:13px}
.care-showcase{min-width:0;border-radius:18px;box-shadow:0 22px 40px #3a3b2510;border:1px solid var(--line);overflow:hidden}
.care-showcase .service-demo{border:0;border-radius:0}
.care-preview-tabs{display:flex;padding:8px;background:var(--paper);gap:7px;border-bottom:1px solid var(--line)}
.care-preview-tabs button{flex:1;padding:12px 10px;border-radius:8px;font-size:14px;font-weight:500;transition:background .2s,color .2s}
.care-preview-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.showcase-footer{display:flex;gap:16px;align-items:center;background:var(--paper);padding:21px 24px}
.showcase-footer>svg{color:var(--accent);width:28px;height:28px}
.showcase-footer strong{font-size:16px;font-weight:500}.showcase-footer p{font-size:12px;margin-top:4px}
.clean-pass{opacity:0}.clean-tool{opacity:1;transform:translateY(312px)}
.is-running .clean-pass{animation:clean-surface 3.6s ease both}
.is-running .clean-tool{animation:clean-sweep 3.6s cubic-bezier(.4,0,.2,1) both}
@keyframes clean-surface{0%,15%{opacity:1;clip-path:inset(0 0 0 0)}90%,100%{opacity:0;clip-path:inset(100% 0 0 0)}}
@keyframes clean-sweep{0%{opacity:0;transform:translateY(0)}12%{opacity:1;transform:translateY(0)}88%,100%{opacity:1;transform:translateY(312px)}}
.thread-a,.thread-b{stroke-dasharray:1;stroke-dashoffset:0}.repair-needle{opacity:1}
.is-running .thread-a{animation:weave-thread 2s ease both}.is-running .thread-b{animation:weave-thread 2s 1s ease both}
.is-running .repair-needle{animation:needle-pass 3.4s ease both}
@keyframes weave-thread{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes needle-pass{0%{opacity:0;transform:translate(-50px,65px)}20%{opacity:1}80%{opacity:1}100%{opacity:1;transform:translate(0,0)}}
.delivery-van{opacity:1}.is-running .delivery-van{animation:van-arrival 3.8s ease both}
.is-running .placement-rug{animation:rug-placement 3.8s cubic-bezier(.2,.7,.2,1) both}
.is-running .placement-check{animation:placement-check 3.8s ease both}
@keyframes van-arrival{0%{opacity:0;translate:-80px 0}55%,100%{opacity:1;translate:0 0}}
@keyframes rug-placement{0%,35%{opacity:0;translate:0 -40px}85%,100%{opacity:1;translate:0 0}}
@keyframes placement-check{0%,80%{opacity:0}100%{opacity:1}}
.delivery-showcase{display:grid;grid-template-columns:1fr 1.05fr;gap:7%;align-items:center;padding-block:12px 52px}
.delivery-showcase h2{font-size:clamp(30px,3.4vw,48px)}.delivery-showcase p{font-size:16px;line-height:1.85;margin-block:21px;max-width:510px}
.delivery-showcase .care-action{max-width:470px}
.care-service-emblem{float:inline-end;display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--line);border-radius:50%;color:var(--accent);margin-inline-start:12px}
.care-option:hover .care-service-emblem svg{animation:thread-hover .9s ease both}
.care-option{transition:box-shadow .3s,border-color .3s}.care-option:hover{border-color:#bfa789;box-shadow:0 14px 28px #30251b09}
.service-card .service-visual img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.service-card:hover .service-visual img{transform:translateY(-5px) rotate(2deg)}
.care-steps li{position:relative}.care-steps li>span{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;margin-bottom:14px;transition:color .2s,background .2s}
.care-steps li:hover>span{background:var(--ink);color:var(--paper)}
.collection-entrance{padding-block:26px 50px}
.collection-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}
.collection-intro .eyebrow{font-size:10px;margin-bottom:6px}.collection-intro p{font-size:15px}.collection-intro .text-link{font-size:13px;flex:none}
.category-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 23px}
.category-tile{min-width:0}.category-tile-art{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.13;background:var(--care-surface);border:1px solid var(--line);border-radius:14px;padding:26px;overflow:hidden;perspective:800px}
.category-tile:nth-child(3n+2) .category-tile-art{background:var(--care-warm)}
.category-tile-art>img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(5px 10px 6px #3e392629);transition:transform .65s cubic-bezier(.16,1,.3,1)}
.category-tile-art>img{animation:collection-arrival .9s cubic-bezier(.16,1,.3,1)}
.category-tile:nth-child(2) img{animation-delay:.06s}.category-tile:nth-child(3) img{animation-delay:.12s}
@keyframes collection-arrival{from{transform:translateY(12px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}
.category-tile:hover img,.category-tile:focus-visible img{transform:translateY(-6px) rotateY(-8deg) rotate(-3deg)}
.category-tile-arrow{position:absolute;inset-inline-end:12px;bottom:12px;width:34px;height:34px;border-radius:50%;background:var(--paper);display:grid;place-items:center;transition:color .25s,background .25s}
.category-tile-arrow svg{width:17px;height:17px}.category-tile:hover .category-tile-arrow{background:var(--ink);color:var(--paper)}
.category-tile-copy{padding-top:14px}.category-tile h2{font-size:26px}.category-tile p{font-size:12px;margin-top:6px}
.collection-placeholder{width:auto;height:100%;color:#a79678;transition:transform .6s}.category-tile:hover .collection-placeholder{transform:translateY(-4px)}
.sample-label{position:absolute;bottom:12px;inset-inline-start:13px;font-size:9px;color:var(--muted)}
.category-help{margin-top:35px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between;gap:20px}.category-help a{display:inline-flex;align-items:center;gap:9px;color:var(--accent);flex:none}
.back-collections{font-size:13px;margin-bottom:20px;padding-top:0}
.more-collections-heading{display:flex;align-items:center;gap:40px;justify-content:space-between;margin:40px 0 20px;padding-top:30px;border-top:1px solid var(--line)}
.more-collections-heading h2{font-size:28px;max-width:420px}.more-collections-heading p{max-width:510px;font-size:14px;line-height:1.8}
.collection-enquiry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}
.collection-enquiry-tile{display:flex;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}
.collection-enquiry-tile>svg:first-child{color:var(--accent);width:24px;height:24px}.collection-enquiry-tile>svg:last-child{margin-inline-start:auto;width:18px;height:18px;transition:transform .2s}
.collection-enquiry-tile strong{font-size:20px;font-weight:500}.collection-enquiry-tile small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.collection-enquiry-tile:hover{color:var(--accent)}
@media(max-width:1100px){.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.care-hero{gap:4%}.demo-top,.demo-foot{padding-inline:17px}.delivery-showcase{gap:4%}}
@media(max-width:760px){
 .studio-hero{height:auto;min-height:0;max-height:none}.hero-copy{padding-bottom:0}.hero-bottom{position:relative;bottom:auto;padding-bottom:20px}
 .hero-scene{height:340px}.sculpture{inset:0 0 28px}.hero-piece{bottom:19%}.hero-discover{display:none}
 .care-hero{gap:26px;padding-bottom:32px}.care-showcase{border-radius:14px}.care-preview-tabs button{font-size:12px;padding:10px 7px}
 .demo-top{padding:13px 16px}.demo-top>span{font-size:12px}.demo-top button{width:36px;height:36px}.demo-foot{font-size:8px;padding:12px}
 .demo-annotations{gap:13px;left:5%;top:22%;width:25%}.demo-annotations>span{font-size:11px;gap:7px;padding-bottom:9px}.demo-annotations small{font-size:8px}
 .showcase-footer{padding:16px;gap:12px}.showcase-footer strong{font-size:14px}.showcase-footer p{font-size:11px}
 .delivery-showcase{grid-template-columns:1fr;gap:23px;padding-block:5px 32px}.delivery-showcase h2{font-size:32px}.delivery-showcase p{font-size:14px;margin-block:15px}
 .collection-entrance{padding-top:19px}.collection-intro{display:block;margin-bottom:18px}.collection-intro p{font-size:13px}.collection-intro .text-link{font-size:12px;margin-top:7px;padding-bottom:5px}
 .category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.category-tile-art{aspect-ratio:.83;padding:20px 16px 34px;border-radius:10px}
 .category-tile h2{font-size:22px}.category-tile p{font-size:11px;line-height:1.7}.category-tile-arrow{width:29px;height:29px;bottom:9px;inset-inline-end:9px}
 .category-tile-arrow svg{width:15px;height:15px}.sample-label{font-size:8px;bottom:43px;inset-inline:4px;text-align:center}.collection-placeholder{height:90%}
 .category-help{flex-direction:column;font-size:13px;gap:12px}.category-tile-copy{padding-top:10px}.care-service-emblem{width:44px;height:44px}
 .more-collections-heading{display:block;margin-top:25px;padding-top:23px}.more-collections-heading h2{font-size:25px}.more-collections-heading p{font-size:13px;margin-top:12px}
 .collection-enquiry-grid{grid-template-columns:1fr 1fr;gap:0 17px}.collection-enquiry-tile{gap:9px;padding:17px 0}.collection-enquiry-tile>svg:first-child{display:none}.collection-enquiry-tile strong{font-size:18px}.collection-enquiry-tile small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.brand-thread,.brand:hover .brand-thread,.is-running *,.planner-viewport,.category-tile-art>img{animation:none!important}.category-tile img,.service-card .service-visual img{transition:none!important}}