@font-face{font-family:"Josefin Sans";src:url(josefin.ttf) format("truetype");font-weight:100 700;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Karla,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#1A1A1A;background:#FAF6EF;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3{font-family:"Josefin Sans",sans-serif;margin:0}
a{color:inherit}
.top{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #eee}
.top img{height:40px;width:auto}
.top .ig{border:1px solid #111;border-radius:8px;padding:6px 14px;font-size:14px;text-decoration:none}
.hero{position:relative;background:#1a1a1a url(img/hero-amy-sm.webp) 50% 70%/cover;min-height:88vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:56px 20px}
@media(min-width:660px){.hero{background-image:url(img/hero-amy.webp);background-position:50% 50%;padding:72px 20px}}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.35) 45%,rgba(0,0,0,.6))}
.hero .in{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:860px;width:100%}
.hero .logo{width:180px;height:auto}
.eyebrow{letter-spacing:.28em;text-transform:uppercase;font-size:.78rem;color:#E8D9BF;font-weight:600}
.hero h1{font-size:clamp(3.1rem,7.8vw,6rem);line-height:1.02;text-wrap:balance;overflow-wrap:break-word;font-weight:600;text-shadow:0 2px 16px rgba(0,0,0,.45)}
.hero p{margin:0;max-width:620px;font-size:1.1rem;line-height:1.55;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.btn{display:inline-block;text-align:center;background:#E8D9BF;color:#111;border:0;border-radius:999px;padding:16px 30px;font:700 .95rem Karla,Helvetica,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.3);transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn.dark{background:#111;color:#fff;box-shadow:none}
.small{font-size:.85rem;color:#E8D9BF;margin:0}
/* forms */
.optin{width:100%;max-width:560px;display:grid;gap:10px}
.optin input{width:100%;padding:15px 18px;border-radius:999px;border:1px solid rgba(0,0,0,.15);font:1rem Karla,Helvetica,Arial,sans-serif;background:#fff;color:#111}
.optin input:focus{outline:3px solid #E8D9BF;outline-offset:1px}
.optin .btn{width:100%}
@media(min-width:660px){.optin{grid-template-columns:1fr 1.3fr}.optin .btn{grid-column:1/-1}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.msg{display:none;background:#fff;color:#111;border-radius:16px;padding:18px 22px;max-width:560px;width:100%;font-size:1.05rem;line-height:1.5;text-shadow:none}
.msg strong{font-family:"Josefin Sans",sans-serif;font-size:1.3rem;display:block;margin-bottom:4px}
.done .optin{display:none}.done .msg{display:block}
.err{color:#ffd2c2;font-size:.9rem;min-height:0;margin:0}
/* sections */
.sec{padding:56px 20px}.wrap{max-width:1152px;margin:0 auto}
@media(min-width:660px){.sec{padding:80px 24px}}
h2{text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:clamp(1.4rem,3vw,2rem);margin-bottom:40px}
.g3{display:grid;gap:32px}
@media(min-width:760px){.g3{grid-template-columns:repeat(3,1fr)}}
.step{border-top:3px solid #111;padding-top:20px}.step h3{font-size:1.3rem;margin-bottom:10px}.step p{line-height:1.6;margin:0}
.card{background:#fff;border:1px solid #e3d6bf;border-radius:16px;padding:16px 16px 22px;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(17,17,17,.12)}
.card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px}
.pill{display:inline-block;background:#111;color:#E8D9BF;padding:3px 10px;border-radius:999px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;margin:14px 0 8px}
.card h3{font-size:1.25rem;margin-bottom:8px}.card p{margin:0;line-height:1.55;color:#444}
.note{text-align:center;font-style:italic;color:#6b6b6b;font-size:.9rem;margin-top:32px}
.g2{display:grid;gap:36px;align-items:center}
@media(min-width:760px){.g2{grid-template-columns:1fr 1fr;gap:56px}}
.g2 img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.g2 .portrait{aspect-ratio:4/5;object-position:50% 40%}
.g2 h3{font-size:clamp(1.6rem,3vw,2rem);margin-bottom:16px}.g2 p{line-height:1.65;font-size:1.06rem;margin:0 0 20px}
.sig{font-family:"Josefin Sans",sans-serif;font-size:1.4rem;font-style:italic}
.cta{background:#111;color:#fff;text-align:center}.cta .wrap{display:flex;flex-direction:column;align-items:center;gap:18px}
.cta h2{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;color:#fff;text-transform:none;letter-spacing:.02em;margin:0}
.cta p{color:#E8D9BF;max-width:560px;margin:0;font-size:1.08rem;line-height:1.6}
.cta .optin input{border-color:#333}
footer{background:#0b0b0b;color:#aaa;text-align:center;padding:32px 20px;font-size:.85rem;line-height:1.7}
footer a{color:#E8D9BF}
@media(max-width:659px){.btn{width:100%}}
/* First drop teaser: design preview cards */
.lede{text-align:center;max-width:620px;margin:-20px auto 36px;font-size:1.08rem;line-height:1.6}
.qcard{margin:0;background:#fff;border:1px solid #e3d6bf;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(17,17,17,.08);transition:transform .25s}
.qcard:hover{transform:translateY(-6px)}
.qcard img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.qcard figcaption{padding:14px 18px 20px;text-align:center}
.qcard .pill{margin:0 0 8px}
.qcard h3{font-size:1.25rem}
.center{text-align:center;margin-top:24px}
/* About Amy: compact */
.about{padding-top:48px;padding-bottom:48px}
.about .g2{max-width:960px;margin:0 auto;grid-template-columns:380px 1fr;gap:44px;align-items:stretch}.about .g2>div:first-child{display:flex}
.about .portrait{width:100%;height:100%;min-height:380px;object-fit:cover;border-radius:12px}
.about h3{margin-top:0}
@media(max-width:760px){.about .g2{grid-template-columns:1fr;gap:20px}.about .portrait{max-width:340px;height:auto;min-height:0;aspect-ratio:1/1;margin:0 auto;display:block}.about .g2>div:first-child{display:block}}