/* DreamCorp site-v2 additions (on top of the original compiled stylesheet) */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.dc-skip{position:absolute;left:-999px;top:0;z-index:60;background:var(--color-blue-deep);color:var(--color-paper);padding:.6rem 1rem;border-radius:999px;font-weight:800;font-size:.875rem}
.dc-skip:focus{left:1rem;top:.75rem}
:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px}
[hidden]{display:none!important}

/* contact */
.dc-contact{display:grid;gap:2.5rem;align-items:start}
@media (min-width:1024px){.dc-contact{grid-template-columns:1fr 1fr;gap:3.5rem}}
.dc-facts{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.9rem;font-size:.95rem}
.dc-facts li{border-top:1px solid var(--color-line);padding-top:.8rem}
.dc-facts span{display:block;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-blue)}
.dc-facts a:hover{color:var(--color-blue)}
.dc-form{border:1px solid var(--color-line);background:var(--color-card);border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column}
@media (min-width:640px){.dc-form{padding:2rem}}
.dc-form label{margin-top:1rem;margin-bottom:.35rem;font-size:.8rem;font-weight:800;color:var(--color-paper)}
.dc-form input,.dc-form select,.dc-form textarea{width:100%;min-height:2.9rem;border-radius:.9rem;border:1px solid var(--color-line);background:var(--color-ink);color:var(--color-paper);font:inherit;font-size:1rem;padding:.65rem .9rem}
.dc-form textarea{resize:vertical;min-height:7rem}
.dc-form input:focus,.dc-form select:focus,.dc-form textarea:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-blue) 30%,transparent)}
.dc-form ::placeholder{color:var(--color-muted);opacity:.8}
.dc-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.dc-err{margin:.9rem 0 0;color:#fca5a5;font-size:.875rem;font-weight:700}

/* lightbox (sample work) */
.dc-lb{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:.75rem}
@media (min-width:640px){.dc-lb{align-items:center;padding:1.5rem}}
.dc-lb-scrim{position:absolute;inset:0;background:color-mix(in oklab,var(--color-ink) 82%,transparent);backdrop-filter:blur(6px);border:0;cursor:pointer}
.dc-lb-card{position:relative;z-index:1;max-height:92vh;width:100%;max-width:56rem;overflow:auto;border-radius:1.5rem;border:1px solid var(--color-line);background:var(--color-card);animation:dc-pop .22s ease-out}
.dc-lb-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;max-height:50vh;object-fit:cover;object-position:top}
.dc-lb-body{padding:1.5rem}
@media (min-width:640px){.dc-lb-body{padding:2rem}}
.dc-lb-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.dc-lb-close{display:inline-flex;width:2.75rem;height:2.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--color-line);background:transparent;color:var(--color-paper);cursor:pointer}
.dc-lb-close:hover{border-color:var(--color-blue)}
@keyframes dc-pop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.dc-lb-card{animation:none}}

/* hero preview swap */
#hero-img{transition:opacity .25s ease}
#hero-img.dc-fade{opacity:.25}
