*{box-sizing:border-box}
body{margin:0;background:#0b1118;color:#eef3f0;font-family:"Trebuchet MS",Arial,sans-serif}
img{display:block;width:100%;height:100%;object-fit:cover}
.hero{height:clamp(680px,86svh,760px);min-height:0;position:relative;overflow:hidden}
.hero img{object-position:center center}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,18,.08),rgba(8,12,18,.18) 42%,rgba(8,12,18,.88))}
.stamp{position:absolute;z-index:3;right:32px;top:28px;border:1px solid rgba(238,243,240,.55);padding:14px 18px;text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.08em}
.hero-copy{position:absolute;z-index:2;left:5vw;right:auto;bottom:36px;width:min(760px,58vw);padding:0;background:transparent;display:block}
p{font-size:20px;line-height:1.45;color:#c7d0cf}
.hero-copy p:first-child,.copy p,.view p:first-child{color:#b7a36c;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.1em}
.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,4.4vw,64px);line-height:.98;margin:0;text-shadow:0 4px 24px rgba(0,0,0,.6)}
.hero a{display:inline-flex;margin-top:18px;background:#e7d08a;color:#0b1118;text-decoration:none;padding:16px 23px;text-transform:uppercase;font-size:13px;font-weight:900;white-space:nowrap}
.dossier{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;padding:34px 4vw;background:#111923;gap:34px}
.folio{height:520px;border:1px solid rgba(231,208,138,.34);padding:14px;background:#070b10}
.copy{display:flex;flex-direction:column;justify-content:center}
.copy h2,.view h2,.contact h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,4.2vw,60px);line-height:1.03;margin:0}
.copy ul{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:16px}
.copy li{border-left:3px solid #e7d08a;padding-left:16px;font-size:20px;color:#d7dddb}
.proof{position:relative;min-height:310px;padding:38px 5vw;border-top:1px solid rgba(231,208,138,.28);border-bottom:1px solid rgba(231,208,138,.28);background:#0b1118;overflow:hidden}
.proof:before{content:"";position:absolute;left:7%;right:7%;top:51%;height:1px;background:rgba(231,208,138,.5)}
.proof:after{content:"";position:absolute;left:6%;right:6%;top:34px;bottom:32px;border:1px solid rgba(231,208,138,.14);background:linear-gradient(90deg,rgba(231,208,138,.08),transparent 22%,transparent 78%,rgba(231,208,138,.06))}
.proof div{position:absolute;z-index:2;width:29%;min-height:178px;padding:24px 26px 28px;background:#111923;border:1px solid rgba(231,208,138,.36);box-shadow:0 24px 44px rgba(0,0,0,.25)}
.proof div:nth-child(1){left:6%;top:54px;transform:rotate(-2deg)}
.proof div:nth-child(2){left:35.5%;top:92px;transform:rotate(1deg)}
.proof div:nth-child(3){right:6%;top:54px;transform:rotate(-1deg)}
.proof div:before{content:"";position:absolute;right:18px;top:18px;width:42px;height:54px;border:1px solid rgba(231,208,138,.46);background:linear-gradient(180deg,rgba(231,208,138,.2),transparent)}
.proof div:after{content:"";position:absolute;left:26px;right:70px;bottom:24px;height:1px;background:rgba(231,208,138,.24);box-shadow:0 -18px 0 rgba(231,208,138,.18)}
.proof span{display:block;color:#b7a36c;text-transform:uppercase;font-size:12px;font-weight:900}
.proof b{display:block;margin-top:18px;font-size:23px;line-height:1.16;max-width:330px}
.view{display:grid;grid-template-columns:.86fr 1.14fr;min-height:500px}
.view img{height:500px}
.view div{padding:4.4vw 5vw;display:flex;flex-direction:column;justify-content:center;background:#e9e3d4;color:#0b1118}
.view div p{color:#263037}
.contact{padding:74px 5vw;background:#111923;display:grid;grid-template-columns:1fr 420px;gap:44px;align-items:end}
.contact form{display:grid;gap:12px}
.contact input{height:58px;border:1px solid #52606b;background:#0b1118;color:#eef3f0;padding:0 16px;font:inherit}
.contact button{height:58px;border:0;background:#e7d08a;color:#0b1118;text-transform:uppercase;font-weight:900}
@media(max-width:820px){
  .hero{height:700px;min-height:0}
  .hero img{object-position:56% center}
  .hero:after{background:linear-gradient(180deg,rgba(8,12,18,.1),rgba(8,12,18,.94) 54%)}
  .hero-copy{display:block;left:24px;right:24px;bottom:36px;width:auto;padding:0}
  .hero h1{font-size:38px}
  .hero a{margin-top:18px}
  .dossier,.view,.contact{grid-template-columns:1fr}
  .dossier{padding:22px;gap:28px}
  .folio{height:420px}
  .view img{height:430px}
  .proof{min-height:auto;padding:24px 18px;display:grid;gap:12px}
  .proof:before,.proof:after{display:none}
  .proof div{position:relative;left:auto!important;right:auto!important;top:auto!important;width:auto;min-height:0;transform:none!important}
  .contact{padding:56px 22px}
  .stamp{left:20px;right:auto;top:20px}
}