body[data-page="styles"]{background:#f8f9fa}
.style-wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}
.style-intro{padding:48px 0 30px;display:grid;grid-template-columns:1.05fr 1fr 1.25fr;align-items:center;gap:35px}
.style-kicker{font-size:11px;letter-spacing:.2em;color:#bd722c;margin:0 0 8px}
.style-intro h1{font-size:34px;font-weight:500;line-height:1.3;margin:0;color:#242d37;letter-spacing:.03em}
.style-facts{display:flex;gap:30px;justify-content:center}
.style-facts strong{display:block;color:#b67539;font-size:25px;font-weight:600;line-height:1.4}
.style-facts span{display:block;font-size:11px;color:#7c8085;white-space:nowrap}
.style-intro-copy{font-size:15px;line-height:1.9;color:#647080;margin:0}
.style-filterbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:15px 0 24px;border-bottom:1px solid #e2e3e4;padding-bottom:18px}
.style-filters{display:flex;gap:8px;flex-wrap:wrap}
.style-filters button{border:1px solid transparent;background:transparent;padding:8px 17px;border-radius:30px;color:#6e7073;font:inherit;font-size:12px;cursor:pointer}
.style-filters button:hover{border-color:#c7b19b}
.style-filters button[aria-pressed="true"]{background:#2f3739;color:white}
.style-result-count{font-size:11px;color:#85898d;white-space:nowrap}
.style-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.style-tile{padding:0;position:relative;display:block;width:100%;aspect-ratio:1.65;border:0;border-radius:5px;background:#dedbd5;overflow:hidden;cursor:pointer;text-align:left;color:#fff;font:inherit}
.style-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}
.style-tile:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(16,18,18,.7));pointer-events:none}
.style-tile:hover img{transform:scale(1.035)}
.style-tile:focus-visible{outline:3px solid #b67539;outline-offset:4px}
.style-tile[hidden]{display:none}
.style-tile-copy{position:absolute;bottom:16px;left:17px;right:17px;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}
.style-tile-title{display:block;font-size:18px;line-height:1.35;margin:0 0 4px;font-weight:600}
.style-tile-subtitle{display:block;font-size:10px;line-height:1.6;margin:0;opacity:.9}
.style-tile-arrow{font-size:22px;line-height:1.2;opacity:.85}
.style-tile-label{position:absolute;top:13px;left:15px;z-index:1;font-size:9px;letter-spacing:.15em;background:#262d2b55;border:1px solid #ffffff50;border-radius:2px;padding:2px 7px}
.style-source-note{font-size:10px;color:#8a8d8f;margin:20px 0 0;line-height:1.8}
.style-service{margin:52px 0 0;border-top:1px solid #dfdfdd;padding:38px 0 45px;display:grid;grid-template-columns:1.1fr 1.9fr;gap:70px}
.style-service h2{font-size:25px;line-height:1.6;font-weight:500;margin:0}
.style-service ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0;margin:0}
.style-service li span{font-size:10px;letter-spacing:.15em;color:#aa7b4f}
.style-service h3{font-size:14px;font-weight:500;margin:8px 0}
.style-service p{font-size:11px;color:#7c8083;line-height:1.9;margin:0}
.style-contact{margin-bottom:50px;padding:28px 32px;background:#efede8;display:flex;justify-content:space-between;align-items:center;gap:30px;border-radius:4px}
.style-contact h2{font-size:22px;font-weight:500;margin:0 0 4px}
.style-contact p{font-size:12px;color:#73716c;margin:0}
.style-contact-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
.style-contact-actions .button{min-height:44px;padding:10px 24px;font-size:12px}
.style-catalogue-link{font-size:12px;padding:10px;color:#5c5853}
.style-dialog{width:min(960px,calc(100% - 40px));max-height:88vh;max-height:88dvh;padding:0;border:0;border-radius:8px;color:var(--ink);box-shadow:0 20px 80px #0004;overflow:auto}
.style-dialog::backdrop{background:#101817b3;backdrop-filter:blur(4px)}
.style-dialog-layout{display:grid;grid-template-columns:1.1fr 1fr}
.style-dialog-visual{background:#eeece6;display:flex;align-items:center;justify-content:center;min-height:470px}
.style-dialog-visual img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block}
.style-dialog-copy{padding:46px 34px 34px}
.style-dialog-copy h2{font-size:28px;font-weight:500;line-height:1.4;margin:8px 0 18px}
.style-dialog-copy>p:not(.style-kicker){font-size:13px;line-height:2;color:#6f726e}
.style-detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}
.style-detail-tags span{border:1px solid #e3ddd4;border-radius:3px;padding:4px 9px;font-size:11px;color:#7f715e}
.style-dialog-copy dl{margin:24px 0;font-size:12px}
.style-dialog-copy dt{color:#9a8063;margin-top:14px;font-size:10px;letter-spacing:.12em}
.style-dialog-copy dd{margin:4px 0;color:#555e5c;line-height:1.8}
.style-dialog-copy .button{font-size:12px;min-height:44px;padding:10px 22px}
.style-dialog-close{position:absolute;right:10px;top:10px;width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#343e3b;font-size:22px;cursor:pointer;z-index:2}
.style-dialog-close:focus-visible{outline:2px solid #b67539}
body:has(.style-dialog[open]){overflow:hidden}
@media(min-width:901px){.nav{gap:20px}.header-inner{gap:20px}}
@media(max-width:1100px){.style-intro{grid-template-columns:1fr 1fr;gap:22px}.style-intro-copy{grid-column:1/-1;font-size:14px}.style-facts{justify-content:flex-end}.style-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.style-service{gap:30px}.style-service ol{gap:18px}}
@media(max-width:700px){.style-wrap{width:calc(100% - 36px)}.style-intro{padding:30px 0 15px;gap:20px}.style-intro h1{font-size:25px}.style-facts{gap:16px}.style-facts strong{font-size:19px}.style-facts span{font-size:9px}.style-facts>div:last-child{display:none}.style-intro-copy{font-size:12px}.style-kicker{font-size:9px}.style-filterbar{display:block;margin-top:8px}.style-filters{gap:5px}.style-filters button{padding:7px 11px;font-size:11px}.style-result-count{display:block;margin-top:12px}.style-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.style-tile{aspect-ratio:1.12}.style-tile-copy{left:12px;bottom:12px;right:10px;gap:4px}.style-tile-title{display:block;font-size:15px}.style-tile-subtitle{display:block;font-size:9px}.style-tile-arrow{font-size:17px}.style-tile-label{top:10px;left:11px;font-size:8px}.style-service{grid-template-columns:1fr;gap:25px;margin-top:35px;padding:26px 0}.style-service h2{font-size:22px}.style-service ol{gap:15px}.style-service h3{font-size:12px}.style-service p{font-size:10px}.style-contact{padding:24px 20px;display:block;margin-bottom:30px}.style-contact h2{font-size:20px}.style-contact-actions{margin-top:18px;flex-wrap:wrap}.style-dialog{width:calc(100% - 24px);max-height:90dvh}.style-dialog-layout{grid-template-columns:1fr}.style-dialog-visual{min-height:0;max-height:38dvh}.style-dialog-visual img{max-height:38dvh;object-fit:contain}.style-dialog-copy{padding:24px}.style-dialog-copy h2{font-size:24px}.style-dialog-copy dl{margin:18px 0}}