*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100svh;background:#f4efed;color:#1e1a1d;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.page{max-width:540px;min-height:100svh;margin:auto;padding:24px 20px 18px;display:flex;flex-direction:column}.topline{display:flex;align-items:center;gap:12px;color:#6f5c64;font:600 11px/1 ui-monospace,monospace;letter-spacing:.22em;margin-bottom:22px}.topline span:nth-child(2){font-size:15px;color:#b48396}.topline span:last-child{margin-left:auto}.card{flex:1;background:#fffaf8;border:1px solid #e5d7d8;border-radius:30px;box-shadow:0 20px 55px #4c273012;overflow:hidden;display:flex;flex-direction:column}.photo{height:min(52vh,370px);min-height:255px;overflow:hidden;position:relative;background:#d5b9b5}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1b11152b,transparent 35%);pointer-events:none}.photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 25%}.content{text-align:center;padding:27px 30px 30px}.eyebrow{margin:0 0 7px;color:#9b6c7e;font:600 10px/1.4 ui-monospace,monospace;letter-spacing:.19em;text-transform:uppercase}h1{font:normal clamp(43px,10vw,61px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.055em;margin:0}h1 span{font:normal .43em/1 system-ui;vertical-align:middle;letter-spacing:0}.intro{font-size:15px;color:#62565d;margin:14px 0 24px}.button{display:flex;align-items:center;gap:14px;min-height:69px;background:#231d22;color:#fff;padding:15px 18px;border-radius:16px;text-align:left;font-weight:650;box-shadow:0 5px 0 #d9c9ce;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #d9c9ce}.button:focus-visible{outline:3px solid #b48396;outline-offset:4px}.button svg{height:27px;width:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.button span:nth-child(2){flex:1}.arrow{font-size:22px;font-weight:400}.note{font:italic 15px Georgia,serif;color:#9c7d89;margin:22px 0 0}footer{text-align:center;color:#9b8e91;font:10px ui-monospace,monospace;letter-spacing:.17em;padding-top:20px}@media(min-width:700px){.page{min-height:unset;padding-top:40px;padding-bottom:32px}.card{flex:unset}.photo{height:390px}}
@media(max-width:699px){
  .page{width:100%;padding:calc(16px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
  .topline{margin-bottom:15px;letter-spacing:.17em}
  .card{flex:unset;border-radius:25px}
  .photo{height:clamp(220px,44svh,360px);min-height:0}
  .content{padding:24px 24px 28px}
  h1{font-size:clamp(43px,11vw,57px)}
  .intro{margin:12px 0 21px}
  .button{min-height:64px;padding:13px 16px}
  footer{padding-top:15px}
}
@media(max-width:360px){.page{padding-left:12px;padding-right:12px}.content{padding:22px 18px 24px}.button{font-size:14px;gap:10px}}
@media(max-height:700px) and (max-width:699px){.photo{height:clamp(205px,37svh,265px)}.content{padding-top:20px;padding-bottom:22px}.intro{margin:10px 0 18px}.note{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}