
/* V22 completion: materials, Instagram highlights, consultation popup, dynamic greeting */
.dynamic-greeting{margin:0 0 10px;color:#d8b27e;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:0;transform:translateY(8px);animation:greetingIn .7s .25s ease forwards}
@keyframes greetingIn{to{opacity:1;transform:none}}
.materials-section,.instagram-section{padding:clamp(76px,9vw,130px) 6vw;background:#0a0a09;color:#f2ede5}
.instagram-section{background:#eee8de;color:#171411}
.compact-head{margin-bottom:34px}
.material-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.material-brand-grid article{min-height:150px;border:1px solid rgba(183,138,90,.34);border-radius:22px;padding:24px;background:linear-gradient(145deg,rgba(183,138,90,.09),rgba(255,255,255,.015));display:flex;flex-direction:column;justify-content:flex-end;transition:.35s ease}
.material-brand-grid article:hover{transform:translateY(-5px);border-color:#b78a5a;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.material-brand-grid strong{font-family:"Playfair Display",serif;font-size:27px;color:#d3aa77}.material-brand-grid span,.material-note,.instagram-note{color:#aaa;font-size:12px;line-height:1.7}.material-note,.instagram-note{margin-top:20px}
.instagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.instagram-grid a{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:20px;background:#111}.instagram-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .4s ease}.instagram-grid span{position:absolute;inset:auto 14px 14px;color:#fff;font-size:11px;letter-spacing:.1em;opacity:0;transform:translateY(8px);transition:.35s}.instagram-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.75));opacity:.45}.instagram-grid a:hover img{transform:scale(1.07);filter:brightness(.82)}.instagram-grid a:hover span{opacity:1;transform:none;z-index:2}.instagram-section .section-head>p{color:#5d574f}
.consultation-trigger{position:fixed;left:20px;bottom:24px;z-index:1600;border:1px solid rgba(229,190,141,.65);background:rgba(12,10,8,.92);color:#e4bc8b;border-radius:999px;padding:13px 18px;font-weight:700;font-size:12px;letter-spacing:.04em;box-shadow:0 12px 36px rgba(0,0,0,.35);backdrop-filter:blur(12px)}
.consultation-popup{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.35s}.consultation-popup.open{visibility:visible;opacity:1}.consultation-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(9px)}.consultation-dialog{position:relative;width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:linear-gradient(145deg,#17130f,#090909);color:#f5efe7;border:1px solid rgba(183,138,90,.55);border-radius:28px;padding:clamp(26px,5vw,48px);box-shadow:0 30px 100px rgba(0,0,0,.65);transform:translateY(25px) scale(.97);transition:.4s cubic-bezier(.2,.8,.2,1)}.consultation-popup.open .consultation-dialog{transform:none}.consultation-dialog h2{font-family:"Playfair Display",serif;font-size:clamp(34px,6vw,54px);margin:10px 0 14px}.consultation-dialog>p{color:#bdb4aa;line-height:1.7}.consultation-close{position:absolute;top:14px;right:16px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:30px}.consultation-dialog form{display:grid;gap:13px;margin-top:25px}.consultation-dialog label{display:grid;gap:7px;color:#d6cfc6;font-size:12px;letter-spacing:.06em}.consultation-dialog input,.consultation-dialog select{width:100%;border:1px solid rgba(183,138,90,.28);background:#0b0b0b;color:#fff;border-radius:14px;padding:14px 15px;outline:0}.consultation-dialog input:focus,.consultation-dialog select:focus{border-color:#b78a5a;box-shadow:0 0 0 3px rgba(183,138,90,.12)}
@media(max-width:720px){.material-brand-grid{grid-template-columns:1fr 1fr}.instagram-grid{grid-template-columns:1fr 1fr}.consultation-trigger{left:12px;bottom:86px;padding:11px 14px;font-size:10px}.materials-section,.instagram-section{padding:76px 5vw}.material-brand-grid article{min-height:125px;padding:18px}.material-brand-grid strong{font-size:21px}}
@media(max-width:420px){.material-brand-grid{grid-template-columns:1fr}.instagram-grid{gap:8px}.consultation-dialog{padding:30px 20px 24px}}
