/* Vesta material studio — a working palette, not an image gallery. */
.finish-lab{--wall:#eeede8;padding:100px 0;background:#f8f8f5;color:#252823;scroll-margin-top:70px}
.finish-lab[data-wall=stone]{--wall:#b5aca0}.finish-lab[data-wall=charcoal]{--wall:#3e403f}
.lab-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:30px}.lab-heading h2{font-size:clamp(42px,5vw,76px);line-height:1.03;letter-spacing:-.065em;font-weight:400;margin:16px 0 0}.lab-heading>p{max-width:220px;color:#62665e;font-size:16px}
.lab-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:0;border:1px solid #dfe1d9}.lab-stage{position:relative;display:flex;align-items:center;min-height:570px;background:var(--wall);transition:background .55s ease;overflow:hidden}
.lab-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#fff3,transparent 60%,#0001);pointer-events:none}.lab-stage-caption,.lab-stage-foot{position:absolute;left:30px;right:30px;font-size:10px;letter-spacing:.15em;color:#565b52;z-index:1}.lab-stage-caption{top:27px}.lab-stage-foot{bottom:27px;display:flex;justify-content:space-between;text-transform:uppercase}.finish-lab[data-wall=charcoal] .lab-stage-caption,.finish-lab[data-wall=charcoal] .lab-stage-foot{color:#e5e5dd}.lab-photo{width:100%;position:relative;pointer-events:none}.lab-photo img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 16px #0002)!important}
.lab-console{padding:32px;background:#fff}.lab-label{font-size:10px;letter-spacing:.15em;color:#7a7d73;margin:0 0 16px}.lab-finishes{display:grid;margin-bottom:32px}.lab-finishes button{border:0;border-bottom:1px solid #e8e9e2;background:none;display:flex;align-items:center;gap:13px;min-height:51px;text-align:left;padding:11px 4px;color:#5b5f55;font:inherit;font-size:14px;cursor:pointer}.lab-finishes button[aria-pressed=true]{color:#161c14;font-weight:600}.finish-chip{width:23px;height:23px;border-radius:50%;border:1px solid #0002;flex-shrink:0}.chip-black{background:#222!important}.chip-white{background:#f0f0eb!important}.chip-marble{background:linear-gradient(135deg,#efeee9 25%,#aaa8a3 27%,#f5f3ee 30%,#eeede8 60%,#b8b6af 62%,#fff 67%)!important}.chip-wood{background:repeating-linear-gradient(95deg,#927458,#927458 3px,#ba9775 5px,#8d6c4e 7px)!important}.chip-custom-print{background:linear-gradient(130deg,#45121e,#ae343a 42%,#281b2d 45%,#894744)!important}.lab-selected{margin-left:auto;opacity:0}.lab-finishes [aria-pressed=true] .lab-selected{opacity:1}.lab-walls{display:flex;gap:20px;margin-bottom:28px}.lab-walls button{padding:0;border:0;background:none;display:grid;justify-items:center;gap:9px;font:inherit;font-size:11px;cursor:pointer}.wall-chip{width:31px;height:31px;border-radius:50%;outline:1px solid #d1d3cb;outline-offset:4px}.wall-chalk{background:#eeede8}.wall-stone{background:#b5aca0}.wall-charcoal{background:#3e403f}.lab-walls [aria-pressed=true] .wall-chip{outline:2px solid #394335}.lab-result{min-height:72px;margin:0 0 16px;display:grid;gap:5px}.lab-result strong{font-size:20px;font-weight:500;letter-spacing:-.03em}.lab-result>span{font-size:13px;line-height:1.6;color:#777c70}.lab-cta{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#252d23;color:#fff;padding:17px 20px;font-size:13px;text-decoration:none}.lab-note{font-size:10px;line-height:1.5;color:#7a7e72;margin:13px 0 0}
/* Floating photographs keep all original panel geometry and artwork. */
.floating-collection{background:#141714;color:#fff;margin:0 18px;padding:40px 0 34px;overflow:hidden}.floating-heading{text-align:center}.floating-heading .story-kicker{color:#b8c0b3}.floating-heading h1{font-size:clamp(42px,6vw,84px);font-weight:400;letter-spacing:-.065em;margin:10px 0}.floating-heading>p{font-size:15px;color:#bdc2b7}.floating-orbit{position:relative;height:clamp(270px,32vw,460px);max-width:1500px;margin:0 auto}.floating-panel{position:absolute;left:25%;top:5%;width:50%;height:90%;border:0;padding:0;background:none;cursor:pointer;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .65s;z-index:1}.floating-panel img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 35px 24px #0005)!important;animation:panel-drift 7s ease-in-out infinite}.floating-panel[data-position="0"]{transform:translate(0,0);z-index:4;opacity:1}.floating-panel[data-position="-1"]{transform:translate(-64%,-14%) scale(.62);opacity:.65;z-index:3}.floating-panel[data-position="1"]{transform:translate(64%,14%) scale(.62);opacity:.65;z-index:3}.floating-panel[data-position="-2"]{transform:translate(-97%,27%) scale(.4);opacity:.32}.floating-panel[data-position="2"]{transform:translate(97%,-26%) scale(.4);opacity:.32}.floating-panel:not(.is-active):hover{opacity:1}.floating-bottom{display:flex;justify-content:space-between;gap:28px;align-items:center}.floating-bottom h2{font-size:23px;letter-spacing:-.04em;margin:7px 0 0;font-weight:400}.floating-bottom .story-kicker{color:#b8c0b3;font-size:10px}.floating-bottom>a{font-size:12px;color:#fff;border-bottom:1px solid #65705f;padding-bottom:8px}.floating-dots{display:flex;gap:12px}.floating-dots button{width:27px;height:27px;border:1px solid #b6bfb080;border-radius:50%;cursor:pointer}.floating-dots [aria-pressed=true]{outline:1px solid #fff;outline-offset:5px}@keyframes panel-drift{0%,100%{translate:0 0}50%{translate:0 -12px}}
/* Direct-manipulation finish reveal, scoped to the collection page. */
.finish-reveal{padding:80px 0}.reveal-stage{position:relative;height:clamp(250px,36vw,490px);overflow:hidden;background:#ddd9d0;isolation:isolate}.reveal-layer{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 45% 10%,#f7f5f0,#bcb7ac);pointer-events:none}.reveal-layer img{width:min(850px,85%);height:100%;object-fit:contain}.reveal-layer>span{position:absolute;bottom:25px;font-size:12px}.reveal-base>span{right:25px}.reveal-cover>span{left:25px}.reveal-cover{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.reveal-line{position:absolute;left:var(--reveal);top:0;bottom:0;width:2px;background:#fff;pointer-events:none;transform:translateX(-1px)}.reveal-line>span{position:absolute;top:50%;left:50%;translate:-50% -50%;width:44px;height:44px;display:grid;place-items:center;background:#fff;color:#252d23;border-radius:50%;box-shadow:0 2px 20px #0002;font-size:25px}.reveal-stage input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.reveal-stage:focus-within{outline:2px solid #394335;outline-offset:5px}.reveal-note{text-align:center;font-size:12px;color:#6b7064;margin-top:17px}
/* Circular feature marks, following the supplied visual reference. */.protection-circles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;text-align:center}.protection-icon{display:grid;place-items:center;width:min(150px,90%);aspect-ratio:1;margin:0 auto 25px;border:1px dashed #c9ccc3;border-radius:50%;padding:16px;position:relative}.protection-icon:before{content:'';position:absolute;inset:15px;background:#fff;border-radius:50%}.protection-icon .v-icon{position:relative;width:47px;height:47px;color:#252d23;stroke-width:1.35}.protection-circles h4{font-size:16px;line-height:1.4;font-weight:500;margin:0 0 12px}.protection-circles p{font-size:13px;line-height:1.75;color:#676d60;margin:0}.collection-static-photo{width:100%}
/* A quieter footer with readable, grouped links. */
footer.vesta-footer{background:#e9ebe4!important;color:#252d23;padding:65px 0 25px}.footer-editorial{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding-bottom:55px}.footer-brand-block>.brand{display:inline-block;font-size:34px!important;letter-spacing:-.06em}.footer-brand-block>p{font-size:16px;line-height:1.7;color:#656c5c;margin:18px 0 24px}.footer-conversation{font-size:12px;border-bottom:1px solid #848d7c;padding-bottom:7px;display:inline-block}.footer-link-group{display:flex;flex-direction:column;align-items:start;gap:14px}.footer-link-group>span{font-size:10px;letter-spacing:.15em;color:#838a7b;margin-bottom:10px}.footer-link-group>a{font-size:13px;line-height:1.7}.footer-link-group>a:hover{text-decoration:underline;text-underline-offset:5px}.vesta-footer .footnote{border-top:1px solid #ced2c6;padding-top:23px}
.gallery-intro{padding:80px 0 50px}.gallery-intro h1{font-size:clamp(50px,7vw,95px);font-weight:400;line-height:1.02;letter-spacing:-.065em;margin:22px 0}.gallery-intro>p:last-child{font-size:17px;max-width:410px;color:#66705e}.gallery-coming{padding:25px 0 100px;max-width:1100px}.gallery-rule{height:1px;background:#d3d7cc;margin-bottom:50px}.gallery-coming h2{font-size:clamp(28px,4vw,48px);font-weight:400;letter-spacing:-.04em;line-height:1.15}.gallery-coming>p:not(.story-kicker){font-size:15px;color:#67705f;margin:25px 0}.gallery-coming .lab-cta{max-width:310px}.client-gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-bottom:90px}.client-gallery img{width:100%;height:auto}.client-gallery figcaption{display:flex;justify-content:space-between;padding-top:18px;gap:20px}
button:focus-visible,a:focus-visible{outline:2px solid #687e58;outline-offset:5px}
@media(max-width:1000px){.lab-layout{grid-template-columns:1.4fr 1fr}.lab-stage{min-height:540px}.lab-console{padding:25px}.footer-editorial{grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-brand-block{grid-column:1/-1}.protection-circles{gap:18px}.protection-icon{padding:10px}.protection-circles h4{font-size:14px}.protection-circles p{font-size:12px}}
@media(max-width:700px){.finish-lab{padding:60px 0}.lab-heading{display:block;margin-bottom:26px}.lab-heading>p{margin-top:20px}.lab-layout{grid-template-columns:1fr}.lab-stage{min-height:0;height:300px}.lab-stage-caption,.lab-stage-foot{left:20px;right:20px;font-size:9px}.lab-console{padding:26px}.lab-finishes{grid-template-columns:1fr 1fr;gap:0 20px}.lab-finishes button{font-size:12px}.lab-result{min-height:60px}.lab-walls{gap:28px}.floating-collection{margin:0 10px;padding:35px 0 28px}.floating-orbit{height:250px}.floating-panel{left:14%;width:72%;top:3%}.floating-panel[data-position="-1"]{transform:translate(-55%,-18%) scale(.48)}.floating-panel[data-position="1"]{transform:translate(55%,18%) scale(.48)}.floating-panel[data-position="-2"],.floating-panel[data-position="2"]{opacity:0;pointer-events:none}.floating-bottom{flex-wrap:wrap;gap:24px}.floating-bottom h2{font-size:21px}.floating-bottom>a{width:100%;text-align:center}.floating-dots{gap:10px}.floating-dots button{width:22px;height:22px}.protection-circles{grid-template-columns:1fr 1fr;gap:35px 22px}.protection-circles article:last-child{grid-column:1/-1;max-width:240px;justify-self:center}.protection-icon{width:120px;margin-bottom:20px}.protection-circles h4{font-size:16px}.protection-circles p{font-size:13px}.finish-reveal{padding:55px 0}.reveal-layer img{width:105%}.reveal-layer>span{font-size:10px;bottom:17px}.footer-editorial{grid-template-columns:1fr 1fr;gap:35px 25px;padding-bottom:35px}.footer-brand-block{grid-column:1/-1}.footer-link-group:last-child{grid-column:1/-1}.vesta-footer .footnote{gap:12px;display:flex;flex-direction:column}.client-gallery{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.floating-panel img{animation:none}.floating-panel,.lab-stage{transition:none}}