*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#eee7d8;color:#3b2415;font-family:Arial,Helvetica,sans-serif}.page{width:min(100%,980px);margin:0 auto;background:#f8f4ea;min-height:100vh;box-shadow:0 0 14px rgba(60,35,18,.18)}.header{height:118px;display:flex;align-items:center;padding:8px 34px 7px;background:#f1e8d5;border-bottom:1px solid #9e754c}.brand{display:flex;align-items:center;gap:18px}.brand img{width:146px;height:auto;display:block}.brand-title{font-family:"Monotype Corsiva",cursive;font-size:50pt;font-weight:700;color:#502d16;letter-spacing:0;text-shadow:none}.year{font-weight:inherit;margin-left:8px;color:inherit}.projectbar{min-height:48px;padding:11px 18px;background:#4a2918;color:#fff4df;text-align:center;font-size:16px;line-height:1.45;font-weight:700;border-top:1px solid #2e180d;border-bottom:4px solid #b18a5d}.gallery{padding:25px 28px 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px 16px;justify-items:center}.thumb{width:210px;height:158px;background:#f5f0e5;border:1px solid #9b7958;padding:4px;box-shadow:0 2px 5px rgba(45,27,13,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:transform .12s,box-shadow .12s}.thumb:hover{transform:translateY(-2px);box-shadow:0 4px 9px rgba(45,27,13,.32)}.thumb img{display:block;width:100%;height:100%;object-fit:contain}.lightbox{position:fixed;inset:0;background:rgba(20,12,7,.92);display:none;align-items:center;justify-content:center;z-index:1000;padding:36px 70px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:90vh;width:auto;height:auto;object-fit:contain;box-shadow:0 0 24px rgba(0,0,0,.6);background:#111}.close,.prev,.next{position:fixed;border:0;background:rgba(74,41,24,.78);color:#fff;cursor:pointer;font-family:Arial,sans-serif}.close{right:24px;top:18px;font-size:36px;width:48px;height:48px;line-height:42px;border-radius:3px}.prev,.next{top:50%;transform:translateY(-50%);font-size:44px;width:52px;height:76px;border-radius:3px}.prev{left:15px}.next{right:15px}.counter{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);color:#eadbc5;background:rgba(74,41,24,.72);padding:6px 12px;border-radius:3px;font-size:13px}@media(max-width:930px){.page{width:100%}.gallery{grid-template-columns:repeat(3,1fr)}.header{padding-left:22px}.brand-title{font-size:30px}}@media(max-width:700px){.gallery{grid-template-columns:repeat(2,1fr);padding:20px 12px;gap:16px 8px}.thumb{width:min(210px,44vw);height:min(158px,33vw)}.header{height:auto;min-height:100px;padding:10px 14px}.brand img{width:110px}.brand-title{font-size:24px}.projectbar{font-size:14px}.lightbox{padding:30px 8px}.prev,.next{width:40px;height:64px;font-size:34px}.prev{left:4px}.next{right:4px}}@media(max-width:430px){.brand{gap:9px}.brand img{width:90px}.brand-title{font-size:20px}.year{display:block;margin:2px 0 0}.gallery{grid-template-columns:repeat(2,1fr)} }