/* PrimeFloors / The Surface Edit: open editorial compositions. */
.luxury-principles{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:35px 0;margin-top:0}.luxury-principles>div{padding:0 20px}.luxury-principles>div:first-child{padding-left:0}.luxury-principles>div:last-child{padding-right:0}.brand-story{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:radial-gradient(ellipse at 5% 50%,#20332055,transparent 65%);padding:65px 5%}.showroom-shell{border:0;border-radius:0;box-shadow:none;gap:24px;background:none;overflow:visible}.scene-side{border:1px solid #c6a26940}.config-panel{border-left:0;border-top:1px solid #c6a26980;background:linear-gradient(160deg,#18241a,#101c1340);padding-top:25px}.finish-button{border:0;border-bottom:1px solid transparent;border-radius:0;background:none;padding:7px 3px 10px}.finish-button.active{background:none;border-color:#c5a268}.finish-button .sample{height:41px;border-radius:0;box-shadow:3px 3px 0 #0006;transform:skewY(-4deg);margin-bottom:13px;transition:transform .35s}.finish-button:hover .sample,.finish-button:focus-visible .sample{transform:skewY(-4deg) translateY(-3px)}
.collection-intro{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:21px 0 44px;color:#a28e6c;font-size:9px;letter-spacing:.14em}.collection-intro p{font-size:11px;color:#9eaa9a;letter-spacing:.02em}.collection-intro p span{font-size:22px;margin-left:18px;color:var(--gold)}.collection-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:55px 28px;align-items:start}.collection-piece{min-width:0;position:relative}.collection-living{grid-column:1/8}.collection-garage{grid-column:9/13;margin-top:125px}.collection-industry{grid-column:1/6;margin-top:-45px}.collection-terrace{grid-column:7/13;margin-top:85px}.collection-meta{font-size:8px;letter-spacing:.16em;color:#b8a078;display:flex;justify-content:space-between;gap:15px;margin-bottom:15px;white-space:nowrap}.collection-meta>span:last-child{color:#7d8879;font-size:8px;letter-spacing:.05em}.collection-frame{height:490px;position:relative;background:#0e1812;isolation:isolate}.collection-garage .collection-frame{height:490px}.collection-industry .collection-frame{height:365px}.collection-terrace .collection-frame{height:450px}.collection-frame:before,.collection-frame:after{content:'';position:absolute;width:26px;height:26px;border-color:#b89960;border-style:solid;z-index:3;pointer-events:none;transition:width .4s,height .4s}.collection-frame:before{top:-7px;left:-7px;border-width:1px 0 0 1px}.collection-frame:after{bottom:-7px;right:-7px;border-width:0 1px 1px 0}.collection-piece.is-open .collection-frame:before,.collection-piece.is-open .collection-frame:after{width:55px;height:55px}.collection-peek{display:block;position:relative;overflow:hidden;width:100%;height:100%;padding:0;border:0;background:#152018;color:#e8d8bb;text-align:left}.collection-peek>img{width:100%;height:100%;object-fit:cover;object-position:56% center;filter:saturate(.72) brightness(.83);transition:transform 1s cubic-bezier(.22,.61,.36,1),filter .7s}.collection-living .collection-peek>img{object-position:64% center}.collection-terrace .collection-peek>img{object-position:58% center}.collection-shade{position:absolute;inset:0;background:linear-gradient(180deg,#08100c33,transparent 40%,#050e0860);pointer-events:none}.collection-index{position:absolute;left:22px;top:10px;font-family:var(--serif);font-size:120px;font-weight:400;line-height:1;color:transparent;-webkit-text-stroke:1px #e2d1aa99;transition:opacity .6s,transform .6s;pointer-events:none}.peek-label{position:absolute;bottom:25px;right:25px;display:flex;align-items:center;gap:18px;letter-spacing:.14em;font-size:8px;z-index:4;transition:top .5s,bottom .5s}.peek-label b{font-size:27px;display:flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid #d2b27b99;border-radius:50%;font-weight:400;background:#07100b77;transition:transform .4s}.material-lens{position:absolute;width:145px;height:145px;right:27px;top:55px;display:block;background-image:linear-gradient(#22301b22,#22301b22),var(--detail-image);background-size:auto 600%;background-position:50% 89%;border-radius:50%;border:1px solid #d9ba7b;box-shadow:0 0 0 7px #0b140f55,0 20px 50px #0006;transform:translateY(20px) scale(.8);opacity:0;transition:transform .6s,opacity .5s;pointer-events:none}.material-lens:after{content:'';position:absolute;inset:7px;border:1px solid #e8dfc633;border-radius:50%}.material-lens>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:7px;line-height:1.8;letter-spacing:.14em;text-align:center;color:#fffbe9;text-shadow:0 1px 8px #000;background:#0b140f88;padding:7px}.collection-reveal{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:25px 27px;background:linear-gradient(110deg,#07130cf2,#0c1b12e8);backdrop-filter:blur(12px);border-top:1px solid #bea16677;animation:reveal-detail .45s both}.collection-reveal .micro{font-size:8px;color:#c4a574;letter-spacing:.12em}.collection-reveal p{font-size:12px;line-height:1.7;color:#b9c3b0;max-width:420px;margin:12px 0 15px}.collection-enter{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;background:none;border:0;border-top:1px solid #c4a57440;color:#ead3aa;padding:14px 0 0;font-size:11px;text-align:left}.collection-enter>span{font-size:24px}.collection-enter:hover{color:#fff4d3}.collection-piece.is-open .collection-peek>img{transform:scale(1.045);filter:saturate(.9) brightness(.98)}.collection-piece.is-open .material-lens{opacity:1;transform:translateY(0) scale(1)}.collection-piece.is-open .collection-index{opacity:.35;transform:translateY(-10px)}.collection-piece.is-open .peek-label{bottom:auto;top:21px;right:21px}.collection-piece.is-open .peek-label>span{display:none}.collection-piece.is-open .peek-label b{transform:rotate(45deg);background:#0a150dbb}.collection-piece.is-open .material-lens{right:30px;top:85px}.collection-caption{padding:23px 0 0}.collection-caption h3{font-family:var(--serif);font-size:clamp(35px,3.5vw,55px);line-height:1.02;color:#f0e2c7;letter-spacing:-.03em}.collection-caption h3 em{display:block;color:#bfa273}.collection-caption p{font-size:11px;color:#8e9c89;margin-top:13px}.collection-garage .collection-caption h3,.collection-industry .collection-caption h3{font-size:clamp(34px,3.2vw,49px)}.collection-colophon{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:55px 0 22px;font-size:8px;letter-spacing:.15em;color:#938a72}.materials-heading{margin-top:75px}
@keyframes reveal-detail{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
/* Tactile material archive: four overlapping samples, not a card grid. */
.material-library{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:40px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:62px 0 36px;margin-top:50px}.material-editorial{padding:0 12px 15px 0;min-width:0}.material-edition{font-size:8px;letter-spacing:.19em;color:#ab9671}.material-edition b{font-weight:400;color:#e1c693}.material-editorial h3{font-size:50px;line-height:1.06;margin:29px 0 21px;color:#eee0c3}.material-editorial>p{font-size:12px;color:#a6b19d;line-height:1.9;min-height:92px;max-width:320px}.material-spec{border-top:1px solid #ba9c663b;display:flex;flex-direction:column;gap:10px;padding-top:19px;margin-top:23px}.material-spec>span{font-size:8px;letter-spacing:.15em;color:#8e8c75}.material-spec>b{font-size:11px;color:#c3bb9e;font-weight:400}.material-try{display:flex;gap:36px;align-items:center;padding:18px 0;background:none;border:0;color:#d6b67c;font-size:11px;border-bottom:1px solid #c2a16a85;margin-top:22px;text-align:left}.material-try span{font-size:25px}.material-try:hover{color:#f1dba7}.sample-archive{position:relative;padding:15px 0 32px;min-width:0}.archive-label{display:block;text-align:center;font-size:8px;letter-spacing:.22em;color:#9a957a;margin-bottom:70px}.sample-orbit{position:absolute;width:82%;height:73%;left:9%;top:9%;border:1px solid #b5955833;border-radius:50%;transform:rotate(-20deg);pointer-events:none}.sample-orbit:after{content:'';position:absolute;inset:27px;border:1px dashed #b5955826;border-radius:50%}.sample-fan{height:335px;position:relative;margin:0 5%;perspective:1000px}.material-slab{position:absolute;left:var(--slab-x);width:34%;height:270px;top:0;text-align:left;padding:0;background:#18231b;border:1px solid #b6a17a77;border-radius:1px;color:#ead8b6;box-shadow:9px 15px 26px #0008,3px 4px 0 #394235;transform:rotate(var(--slab-r)) translateY(16px);transform-origin:50% 90%;transition:transform .65s cubic-bezier(.22,.61,.36,1),box-shadow .5s,border-color .5s;overflow:hidden}.slab-solid{--slab-x:0%;--slab-r:-13deg;z-index:1}.slab-metallic{--slab-x:22%;--slab-r:-5deg;z-index:2}.slab-flake{--slab-x:44%;--slab-r:5deg;z-index:3}.slab-quartz{--slab-x:66%;--slab-r:13deg;z-index:4}.material-slab.active{z-index:6;transform:rotate(-3deg) translateY(-43px);border-color:#e4c58c;box-shadow:12px 22px 35px #000a,3px 4px 0 #a28b5e}.material-slab:hover:not(.active),.material-slab:focus-visible:not(.active){z-index:7;transform:rotate(var(--slab-r)) translateY(-17px);border-color:#dfbe82}.slab-surface{position:absolute;inset:0;display:block}.slab-surface:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#fff2,transparent 40%,#0004),linear-gradient(0deg,#09120deb,transparent 50%)}.slab-solid .slab-surface{background:linear-gradient(135deg,#9b9a86,#5d6758)}.slab-metallic .slab-surface{background:url('assets/metallic.webp') 55% 92%/auto 350%}.slab-flake .slab-surface{background:url('assets/garage.webp') 45% 94%/auto 400%}.slab-quartz .slab-surface{background:url('assets/terrace.webp') 40% 95%/auto 450%}.slab-index{position:absolute;left:15px;top:15px;font-family:var(--serif);font-size:27px;color:#ede5d0;text-shadow:0 1px 15px #000}.slab-caption{position:absolute;bottom:23px;left:17px;right:10px;font-family:var(--serif);font-size:26px;line-height:1.15}.slab-caption small{display:block;font-family:Arial,sans-serif;font-size:6px;letter-spacing:.14em;margin-top:8px;color:#b8bdab}.archive-hint{display:flex;align-items:center;justify-content:center;gap:28px;font-size:10px;color:#9da48f;letter-spacing:.02em;text-align:center;position:relative;margin-top:8px}.archive-hint span{color:#c8a467;font-size:21px}.image-note{max-width:700px;line-height:1.7}
/* Stages set on an open axis with an architectural layer study. */
.process-flow{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;margin-top:65px}.process-signature{padding-top:30px;align-self:start;position:sticky;top:45px}.process-signature>.micro{font-size:9px;line-height:1.9;color:#ad9771}.process-signature>p{font-family:var(--serif);font-size:38px;line-height:1.15;color:#dfd2b9;margin-top:20px}.layer-sculpture{position:relative;width:230px;height:210px;margin:25px 0 35px 15px}.layer-sculpture i{position:absolute;width:160px;height:160px;left:25px;top:0;transform:rotateX(57deg) rotateZ(45deg);border:1px solid #b79a64;background:linear-gradient(140deg,#293a2cbb,#0c1911bb);box-shadow:2px 2px 0 #826d4744}.layer-sculpture i:nth-child(1){top:65px;opacity:.4}.layer-sculpture i:nth-child(2){top:32px;opacity:.7}.layer-sculpture i:nth-child(3){background:linear-gradient(140deg,#bca16a33,#112219c9)}.layer-sculpture>span{position:absolute;left:90px;top:60px;font-family:var(--serif);color:#d6bc87;font-size:28px;transform:rotateX(57deg) rotateZ(45deg)}.process-timeline{list-style:none;margin:0;padding:0;position:relative}.process-timeline:before{content:'';position:absolute;left:29px;top:20px;bottom:54px;width:1px;background:linear-gradient(#c0a16a,#c0a16a33)}.process-timeline li{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;padding:29px 0 35px;border-bottom:1px solid #b89c6033;position:relative}.process-timeline li:first-child{border-top:1px solid #b89c6066}.step-number{font-family:var(--serif);font-size:82px;line-height:1;letter-spacing:-.04em;color:#d6bd8d;position:relative;align-self:start;background:#090d0c;padding:3px 0 10px}.process-timeline .micro{font-size:8px;color:#9f8d69}.process-timeline h3{font-size:35px;line-height:1.15;margin:10px 0 11px;color:#e6d7b9}.process-timeline p{font-size:12px;line-height:1.8;color:#a4ae9b;max-width:340px}
@media(min-width:1600px){.collection-frame{height:570px}.collection-garage .collection-frame{height:550px}.collection-industry .collection-frame{height:420px}.collection-terrace .collection-frame{height:510px}.sample-fan{height:390px}.material-slab{height:320px}.slab-caption{font-size:30px}}
@media(max-width:1100px){.collection-gallery{gap:45px 24px}.collection-frame{height:410px}.collection-garage .collection-frame{height:430px}.collection-garage{margin-top:100px}.collection-industry .collection-frame{height:335px}.collection-terrace .collection-frame{height:390px}.collection-terrace{margin-top:65px}.collection-meta{font-size:7px;letter-spacing:.1em}.collection-index{font-size:95px}.material-lens{width:110px;height:110px}.collection-reveal{padding:21px}.collection-reveal p{font-size:11px}.material-library{grid-template-columns:1fr 1.5fr;gap:20px}.material-editorial h3{font-size:42px}.sample-fan{height:295px}.material-slab{height:230px}.slab-caption{font-size:22px;left:13px}.archive-hint{font-size:9px;gap:17px}.showroom-shell{gap:15px}.process-flow{gap:7%}.process-timeline li{grid-template-columns:75px 1fr;gap:20px}.step-number{font-size:68px}.process-timeline h3{font-size:30px}}
@media(max-width:760px){.luxury-principles{padding:25px 0;border-radius:0}.luxury-principles>div{padding:0 10px}.brand-story{padding:40px 0;border-radius:0}.showroom-shell{gap:0}.config-panel{border-top:0}.collection-intro{padding:16px 0 29px;align-items:flex-start;gap:16px}.collection-intro>span{font-size:7px;max-width:120px;line-height:1.8}.collection-intro p{font-size:9px;line-height:1.4}.collection-intro p span{margin-left:8px;font-size:18px}.collection-gallery{display:block}.collection-piece{margin:0 0 60px!important}.collection-piece:nth-child(odd){margin-right:7%!important}.collection-piece:nth-child(even){margin-left:7%!important}.collection-meta{font-size:7px;letter-spacing:.08em;margin-bottom:12px}.collection-meta>span:last-child{font-size:7px}.collection-frame,.collection-garage .collection-frame,.collection-industry .collection-frame,.collection-terrace .collection-frame{height:390px}.collection-industry .collection-frame{height:330px}.collection-index{font-size:93px;left:19px;top:12px}.peek-label{right:18px;bottom:20px;font-size:7px}.peek-label b{width:39px;height:39px;font-size:25px}.collection-caption{padding-top:23px}.collection-caption h3,.collection-garage .collection-caption h3,.collection-industry .collection-caption h3{font-size:42px}.collection-caption h3 em{display:inline}.collection-caption p{font-size:11px;margin-top:11px}.collection-reveal{padding:19px 20px}.collection-reveal p{font-size:11px;margin:11px 0 12px}.collection-reveal .micro{font-size:7px}.collection-enter{font-size:10px;padding-top:12px}.material-lens{width:95px;height:95px}.collection-piece.is-open .material-lens{top:67px;right:24px}.collection-piece.is-open .peek-label{top:15px;right:15px}.collection-piece.is-open .collection-index{opacity:.22}.collection-colophon{padding:0 0 20px;gap:25px;font-size:7px;line-height:1.7}.collection-colophon>span{max-width:140px}.materials-heading{margin-top:48px}.material-library{display:flex;flex-direction:column;gap:20px;margin-top:35px;padding:35px 0 25px}.material-editorial{padding:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.material-edition{grid-column:1/-1;font-size:8px}.material-editorial h3{grid-column:1/-1;font-size:43px;margin:22px 0 18px}.material-editorial>p{font-size:11px;line-height:1.8;min-height:0;grid-column:1/-1;max-width:none}.material-spec{padding-top:17px;margin-top:20px;grid-column:1/-1}.material-spec>b{font-size:11px}.material-try{grid-column:1/-1;margin-top:12px;gap:20px;font-size:11px;width:fit-content;padding:14px 0}.sample-archive{width:100%;margin-top:18px;padding:0 0 8px}.archive-label{font-size:7px;letter-spacing:.13em;margin-bottom:65px}.sample-fan{height:230px;margin:0 5%}.material-slab{height:180px;width:34%}.material-slab.active{transform:rotate(-3deg) translateY(-30px)}.slab-index{font-size:25px;left:10px;top:10px}.slab-caption{font-size:18px;left:9px;bottom:18px}.slab-caption small{font-size:5px;letter-spacing:.06em;margin-top:6px}.archive-hint{font-size:9px;gap:17px;margin-top:0}.sample-orbit{top:16%;height:66%}.image-note{font-size:9px;margin-top:17px}.process-flow{display:block;margin-top:30px}.process-signature{position:relative;top:auto;display:grid;grid-template-columns:1fr 110px;gap:10px;align-items:center;padding:0 0 32px}.process-signature>.micro{font-size:7px;line-height:1.8;align-self:end}.process-signature>p{font-size:28px;margin:0;grid-column:1;grid-row:2}.layer-sculpture{width:110px;height:130px;margin:0;grid-column:2;grid-row:1/3}.layer-sculpture i{width:88px;height:88px;left:5px;top:0}.layer-sculpture i:nth-child(1){top:40px}.layer-sculpture i:nth-child(2){top:20px}.layer-sculpture>span{left:37px;top:30px;font-size:20px}.process-timeline li{grid-template-columns:65px 1fr;gap:14px;padding:25px 0}.process-timeline:before{left:22px}.step-number{font-size:61px}.process-timeline h3{font-size:29px;margin:9px 0 10px}.process-timeline p{font-size:11px}.process-timeline .micro{font-size:7px}}
@media(max-width:380px){.collection-caption h3,.collection-garage .collection-caption h3,.collection-industry .collection-caption h3{font-size:38px}.collection-frame,.collection-garage .collection-frame,.collection-terrace .collection-frame{height:360px}.collection-industry .collection-frame{height:330px}.slab-caption{font-size:16px}.slab-caption small{display:none}.material-slab{height:168px}.sample-fan{height:215px}}
@media(prefers-reduced-motion:reduce){.collection-reveal{animation:none}.collection-peek>img,.material-slab,.material-lens,.collection-index,.finish-button .sample{transition:none}}
