/*
Theme Name: Courtyard Journal
Version: 1.0.0
Description: Original hospitality editorial theme for the isolated hotel demo.
*/
:root{--paper:#f5f1e7;--ink:#203c36;--accent:#b65232;--line:#c9c9b8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 Georgia,serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{max-width:1180px;margin:auto;padding:0 6%}.demo{background:#203c36;color:white;text-align:center;padding:7px;font:12px/1.5 system-ui;letter-spacing:.08em}.masthead{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:26px;text-decoration:none}.masthead nav{font:13px system-ui;display:flex;gap:20px}.eyebrow{font:12px system-ui;letter-spacing:.17em;text-transform:uppercase;color:var(--accent)}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:60px;padding:80px 0}h1{font-size:clamp(45px,6vw,76px);line-height:1.06;font-weight:400;letter-spacing:-.04em;margin:20px 0}h2{font-weight:400;font-size:32px;line-height:1.2}p{max-width:65ch}.art{min-height:340px;background:#d6d9c5;border-radius:180px 180px 0 0;position:relative;overflow:hidden}.art:before{content:'';position:absolute;background:#b65334;width:46%;height:72%;bottom:0;left:13%;border-radius:90px 90px 0 0;box-shadow:110px 60px 0 #254c40}.art:after{content:'';position:absolute;width:66%;height:12px;bottom:55px;left:18%;background:#f5f1e7;box-shadow:0 -40px 0 #f5f1e7,0 -80px 0 #f5f1e7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:30px 0 70px}.card{border-top:1px solid var(--line);padding-top:25px}.card p{font-size:16px}.number{font:12px system-ui;color:var(--accent)}.single{max-width:760px;padding:60px 0}.single h1{font-size:52px}.footer{border-top:1px solid var(--line);padding:30px 0;font:13px/1.8 system-ui}.skip{position:absolute;top:-80px}.skip:focus{top:0;background:white;padding:10px}.button{display:inline-block;background:var(--ink);color:white;padding:12px 20px;font:14px system-ui;text-decoration:none}@media(max-width:700px){.hero{grid-template-columns:1fr;padding:40px 0;gap:30px}.art{min-height:260px}.grid{grid-template-columns:1fr}.masthead{align-items:flex-start;flex-direction:column}.single h1{font-size:40px}}