
:root{--ink:#10191e;--paper:#f4f1eb;--white:#fff;--gold:#b49355;--line:rgba(16,25,30,.16);--max:1280px;--shadow:0 22px 65px rgba(16,25,30,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}.container{width:min(calc(100% - 40px),var(--max));margin:auto}img{display:block;max-width:100%}a{color:inherit}
.site-header{min-height:88px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,54px);gap:24px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand-mark{width:46px;height:46px;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;font-weight:800;letter-spacing:.08em}.brand strong,.brand small{display:block}.brand strong{font-size:.95rem}.brand small{font-size:.72rem;opacity:.65}.product-nav{display:flex;align-items:center;gap:18px;font-size:.82rem;font-weight:700}.product-nav a{text-decoration:none;color:rgba(255,255,255,.78)}.product-nav a:hover{color:white}.back-link{text-decoration:none;border:1px solid rgba(255,255,255,.45);padding:10px 14px;font-size:.78rem;color:white!important}
.hero{background:var(--ink);color:white;padding:clamp(75px,10vw,145px) 0}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(40px,8vw,110px);align-items:end}.eyebrow{margin:0 0 18px;color:var(--gold);text-transform:uppercase;letter-spacing:.19em;font-size:.7rem;font-weight:800}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.05;letter-spacing:-.035em}h1{margin:0;font-size:clamp(3rem,7vw,6.5rem)}.hero-copy p{margin:0 0 15px;color:rgba(255,255,255,.72)}
.filter-wrap{position:sticky;top:0;z-index:10;background:rgba(244,241,235,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.filter-bar{display:flex;gap:8px;overflow:auto;padding:15px 0}.filter-button{white-space:nowrap;border:1px solid var(--line);background:transparent;padding:9px 14px;font:inherit;font-size:.77rem;cursor:pointer}.filter-button:hover,.filter-button.is-active{background:var(--ink);color:white;border-color:var(--ink)}
.gallery-section{padding:82px 0 105px}.section-heading{max-width:850px;margin-bottom:40px}.section-heading h2,.cta-panel h2{font-size:clamp(2.35rem,4.6vw,4.6rem);margin:0}.catalogue-note{max-width:720px;margin:18px 0 0;color:#687177}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row dense;align-items:stretch;gap:18px}.gallery-card{display:flex;min-width:0;height:100%;flex-direction:column;background:white;box-shadow:0 16px 42px rgba(16,25,30,.09)}.gallery-card[hidden]{display:none}.image-button{position:relative;display:block;flex:0 0 auto;width:100%;padding:0;border:0;background:#202a2f;cursor:zoom-in;aspect-ratio:4/3;overflow:hidden}.image-button img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .4s ease}.image-button:hover img{transform:scale(1.025);filter:brightness(.88)}.zoom-label{position:absolute;right:11px;bottom:11px;color:white;background:rgba(16,25,30,.76);padding:6px 8px;font-size:.62rem;letter-spacing:.04em}.card-copy{display:flex;flex:1;flex-direction:column;padding:18px 19px 21px}.card-meta{display:flex;justify-content:space-between;gap:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:.58rem}.card-copy h2{margin:10px 0;font-size:clamp(1.18rem,1.55vw,1.55rem);letter-spacing:-.025em}.card-copy p{margin:0 0 13px;color:#566268;font-size:.86rem;line-height:1.48}.card-copy small{display:block;color:#7c8589;font-size:.62rem;line-height:1.4}.company-link{display:inline-block;width:fit-content;margin-top:auto;border-bottom:1px solid rgba(180,147,85,.55);color:var(--gold);font-size:.62rem;font-weight:800;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.company-link:hover{border-bottom-color:var(--ink);color:var(--ink)}
.cta-section{padding:0 0 110px}.cta-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--ink);color:white;padding:clamp(42px,7vw,85px)}.cta-panel>div:last-child p{color:rgba(255,255,255,.7)}.button{display:inline-block;margin-top:18px;background:var(--gold);color:var(--ink);text-decoration:none;padding:14px 20px;font-size:.8rem;font-weight:800}
footer{background:#0b1216;color:white;padding:42px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start}.footer-grid div{display:grid;gap:7px}.footer-grid span,.footer-grid a{color:rgba(255,255,255,.65);font-size:.8rem;text-decoration:none}.footer-grid a{width:fit-content}
.lightbox{position:fixed;inset:0;background:rgba(4,8,10,.94);z-index:50;display:none;place-items:center;padding:44px}.lightbox.is-open{display:grid}.lightbox figure{margin:0;max-width:min(1400px,94vw);max-height:90vh}.lightbox img{max-height:78vh;width:auto;margin:auto;box-shadow:0 20px 80px rgba(0,0,0,.45)}.lightbox figcaption{color:white;padding-top:14px;display:flex;justify-content:space-between;gap:30px}.lightbox figcaption span{color:rgba(255,255,255,.58);font-size:.72rem;text-align:right}.lightbox-close{position:fixed;right:22px;top:15px;border:0;background:transparent;color:white;font-size:2.8rem;cursor:pointer}
@media(max-width:760px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.site-header{align-items:flex-start;flex-direction:column}.product-nav{flex-wrap:wrap}.hero-grid,.cta-panel,.footer-grid{grid-template-columns:1fr}.footer-grid a{text-align:left}.lightbox figcaption{display:block}.lightbox figcaption span{display:block;text-align:left;margin-top:5px}}
@media(max-width:560px){.container{width:min(calc(100% - 24px),var(--max))}.site-header{padding:14px 12px}.brand small{display:none}.brand strong{font-size:.76rem;max-width:180px}.product-nav{gap:8px}.product-nav a{padding:7px 0;font-size:.7rem}.back-link{font-size:.68rem;padding:8px}.hero{padding:65px 0 75px}.gallery-section{padding:65px 0 80px}.gallery-grid{grid-template-columns:1fr}.card-copy{padding:17px 17px 20px}.lightbox{padding:18px}}
