*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#0b0b0a;--cream:#f2eee4;--gold:#c49337;--muted:#aaa399;--line:#4c473e}body{margin:0;background:linear-gradient(90deg,#090909,#12110e);color:var(--cream);font-family:"Courier New",monospace}.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.copy{padding:5vw;display:flex;flex-direction:column;justify-content:center}.logo{width:min(330px,65%);display:block;margin-bottom:28px}.photo{min-height:100vh}.photo img{width:100%;height:100%;object-fit:cover;display:block}.placeholder{height:100%;display:grid;place-items:center}.gold{color:var(--gold);font-weight:bold;letter-spacing:.22em;font-size:15px}h1,h2{font-family:Arial,sans-serif;letter-spacing:-.065em;line-height:.89;margin:25px 0}h1{font-size:clamp(64px,7vw,116px)}h2{font-size:clamp(52px,6vw,90px)}h1 i{display:inline-block;width:5px;height:.8em;background:var(--cream);margin-left:8px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}p{color:var(--muted);font-size:18px;line-height:1.7;max-width:780px}.btn{display:inline-flex;width:max-content;padding:21px 32px;margin-top:14px;background:var(--gold);border:0;color:#090909;text-decoration:none;font:bold 14px "Courier New";letter-spacing:.13em;cursor:pointer}section:not(.hero){padding:105px 7vw;border-top:1px solid #25231f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.cards article{border-top:1px solid var(--line);padding-top:20px}.cards b{font:700 52px Arial;color:var(--gold)}h3{font-size:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px}.list{padding-top:35px}.list p{border-bottom:1px solid var(--line);padding:18px 0;margin:0;color:var(--cream)}details{max-width:900px;border-bottom:1px solid var(--line)}summary{padding:23px 0;font-weight:bold;cursor:pointer}details p{margin-top:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}form{max-width:900px;margin-top:30px}label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;color:var(--muted);font-size:13px;letter-spacing:.07em}input,textarea{background:#090909;border:1px solid var(--line);color:var(--cream);padding:16px;font:16px "Courier New"}footer{padding:42px 7vw;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;color:var(--muted);font-size:12px;letter-spacing:.1em}footer img{width:145px}footer a{margin-left:auto;color:var(--cream)}@media(max-width:800px){.hero{display:flex;flex-direction:column;min-height:0}.photo{height:52vh;min-height:0;order:1}.copy{order:2;padding:30px 26px 48px}.logo{width:240px}h1{font-size:clamp(52px,16vw,76px)}h2{font-size:clamp(46px,14vw,68px)}p{font-size:16px}section:not(.hero){padding:70px 26px}.cards,.two,.grid{grid-template-columns:1fr}.two{gap:0}.btn{width:100%;justify-content:center}footer{flex-direction:column;align-items:flex-start}footer a{margin-left:0}}
/* V3: align the wedding hero with the main Chad City site. */
@media (min-width: 901px) {
  .hero {position:relative;display:block;min-height:100svh;padding:clamp(28px,3vw,52px);}
  .copy {position:relative;z-index:1;width:44%;padding:0;justify-content:flex-start;}
  .copy > a:first-child {display:block;width:max-content;max-width:100%;}
  .logo {width:297px;max-width:28vw;height:auto;margin:0;}
  .copy .gold {font-size:21px;letter-spacing:.24em;margin:5px 0 22px;}
  .copy h1 {font-size:clamp(58.333px,6.2917vw,113.333px);line-height:.96;letter-spacing:-.075em;margin:0;}
  .copy h1 i {width:.06em;height:.78em;margin-left:.06em;vertical-align:-.03em;}
  .copy > p {font-size:clamp(17px,1.35vw,21px);line-height:1.55;color:#c9c3b7;margin:34px 0 0;max-width:690px;}
  .copy > .btn {min-height:56px;padding:0 24px;align-items:center;justify-content:center;font-size:13px;letter-spacing:.11em;margin-top:30px;}
  .photo {position:absolute;top:0;right:0;width:49.728%;height:100%;min-height:0;}
  .placeholder {padding:24px;text-align:center;}
}
@media (min-width:901px) and (max-width:1350px) {
  .copy h1 {font-size:clamp(55px,5.9583vw,90px);}
  .copy > p {font-size:16px;}
}
@media (min-width:901px) and (max-height:780px) {
  .copy h1 {font-size:clamp(51.667px,5.5833vw,88.333px);}
  .copy > p {margin-top:24px;line-height:1.4;}
  .copy > .btn {margin-top:22px;}
}
@media (max-width:900px) {
  .hero {display:flex;flex-direction:column;min-height:0;}
  .photo {height:52svh;min-height:0;order:1;}
  .copy {order:2;padding:0 22px 48px;}
  .copy > a:first-child {display:block;width:max-content;max-width:100%;}
  .logo {width:190px;max-width:58vw;height:auto;margin:0;}
  .copy .gold {font-size:14px;letter-spacing:.24em;margin:0 0 22px;}
  .copy h1 {font-size:clamp(32px,10.8vw,72px);line-height:.96;letter-spacing:-.075em;margin:0;}
  .copy > p {font-size:14px;line-height:1.5;color:#c9c3b7;margin:28px 0 0;}
  .copy > .btn {min-height:54px;width:100%;justify-content:center;margin-top:28px;font-size:13px;}
  .placeholder {padding:22px;text-align:center;}
}
@media (prefers-reduced-motion:reduce) {.copy h1 i {animation:none;}}
/* V4: match the main site's clearer button labels. */
.btn, .copy > .btn {font-size:16px !important;font-weight:700;}
/* V5: align desktop headline and lift the date button. */
@media (min-width:901px) {
  .copy .gold {font-size:clamp(12px,1.25vw,21px);line-height:24px;white-space:nowrap;}
  .copy > p {margin-top:18px;}
  .copy > .btn {margin-top:16px;}
}
@media (max-width:900px) {
  .copy > p {margin-top:20px;}
  .copy > .btn {margin-top:18px;}
}
/* V6: align all section margins with the hero. */
section:not(.hero), footer {padding-left:clamp(28px,3vw,52px);padding-right:clamp(28px,3vw,52px);}
@media (max-width:900px) {
  section:not(.hero), footer {padding-left:22px;padding-right:22px;}
}
/* V7: outlined buttons with gold interaction states. Inset border preserves sizing. */
.btn {
  background:transparent;
  color:var(--cream);
  box-shadow:inset 0 0 0 1px #625d54;
  transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;
}
@media (hover:hover) {
  .btn:hover {background:var(--gold);color:#090909;box-shadow:inset 0 0 0 1px var(--gold);}
}
.btn:focus-visible, .btn:active {background:var(--gold);color:#090909;box-shadow:inset 0 0 0 1px var(--gold);}
.btn:focus-visible {outline:2px solid var(--cream);outline-offset:4px;}
@media (prefers-reduced-motion:reduce) {.btn {transition:none;}}
/* Events V1: related links and responsive event sections. */
footer nav {margin-left:auto;display:flex;flex-wrap:wrap;gap:25px;}
footer nav a {margin-left:0;}
.cards > article,.two > div,.grid > label {min-width:0;}
h2 {overflow-wrap:break-word;}
@media(max-width:900px) {
  .cards,.two,.grid {grid-template-columns:1fr;}
  .two {gap:0;}
  footer {flex-wrap:wrap;}
}
@media(max-width:800px) {footer nav {margin-left:0;}}
/* Events V2: shared typography for every gold subheader, including the hero. */
:root {
  --subheader-size:clamp(12px,1.25vw,21px);
  --subheader-line-height:24px;
}
.gold, .copy .gold {
  font-family:"Courier New",monospace;
  font-size:var(--subheader-size);
  font-weight:700;
  letter-spacing:.24em;
  line-height:var(--subheader-line-height);
}
@media(max-width:900px) {
  :root {--subheader-size:14px;--subheader-line-height:normal;}
}
/* Events V3: compact inquiry and a higher anchor landing. */
section#date {padding-top:24px;padding-bottom:32px;min-height:100svh;scroll-margin-top:-12px;}
#date h2 {font-size:clamp(32px,3.5vw,48px);line-height:1.05;margin:12px 0;}
#date > p {margin:10px 0;font-size:16px;line-height:1.4;}
#date form {margin-top:16px;}
#date .grid {gap:10px 20px;}
#date label {gap:6px;margin-bottom:0;}
#date input {min-width:0;width:100%;min-height:44px;padding:10px 12px;}
#date form > label {margin-top:12px;}
#date textarea {width:100%;height:72px;min-height:72px;padding:10px 12px;resize:vertical;}
#date .btn {min-height:48px;padding:12px 24px;margin-top:14px;}
@media(max-width:900px) {
  section#date {min-height:0;padding-top:24px;padding-bottom:32px;}
  #date .grid {gap:12px;}
}