/* Approved postcard study, scoped for the classical page. */
.postcard-signup{background:var(--akatos-surface,#eae6dc);padding:32px max(16px,calc((100% - 1118px)/2));color:#193f4e;scroll-margin-top:20px}
#join .join-form{margin:0;width:100%;max-width:none}
#join .email-row{gap:0;border-radius:0;background:none;box-shadow:none;padding:0}
#join .email-row input{border-radius:0;box-shadow:none;letter-spacing:normal;text-align:left}
#join .email-row button{padding:0;min-width:44px;min-height:48px;border-radius:0}
#join h2{text-align:left;max-width:none;text-transform:none}
#join .postcard{position:relative;aspect-ratio:1.5;margin:22px 0;background:none;container-type:inline-size}#join .brand{position:absolute;top:14%;left:9%;font:5cqw/1 Georgia,serif;letter-spacing:-.04em}#join .brand span{display:block;font:italic 2cqw/1.5 Georgia,serif;letter-spacing:0;margin-top:12px;color:#64716c}#join h2{position:absolute;left:9%;top:47%;width:39%;margin:0;font:400 2.65cqw/1.65 Georgia,serif;letter-spacing:-.025em}#join h2 em{color:#a04b37;white-space:nowrap}#join .divider{position:absolute;left:52.4%;top:12%;height:76%;border-left:1px solid #8b8b7355}#join .address{position:absolute;left:58%;top:51%;width:34.4%}#join .email-row{display:flex;align-items:center;border-bottom:1px solid #888971;min-height:54px}#join .email-row:focus-within{border-color:#9e4636}#join .email-row input{font:16px/1.4 Georgia,serif;color:#193f4e;min-width:0;width:100%;border:0;outline:0;background:transparent;padding:14px 0}#join .email-row input::placeholder{color:#75776b}#join .email-row button{border:0;background:transparent;color:#193f4e;cursor:pointer;width:44px;height:48px;flex-shrink:0;display:grid;place-items:center}#join .email-row button:hover{color:#9e4636}#join .email-row button:focus-visible{outline:1px solid #9e4636}#join .email-row button:disabled{opacity:.4}#join .rules{height:12cqw;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(6cqw - 1px),#88897180 calc(6cqw - 1px),#88897180 6cqw)}#join .email-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}#join [role=status]{font:12px/1.5 Arial,sans-serif;color:#657570;margin:12px 0 0}#join .sent .email-row,#join .sent .rules{display:none}#join .sent [role=status]{font:20px/1.5 Georgia,serif;color:#193f4e}#join .sent small{display:block;font:12px/1.5 Arial,sans-serif;margin-top:12px;color:#657570}
@media(max-width:650px){#join .postcard{aspect-ratio:auto;min-height:530px;margin:20px 0;background-size:100% 100%}#join .brand{top:13%;left:11%;font-size:34px}#join .brand span{font-size:16px;margin-top:10px}#join h2{top:40%;left:11%;width:77%;font-size:26px;line-height:1.45}#join .divider{display:none}#join .address{left:11%;top:64%;width:78%}#join .email-row input{font-size:16px}#join .rules{height:56px;background:linear-gradient(transparent 55px,#88897160 55px)}#join .sent [role=status]{font-size:22px}}
@media(max-width:650px){#join .postcard{background-image:url('../assets/optimized/postcard-mobile-960.webp')}#join .postcard:before{content:'';position:absolute;right:10%;top:12%;width:78px;height:100px;transform:rotate(3deg)} }
@media(max-width:650px){#join .postcard:before{width:53px;height:72px;background:url('../../motion-study/assets/departure-portrait-960.webp') center 65%/cover;border:5px solid #f5edda;outline:1px dashed #ac9c78;box-shadow:1px 2px 3px #665a3f20}}

body[data-design=classical] footer.postcard-footer{background:var(--akatos-surface,#eae6dc);padding:0 max(36px,calc((100% - 1078px)/2)) 35px}
@media(max-width:650px){.postcard-signup{padding:20px 4px}body[data-design=classical] footer.postcard-footer{padding:0 26px 30px}}
#join .join-form [role=status]{min-height:0;text-align:left}

/* Request the postcard artwork shortly before it enters the viewport. */
.defer-postcard:not(.postcard-assets-ready) #join .postcard,.defer-postcard:not(.postcard-assets-ready) #join .postcard:before{background-image:none}

/* Transparent desktop paper; keep live text and form out of the shadow layer. */
@media(min-width:651px){
 #join .postcard{isolation:isolate}
 #join .postcard:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../assets/optimized/postcard-desktop-cutout-v2.webp') center/100% 100% no-repeat;filter:drop-shadow(0 8px 14px #493c2920) drop-shadow(0 2px 2px #493c2912)}
}

.defer-postcard:not(.postcard-assets-ready) #join .postcard:after{background-image:none}
