/* Twelve Stone Studio — seniors site shared styles. Tokens from the spec. */
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700&display=swap');

:root {
  --orange:#FF5702; --orange-hover:#E04E02;
  --teal:#15DFE4; --teal-dark:#10B4B8; --teal-hover:#0E9A9E;
  --ink:#1C1C1E; --ink-2:#48484A; --muted:#8E8E93; --hairline:#E5E5EA;
  --card:#fff; --font:'League Spartan', system-ui, -apple-system, sans-serif;
  --card-shadow:0 30px 80px rgba(0,0,0,0.45);
  --photo-shadow:0 10px 30px rgba(0,0,0,0.25);
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font);color:var(--ink);}
a{color:var(--teal-dark);} a:hover{color:var(--orange);}
img{max-width:100%;}

/* Buttons */
.btn{display:inline-block;text-decoration:none;font-weight:700;letter-spacing:0.08em;
  text-transform:uppercase;border-radius:4px;border:none;cursor:pointer;font-family:var(--font);}
.btn-orange{background:var(--orange);color:#fff;} .btn-orange:hover{background:var(--orange-hover);color:#fff;}
.btn-teal{background:var(--teal-dark);color:#fff;} .btn-teal:hover{background:var(--teal-hover);color:#fff;}

/* Cards, eyebrows, headings */
.card{background:var(--card);border-radius:6px;box-shadow:var(--card-shadow);}
.eyebrow{font-size:0.8rem;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;color:var(--orange);}
.h2{font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:700;line-height:1.08;letter-spacing:-0.02em;color:var(--ink);}
.body{font-size:1rem;color:var(--ink-2);line-height:1.75;}

/* Form inputs (application page) */
.field{display:flex;flex-direction:column;gap:0.4rem;font-size:0.85rem;font-weight:600;color:var(--ink);}
.field input,.field textarea{background:rgba(16,180,184,0.5);color:var(--ink);color-scheme:light;
  border:1px solid #D1D1D6;border-radius:4px;padding:11px 12px;font-size:0.95rem;font-family:var(--font);}
.field textarea{resize:vertical;}

/* Responsive helpers reused across pages */
@media (max-width:860px){
  .two-col{grid-template-columns:1fr !important;gap:2rem !important;}
  .fixedbg{background-attachment:scroll !important;}
}