:root{--navy:#102b46;--gold:#d8a642;--blue:#1c5478;--cream:#f6f3ed;--radius:18px}*{box-sizing:border-box}body{margin:0;font:16px Arial,sans-serif;color:#152235;line-height:1.55}header{height:76px;padding:0 7%;display:flex;align-items:center;gap:26px;box-shadow:0 2px 15px #0012}.brand{text-decoration:none;font-weight:bold;color:var(--navy);font-size:22px}.brand span{font-size:14px;margin-left:7px}header nav{margin-left:auto;display:flex;gap:20px}a{color:inherit}nav a{text-decoration:none;font-size:14px}.button,button{border:0;border-radius:999px;padding:12px 19px;background:var(--gold);font-weight:bold;text-decoration:none;cursor:pointer}.outline{background:white;border:1px solid var(--navy)}#menu{display:none;margin-left:auto}.hero{min-height:530px;display:grid;grid-template-columns:1.2fr .8fr;background:#e8f0ed}.hero>div:first-child{padding:100px 12%}.hero h1,h1{font:clamp(42px,6vw,72px) Georgia,serif;line-height:1.04;margin:10px 0}.hero p{max-width:540px;font-size:18px}.art{background:var(--blue);color:white;display:grid;place-items:center;font:40px Georgia,serif;border-radius:70px 0 0 70px}section{padding:80px 10%;max-width:1400px;margin:auto}h2{font:clamp(32px,4vw,50px) Georgia,serif;line-height:1.08;margin:8px 0 30px}.eyebrow{font-weight:bold;letter-spacing:2px;font-size:12px;color:#a47419}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article,.card{padding:28px;background:white;border:1px solid #e6e6e6;border-radius:var(--radius);min-height:160px;box-shadow:0 7px 20px #1221}.card h3{font:25px Georgia,serif;margin:0 0 10px}.soft{max-width:none;background:var(--cream)}.four{grid-template-columns:repeat(4,1fr)}.four article{background:var(--navy);color:white;display:flex;align-items:end;font:23px Georgia,serif}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery div{background:linear-gradient(140deg,var(--blue),#8aab94);border-radius:var(--radius);min-height:180px;color:white;padding:20px;display:flex;align-items:end;font-weight:bold}.contact{max-width:none;background:#e8f0ed;display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact input,.contact select{padding:13px;border:1px solid #ccd2ce;border-radius:12px}.contact button,.contact #message{grid-column:span 2}footer{background:var(--navy);color:white;padding:30px 10%}.dash{background:#f4f5f5;display:flex;min-height:100vh}.dash aside{width:265px;background:var(--navy);color:white;padding:28px 18px;position:fixed;height:100vh}.dash aside .brand{color:white}.dash aside nav{display:grid;gap:5px;margin-top:30px}.dash aside nav button,#switch{color:white;background:transparent;text-align:left;border-radius:10px}.dash aside nav button:hover,.dash aside nav button.active{background:#274963}.dash #switch{position:absolute;bottom:20px;color:#eabf62}.dash main{margin-left:265px;width:calc(100% - 265px);padding:42px 6%}.dash main header{box-shadow:none;padding:0;height:auto;justify-content:space-between;margin-bottom:28px}.panel,.stat{background:white;border:1px solid #e3e3e3;border-radius:var(--radius);padding:24px;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat b{display:block;font:38px Georgia,serif;color:var(--navy)}.toolbar,.row{display:flex;justify-content:space-between;gap:10px;align-items:center}.row{padding:12px;border-bottom:1px solid #eee}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form input,.form textarea,.form select{padding:10px;border:1px solid #ddd;border-radius:10px;font:inherit}.form button{width:max-content}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:11px;border-bottom:1px solid #eee}.tiny{padding:6px 10px;border-radius:8px;background:white;border:1px solid #aaa}.modal{position:fixed;inset:0;background:#081728a8;display:none;place-items:center}.modal.show{display:grid}.modal>div{max-width:500px;background:white;padding:32px;border-radius:var(--radius)}.modal button{display:block;width:100%;margin:10px 0;text-align:left;background:#edf1ee}.modal button:hover{background:var(--gold)}@media(max-width:800px){header nav,header>.button{display:none}#menu{display:block}.hero,.contact{grid-template-columns:1fr}.art{min-height:240px;border-radius:40px 40px 0 0}.grid,.four,.gallery{grid-template-columns:1fr}.contact form{grid-template-columns:1fr}.contact button,.contact #message{grid-column:span 1}.dash aside{width:70px;padding:20px 8px}.dash aside .brand span,.dash aside #role,.dash aside button:not(.active),#switch{display:none}.dash main{margin-left:70px;width:calc(100% - 70px);padding:28px 5%}.stats{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr}.dash main header{display:flex}}