:root{--fluid-ease:cubic-bezier(.22,1,.36,1);--metal-edge:#ccd1c3;--glass:#252921ed}
/* Soft, layered controls; opacity is backed by a readable solid surface. */
.material-controls .segment{background:#292d25;border:1px solid #747e6266;box-shadow:inset 0 1px 0 #ffffff13,0 8px 20px #0002;padding:5px;backdrop-filter:blur(16px)}
.material-controls .segment button{transition:color .25s var(--fluid-ease),transform .3s var(--fluid-ease);min-height:44px}
.material-controls .segment button:active{transform:scale(.96)}
.material-workspace{box-shadow:0 24px 60px #0002}.material-visual{overflow:hidden}.material-visual img{transition:filter .5s var(--fluid-ease),transform .6s var(--fluid-ease)}
.social-float{background:linear-gradient(145deg,#f3f4ee,#bcc4af);box-shadow:inset 0 1px 0 #fff9,0 7px 18px #0005;position:relative}.whatsapp-float{background:linear-gradient(145deg,#d4dfbd,#a8ba8b)}
.social-float::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #eaf0df80;pointer-events:none}.social-float:hover{background:#e7ecdd;transform:translateY(-2px)}
.assistant-launch{background:#242a20!important;color:#edf1e5!important;border:1px solid #879370;box-shadow:inset 0 1px 0 #ffffff17,0 12px 26px #0005!important}.assistant-launch:hover{background:#343e2c!important}
.pill.primary{transition:transform .3s var(--fluid-ease),background .25s,box-shadow .3s;box-shadow:inset 0 1px 0 #ffffff50,0 8px 24px #0003}.pill.primary:active{transform:translateY(1px) scale(.98)}
.finish-gallery{overflow:hidden;padding-top:40px;padding-bottom:70px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:36px}.gallery-heading h2{font-size:clamp(36px,4.7vw,68px)}.gallery-heading p{color:var(--muted);margin-top:22px}.gallery-navigation{display:flex;align-items:center;gap:18px;flex:none}.gallery-navigation button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #a1aa9166;background:#282e23;color:#eef1e8;transition:background .2s,transform .25s var(--fluid-ease)}.gallery-navigation button:hover{background:#46513a;transform:translateY(-2px)}.gallery-navigation button:disabled{opacity:.35;cursor:default;transform:none}.gallery-navigation svg{width:22px;height:22px}#gallery-count{font-size:12px;letter-spacing:2px;font-variant-numeric:tabular-nums;min-width:64px;text-align:center}
.gallery-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#778567 #20241d;padding-bottom:18px;overscroll-behavior-x:contain}.gallery-slide{flex:0 0 68%;scroll-snap-align:start;min-width:0;overflow:hidden;border-radius:20px;background:#22261f}.gallery-slide img{width:100%;height:380px;object-fit:cover;transition:transform .7s var(--fluid-ease),filter .5s}.gallery-slide>div{padding:24px 28px 28px}.gallery-slide h3{font-size:27px;font-weight:500;letter-spacing:-.025em}.gallery-slide p{color:var(--muted);font-size:14px;margin-top:10px}.finish-gallery>.caption{margin-top:16px}.gallery-slide:last-child{margin-right:32%}
.journey-progress{display:block;width:100%;height:5px;border:0;border-radius:99px;overflow:hidden;margin-bottom:20px;background:#353c2e;accent-color:#abb591}.journey-progress::-webkit-progress-bar{background:#353c2e}.journey-progress::-webkit-progress-value{background:#abb591;border-radius:99px;transition:width .45s var(--fluid-ease)}.journey-progress::-moz-progress-bar{background:#abb591}
.workspace .choice{background:#22271f;border-color:#48523d;transition:background .25s,border-color .25s,transform .3s var(--fluid-ease),box-shadow .3s}.workspace .choice:has(:checked){background:#333e29;border-color:#bac99d;box-shadow:inset 0 1px 0 #ffffff15}.workspace .choice:hover{border-color:#8c9d77}.workspace section[data-step]{animation:guided-arrival .38s var(--fluid-ease)}
@keyframes guided-arrival{from{opacity:.6;transform:translateY(9px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(hover:hover) and (pointer:fine){.gallery-slide:hover img{transform:scale(1.025)}}
@media(max-width:767px){.gallery-heading{display:block;margin-bottom:24px}.gallery-heading p{font-size:15px}.gallery-navigation{justify-content:flex-end;margin-top:24px}.gallery-track{gap:14px}.gallery-slide{flex-basis:88%;border-radius:16px}.gallery-slide img{height:240px}.gallery-slide>div{padding:20px}.gallery-slide h3{font-size:23px}.gallery-slide:last-child{margin-right:12%}.finish-gallery{padding-top:20px;padding-bottom:50px}.material-controls .segment{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.gallery-track{scroll-behavior:auto}.gallery-slide img,.social-float,.pill.primary,.material-controls .segment button,.workspace .choice,.journey-progress::-webkit-progress-value{transition:none}.workspace section[data-step]{animation:none}.gallery-slide:hover img{transform:none}}
.finish-experience{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;padding:56px 5%;margin:0 0 48px;border-radius:24px;background:#1d211b;overflow:hidden}.finish-stage{min-width:0;display:grid;justify-items:center;gap:32px}.finish-orb{width:min(100%,350px);aspect-ratio:1;border-radius:50%;position:relative;isolation:isolate;overflow:hidden;box-shadow:inset -32px -30px 46px #0007,inset 10px 9px 24px #ffffff12,0 28px 38px -18px #0009;background-color:#797953;background-size:cover;background-position:center;transition:background .5s ease}.finish-orb::after{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 28% 22%,#fff5,transparent 45%),linear-gradient(115deg,transparent 38%,#fff2 47%,transparent 56%);transform:translateX(-4%);pointer-events:none;animation:surface-light 8s ease-in-out infinite alternate;animation-play-state:paused}.finish-experience.in-view .finish-orb::after{animation-play-state:running}.finish-orb[data-finish=wood]{background-image:linear-gradient(30deg,#30211433,#b7925366),url('assets/decor.webp');background-size:250%;background-position:47% 60%}.finish-orb[data-finish=stone]{background-image:linear-gradient(30deg,#91897544,#efeada22),url('assets/interior-preview.webp');background-size:500%;background-position:45% 75%}.finish-orb[data-finish=matte]{background-image:radial-gradient(circle at 30% 24%,#8b9679,#48523d 65%,#262e22)}.finish-orb[data-finish=satin]{background-image:linear-gradient(118deg,#303b2a 8%,#a7b292 35%,#d9ddc4 43%,#738065 54%,#3b4833 75%,#21291d)}.finish-orb[data-finish=metallic]{background-image:conic-gradient(from 35deg at 45% 48%,#303532,#dae0d6,#777e74,#f1f3e8,#52594e,#b4bcb0,#303532)}.finish-stage>p{font-size:12px;color:#dce1d3;text-align:center}.finish-stage>p span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.finish-picker h3{font-size:30px;font-weight:500;letter-spacing:-.03em}.finish-picker>p{margin-top:14px;color:var(--muted);font-size:14px}.finish-options{margin:26px 0;display:flex;flex-direction:column;align-items:stretch;gap:2px;max-width:330px}.finish-options button{display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;border-bottom:1px solid #ffffff12;padding:12px 16px;font-size:25px;line-height:1.2;color:#aeb7a4;text-align:left;min-height:52px;transition:color .25s,transform .4s var(--fluid-ease),background .25s;border-radius:10px}.finish-options button:nth-child(1),.finish-options button:nth-child(5){margin-left:20px}.finish-options button:nth-child(2),.finish-options button:nth-child(4){margin-left:8px}.finish-options button span{font-size:17px;opacity:0}.finish-options button[aria-pressed=true]{color:#edf2e4;background:#343f2b;transform:translateX(6px)}.finish-options button[aria-pressed=true] span{opacity:1}.finish-options button:hover{color:#f0f3e9}.surface-description{min-height:24px}.finish-picker .text-link{margin-top:20px}.finish-orb.changing{animation:surface-change .5s var(--fluid-ease)}@keyframes surface-change{from{filter:blur(7px);transform:scale(.96) rotate(-4deg);opacity:.65}to{filter:blur(0);transform:none;opacity:1}}@keyframes surface-light{to{transform:translateX(9%) rotate(12deg)}}@media(max-width:767px){.finish-experience{grid-template-columns:1fr;gap:30px;padding:32px 24px}.finish-orb{width:230px}.finish-stage{gap:20px}.finish-picker h3{font-size:27px}.finish-options{max-width:none;margin:22px 0}.finish-options button{font-size:22px}.finish-picker>p br{display:none}}@media(prefers-reduced-motion:reduce){.finish-orb,.finish-orb::after,.finish-options button{animation:none!important;transition:none!important}.finish-options button[aria-pressed=true]{transform:none}}
