/* Selected-photo tiles page. Original photographs, responsive HTML and CSS. */
.tiles-showcase{--paper:#e9edeb;--gold:#ddba72;--ink:#102b3a;background:#0b202d;color:#edf2f2}.tiles-showcase section{padding:88px 32px;scroll-margin-top:70px}.ts-wrap{max-width:1260px;margin:auto}.tiles-showcase h1,.tiles-showcase h2,.tiles-showcase h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;text-transform:none}.tiles-showcase h1{font-size:clamp(44px,5vw,76px);line-height:1.06;letter-spacing:-2px}.tiles-showcase h2{font-size:clamp(36px,4.2vw,62px);line-height:1.1;letter-spacing:-1.6px;margin:0 0 24px}.tiles-showcase h3{font-size:clamp(24px,2.2vw,32px);line-height:1.18;margin:0 0 16px}.tiles-showcase em{font-style:normal;color:var(--gold)}.tiles-showcase p{line-height:1.7}.tiles-showcase .eyebrow{font-size:10px;letter-spacing:2.5px;margin:0 0 22px}.ts-lead{font-size:clamp(17px,1.5vw,21px);line-height:1.6!important}.ts-small,.ts-archive{font-size:12px;color:#b6c8d0}.ts-archive{text-align:center;margin:26px auto 0;max-width:850px}.ts-paper{background:radial-gradient(ellipse at 20% 20%,#fff9,transparent 60%),linear-gradient(125deg,#e7edee,#e6e9e5);color:var(--ink)}.ts-paper em{color:#99702d}.ts-paper .eyebrow{color:#73561e}.ts-paper .ts-archive{color:#536875}.ts-dark{background:radial-gradient(ellipse at 75% 30%,#28495780,transparent 65%),linear-gradient(140deg,#081c29,#102e3c);color:#edf2f2}.ts-centered{text-align:center}.ts-centered>p{margin-left:auto;margin-right:auto}.ts-split{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.ts-hero{overflow:hidden;position:relative}.tiles-showcase .ts-hero{padding-top:65px;padding-bottom:70px}.ts-hero .ts-wrap{max-width:1400px}.ts-hero .ts-split{grid-template-columns:1fr 1.25fr;gap:10px}.ts-hero-image{margin:0 -45px 0 -20px;position:relative}.ts-hero-image:before{content:'';position:absolute;inset:15%;background:#7493a130;filter:blur(65px);border-radius:50%}.ts-hero-image img{position:relative;display:block;width:100%;filter:drop-shadow(0 25px 18px #0005)}.ts-hero-image figcaption{text-align:center;font-size:11px;color:#b6c8d0;margin-top:12px}.tiles-jump{position:sticky;top:0;z-index:5;display:flex;flex-wrap:nowrap;overflow:auto;justify-content:center;gap:30px;padding:18px 24px;background:#112c39f5;border-block:1px solid #78929e44;backdrop-filter:blur(12px)}.tiles-jump a{font-size:12px;white-space:nowrap;min-height:24px;display:flex;align-items:center}.tiles-jump a:hover{color:#edc777}.ts-benefits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:42px}.ts-benefit{grid-column:span 2;text-decoration:none;background:linear-gradient(135deg,#153341,#0a202e);color:#eff3f2;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #ffffff25;box-shadow:0 12px 25px #0b253815}.ts-benefit:nth-child(-n+2){grid-column:span 3}.ts-benefit-copy{padding:26px 24px 20px;display:flex;gap:18px;align-items:start}.ts-benefit h3{font-size:26px;margin:0 0 10px}.ts-benefit p{font-size:14px;margin:0;color:#cbd9de}.ts-circle{width:54px;height:54px;border:2px solid var(--gold);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:36px Georgia;color:var(--gold);flex-shrink:0}.ts-photo{margin:0;min-width:0}.ts-photo img{width:100%;height:auto;display:block;border-radius:9px;object-fit:cover}.ts-photo figcaption,.ts-video figcaption{font-size:11px;line-height:1.6;margin-top:10px;color:#afc4cc}.ts-paper .ts-photo figcaption,.ts-paper .ts-video figcaption{color:#536976}.ts-benefit .ts-benefit-photo{margin-top:auto}.ts-benefit-photo img{border-radius:0;aspect-ratio:1.8;object-fit:cover}.ts-benefit-3 img{object-position:50% 16%}.ts-benefit-5 img{object-position:50% 43%}.ts-two-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:34px}.ts-two-cards>article{min-width:0}.ts-two-cards .ts-photo img{aspect-ratio:16/10;object-fit:cover}.ts-dark-card{background:linear-gradient(140deg,#173947,#0b2230);color:#edf3f5;padding:26px;border-radius:12px;overflow:hidden}.ts-dark-card>p{font-size:15px;color:#c0d2da;min-height:50px}.ts-dark-card .ts-photo{margin:22px -16px -16px}.ts-bottomline{display:flex;align-items:center;gap:30px;justify-content:space-between;border-top:1px solid #aebec3;margin-top:30px;padding-top:20px}.ts-bottomline p{font-size:13px;margin:0}.ts-bottomline a{font-size:14px;white-space:nowrap}.ts-connections{border-top:1px solid #acbec555}.ts-wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}.ts-wall-card{border:1px solid #7c9aa655;border-radius:10px;padding:22px;background:#0d222d80;overflow:hidden}.ts-wall-card h3{display:flex;align-items:center;gap:15px;font-size:26px}.ts-wall-card .ts-circle{width:42px;height:42px;font-size:28px}.ts-wall-crop{height:auto;aspect-ratio:1.15;overflow:hidden;border-radius:6px;position:relative;background:#20282c}.ts-wall-crop img{position:absolute;width:100%;height:auto;left:0;display:block}.ts-wall-0 img{top:-7%}.ts-wall-1 img{top:-76%}.ts-wall-2 img{top:-148%}.ts-wall-card p{font-size:14px;color:#c1d2da;margin-bottom:0}.ts-levels{background:radial-gradient(ellipse at 20% 25%,#30505b66,transparent 65%),#0b202c;border-top:1px solid #63828f55}.ts-levels .ts-split{grid-template-columns:1.15fr 1fr}.ts-levels .ts-photo img{border:1px solid #d8b878aa}.ts-video-disclosure{margin-top:34px;border-top:1px solid #6d8c9755;padding-top:22px}.ts-video-disclosure summary{cursor:pointer;color:#e3c27f;padding:10px 0}.ts-video{margin:0}.ts-video video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#0d2029}.ts-video-disclosure video{aspect-ratio:16/9;max-height:620px;margin-top:20px}.ts-encounters{margin-top:42px;align-items:start;grid-template-columns:1.4fr 1fr;gap:30px}.ts-encounters h3{margin-top:24px}.ts-prop-photo img{aspect-ratio:1.35;object-position:50% 64%}.ts-divider{display:flex;align-items:center;gap:20px;justify-content:center;text-align:center;margin-top:42px;font-size:15px}.ts-divider:before,.ts-divider:after{content:'';height:1px;background:#aabdc3;flex:1}.ts-diagonal-photo img{object-position:50% 53%}.ts-printing .ts-split{grid-template-columns:1fr 1.2fr}.ts-print-collage{position:relative;padding:0 35px 25px 0}.ts-printer-photo img{aspect-ratio:1.15;object-position:50% 40%;border:1px solid #dfbd78}.ts-texture-photo{position:absolute;width:38%;right:-8px;bottom:0;filter:drop-shadow(0 8px 12px #0005)}.ts-texture-photo img{aspect-ratio:1;border-radius:50%;border:3px solid #ddba72;object-position:50% 70%}.ts-gold-link{color:#e5c684;font-size:14px}.ts-three-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:52px}.ts-three-notes article{border-top:1px solid #77949f66;padding-top:24px}.ts-three-notes .ts-circle{float:left;margin:0 15px 15px 0;width:40px;height:40px;font-size:26px}.ts-three-notes h3{font-size:25px}.ts-three-notes p{font-size:14px;color:#c5d5dc;clear:both}.ts-print-footnote{font-size:12px;border-left:2px solid #ddba72;padding:8px 18px;margin-top:32px;color:#bdcfd8}.tiles-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;background:linear-gradient(125deg,#e7edee,#e6e9e5);color:#102b3a}.tiles-faq>div{min-width:0}.tiles-faq .eyebrow{color:#73561e}.tiles-faq .tiles-photo{margin:28px 0 0}.tiles-faq img{width:100%;border-radius:8px}.tiles-faq figcaption{font-size:11px;color:#526975}.tiles-faq details{border-bottom:1px solid #afbec3;padding:18px 0}.tiles-faq summary{font-weight:600;cursor:pointer;padding-right:10px}.tiles-faq details p{font-size:14px;color:#405b68}.tiles-showcase .tiles-faq{padding-inline:max(32px,calc((100vw - 1260px)/2))}.ts-start{background:linear-gradient(#0b2330de,#0b2330ef),url('assets/real/tiles-showcase/stone-room.webp') center/cover}.ts-start-card{padding:32px;background:#0d2532ed;border:1px solid #77949f88;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start}.ts-start-card h3{margin-top:16px}.ts-start-card p{color:#c6d6dd;margin-bottom:26px}.ts-start-card .button{margin-top:auto}.ts-start>.ts-wrap>.ts-small{margin:30px auto 0}.tiles-showcase a:focus-visible,.tiles-showcase summary:focus-visible{outline:3px solid #be841d;outline-offset:5px}
@media(min-width:1500px){.ts-benefit-photo img{aspect-ratio:1.9}}
@media(max-width:1000px){.ts-split{gap:30px}.ts-benefit-copy{padding:20px 16px;gap:12px}.ts-benefit h3{font-size:23px}.ts-circle{width:42px;height:42px;font-size:28px}.ts-wall-card{padding:16px}.ts-wall-card h3{font-size:22px;gap:10px}.tiles-jump{justify-content:flex-start}.ts-hero-image{margin:0 -20px}.ts-three-notes{gap:22px}}
@media(max-width:760px){.tiles-showcase section{padding:55px 22px}.ts-split,.ts-hero .ts-split,.ts-levels .ts-split,.ts-printing .ts-split,.ts-encounters{grid-template-columns:1fr;gap:30px}.ts-hero h1{font-size:clamp(42px,8vw,64px)}.ts-hero-image{margin:0 -15px}.ts-hero .ts-small{margin-bottom:0}.ts-hero-image img{max-height:450px;object-fit:contain}.ts-benefits{grid-template-columns:1fr 1fr}.ts-benefit,.ts-benefit:nth-child(-n+2){grid-column:span 1}.ts-benefit:last-child{grid-column:1/-1}.ts-benefit:last-child .ts-benefit-photo img{aspect-ratio:2;object-position:50% 43%}.ts-benefit-copy{display:block}.ts-benefit-copy .ts-circle{margin-bottom:14px}.ts-wall-grid{grid-template-columns:1fr}.ts-wall-crop{max-width:440px;margin:auto}.ts-wall-card{padding:22px}.ts-three-notes,.tiles-faq{grid-template-columns:1fr;gap:24px}.tiles-showcase .tiles-faq{padding:55px 22px}.ts-bottomline{align-items:start;flex-direction:column;gap:15px}.ts-print-collage{max-width:600px}.ts-prop-photo img{aspect-ratio:1.5}.ts-divider{font-size:14px}.ts-texture-photo{right:0}.ts-video-disclosure{margin-top:24px}.ts-two-cards{gap:20px}.ts-start-card{padding:24px}}
@media(max-width:480px){.ts-benefits,.ts-two-cards{grid-template-columns:1fr}.ts-benefit:last-child{grid-column:auto}.ts-benefit-copy{display:flex}.ts-benefit h3{font-size:24px}.ts-benefit-copy .ts-circle{margin-bottom:0}.tiles-showcase h2{font-size:37px;letter-spacing:-1px}.ts-benefit-photo img{aspect-ratio:1.65}.ts-benefit-3 img{object-position:50% 16%}.ts-benefit:last-child .ts-benefit-photo img{aspect-ratio:1.5}.ts-bottomline a{white-space:normal}.ts-dark-card>p{min-height:0}.tiles-jump{gap:23px;padding:12px 20px}.ts-start-card .button{width:100%;text-align:center}}
/* Focus each card on its own physical example within the original video frame. */
.ts-wall-crop img{width:170%;max-width:none;left:-3%}.ts-wall-0 img{top:-12%}.ts-wall-1 img{top:-118%}.ts-wall-2 img{top:-230%}
/* Review refinements: full assembly, surface detail and hover preview. */
.tiles-showcase .ts-diagonal-photo img{object-fit:contain;padding:14px;background:radial-gradient(ellipse at center,#344e59,#122a36);object-position:center}
.tiles-showcase .ts-texture-photo img{object-position:40% 50%}
.ts-hover-video{display:block;position:relative;width:100%;aspect-ratio:4/3;padding:0;border:0;border-radius:10px;overflow:hidden;background:#0d2029;cursor:pointer}
.ts-hover-video img,.ts-hover-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ts-hover-video img{z-index:1}
.ts-hover-video.is-playing img{visibility:hidden}
.ts-hover-video:focus-visible{outline:3px solid #d9b366;outline-offset:5px}
/* Show all three connection examples in the original photograph. */
.tiles-showcase .ts-photo:has(img[src*="interlocking-top-assembly"]){position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:9px}
.tiles-showcase .ts-photo img[src*="interlocking-top-assembly"]{position:static;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:0}


/* Match the overview image to adjacent cards. */
.ts-benefit-3 .ts-benefit-photo img{object-position:center}

/* Consistent connection-card image areas, including the complete assembly photo. */
#connections .ts-dark-card{display:flex;flex-direction:column}
#connections .ts-dark-card .ts-photo{aspect-ratio:16/9;flex-shrink:0;margin-top:auto;overflow:hidden;border-radius:9px}
#connections .ts-dark-card .ts-photo img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}

/* Centre the seam assembly within its dedicated wall card. */




.ts-levels-last-line{display:inline-block;white-space:nowrap}
@media(max-width:480px){.tiles-showcase .ts-levels h2{font-size:clamp(28px,7.6vw,37px)}}

.ts-wall-card .ts-wall-2 img{position:static;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}

.ts-wall-card .ts-wall-2 img{transform:scale(1.55);transform-origin:center}
.ts-start-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:34px}.ts-start-options .ts-start-card{min-width:0}.ts-start-options .button{align-self:flex-start}
@media(max-width:900px){.ts-start-options{grid-template-columns:1fr}}