/* Presentation frame around the four independent ad artworks. */
.site-head{position:sticky;top:0;height:76px;padding:0 4vw;background:#1b1927;border-bottom:1px solid #514c5d}
.site-brand{display:flex;align-items:center;gap:17px}
.site-brand img{display:block;width:150px;height:auto}
.site-brand span{font-size:11px;letter-spacing:.15em;color:#aaa5b4;border-left:1px solid #6b6578;padding-left:16px}
.site-progress{display:flex;align-items:center;gap:13px;color:#d2cdd9;font-size:13px;font-weight:900;letter-spacing:.13em}
.site-progress i{display:block;width:66px;height:2px;background:linear-gradient(90deg,#eaff54 50%,#6b6578 50%)}
.site-progress span:first-child{color:#eaff54}
.head-link{background:#f3f0e6;color:#1b1927;border:0;padding:15px 21px;font-size:12px;font-weight:900;letter-spacing:.11em}
.head-link:hover{background:#eaff54}
.intro{background:radial-gradient(circle at 85% 88%,#302946 0,#1b1927 56%);height:min(850px,calc(100svh - 76px));min-height:650px}
.intro:after{border-color:#4e465e}
.intro-index{color:#eaff54;letter-spacing:.18em}
.intro h1{font-size:clamp(78px,10vw,160px)}
.intro-bottom p{color:#c9c4d2}
.chapter-bridge{height:180px;background:#f2eee3;display:grid;place-items:center;font-family:Georgia,serif;font-size:clamp(22px,2.6vw,39px);text-align:center;padding:20px;color:#211d31}
.work-intro{padding-top:95px}
.outro{position:relative;background-color:#1b1927;background-image:linear-gradient(#5d556626 1px,transparent 1px),linear-gradient(90deg,#5d556626 1px,transparent 1px);background-size:110px 110px;padding:145px 7vw 75px;overflow:hidden}
.outro>span{font-size:17px;color:#ff6a4c;letter-spacing:.18em}
.outro h2{font-size:clamp(73px,8.6vw,147px);margin:43px 0 42px}
.outro h2 em{color:#eaff54;font-weight:400}
.outro p{max-width:650px;color:#d0cbd5}
.outro-actions{display:flex;gap:20px;margin:85px 0 95px}
.outro-actions a{text-decoration:none;padding:20px 29px;font-size:15px;font-weight:900;letter-spacing:.1em}
.outro-download{background:#f2eee3;color:#1b1927}
.outro-download:hover{background:#eaff54}
.outro-top{border:1px solid #8b8497;color:#f2eee3}
.outro-top:hover{border-color:#eaff54;color:#eaff54}
.outro-signature{border-top:1px solid #6b6578;padding-top:35px;display:flex;justify-content:space-between;gap:25px;color:#aaa5b4;font-size:13px;font-weight:700;letter-spacing:.1em}
.outro-signature b{color:#fff}
.outro small{margin-top:32px;font-size:12px}
@media(max-width:900px){
  .site-head{height:67px}.site-brand img{width:132px}.site-brand span{display:none}.site-progress{display:none}
  .intro{height:680px;min-height:0}.intro h1{font-size:clamp(74px,14vw,125px)}
  .chapter-bridge{height:135px}.outro{padding:100px 6vw 65px}.outro h2{font-size:clamp(66px,12vw,100px)}
  .outro-actions{margin:70px 0}.outro-signature{display:flex;flex-direction:column;line-height:1.5}
}
@media(max-width:520px){
  .site-head{height:60px;padding:0 5vw}.site-brand img{width:120px}.head-link{font-size:10px;padding:12px 13px}
  .intro{height:640px}.intro h1{font-size:clamp(67px,17vw,98px)}.intro-bottom p{font-size:17px;max-width:calc(100% - 80px)}.round-link{flex:0 0 52px}
  .chapter-bridge{height:110px;font-size:23px}.outro>span{font-size:13px;line-height:1.5}.outro h2{font-size:clamp(60px,15vw,85px)}
  .outro-actions{flex-direction:column;align-items:start;gap:16px}.outro-signature{font-size:11px}
}