.premium-page{padding-top:35px;padding-bottom:70px}.premium-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding-bottom:50px}.premium-heading h1{font-size:clamp(42px,4.65vw,70px);line-height:1.08;max-width:890px}.premium-heading h1 em{color:var(--accent)}.premium-heading .eyebrow{margin-bottom:23px}.premium-intro{padding-bottom:7px;flex-shrink:0}.premium-intro p{font-family:var(--serif);font-size:23px;line-height:1.4;margin-bottom:22px}.premium-toolbar{border-top:1px solid var(--line);padding:26px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;scroll-margin-top:110px}.sample-count{font-size:12px;color:var(--muted)}.sample-search{display:flex;align-items:center;gap:18px;font-size:11px;color:var(--muted)}.sample-search input{font:13px var(--sans);color:var(--ink);background:transparent;width:245px;min-height:44px;padding:12px 14px;border:1px solid var(--line);border-radius:6px}.sample-search input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.samples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px}.sample-card[hidden],.samples-empty[hidden]{display:none}.sample-open{display:block;width:100%;padding:0;border:0;text-align:left;color:inherit;background:transparent;cursor:pointer}.sample-swatch{display:block;position:relative;aspect-ratio:579/220;overflow:hidden;border-radius:14px;background:#ded1c3;isolation:isolate;box-shadow:inset 0 0 0 1px #29252212}.sample-swatch img{position:absolute;max-width:none;height:auto;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);filter:none}.sample-caption{display:flex;align-items:baseline;gap:12px;margin-top:15px}.sample-code{font-size:14px;font-weight:600;letter-spacing:.02em}.sample-name{font:17px/1.3 var(--serif)}.sample-expand{margin-left:auto;color:var(--accent);font-size:20px}.sample-reference{display:block;margin-top:6px;color:var(--muted);font-size:10px;letter-spacing:.04em;line-height:1.5}.sample-open:hover .sample-name{color:var(--accent)}.sample-open:focus-visible{outline:2px solid var(--accent);outline-offset:7px;border-radius:14px}.premium-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:52px;padding-top:28px;border-top:1px solid var(--line)}.premium-bottom p{font-size:12px;color:var(--muted)}.premium-bottom .outline{flex-shrink:0}.samples-empty{padding:45px 0}.samples-empty p{margin-bottom:20px}.sample-dialog{width:min(1060px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 25px 90px #0004}.sample-dialog::backdrop{background:#211e1ac4}.sample-dialog-inner{padding:32px}.sample-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:26px}.sample-dialog-heading .eyebrow{margin-bottom:12px;font-size:9px}.sample-dialog-heading h2{font-size:40px;letter-spacing:-.025em}.sample-dialog-heading p:last-child{font:20px/1.4 var(--serif);margin-top:8px}.sample-close,.sample-prev,.sample-next{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:25px;cursor:pointer;flex-shrink:0}.sample-dialog-footer{display:flex;gap:16px;align-items:center;margin-top:24px}.sample-position{font-size:12px;color:var(--muted)}.sample-contact{margin-left:auto;font-size:12px}.sample-dialog-open{overflow:hidden}
@media(max-width:1050px){.premium-heading{gap:30px}.premium-heading h1{font-size:51px}.premium-intro p{font-size:19px}.samples-grid{gap:32px 22px}.sample-name{font-size:16px}.sample-caption{flex-wrap:wrap;gap:5px 10px}.sample-expand{display:none}.sample-search>span{display:none}}
@media(max-width:760px){.premium-heading{display:block}.premium-intro{margin-top:25px}.premium-intro p{font-size:21px}.premium-intro br{display:none}.premium-intro .text-link{display:none}.samples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 20px}.premium-bottom{align-items:flex-start;flex-direction:column}.sample-dialog-inner{padding:24px}.sample-contact{font-size:11px;gap:8px}}
@media(max-width:480px){.premium-page{padding-top:24px;padding-bottom:45px}.premium-page .breadcrumbs{margin-bottom:28px}.premium-heading{padding-bottom:29px}.premium-heading h1{font-size:39px;line-height:1.1;overflow-wrap:break-word}.premium-heading .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:20px}.premium-intro{margin-top:21px}.premium-intro p{font-size:20px;margin-bottom:0}.premium-toolbar{display:block;padding:22px 0 27px}.sample-count{margin-bottom:16px}.sample-search input{width:100%;font-size:16px}.sample-search{display:block}.samples-grid{grid-template-columns:1fr;gap:27px}.sample-swatch{border-radius:12px}.sample-caption{gap:11px;margin-top:12px}.sample-name{font-size:19px}.sample-expand{display:inline}.sample-code{font-size:14px}.sample-reference{margin-top:5px}.premium-bottom{margin-top:36px}.sample-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.sample-dialog-inner{padding:18px}.sample-dialog-heading h2{font-size:33px}.sample-dialog-heading p:last-child{font-size:18px}.sample-dialog-footer{flex-wrap:wrap;justify-content:center;gap:14px}.sample-contact{flex-basis:100%;margin-left:0;justify-content:center;margin-top:10px}.sample-large{border-radius:10px}}