@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../assets/fonts/CormorantGaramond-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../assets/fonts/CormorantGaramond-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


:root{
  --navy:#0b2340;
  --navy-2:#071c34;
  --gold:#c5a46d;
  --cream:#f7f4ef;
  --paper:#fbfaf8;
  --line:#e6e0d7;
  --text:#172333;
  --muted:#5f6874;
  --white:#fff;
  --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--paper);line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 28px}
.site-header{height:92px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}
.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between}
.logo img{width:auto;height:90px; margin-top: 10px}
.nav{display:flex;align-items:center;gap:44px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--navy)}
.nav a{position:relative;padding:35px 0 32px}
.nav a.active::after,.nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold)}
.burger{display:none;border:0;background:none;width:38px;height:34px;position:relative}
.burger span{display:block;height:2px;background:var(--navy);margin:7px 0}

.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:560px;background:var(--cream);border-bottom:1px solid var(--line)}
.hero-copy{padding:88px 8vw 70px max(28px,calc((100vw - var(--max))/2 + 28px));display:flex;flex-direction:column;justify-content:center;background:
radial-gradient(circle at 86% 30%,rgba(197,164,109,.11),transparent 30%),
linear-gradient(120deg,#fff 0%,#f7f4ef 100%)}
.hero h1{margin:0 0 22px;font-family:"Cormorant Garamond",Georgia,serif;font-size:68px;line-height:.95;letter-spacing:.015em;color:var(--navy);font-weight:700;text-transform:uppercase}
.hero .claim{margin:0 0 28px;font-family:"Cormorant Garamond",Georgia,serif;color:var(--gold);font-size:29px;font-style:italic}
.hero p{max-width:410px;margin:0 0 34px;font-size:16px;color:#233040}
.actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:22px;height:48px;padding:0 26px;border:1px solid var(--navy);background:var(--navy);color:#fff;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:800}
.btn.secondary{background:transparent;color:var(--navy);border-color:transparent;padding-left:0}
.arrow{color:var(--gold);font-size:23px;line-height:1}
/*.hero-image{min-height:560px;background:url("../assets/hero-books.svg") center/cover no-repeat}*/
.hero-image{min-height:560px;background:url("../assets/web.png") center/cover no-repeat}


.section{padding:72px 0}
.section-title{text-align:center;margin-bottom:42px}
.section-title h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:38px;letter-spacing:.04em;text-transform:uppercase;color:var(--navy)}
.gold-rule{display:block;width:56px;height:2px;background:var(--gold);margin:14px auto 18px}
.section-title p{margin:0 auto;max-width:640px;color:#394554;font-size:15px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.project{background:#fff}
.project-img{height:268px;overflow:hidden;background:#ddd}
.project-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.project:hover .project-img img{transform:scale(1.035)}
.project-body{padding:18px 16px 8px}
.project h3{font-family:"Cormorant Garamond",Georgia,serif;color:var(--navy);font-size:31px;line-height:1;margin:0 0 10px}
.small-rule{width:36px;height:2px;background:var(--gold);margin:0 0 18px}
.project p{margin:0 0 20px;color:#293746;font-size:15px}
.text-link{display:inline-flex;align-items:center;gap:18px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--navy);font-size:12px}

.usp{background:#f3f0eb;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:50px 0}
.usp-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.usp-item{text-align:center;padding:0 30px;border-right:1px solid #ddd6cb}
.usp-item:last-child{border-right:0}
.usp-item img{width:44px;height:44px;margin:0 auto 18px}
.usp-item h3{margin:0 0 12px;font-family:"Cormorant Garamond",Georgia,serif;text-transform:uppercase;letter-spacing:.08em;font-size:17px;color:var(--navy)}
.usp-item p{margin:0;font-size:14px;color:#3e4854}

.contact{background:
linear-gradient(90deg,rgba(7,28,52,.98),rgba(11,35,64,.94)),
radial-gradient(circle at 72% 54%,rgba(197,164,109,.16),transparent 24%);
color:#fff;padding:70px 0}
.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-size:12px;font-weight:800;margin:0 0 14px}
.contact h2{margin:0 0 18px;font-family:"Cormorant Garamond",Georgia,serif;font-size:42px;line-height:1.05;color:#fff}
.contact .small-rule{margin:0 0 22px}
.contact p{color:#e8edf2;margin:0 0 8px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form input,.form textarea{width:100%;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.55);color:#fff;padding:14px 15px;font:inherit;outline:none}
.form input::placeholder,.form textarea::placeholder{color:rgba(255,255,255,.62)}
.form textarea,.form .wide{grid-column:1/-1}
.form textarea{height:94px;resize:vertical}
.captcha{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.45);padding:12px 14px;max-width:330px;background:rgba(255,255,255,.04)}
.captcha input{width:22px;height:22px;accent-color:var(--gold)}
.captcha small{display:block;color:rgba(255,255,255,.6);font-size:10px}
.privacy-note{font-size:12px;color:rgba(255,255,255,.74);line-height:1.45;margin:2px 0 4px}
.privacy-note a{text-decoration:underline;color:#fff}
.form .btn{width:max-content;background:var(--gold);border-color:var(--gold);color:#071c34;margin-top:2px}

.footer{background:#fff;border-top:1px solid var(--line);font-size:12px;color:#4a5460}
.footer-inner{height:58px;display:flex;align-items:center;justify-content:space-between}
.footer-links{display:flex;gap:60px;text-transform:uppercase;font-weight:800;letter-spacing:.08em;color:var(--navy)}

.page{padding:70px 0;background:#fff}
.page h1{font-family:"Cormorant Garamond",Georgia,serif;color:var(--navy);font-size:46px}
.notice{font-size:14px;color:#5b6570}

@media(max-width:900px){
  .site-header,.header-inner{height:78px}
  .logo img{width:155px}
  .burger{display:block}
  .nav{position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);display:none;flex-direction:column;gap:0;align-items:flex-start;padding:10px 28px}
  .nav.open{display:flex}
  .nav a{padding:15px 0}
  .hero{grid-template-columns:1fr}
  .hero-copy{padding:58px 28px}
  .hero h1{font-size:52px}
  .hero-image{min-height:360px}
  .project-grid,.contact-grid{grid-template-columns:1fr}
  .usp-grid{grid-template-columns:repeat(2,1fr);gap:28px}
  .usp-item{border-right:0}
}
@media(max-width:560px){
  .container{padding:0 20px}
  .hero h1{font-size:42px}
  .hero .claim{font-size:24px}
  .actions{gap:14px}
  .btn.secondary{width:100%}
  .project-grid,.form{grid-template-columns:1fr}
  .usp-grid{grid-template-columns:1fr}
  .usp-item{padding:22px 0;border-bottom:1px solid #ddd6cb}
  .usp-item:last-child{border-bottom:0}
  .footer-inner{height:auto;padding:20px 0;gap:15px;flex-direction:column}
  .footer-links{gap:20px}
}