/*
Theme Name: Ah yoao
Version: 0.1.0
Text Domain: ahyoao
*/
:root{--ink:#382e43;--muted:#706776;--cream:#fffcf6;--pink:#f8dce4;--lilac:#eae1f7;--line:#e8e0e5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.7 system-ui,sans-serif}a{color:inherit}img{max-width:100%;display:block}header,main,footer{max-width:1240px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:30px;font-weight:850;text-decoration:none;letter-spacing:-1.5px}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}nav a{text-decoration:none}.button,button{display:inline-block;border:0;background:var(--ink);color:white;padding:13px 23px;border-radius:50px;text-decoration:none;font:inherit;cursor:pointer}.button.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:750;color:var(--muted)}h1{font-size:clamp(40px,6vw,76px);line-height:1.08;letter-spacing:-3px;margin:18px 0 24px}h2{font-size:34px;line-height:1.2;letter-spacing:-1px}h3{line-height:1.3}p{max-width:700px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:64px 0}.hero p{font-size:18px;color:var(--muted)}.hero-art{background:var(--lilac);border-radius:46% 46% 30% 30%;padding:32px;transform:rotate(3deg)}.hero-art img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.strip{background:var(--pink);border-radius:20px;padding:20px 28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.section{padding:46px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none}.card img{width:100%;aspect-ratio:1;object-fit:contain;background:#faf7fb}.card-body{padding:18px}.card h3{font-size:17px;margin:5px 0}.small{font-size:13px;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.filters a{border:1px solid var(--line);border-radius:40px;padding:7px 18px;text-decoration:none}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{padding:28px;border-radius:22px;background:var(--lilac)}.page-copy{max-width:800px;margin:40px auto 70px}.page-copy h1{font-size:54px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:50px 0}.detail>img{border-radius:28px;background:white}.notice{padding:20px;border-radius:15px;background:var(--pink)}form{display:grid;gap:16px;margin:25px 0}label{font-weight:600}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #bfb5c2;border-radius:10px;background:white;font:inherit;color:var(--ink)}textarea{min-height:150px}footer{border-top:1px solid var(--line);margin-top:50px;font-size:14px}.footer-nav{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.footer-nav a{text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #9b65a8;outline-offset:4px}.pagination{margin:25px 0}.pagination a,.pagination span{padding:8px}.honeypot{position:absolute;left:-9999px}@media(max-width:850px){header{align-items:flex-start;flex-direction:column}.hero{gap:25px}.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.hero-art{padding:14px}}@media(max-width:560px){header,main,footer{padding:20px}.hero,.detail{grid-template-columns:1fr;padding:30px 0}h1{letter-spacing:-2px}.hero-art{max-width:380px}.grid{gap:12px}.card-body{padding:12px}.page-copy h1{font-size:40px}nav{gap:12px}}