.order-guide{--og-ink:#234c56;--og-sand:#fbf5eb;color:#303d3b;background:#fffdf9}
.order-guide .eyebrow{color:var(--og-ink);letter-spacing:.12em}
.og-hero{background:var(--og-sand);padding:clamp(2.5rem,5vw,5rem) 0;border-bottom:6px solid #e4eee7}
.og-hero-inner{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(2rem,6vw,6rem)}
.og-hero h1{color:var(--og-ink);font-size:clamp(2.8rem,5.5vw,5.8rem);line-height:1.05;letter-spacing:-.05em;margin:1rem 0 1.5rem}
.og-lead{font:1.5rem/1.5 Georgia,serif;color:var(--og-ink)}
.og-signature{font:italic 1.15rem/1.5 Georgia,serif;margin:1.5rem 0}
.og-button{display:inline-flex;align-items:center;gap:1rem;background:var(--og-ink);color:white;padding:.9rem 1.4rem;border-radius:40px;text-decoration:none;font-weight:700}
.og-button:hover{background:#163941;color:white}
.order-guide a:focus-visible,.order-guide summary:focus-visible{outline:3px solid #bd762f;outline-offset:5px}
.og-photo{margin:0;background:white;border-radius:130px 130px 12px 12px;padding:12px;box-shadow:0 14px 40px #234c5615}
.og-photo img{width:100%;height:auto;display:block;border-radius:120px 120px 3px 3px}
.og-photo figcaption{text-align:center;padding:1rem .5rem;font:italic 1.08rem/1.5 Georgia,serif;color:var(--og-ink)}
.og-photo figcaption span{display:block;font:600 .8rem/1.5 sans-serif;margin-top:.4rem}
.order-guide h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.2;color:var(--og-ink);letter-spacing:-.03em}
.og-choice{padding-top:4rem;padding-bottom:4rem;max-width:850px}
.og-reassurance{background:#eaf1ed;border-left:4px solid #638a85;border-radius:0 12px 12px 0;padding:1.4rem;margin-top:1.8rem}
.og-reassurance strong,.og-reassurance span{display:block}.og-reassurance strong{color:var(--og-ink);margin-bottom:.5rem}
.og-steps-section{padding:3.5rem 0;background:#f1f5f1;scroll-margin-top:6rem}
.og-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
.og-steps li{padding:2rem;background:#fffdf9;border:1px solid #dce5df;border-radius:16px}
.og-number{font:italic 2.5rem Georgia,serif;color:#ae692b}.og-steps h3{font-size:1.35rem;color:var(--og-ink);margin:1rem 0}
.og-steps a,.og-faq a,.og-secondary{color:var(--og-ink);font-weight:700;text-underline-offset:4px}
.og-tip{font-size:.9rem;color:#52635b;border-top:1px solid #dce5df;padding-top:1rem}
.og-faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4rem);align-items:start;padding-top:4rem;padding-bottom:4rem}
.og-workshop{margin:0;background:var(--og-sand);padding:12px;border-radius:14px;transform:rotate(-2deg)}
.og-workshop img{display:block;width:100%;height:auto;border-radius:6px}.og-workshop figcaption{font:italic 1rem/1.5 Georgia,serif;text-align:center;padding:1rem .4rem;color:var(--og-ink)}
.og-faq details{border-bottom:1px solid #cedbd3;padding:1rem 0}.og-faq summary{cursor:pointer;font-weight:700;color:var(--og-ink);padding:.25rem 0}.og-faq details p{margin:1rem 0 .5rem}
.og-ready{text-align:center;background:var(--og-sand);padding:3rem 1.5rem;border-radius:20px;margin-bottom:4rem}
.og-actions{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}
@media(max-width:760px){.og-hero-inner,.og-faq-section,.og-steps{grid-template-columns:1fr}.og-photo{max-width:420px;margin:0 auto}.og-choice,.og-faq-section{padding-top:2.5rem;padding-bottom:2.5rem}.og-faq{grid-row:1}.og-workshop{max-width:360px;margin:0 auto;transform:none}.og-steps li{padding:1.5rem}.og-ready{width:calc(100% - 24px)}.og-hero h1{font-size:clamp(2.7rem,10vw,4rem)}}