/* colonelssh.com/downloads — the landing hero and donation ticket, reused for the two builds.
   style.css carries the shared look; only what differs on this page lives here. */

/* Hero: Landa's profile on the red plane stands where the cap portrait stands on the landing. */
.dl-hero .hero-copy{padding-bottom:80px}
.dl-lead{font-size:13px;line-height:1.9;margin:22px 0 30px;max-width:430px}
.dl-actions{gap:22px}
.dl-actions .dl-get{min-width:240px;min-height:128px}
.dl-actions .dl-get+.dl-get{rotate:1.2deg}
.dl-guide-link{margin-top:30px}
.dl-profile{position:absolute;z-index:1;right:7vw;top:60px;bottom:95px;width:38%;height:auto;margin:0}
.dl-profile .profile-plane{inset:4% 6% 3% 10%}
.dl-profile img{object-position:60% 50%}
.dl-profile .paper-quote{left:-6%;bottom:9%}
.dl-profile .paper-quote span{color:var(--red)}

/* Tickets: two copies of the landing's donation ticket, one per system. */
.dl-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:55px}
.dl-ticket-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.dl-ticket:nth-child(2){rotate:-1deg}
.dl-ticket:before,.dl-ticket:after{display:none}
.dl-ticket .ticket-main{position:relative}
.dl-ticket .ticket-main:before,.dl-ticket .ticket-main:after{content:'';position:absolute;bottom:-8px;width:14px;height:14px;background:#17201b;border-radius:50%}
.dl-ticket .ticket-main:before{left:-36px}.dl-ticket .ticket-main:after{right:-36px}
.dl-ticket .ticket-main h3{margin-top:16px}
.dl-req{list-style:none;padding:0;margin:0 0 18px;font-size:11px;line-height:1.7}
.dl-req li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:4px}
.dl-req li:before{content:'+';color:var(--red);font-family:var(--mono)}
.dl-req li+li{margin-top:5px}
.dl-sha{font-size:7px;letter-spacing:.4px;word-break:break-all;opacity:.7;user-select:all}
.dl-finale .finale-goal strong{white-space:normal}
.dl-finale code{font-family:var(--mono);font-size:10px;background:#eceee814;padding:1px 5px;white-space:nowrap}
.dl-foot{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:40px;padding-top:26px;border-top:1px solid #eceee82e}
.dl-foot p{font-size:11px;line-height:1.9;color:#c7cfc0;max-width:600px}
.dl-foot p a{color:var(--paper);border-bottom:1px solid #eceee877}
.dl-nocode{flex-shrink:0}

@media(max-width:1100px) and (min-width:761px){
 .dl-profile{right:4vw;width:36%}
 .dl-actions .dl-get{min-width:200px;min-height:112px;padding:16px 20px}
 .dl-offer{grid-template-columns:minmax(0,1fr);gap:40px}
 .dl-ticket-pair{max-width:760px}
}
@media(max-width:760px){
 .dl-hero .hanging-lamp{--lamp-drop:60px;width:58px}
 .dl-hero .hero-copy{min-height:0;padding-bottom:30px}
 .dl-hero h1{max-width:none;white-space:normal;font-size:8.5vw}
 .dl-lead{font-size:11px;margin:16px 0 22px}
 .dl-actions{flex-direction:row;flex-wrap:wrap;gap:14px}
 .dl-actions .dl-get{flex:1 1 140px;min-width:0;max-width:none;width:auto;min-height:0}
 .dl-guide-link{margin-top:22px}
 .dl-profile{position:relative;top:auto;right:auto;bottom:auto;display:block;width:100%;max-width:340px;height:300px;margin:0 auto 10px}
 .dl-profile .paper-quote{left:0;bottom:4%;font-size:14px}
 .dl-offer,.dl-ticket-pair{grid-template-columns:minmax(0,1fr)}
 .dl-ticket{max-width:350px;width:100%;justify-self:center}
 .dl-foot{flex-direction:column;align-items:flex-start;gap:22px}
}