@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@400;500;600&display=swap');
:root{--ink:#0b2948;--gold:#bb965e;--paper:#f6f3ec;--line:#d9d5cb;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.6 var(--sans)}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold)}img{max-width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.05}em{font-weight:400;color:var(--gold)}[hidden]{display:none!important}.top{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:25px;background:#fff;position:relative;z-index:10;border-bottom:1px solid #ded8cb}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;line-height:1.2}.brand small{display:block;font-size:8px;letter-spacing:.6px;margin-top:3px}.brand img{object-fit:contain}.top nav{display:flex;gap:35px;font-size:12px}.top nav a{text-decoration:none}.cta,.detail-cta{background:#0664bf;color:#fff;padding:12px 22px;text-decoration:none;border-radius:5px;font-size:12px}.mobile-nav{display:none}.categories{display:flex;justify-content:center;gap:45px;height:58px;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.categories a{text-decoration:none;padding:17px 0}.categories [aria-current]{border-bottom:2px solid var(--gold)}.eyebrow{display:block;color:var(--gold);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;font-weight:500}.category-hero{position:relative;display:grid;grid-template-columns:42% 58%;min-height:510px}.hero-copy{padding:65px 12% 55px}.hero-copy h1{font-size:clamp(56px,6vw,100px);letter-spacing:-2px}.hero-copy h1 em{font-size:.5em;display:block;letter-spacing:-.7px;margin-top:20px}.hero-copy p{font-size:13px;line-height:1.7;max-width:380px;margin:24px 0}.outline{display:inline-block;border:1px solid var(--gold);padding:11px 20px;text-decoration:none;font-size:11px;letter-spacing:.5px}.hero-image{position:relative;min-width:0}.hero-image>img{width:100%;height:100%;object-fit:cover}.hero-image figcaption{position:absolute;bottom:18px;right:20px;color:#fff;background:#071b2caa;font-size:9px;padding:4px 8px}.collection{padding:60px 6% 70px}.tools{display:flex;gap:24px;align-items:end;margin-bottom:18px}.tools>div{margin-right:auto}.tools h2{font-size:40px}.tools label{font-size:10px;text-transform:uppercase;letter-spacing:1px}.tools input,.tools select{display:block;border:0;border-bottom:1px solid #b9b9b1;background:transparent;padding:10px 4px;font-size:12px;min-width:160px;color:var(--ink)}.count{font-size:10px;color:#757a7b;margin-bottom:25px}.references{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.ref{text-decoration:none;min-width:0;display:block}.ref-photo{position:relative;overflow:hidden;background:#e2dfd6;aspect-ratio:1.3}.ref-photo>img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.ref:hover .ref-photo>img{transform:scale(1.04)}.ref-photo>span{position:absolute;bottom:12px;right:12px;background:#f8f6efee;padding:6px 10px;font-size:9px;opacity:0;transition:opacity .2s}.ref:hover .ref-photo>span,.ref:focus-visible .ref-photo>span{opacity:1}.ref-caption{padding:13px 0}.ref-caption small{font-size:9px;color:#80827f;text-transform:uppercase;letter-spacing:1px}.ref-caption h3{font-size:27px;margin:6px 0}.ref-caption p{font-size:11px;color:#777c7b;line-height:1.5}.feature{display:grid;grid-template-columns:1fr 2fr;padding:65px 6%;gap:7%;background:#eae5da;align-items:center}.feature h2{font-size:45px}.feature p{font-size:12px;margin:20px 0}.feature-images{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-images img{height:260px;width:100%;object-fit:cover}footer{background:#0d2945;color:#fff;padding:50px 6%;display:flex;align-items:center;flex-wrap:wrap;gap:20px;justify-content:space-between}footer p{font:32px var(--serif)}footer>a{font-size:12px;color:#d9bd8b}footer>small{font-size:9px;color:#a9b8c6;flex-basis:100%}.discovery{padding:30px;background:#fff}.discovery h2{font-size:35px}.project-pills{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.project-pills button{padding:10px 14px;border:1px solid var(--line);background:none;color:var(--ink);font-size:11px}.project-pills [aria-pressed=true]{background:var(--ink);color:#fff}.discovery>p{font-size:12px;max-width:500px}
/* A1: magazine spreads, large alternating photographs and generous margins. */
.marmol-a .category-hero{margin:35px 6% 0;grid-template-columns:40% 60%;min-height:560px}.marmol-a .hero-copy{padding:55px 12% 50px 0}.marmol-a .hero-image{margin-top:30px}.marmol-a .references{grid-template-columns:repeat(3,1fr);gap:55px 35px}.marmol-a .ref:nth-child(3n+2){margin-top:70px}.marmol-a .ref-photo{aspect-ratio:.9}.marmol-a .collection{padding-top:80px}
/* B1: a room-sized stage with a material tray and an intimate interior showroom. */
.marmol-b .category-hero{display:block;height:600px;color:#fff}.marmol-b .hero-image{position:absolute;inset:0}.marmol-b .hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081b30d9,transparent 80%)}.marmol-b .hero-copy{position:relative;z-index:1;width:48%;padding:65px 10% 20px}.marmol-b .discovery{position:absolute;z-index:2;right:5%;bottom:30px;width:38%;background:#f8f5edeb;color:var(--ink);padding:25px}.marmol-b .discovery h2{font-size:27px}.marmol-b .references{grid-template-columns:repeat(5,1fr)}.marmol-b .ref-photo{aspect-ratio:.78;border-radius:100px 100px 0 0}.marmol-b .collection{background:#eee8dc}
/* A2: architectural atlas, graphic divisions and a comparison-first material board. */
.granito-a{background:#e7e7e0}.granito-a .category-hero{grid-template-columns:1fr 1fr;background:#132921;color:#f9f4e5}.granito-a .hero-copy{padding:55px 12%}.granito-a .hero-copy h1{font-size:90px}.granito-a .references{grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #b9c0b6}.granito-a .ref{padding:22px;border:1px solid #b9c0b6}.granito-a .ref-photo{aspect-ratio:1.7}.granito-a .ref-caption small{font-family:monospace}.granito-a .feature{background:#253d33;color:#fff}
/* B2: discover by project, side-by-side work surfaces and compact practical rows. */
.granito-b .category-hero{grid-template-columns:35% 40% 25%;min-height:500px}.granito-b .hero-copy{padding:60px 12%}.granito-b .hero-copy h1{font-size:70px}.granito-b .discovery{display:flex;flex-direction:column;justify-content:center;background:#dce0d4}.granito-b .project-pills{display:grid}.granito-b .references{grid-template-columns:1fr 1fr;gap:20px}.granito-b .ref{display:grid;grid-template-columns:45% 1fr;background:#fff;align-items:center}.granito-b .ref-photo{aspect-ratio:1}.granito-b .ref-caption{padding:20px}.granito-b .feature-images img{height:340px}
/* A3: precision, blueprints and strict large-format geometry. */
.sinterizado-a{background:#f2f2ef}.sinterizado-a .category-hero{grid-template-columns:38% 62%;min-height:530px;border-bottom:1px solid #aaa}.sinterizado-a .hero-copy{background:#dfe3e2}.sinterizado-a .hero-copy h1{font-size:72px}.sinterizado-a .hero-copy h1 em{font-style:normal;font:300 32px/1.3 var(--sans);letter-spacing:-1px;color:#244648}.sinterizado-a .references{grid-template-columns:repeat(3,1fr);gap:15px}.sinterizado-a .ref-photo{aspect-ratio:1.8}.sinterizado-a .ref{border-bottom:1px solid #afb9b7;padding-bottom:15px}.sinterizado-a .ref-caption h3{font-family:var(--sans);font-size:20px;letter-spacing:-.8px}.sinterizado-a .feature{background:#172c32;color:#fff}
/* B3: split-level application lab, vertical reference rail and immersive presentation. */
.sinterizado-b .category-hero{display:grid;grid-template-columns:32% 68%;min-height:620px;background:#162b33;color:#fff}.sinterizado-b .hero-copy{padding:50px 14%}.sinterizado-b .hero-copy h1{font-size:65px}.sinterizado-b .hero-image{grid-column:2;grid-row:1/3}.sinterizado-b .discovery{color:#fff;background:#213b43;padding:24px 14%}.sinterizado-b .discovery h2{font-size:25px}.sinterizado-b .project-pills button{color:#fff;border-color:#8b9c9d}.sinterizado-b .references{grid-template-columns:repeat(5,1fr);gap:15px}.sinterizado-b .ref-photo{aspect-ratio:.5}.sinterizado-b .ref-caption h3{font-size:24px}
/* A4: bright, soft interior collection with generous cards and warm white space. */
.quartzstone-a{background:#fffdf8}.quartzstone-a .category-hero{padding:35px 6%;gap:5%;min-height:510px}.quartzstone-a .hero-copy{padding:35px 0}.quartzstone-a .hero-copy h1{font-size:75px}.quartzstone-a .hero-image{border-radius:180px 0 0 0;overflow:hidden}.quartzstone-a .references{grid-template-columns:repeat(4,1fr);gap:35px}.quartzstone-a .ref-photo{border-radius:50% 50% 15px 15px;aspect-ratio:.9}.quartzstone-a .ref-caption{text-align:center}.quartzstone-a .feature{background:#efe8de}
/* B4: a palette builder, small tactile swatches and project-led guidance. */
.quartzstone-b .category-hero{grid-template-columns:45% 55%;padding:45px 6%;gap:0;background:#eae4da}.quartzstone-b .hero-copy{padding:0 12% 30px 0}.quartzstone-b .hero-copy h1{font-size:75px}.quartzstone-b .hero-image{grid-column:2;grid-row:1/3;align-self:stretch;margin-left:30px}.quartzstone-b .discovery{background:transparent;padding:20px 0;border-top:1px solid #c4b8a7}.quartzstone-b .discovery h2{font-size:27px}.quartzstone-b .references{grid-template-columns:repeat(5,1fr);gap:30px}.quartzstone-b .ref-photo{aspect-ratio:1;border-radius:50%;margin:15px}.quartzstone-b .ref-caption{text-align:center}.quartzstone-b .ref-caption small{display:none}.quartzstone-b .ref{border:1px solid #ddd5c7;border-radius:12px;padding:12px}
/* A5: art archive, dark mineral photographs and asymmetric full-height exhibits. */
.quartzita-a{background:#132a2d;color:#eee9df}.quartzita-a .category-hero{margin:35px 6% 0;grid-template-columns:35% 65%;min-height:600px}.quartzita-a .hero-copy{padding:55px 12% 40px 0}.quartzita-a .hero-copy h1{font-size:75px}.quartzita-a .references{grid-template-columns:1.3fr 1fr 1fr;gap:40px}.quartzita-a .ref:nth-child(3n+2){margin-top:70px}.quartzita-a .ref-photo{aspect-ratio:.67}.quartzita-a .ref-caption p,.quartzita-a .ref-caption small,.quartzita-a .count{color:#aeb9b6}.quartzita-a .tools input,.quartzita-a .tools select{color:#eee}.quartzita-a .tools select option{color:#123}.quartzita-a .feature{background:#e1d9c8;color:#123}
/* B5: immersive atelier, cinematic background, floating guidance and horizontal specimens. */
.quartzita-b .category-hero{display:block;height:660px}.quartzita-b .hero-image{position:absolute;inset:0}.quartzita-b .hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c282ccc,transparent 90%)}.quartzita-b .hero-copy{position:relative;z-index:1;width:52%;padding:70px 10%;color:#fff}.quartzita-b .hero-copy h1{font-size:80px}.quartzita-b .discovery{position:absolute;z-index:2;bottom:28px;right:5%;width:37%;background:#eae4d6ed}.quartzita-b .discovery h2{font-size:28px}.quartzita-b .references{grid-template-columns:repeat(3,1fr);gap:30px}.quartzita-b .ref-photo{aspect-ratio:1.25;border-radius:3px}.quartzita-b .ref:nth-child(2n){transform:translateY(40px)}.quartzita-b .collection{padding-bottom:110px}
/* Shared detail page, independently navigable for all 50 references. */
.detail{background:linear-gradient(#0d2b49 0 540px,#f7f4ed 540px);padding:20px 5% 60px}.breadcrumbs{font-size:10px;color:#d1dce5;margin-bottom:18px}.breadcrumbs a{text-decoration:none}.detail-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:40px;align-items:start}.gallery{scroll-margin-top:15px;min-width:0}.main-photo{position:relative;aspect-ratio:1.9;border-radius:13px;overflow:hidden;border:1px solid #e5d4b6;background:#d5d4cf}.main-photo>img{width:100%;height:100%;object-fit:cover}.gallery-controls{position:absolute;bottom:16px;left:16px;border-radius:30px;background:#111a;display:flex;align-items:center;gap:20px;color:white;font-size:11px;padding:6px}.gallery-controls button,#expand{border:0;background:none;color:white;font-size:22px;width:35px;height:35px}.main-photo>#expand{position:absolute;right:15px;bottom:16px;background:#1119;border-radius:50%}.thumbs{display:flex;gap:10px;margin-top:15px}.thumbs button{border:2px solid transparent;border-radius:7px;overflow:hidden;padding:0;flex:1;min-width:0;background:none;height:90px}.thumbs button[aria-pressed=true]{border-color:var(--gold)}.thumbs img{width:100%;height:100%;object-fit:cover}.gallery-note{font-size:10px;color:#727978;margin-top:12px}.spec{color:#fff}.spec h1{font-size:58px;margin:10px 0 20px}.spec .lead{font-size:13px;line-height:1.7;color:#e1e5e8}.qualities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.qualities>span{text-align:center;font-size:28px;color:#dfba7d}.qualities small{font-size:10px;display:block;color:#fff;line-height:1.4;margin-top:8px}.spec dl{color:#182e40;background:#ffffffed;padding:15px 22px;border-radius:8px;margin:0 0 15px;font-size:11px;line-height:1.5}.spec dl>div{border-bottom:1px solid #d8d7d1;padding:9px 0}.spec dl>div:last-child{border:0}.spec dt{font-weight:600;margin-bottom:4px}.spec dd{margin:0;color:#626d73}.recommendation{font-size:10px;color:#72808b;line-height:1.5;margin-bottom:15px}.detail-cta{display:block;background:#0b2948;text-align:center;padding:16px 12px;font-size:12px}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.secondary-actions a{border:1px solid #b8b6ae;color:#17314b;padding:10px;font-size:9px;text-decoration:none;text-align:center;border-radius:4px}.sources{color:#68747d;font-size:10px}.sources summary{cursor:pointer}.sources p{margin-top:10px}.applications{margin-top:40px}.applications h2{font-size:36px;margin-bottom:22px}.applications>div{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.applications button{border:0;padding:0;background:none;position:relative;border-radius:8px;overflow:hidden;height:175px}.applications img{width:100%;height:100%;object-fit:cover}.applications span{position:absolute;inset:auto 0 0;padding:25px 15px 13px;color:#fff;text-align:left;background:linear-gradient(transparent,#09223ddd);font-size:12px}dialog{border:0;padding:0;background:#0a1c2a;max-width:95vw;max-height:95vh}dialog::backdrop{background:#061421e8}dialog img{max-width:90vw;max-height:88vh;object-fit:contain}dialog button{position:absolute;right:12px;top:12px;border:0;border-radius:50%;background:#fff;color:#123;font-size:25px;width:40px;height:40px}
@media(max-width:1000px){.top nav{gap:15px}.category-hero .hero-copy h1{font-size:60px}.hero-copy{padding:40px 10%}.references{grid-template-columns:repeat(3,1fr)!important}.tools{flex-wrap:wrap}.tools>div{flex-basis:100%}.category-hero .discovery{padding:20px}.granito-b .category-hero{grid-template-columns:1fr 1fr}.granito-b .discovery{grid-column:1/-1}.granito-b .project-pills{display:flex}.detail-grid{grid-template-columns:1.4fr 1fr;gap:22px}.spec h1{font-size:43px}.thumbs button{height:60px}.applications button{height:130px}}
@media(max-width:650px){.top{height:70px;padding:0 20px}.top nav{display:none}.top .cta{display:none}.mobile-nav{display:block;position:relative;font-size:12px}.mobile-nav a{display:block;background:#fff;padding:8px}.categories{gap:20px;justify-content:start;padding:0 20px;overflow:auto;font-size:11px;height:50px}.categories a{white-space:nowrap}.category-hero{display:flex!important;flex-direction:column;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}.category-hero .hero-copy{width:100%!important;position:relative!important;padding:35px 24px!important;color:var(--ink)}.category-hero .hero-copy h1{font-size:62px!important}.category-hero .hero-copy h1 em{font-size:33px!important}.category-hero .hero-image{position:relative!important;inset:auto!important;margin:0!important;min-height:0;height:260px;order:2;border-radius:0}.category-hero .hero-image::after{display:none}.category-hero .discovery{position:relative!important;width:auto!important;right:auto!important;bottom:auto!important;padding:25px!important;order:3}.category-hero .hero-copy{background:var(--paper)}.collection{padding:35px 22px!important}.references{grid-template-columns:1fr 1fr!important;gap:25px 15px!important}.references .ref{margin:0!important;transform:none!important;display:block!important;padding:0!important}.ref-caption{padding:12px 0!important}.ref-caption h3{font-size:25px!important}.ref-caption p{font-size:11px}.ref-caption small{font-size:8px}.tools{gap:15px}.tools h2{font-size:35px}.tools label{min-width:0;flex:1}.tools input,.tools select{min-width:0;width:100%}.ref-photo{aspect-ratio:.9!important;border-radius:5px!important}.ref-photo>span{opacity:1;font-size:8px;right:5px;bottom:5px;padding:4px}.feature{grid-template-columns:1fr;padding:35px 24px;gap:25px}.feature h2{font-size:38px}.feature-images{gap:10px}.feature-images img{height:180px!important}.quartzita-a .hero-copy{color:var(--ink)!important}.quartzita-a .hero-copy p{color:var(--ink)}footer{padding:35px 24px}footer p{font-size:27px}.detail{padding:18px 20px 35px;background:linear-gradient(#0d2b49 0 370px,#f7f4ed 370px)}.detail-grid{grid-template-columns:1fr;gap:25px}.main-photo{aspect-ratio:1.3}.thumbs{gap:6px}.thumbs button{height:55px}.spec{color:var(--ink)}.spec .lead{color:#566675}.spec h1{font-size:48px}.qualities small{color:var(--ink)}.spec dl{border:1px solid #e1dcd0}.applications h2{font-size:32px}.applications>div{grid-template-columns:1fr 1fr;gap:12px}.applications button{height:150px}.applications button:last-child{grid-column:1/-1}.secondary-actions a{font-size:10px}.breadcrumbs{font-size:9px}.gallery-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.ref:hover .ref-photo>img{transform:none}}

/* Production navigation and compact accessible controls. */
.top nav [aria-current=page]{border-bottom:1px solid var(--gold)}.static-summary{padding:40px 6%;max-width:1000px}.static-summary h1{font-size:48px;margin-bottom:20px}.static-summary img{max-height:420px;object-fit:cover;margin:20px 0}.skip-link{position:fixed;left:10px;top:-60px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}