@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap'); .cp { font-family:'Jost',sans-serif; color:var(--color-text-primary); max-width:720px; margin:0 auto; padding:2.5rem 1.5rem; } .cp-head { text-align:center; padding-bottom:1.5rem; border-bottom:0.5px solid var(--color-border-tertiary); margin-bottom:1.75rem; } .cp-brand { font-size:10px; letter-spacing:5px; text-transform:uppercase; color:var(--color-text-tertiary); margin:0 0 0.4rem; } .cp-title { font-family:'Cormorant Garamond',serif; font-size:40px; font-weight:400; margin:0 0 0.4rem; letter-spacing:0.3px; line-height:1.15; } .cp-tagline { font-size:13px; font-weight:300; color:var(--color-text-secondary); letter-spacing:0.3px; } .cp-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--color-border-tertiary); border:0.5px solid var(--color-border-tertiary); border-radius:var(--border-radius-md); overflow:hidden; margin-bottom:1.75rem; } .cp-card { background:var(--color-background-primary); padding:1.1rem 1.25rem; display:flex; gap:12px; align-items:flex-start; } .cp-card i { font-size:18px; color:var(--color-text-tertiary); flex-shrink:0; margin-top:2px; } .cp-card-body {} .cp-card-label { font-size:10px; letter-spacing:3px; text-transform:uppercase; color:var(--color-text-tertiary); margin-bottom:4px; } .cp-card-val { font-size:13.5px; font-weight:300; color:var(--color-text-secondary); line-height:1.6; } .cp-card-val a { color:var(--color-text-primary); text-decoration:underline; text-underline-offset:3px; font-weight:400; } .cp-card-val strong { font-weight:500; color:var(--color-text-primary); } .cp-divider { border:none; border-top:0.5px solid var(--color-border-tertiary); margin:0 0 1.75rem; } .cp-section-title { font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:400; margin:0 0 1.1rem; letter-spacing:0.3px; } .cp-form { display:flex; flex-direction:column; gap:10px; } .cp-field { display:flex; flex-direction:column; gap:5px; } .cp-field label { font-size:10px; letter-spacing:3px; text-transform:uppercase; color:var(--color-text-tertiary); } .cp-field input, .cp-field textarea { font-family:'Jost',sans-serif; font-size:13.5px; font-weight:300; color:var(--color-text-primary); background:var(--color-background-primary); border:0.5px solid var(--color-border-tertiary); border-radius:var(--border-radius-md); padding:0.6rem 0.9rem; outline:none; width:100%; box-sizing:border-box; transition:border-color 0.15s; } .cp-field input:focus, .cp-field textarea:focus { border-color:var(--color-border-primary); } .cp-field textarea { resize:none; height:100px; line-height:1.7; } .cp-form-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; } .cp-btn { font-family:'Jost',sans-serif; font-size:11px; letter-spacing:3px; text-transform:uppercase; font-weight:500; background:var(--color-text-primary); color:var(--color-background-primary); border:0.5px solid var(--color-border-primary); border-radius:var(--border-radius-md); padding:0.7rem 2rem; cursor:pointer; align-self:flex-start; transition:opacity 0.15s; } .cp-btn:hover { opacity:0.82; } .cp-wa { display:flex; align-items:center; gap:12px; border:0.5px solid var(--color-border-tertiary); border-radius:var(--border-radius-md); padding:0.9rem 1.1rem; margin-top:1.1rem; text-decoration:none; color:var(--color-text-primary); } .cp-wa i { font-size:22px; color:var(--color-text-secondary); flex-shrink:0; } .cp-wa-body {} .cp-wa-title { font-size:13px; font-weight:500; margin-bottom:2px; } .cp-wa-sub { font-size:12px; font-weight:300; color:var(--color-text-secondary); } .cp-hours { margin-top:1.75rem; } .cp-hours-row { display:grid; grid-template-columns:160px 1fr; gap:0; border-top:0.5px solid var(--color-border-tertiary); padding:0.65rem 0; align-items:baseline; } .cp-hours-row:first-child { border-top:none; } .cp-hours-lbl { font-size:10px; letter-spacing:3px; text-transform:uppercase; color:var(--color-text-tertiary); } .cp-hours-val { font-size:13px; font-weight:300; color:var(--color-text-secondary); } .cp-hours-val strong { font-weight:500; color:var(--color-text-primary); } @media(max-width:520px){ .cp-title { font-size:30px; } .cp-grid { grid-template-columns:1fr; } .cp-form-row { grid-template-columns:1fr; } .cp-hours-row { grid-template-columns:1fr; gap:2px; } }