@font-face{font-family:RobotoSlab;src:url(roboto-slab.ttf) format("truetype");font-display:swap}@font-face{font-family:Karla;src:url(karla.ttf) format("truetype");font-display:swap}:root{--burgundy:#713a42;--steel:#4b5963;--putty:#e8e0d2;--light:#e2b84a;--ink:#252b30;--paper:#f7f2e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--putty);font:17px/1.55 Karla,Arial,sans-serif;background-image:repeating-linear-gradient(168deg,transparent 0 31px,rgba(75,89,99,.035) 32px 33px)}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--light);outline-offset:4px}.skip{position:absolute;top:-6rem;left:1rem;background:white;color:var(--ink);padding:.75rem;z-index:20}.skip:focus{top:1rem}.topbar{min-height:96px;padding:1rem max(1rem,calc((100% - 1280px)/2));display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;background:var(--steel);color:white;border-bottom:8px solid var(--light)}.wordmark{text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font:700 1.05rem RobotoSlab,Georgia,serif}.wordmark small{display:block;color:var(--light);font:700 .65rem Karla,Arial,sans-serif;letter-spacing:.22em}.topbar details{position:relative}.topbar summary{cursor:pointer;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}.topbar nav{position:absolute;right:0;top:2.4rem;z-index:12;min-width:190px;background:#303b43;border:2px solid var(--light);box-shadow:8px 8px 0 rgba(0,0,0,.18)}.topbar nav a{display:block;padding:.75rem 1rem;text-decoration:none;border-bottom:1px solid #66737c}.call-tag{display:inline-block;padding:.85rem 1.7rem;background:var(--burgundy);color:white;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:700;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);box-shadow:8px 8px 0 rgba(37,43,48,.18)}.call-tag b{display:block;color:var(--light);font-size:.9rem}.hero{max-width:1280px;margin:3rem auto 0;display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:auto 310px;background:var(--paper);border:2px solid var(--steel);box-shadow:14px 16px 0 rgba(75,89,99,.22);position:relative;overflow:hidden}.headline{padding:clamp(2rem,5vw,5rem);align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:800;color:var(--burgundy)}h1,h2,h3{font-family:RobotoSlab,Georgia,serif;line-height:1.1}h1{font-size:clamp(3rem,6vw,6.7rem);margin:.15rem 0 1rem;max-width:10ch}h2{font-size:clamp(2rem,3.5vw,3.6rem);margin:.25rem 0 1rem}.lead{font-size:1.2rem;font-weight:700}.headline>p:not(.eyebrow){max-width:58ch}.toolbench{grid-column:1/-1;background:var(--steel);border-top:8px solid var(--light);padding:0 3rem;display:flex;align-items:center}.toolbench img{width:100%;height:100%;object-fit:contain}.hero:after{content:"SERVICE TILE RACK";writing-mode:vertical-rl;position:absolute;right:0;top:0;padding:1rem .45rem;background:var(--light);font-size:.6rem;font-weight:800;letter-spacing:.13em}.tile-rack,.repair,.choices,.care,.sources,.related,.workshop-notes{max-width:1280px;margin:0 auto;padding:5rem clamp(1rem,5vw,5rem);background:var(--paper);border-top:2px solid #c6bca9}.tile-rack>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.tile-rack a{display:grid;grid-template-columns:42px 1fr;gap:.7rem;align-items:center;padding:1rem;text-decoration:none;border:2px solid var(--steel);background:#fffaf1;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.tile-rack a b{color:var(--burgundy)}.repair{display:grid;grid-template-columns:.55fr 1.45fr;gap:4rem}.repair>header{align-self:start;position:sticky;top:1rem}.masonry{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.masonry article{border:2px solid var(--steel);padding:1.5rem;background:#fffaf1;min-height:180px;box-shadow:8px 9px 0 rgba(75,89,99,.16);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);animation:assemble .5s ease both}.masonry article:nth-child(even){margin-top:3.5rem}.masonry article>span{display:inline-block;background:var(--light);padding:.2rem .5rem;font-weight:800}.masonry h3{font-size:1.35rem;margin:1.4rem 0}.masonry div{display:flex;gap:.3rem}.masonry i{font-style:normal;font-size:.57rem;border:1px solid var(--steel);padding:.28rem .4rem}.choices{max-width:none;background:var(--steel);color:white;display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-left:max(1rem,calc((100% - 1160px)/2));padding-right:max(1rem,calc((100% - 1160px)/2))}.choices .eyebrow{color:var(--light)}.choices ol{list-style:none;padding:0;margin:0}.choices li{display:grid;grid-template-columns:50px 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid #78848c}.choices li b{color:var(--light)}.care{display:flex;justify-content:space-between;gap:4rem;align-items:center;border-top:10px solid var(--light)}.care>div{max-width:760px}.sources ul{columns:2}.sources li{margin:.55rem 0}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related a{text-decoration:none;border:2px solid var(--steel);padding:1.3rem;min-height:150px;background:#fffaf1;box-shadow:7px 8px 0 rgba(75,89,99,.16);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.related span{display:block;color:var(--burgundy);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.related b{display:block;font:1.15rem RobotoSlab;margin-top:2.2rem}.workshop-notes{padding-top:6rem}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.note-grid article{padding:1.4rem;border:2px solid var(--steel);background:#fffaf1;box-shadow:6px 7px 0 rgba(75,89,99,.12)}.note-grid article:nth-child(3n+2){transform:translateY(1.2rem)}.note-grid b{display:inline-block;background:var(--light);padding:.2rem .5rem}.note-grid h3{font-size:1.25rem}footer{background:#29343b;color:white;padding:4rem max(1rem,calc((100% - 1160px)/2));display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;border-top:8px solid var(--light)}footer nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.fine{grid-column:1/-1;border-top:1px solid #68747b;padding-top:1rem;font-size:.8rem}.mobile-call{display:none}@keyframes assemble{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.top-call{display:none}.hero{grid-template-columns:1fr;grid-template-rows:auto auto 260px}.toolbench{grid-column:auto}.repair,.choices{grid-template-columns:1fr}.tile-rack>div{grid-template-columns:1fr 1fr}.note-grid{grid-template-columns:1fr 1fr}.note-grid article:nth-child(3n+2){transform:none}}@media(max-width:620px){body{padding-bottom:4.3rem}.topbar{min-height:82px;gap:1rem}.hero{margin:0;border-width:0;box-shadow:none}.headline{padding:2.2rem 1rem}.toolbench{height:210px;padding:0 .5rem}h1{font-size:3rem}.tile-rack,.repair,.choices,.care,.sources,.related,.workshop-notes{padding:3.5rem 1rem}.tile-rack>div,.masonry,.related>div,.note-grid{grid-template-columns:1fr}.masonry article:nth-child(even){margin-top:0}.care{display:block}.care .call-tag{margin-top:1rem}.sources ul{columns:1}footer{grid-template-columns:1fr;padding:3rem 1rem}.mobile-call{display:block;position:fixed;z-index:18;left:.6rem;right:.6rem;bottom:.5rem;text-align:center;padding:.8rem;background:var(--light);color:var(--ink);text-decoration:none;font-weight:800;border:2px solid var(--steel)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.masonry article{animation:none}.note-grid article{transform:none}}.hero-rack{margin:3.5rem 3rem 3.5rem 0;padding:1.5rem;background:#fffaf1;border:2px solid var(--steel);box-shadow:9px 10px 0 rgba(75,89,99,.18);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);align-self:center}.hero-rack a{display:grid;grid-template-columns:36px 1fr;gap:.7rem;padding:.75rem .3rem;border-bottom:1px solid #9ba2a4;text-decoration:none}.hero-rack a b{color:var(--burgundy)}@media(max-width:900px){.hero-rack{margin:0 2rem 2rem}.repair>header{position:static}}@media(max-width:620px){.hero-rack{margin:0 1rem 1rem}}