:root{--reading-width:45rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:clamp(1.75rem, 3vw, 2.5rem);--page-intro-space:clamp(2.5rem, 6vw, 5.5rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size);line-height:var(--line-height);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere;line-height:1.3}h1{white-space:pre-line;font-size:clamp(2.3rem,5.7vw,4.5rem)}h2{white-space:pre-line;font-size:clamp(1.9rem,3.6vw,3rem)}p{color:var(--color-muted);text-wrap:pretty}:where(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.container{width:min(100% - 2 * var(--page-gutter), var(--content-width));margin-inline:auto}.section{padding-block:var(--section-space)}.eyebrow{margin-bottom:var(--space-xs);color:var(--color-primary);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:700}.section-heading{max-inline-size:var(--reading-width);margin-bottom:var(--space-lg)}.section-heading h2{margin-bottom:var(--space-xs)}.section-heading>:last-child{margin-bottom:0}.button{justify-content:center;align-items:center;gap:var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius);background:var(--color-primary);color:#fff;min-block-size:44px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.button:hover{color:var(--color-primary);background:0 0}.text-link{border-bottom:1px solid var(--color-primary);color:var(--color-primary);align-items:center;gap:.6rem;padding-bottom:.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.text-link:after{content:"→";font-size:1.05em}.skip-link{z-index:20;background:#fff;padding:.75rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.page-intro{padding-block:var(--page-intro-space) var(--space-xl)}.page-intro h1{max-inline-size:22ch;margin-bottom:var(--space-sm);font-size:clamp(2rem,5.3vw,4.2rem)}.page-intro>p:not(.eyebrow){max-inline-size:var(--reading-width)}.page-intro>:last-child{margin-bottom:0}.prose{max-inline-size:var(--reading-width);overflow-wrap:anywhere;min-inline-size:0}.prose>*{margin-block:0}.prose>*+*{margin-block-start:var(--space-md)}.prose>:is(h2,h3):not(:first-child){margin-block-start:var(--space-xl)}.prose>:is(h2,h3)+*{margin-block-start:var(--space-xs)}.prose p{color:var(--color-text)}.prose :is(ol,ul){padding-inline-start:1.5em}.prose li+li{margin-block-start:.25em}.prose a:not(.text-link){color:var(--color-primary);text-underline-offset:.16em;text-decoration:underline}.prose img{border-radius:var(--radius)}.prose pre{max-inline-size:100%;padding:var(--space-md);overflow:auto}@media (width<=720px){h1{font-size:clamp(2rem,9vw,3.4rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.breadcrumb-nav{margin-bottom:var(--space-md);color:var(--color-muted);font-size:.78rem}.breadcrumbs{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:var(--color-muted);margin-inline-end:.35rem}.breadcrumbs [aria-current=page]{color:var(--color-text)}.generic-section{padding-top:0}.site-details{max-inline-size:var(--reading-width);margin:0}.site-details div{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(100px,180px) 1fr;gap:1rem;padding:1rem 0;display:grid}.site-details dt{color:var(--color-muted);font-size:.9rem}.site-details dd{min-width:0;margin:0}.contact-card{max-inline-size:var(--reading-width);background:var(--color-surface);padding:clamp(2rem,5vw,4rem)}.contact-card .button{margin:1rem 0}.generic-section>figure{margin:0}.generic-section>figure img{object-fit:cover;width:100%;max-height:620px}.content-blocks figure img{width:100%;height:auto}.prose figcaption,.generic-section figcaption{color:var(--color-muted);margin-top:.5rem;font-size:.85rem}.collection-detail{padding-block:var(--page-intro-space) var(--section-space)}.collection-detail h1{max-inline-size:26ch;margin:var(--space-xs) 0 var(--space-lg);font-size:clamp(1.9rem,4.3vw,3.4rem)}.collection-detail time{color:var(--color-muted);font-size:.85rem}.detail-image{aspect-ratio:1.8;width:100%;max-inline-size:57.5rem;max-height:620px;margin-bottom:var(--space-lg);border-radius:var(--radius);object-fit:cover}.collection-detail .lead{max-inline-size:var(--reading-width);color:var(--color-text);font-size:1.2rem}.collection-detail .price,.item-details{max-inline-size:var(--reading-width);margin-top:var(--space-lg);border-block:1px solid var(--color-border);padding:1rem 0}.item-details div{grid-template-columns:160px 1fr;padding:.7rem 0;display:grid}.item-details dt{color:var(--color-muted)}.item-details dd{min-width:0;margin:0}.collection-detail>:is(.prose,.button){margin-block-start:var(--space-lg)}.profile-layout .detail-image{aspect-ratio:1;object-fit:cover;max-width:520px}.company-page{gap:var(--card-gap);grid-template-columns:1fr 1fr;padding-top:0;display:grid}.company-page p{max-width:540px}.company-page dl{margin:0}.company-page dl div{border-bottom:1px solid var(--color-border);grid-template-columns:120px 1fr;padding:1rem 0;display:grid}.company-page dt{color:var(--color-muted);font-size:.85rem}.company-page dd{min-width:0;margin:0}.listing-section{padding-top:0}.faq-list{max-inline-size:var(--reading-width);border-top:1px solid var(--color-border);margin:0}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item summary{cursor:pointer;align-items:flex-start;gap:1rem;padding:1.25rem 0;font-weight:650;line-height:1.6;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--color-primary);margin-inline-start:auto;font-size:1.25rem}.faq-item[open] summary:after{content:"−"}.faq-question-mark,.faq-answer>span{color:var(--color-primary);flex:0 0 1.5rem;font-weight:700}.faq-answer{gap:1rem;padding:0 clamp(.5rem,3vw,2.5rem) 1.25rem 0;display:flex}.faq-answer p{max-width:680px;color:var(--color-muted);margin:0}.testimonial-list{gap:1rem;display:grid}.testimonial-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);padding:clamp(1.25rem,3vw,2rem)}.testimonial-card h2{margin:0 0 .75rem;font-size:1.25rem}.testimonial-card blockquote,.testimonial-quote{margin:0 0 1rem;font-size:1.05rem;line-height:1.8}.testimonial-card p,.testimonial-reply p{color:var(--color-muted);margin:0}.testimonial-detail{max-width:820px}.testimonial-detail .testimonial-quote{border-inline-start:3px solid var(--color-primary);margin-block:2rem;padding-inline-start:1.5rem;font-size:clamp(1.2rem,2.4vw,1.6rem)}.testimonial-customer{color:var(--color-muted)}.testimonial-reply{background:var(--color-surface);border-radius:var(--radius);margin-top:3rem;padding:clamp(1.25rem,3vw,2rem)}.testimonial-reply h2{font-size:1.15rem}@media (width<=700px){.site-details div,.item-details div,.company-page dl div{grid-template-columns:minmax(0,1fr);gap:.25rem}.company-page{grid-template-columns:1fr;gap:2rem}}.site-header{z-index:2;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:clamp(.75rem,2vw,2rem);min-height:82px;display:flex}.brand{flex:none;align-items:center;gap:.7rem;font-weight:700;display:flex}.brand-mark{border:1px solid var(--color-primary);width:42px;height:42px;color:var(--color-primary);letter-spacing:.08em;border-radius:50%;place-items:center;font-size:.8rem;display:grid}.brand-name{letter-spacing:.04em;font-size:.85rem}.brand-logo{object-fit:contain;width:min(185px,24vw);height:auto}.header-contact{flex-direction:column;flex:none;align-items:flex-end;gap:.2rem;font-size:.82rem;display:flex}.header-phone{font-size:clamp(1.25rem,2vw,1.8rem);font-weight:700;line-height:1.1}.header-contact-note{color:var(--color-muted);font-size:.72rem}.header-contact-button{min-height:36px;padding:.45rem 1rem;font-size:.78rem}.social-links ul{flex-wrap:wrap;align-items:center;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.social-links a{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text);border-radius:50%;place-items:center;font-size:1rem;font-weight:700;display:grid}.social-links a:hover,.social-links a:focus-visible{border-color:var(--color-primary);color:var(--color-primary)}.social-links img{object-fit:contain;width:28px;height:28px}.site-nav>.nav-tree{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem clamp(.75rem,1.5vw,1.5rem);margin:0;padding:0;list-style:none;display:flex}.desktop-nav{flex:auto;min-width:0}.nav-tree>li{flex:none}.nav-item{align-items:center;gap:.2rem;display:flex;position:relative}.site-nav a{white-space:nowrap;font-size:.82rem;font-weight:600;display:inline-block}.site-nav .nav-button{border:1px solid var(--color-primary);border-radius:var(--radius);color:var(--color-primary);padding:.65rem 1rem}.nav-submenu{position:relative}.nav-submenu>summary{border-radius:var(--radius);width:44px;height:44px;color:var(--color-muted);cursor:pointer;place-items:center;list-style:none;display:grid}.desktop-nav>.nav-tree>.nav-item>.nav-submenu{margin-inline-end:-8px}.desktop-nav>.nav-tree>.nav-item>.nav-submenu>summary{justify-items:start;width:24px;padding-inline-start:4px}.nav-submenu>summary::-webkit-details-marker{display:none}.nav-submenu>summary:hover,.nav-submenu[open]>summary{background:var(--color-surface);color:var(--color-primary)}.nav-submenu>summary span{transition:transform .2s}.nav-submenu[open]>summary span{transform:rotate(180deg)}.nav-submenu-list{z-index:5;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);min-width:13rem;padding:.5rem;display:none;position:absolute;top:calc(100% + .25rem);left:0;box-shadow:0 8px 24px #00000014}.nav-submenu[open]>.nav-submenu-list{flex-direction:column;align-items:stretch;gap:.15rem;display:flex}.desktop-nav>.nav-tree>.nav-item>.nav-submenu>.nav-submenu-list{inset-inline:auto 0}.nav-submenu-list .nav-item{justify-content:space-between}.nav-submenu-list .nav-submenu-list{top:0;left:100%}.nav-submenu-list a{border-radius:var(--radius);padding:.5rem .65rem}.nav-submenu-list a:hover{background:var(--color-surface)}.mobile-menu{display:none}.content-blocks{max-inline-size:none}.content-blocks>:not(.content-table-wide){max-inline-size:var(--reading-width)}.content-table-wide{max-inline-size:57.5rem}.content-table-wrap{--table-cell-min:5.125rem;border-radius:var(--radius);max-inline-size:100%;overflow-x:auto}.content-table-wrap:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.content-table-wrap table{border-collapse:collapse;text-align:start;inline-size:100%;font-size:.9375rem;line-height:1.55}.content-table-wrap caption{color:var(--color-text);text-align:start;padding-block-end:var(--space-xs);font-weight:700}.content-table-wrap :is(th,td){min-inline-size:var(--table-cell-min);border:1px solid var(--color-border);vertical-align:top;overflow-wrap:anywhere;padding:.625rem clamp(.5rem,1.4vw,1rem)}.content-table-wide .content-table-wrap{--table-cell-min:7rem}.content-table-wrap th{background:var(--color-surface);text-align:start}.content-table-wrap .table-align-end{min-inline-size:max(var(--table-cell-min), 6.25rem);text-align:end;font-variant-numeric:tabular-nums}.content-table .content-table-hint{margin-block:var(--space-xs) 0;color:var(--color-muted);font-size:.8125rem}.content-callout{border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius);background:var(--color-surface);padding:clamp(.875rem,2.5vw,1.5rem)}.content-callout p{margin:0}.content-callout .content-callout-title{margin-block-end:.25rem}.prose blockquote{border-inline-start:3px solid var(--color-primary);padding-inline-start:var(--space-md)}.prose blockquote p{margin-block:0}.prose cite{color:var(--color-muted);font-size:.9rem}.category-links{flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:2rem;display:flex}.category-links>span{font-size:.85rem;font-weight:600}.category-links ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.category-links a{border:1px solid var(--color-border);border-radius:999px;padding:.25rem .7rem;font-size:.85rem;display:inline-block}.category-links a[aria-current=page]{border-color:var(--color-primary);color:var(--color-primary)}.mobile-menu summary{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);min-height:44px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;gap:.55rem;padding:.5rem .7rem;font-size:.8rem;list-style:none;display:inline-flex}.mobile-menu summary::-webkit-details-marker{display:none}.menu-icon{gap:4px;width:18px;display:grid}.menu-icon span{background:currentColor;height:2px;transition:opacity .2s,transform .2s;display:block}.mobile-menu[open] .menu-icon span:first-child{transform:translateY(6px)rotate(45deg)}.mobile-menu[open] .menu-icon span:nth-child(2){opacity:0}.mobile-menu[open] .menu-icon span:last-child{transform:translateY(-6px)rotate(-45deg)}.site-footer{border-top:1px solid var(--color-border);padding:3.5rem 0 1.5rem}.footer-top{justify-content:space-between;gap:2rem;padding-bottom:3rem;display:flex}.footer-top p{margin:1rem 0 0;font-size:.85rem}.footer-top ul{flex-wrap:wrap;justify-content:flex-end;gap:.5rem 1.5rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.footer-top nav{max-width:60%}.footer-contact{gap:.5rem;font-size:.85rem;display:grid}.footer-bottom{border-top:1px solid var(--color-border);color:var(--color-muted);justify-content:space-between;padding-top:1.25rem;font-size:.75rem;display:flex}.card-grid{gap:var(--card-gap);display:grid}.card-grid.layout-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.layout-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.layout-list{grid-template-columns:1fr;gap:0}.card{min-inline-size:0}.card>a{align-items:flex-start;gap:var(--space-xs);border-radius:var(--radius);overflow-wrap:anywhere;flex-direction:column;height:100%;display:flex}.card>a:hover h3,.card>a:focus-visible h3{color:var(--color-primary);text-underline-offset:.18em;text-decoration:underline}.card-image{aspect-ratio:1.55;object-fit:cover;border-radius:var(--radius);background:#eeece7;width:100%;margin-bottom:.25rem}.card h3{margin:0;font-size:1.3rem}.card p{margin:0;font-size:.93rem}.card-meta{color:var(--color-muted);font-size:.8rem}.card-price{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:700}.layout-list .card{border-bottom:1px solid var(--color-border);padding:1.25rem 0}.layout-list .card>a:has(>.card-image){align-content:start;align-items:start;column-gap:var(--space-lg);grid-template-columns:minmax(0,11.25rem) minmax(0,1fr);display:grid}.layout-list .card-image{aspect-ratio:1.5;grid-row:span 4;margin:0}.pagination{justify-content:center;align-items:center;gap:1.25rem;margin-top:3rem;display:flex}.pagination-pages{align-items:center;gap:.4rem;display:flex}.pagination a,.pagination span{border:1px solid var(--color-border);border-radius:var(--radius);place-items:center;min-width:40px;min-height:40px;padding:.4rem .65rem;font-size:.85rem;display:grid}.pagination [aria-current=page]{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.hero{padding:clamp(40px,6vw,88px) 0}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,7vw,7rem);display:grid}.hero-text-only .hero-inner{grid-template-columns:minmax(0,1fr)}.hero-copy{max-width:560px}.hero-copy h1{margin-bottom:var(--space-md)}.hero-copy>p:not(.eyebrow){max-width:440px;margin-bottom:var(--space-lg)}.hero-copy>:last-child{margin-bottom:0}.hero-visual img{aspect-ratio:1.05;border-radius:var(--radius);object-fit:cover;width:100%}.hero-visual picture{display:block}.image-left .hero-visual{order:-1}.hero-centered .hero-inner{text-align:center;grid-template-columns:1fr}.hero-centered .hero-copy,.hero-centered .hero-copy>p:not(.eyebrow){margin-inline:auto}.hero-centered .hero-visual{width:min(100%,800px);margin:0 auto}.hero-centered .hero-visual img{aspect-ratio:2}.intro{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,4vw,3.5rem);display:grid}.intro p{max-inline-size:var(--reading-width)}.intro>div>:last-child{margin-bottom:0}.intro-centered .intro{text-align:center;grid-template-columns:1fr;gap:1rem;max-width:800px}.intro-centered .intro p{margin-inline:auto}.theme-surface,.contact-band{background:var(--color-surface)}.collection-preview .more{margin-top:var(--space-lg)}.contact-section{padding-block:clamp(2.5rem,6vw,5rem)}.contact-inner{justify-content:space-between;align-items:center;gap:2rem;display:flex}.contact-inner h2{margin-bottom:1rem}.contact-inner p:not(.eyebrow){max-inline-size:30rem;margin-bottom:0}@media (width<=760px){.header-inner{grid-template-columns:1fr auto;gap:.75rem;min-height:72px;padding-block:.75rem;display:grid}.header-contact{flex-flow:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;width:100%}.desktop-nav{display:none}.mobile-menu{margin-inline-start:auto;display:block;position:static}.mobile-menu summary{margin-inline-start:auto}.mobile-menu .site-nav{width:100%;padding:.5rem var(--page-gutter) 1rem;overscroll-behavior:contain;border-bottom:1px solid var(--color-border);background:var(--color-bg);max-height:calc(100dvh - 72px);position:absolute;top:100%;left:0;overflow-y:auto}.mobile-menu .site-nav>.nav-tree{flex-direction:column;align-items:stretch;gap:.25rem}.mobile-menu .site-nav>.nav-tree>.nav-item:has(>.nav-submenu){border-block-end:1px solid var(--color-border)}.mobile-menu .site-nav .nav-item:has(>.nav-submenu)>a{align-content:center;min-block-size:44px;margin-inline-end:48px}.mobile-menu .site-nav .nav-submenu{position:static}.mobile-menu .site-nav .nav-submenu>summary{position:absolute;inset-block-start:0;inset-inline-end:0}.mobile-menu .site-nav .nav-submenu-list,.mobile-menu .site-nav .nav-submenu-list .nav-submenu-list{border:0;border-inline-start:1px solid var(--color-border);min-width:0;box-shadow:none;border-radius:0;margin-inline-start:.75rem;position:static}.mobile-menu .site-nav .nav-submenu[open]>.nav-submenu-list{flex-direction:column;align-items:stretch;display:flex}.mobile-menu .site-nav li,.mobile-menu .site-nav a{display:block}.mobile-menu .site-nav a{white-space:normal;overflow-wrap:anywhere;padding:.65rem .25rem}.mobile-menu .site-nav .nav-button{padding:.55rem .8rem;display:inline-block}.hero-inner,.intro{grid-template-columns:1fr}.hero-visual,.image-left .hero-visual{order:-1}.hero-visual img{aspect-ratio:1.45}.hero-visual.has-mobile-image img{aspect-ratio:4/5}.intro-centered .intro{grid-template-columns:1fr}.contact-inner{flex-direction:column;align-items:flex-start}.card-grid.layout-grid-2,.card-grid.layout-grid-3{grid-template-columns:1fr}.hero{padding-block:2.5rem}.hero-copy h1{font-size:clamp(2.2rem,9.5vw,3.4rem)}}@media (width<=600px){.footer-top{flex-direction:column;gap:1.5rem;padding-bottom:2rem}.footer-top nav{max-width:none}.footer-top ul{flex-direction:column;align-items:flex-start;gap:.5rem}.footer-bottom{flex-wrap:wrap;gap:.75rem}.layout-list .card>a:has(>.card-image){display:flex}.layout-list .card-image{margin-bottom:.25rem}.pagination{flex-wrap:wrap;gap:.5rem}.pagination-pages{gap:.25rem}.pagination a,.pagination span{min-width:40px;min-height:44px}.contact-card{padding:1.5rem}.site-details dd,.item-details dd,.company-page dd{overflow-wrap:anywhere}}@media (width<=380px){.brand{gap:.5rem}.brand-mark{width:36px;height:36px}}.article-ad>a>img{max-width:100%;height:auto;display:block}.hero-copy h1{font-size:clamp(2.5rem,5.7vw,5.25rem);line-height:1.16}.hero-visual img{aspect-ratio:3/2;border-radius:var(--radius)}.collection-detail .prose{line-height:1.95}.collection-detail .prose h2{border-block-start:1px solid var(--color-border);padding-block-start:1.15rem}.brand-logo[src="/images/site/cain-avatar.webp"]{border-radius:50%;width:42px}@media (width<=600px){.brand-logo[src="/images/site/cain-avatar.webp"]{width:36px}}
