*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#202a3d;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 42px));margin:auto}:root{--navy:#123B66;--navy2:#1d3562;--gold:#22A6C7;--muted:#687386;--line:#e8eaf0;--soft:#f7f8fa}
.site-header{height:76px;position:sticky;top:0;z-index:10;background:#ffffffef;border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:1px;color:var(--navy)}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#8992a1;margin-top:4px}.brand-mark{width:40px;height:40px;border:2px solid var(--gold);border-radius:12px;display:grid;place-items:center;color:#b18b42}.nav nav{display:flex;gap:24px;font-size:13px;font-weight:700;color:#566176}.button,.nav-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:13px 18px;font-weight:700;font-size:13px;cursor:pointer}.nav-button,.gold-button{background:var(--gold);color:var(--navy)}.dark-button{background:var(--navy);color:white}.outline-button{border:1px solid #ffffff70;color:#fff}.light-button{background:#eef1f5;color:#26334a}
.hero{background:linear-gradient(115deg,var(--navy),var(--navy2));color:white}.hero-grid{min-height:560px;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;padding:65px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#167EAA}.eyebrow.gold{color:var(--gold)}.hero h1{font:500 clamp(42px,5vw,64px)/1.08 Georgia,serif;margin:18px 0}.hero p{color:#d7deeb;line-height:1.9;max-width:590px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero-art{border:1px solid #ffffff38;border-radius:22px;padding:30px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#ffffff18,#ffffff05)}.hero-art-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#dce3ef}.hero-art-title{font:58px/.95 Georgia,serif;color:var(--gold)}.hero-art-title em{font-style:normal;color:white}.hero-art-bottom{border-top:1px solid #ffffff40;padding-top:17px;color:#dce3ef;font-size:13px;line-height:1.7}
section{padding:82px 0}.section-heading{text-align:center;max-width:700px;margin:0 auto 38px}.section-heading h2{font:500 clamp(30px,4vw,43px) Georgia,serif;color:var(--navy);margin:12px 0}.section-heading p{color:var(--muted);line-height:1.8}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-highlight{background:#F1F8FC;border-radius:18px;padding:36px;min-height:300px;display:flex;flex-direction:column;justify-content:center}.about-highlight span{font-size:11px;letter-spacing:2px;color:#167EAA;font-weight:bold}.about-highlight strong{font:50px/1.05 Georgia,serif;color:var(--navy);margin:22px 0}.about-highlight p,.about-copy p{color:var(--muted);line-height:1.85}.about-copy h3{font:28px Georgia,serif;color:var(--navy)}.soft-section{background:var(--soft)}.three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.three-cards article{background:white;border:1px solid var(--line);border-radius:14px;padding:26px}.three-cards b{font:32px Georgia,serif;color:var(--gold)}.three-cards h3{font-size:17px;color:var(--navy)}.three-cards p{font-size:13px;color:var(--muted);line-height:1.8}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 7px 25px #1525440c}.product-image{height:255px;background:#F5FAFD;display:grid;place-items:center;padding:18px}.product-image img{width:100%;height:100%;object-fit:contain}.product-info{padding:19px}.product-info h3{margin:0 0 8px;color:var(--navy);font-size:17px}.product-info p{margin:0;color:var(--muted);font-size:13px;min-height:35px;line-height:1.6}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.product-bottom strong{color:#9a7024;font-size:19px}.product-bottom span{font-size:11px;color:var(--muted)}.fine-print{font-size:11px;line-height:1.7;color:var(--muted);max-width:850px;text-align:center;margin:24px auto 0}.contact{background:var(--navy);color:white}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact h2{font:38px Georgia,serif;margin:0 0 10px}.contact p{color:#d4dceb;line-height:1.7;max-width:650px}footer{background:#0b1429;color:#c6cede;padding:30px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-row p{font-size:12px;line-height:1.6;max-width:460px;color:#aeb8c9}.brand.light{color:white}.brand.light small{color:#9da9bd}.legal{font-size:11px;line-height:1.7;color:#9da9bd;border-top:1px solid #ffffff20;padding-top:17px;margin-top:18px}
.admin-page{background:#f4f6f9;min-height:100vh}.admin-header{background:var(--navy);padding:14px 0}.admin-header-row{display:flex;justify-content:space-between;align-items:center}.admin-container{padding:38px 0 60px}.login-card{background:white;border:1px solid var(--line);border-radius:16px;padding:32px;max-width:450px;margin:45px auto}.login-card h1,.admin-title h1{font:32px Georgia,serif;color:var(--navy);margin:10px 0}.login-card p,.admin-title p{color:var(--muted);font-size:13px;line-height:1.7}.login-card label,.field label{display:block;font-size:12px;font-weight:700;color:#465168;margin:12px 0 6px}.login-card input,.field input,.field textarea{width:100%;padding:11px;border:1px solid #d9dee7;border-radius:8px;font:13px Arial;background:white}.full-button{width:100%;margin-top:18px}.help-text{font-size:12px!important;background:#f5f6f9;padding:12px;border-radius:8px}.alert{padding:12px 15px;border-radius:8px;font-size:13px;margin:15px 0}.alert.error{background:#fff0ef;color:#a12d24}.alert.success{background:#eaf7ef;color:#176b45}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.logout{color:#a12d24;font-weight:bold;font-size:13px}.admin-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin:18px 0}.admin-panel h2{font-size:19px;color:var(--navy);margin:0 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.field.wide{grid-column:1/-1}.field textarea{resize:vertical}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-heading p{color:var(--muted);font-size:12px}.admin-product{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:17px 0;border-top:1px solid var(--line)}.admin-product-thumb{height:135px;background:#F1F8FC;border-radius:9px;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:11px}.admin-product-thumb img{width:100%;height:100%;object-fit:contain}.admin-product-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.delete-check{font-size:12px;color:#a12d24;display:flex;align-items:center;gap:7px;margin-top:12px}.delete-check input{width:auto}.save-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
@media(max-width:800px){.nav nav{display:none}.hero-grid,.about-grid{grid-template-columns:1fr}.hero-grid{gap:28px}.three-cards,.product-grid{grid-template-columns:repeat(2,1fr)}.contact-row,.footer-row{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.container{width:calc(100% - 30px)}section{padding:60px 0}.three-cards,.product-grid,.form-grid,.admin-product-fields{grid-template-columns:1fr}.field.wide{grid-column:auto}.admin-product{grid-template-columns:1fr}.admin-product-thumb{height:180px}.panel-heading,.admin-title{align-items:flex-start;flex-direction:column}.product-image{height:230px}.hero h1{font-size:42px}.contact h2{font-size:30px}}

.nav-account{display:flex;align-items:center;gap:10px;white-space:nowrap}
.nav-login{font-size:13px;font-weight:700;color:#536078;padding:11px 12px;border-radius:8px}
.nav-login:hover{background:#f1f3f7}
.admin-access{text-align:right;margin-top:14px}
.admin-access a{font-size:11px;color:#9da9bd}
.admin-access a:hover{color:#d7b66d}
@media(max-width:560px){.nav-account{gap:4px}.nav-login{padding:9px 7px;font-size:12px}.nav-button{padding:10px 11px;font-size:12px}}
