/* Referencia: https://arzolastudio.mx/studio.html · ARZOLA S · TUDIO */
:root{--ink:#0c0d0f;--muted:#52545a;--accent:#796355;--line:#c9c1b8;--paper:#f6f4ef;--studio:#967d6d;background:#f6f4ef;color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif}
header{background:#0c0d0f;color:white;height:74px;padding:0 4.5vw;border-bottom:1px solid #ffffff29}
.brand{font-size:15px;font-weight:800;letter-spacing:.18em;display:flex;align-items:center;gap:22px}.brand span{font-size:10px;letter-spacing:.18em;margin:0;padding-left:22px;border-left:1px solid #ffffff40;color:#c8bcb1}
nav{font-size:10px;text-transform:uppercase;letter-spacing:.13em;gap:30px}nav a{text-decoration:none}
h1,h2{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:700;letter-spacing:-.055em}h1{line-height:.94}h2{line-height:1.04}h3{font-weight:600}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:400}
.hero{display:flex;align-items:flex-end;position:relative;min-height:calc(100svh - 74px);background:#0c0d0f;color:white;isolation:isolate;overflow:hidden;border-bottom:8px solid var(--studio)}
.hero-art{position:absolute;inset:0;z-index:-2;height:100%;background:#0c0d0f}.hero-art img{object-position:50% 45%;width:100%;height:100%;object-fit:cover}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0c0d0f22,#0c0d0f45 40%,#0c0d0fe8)}
.hero-copy{width:100%;padding:70px 5vw 55px;background:linear-gradient(90deg,#0c0d0f70,transparent);position:relative}.hero-copy .eyebrow{color:#e7e2da;margin-bottom:24px}.hero-copy h1{font-size:clamp(64px,9.5vw,148px);letter-spacing:-.065em;margin-bottom:25px;line-height:.88;max-width:900px}.hero-copy p{font-family:Georgia,"Times New Roman",serif;color:#e7e2da;font-size:20px;line-height:1.5;max-width:560px}.hero-copy button{background:#f6f4ef;color:#0c0d0f;border-color:#f6f4ef;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.hero-copy button:hover{background:#e7e2da}.hero-copy .facts{border-color:#ffffff40;color:#d3ccc5;max-width:560px;margin-top:28px;padding-top:20px;letter-spacing:.03em}.hero-art .caption{bottom:26px;left:auto;right:5vw;max-width:250px;background:none;padding:0;color:#c8bcb1;font-size:10px;z-index:1;gap:25px}
.intro-bottom{background:#0c0d0f;color:white;border-color:#35393f;padding:55px 5vw;gap:5vw}.intro-bottom span{color:#a79c92;font:11px Arial;letter-spacing:.15em;margin-bottom:22px}.intro-bottom p{color:#c4bfb9;font-family:Georgia,serif;font-size:15px}.intro-bottom h3{font-size:21px;letter-spacing:-.02em}
.sidebar{background:#e7e2da}.step.active b{background:#0c0d0f}.step.done b{background:#d4c9bf;color:#302a26}.card{background:#f6f4ef}.check{background:#f6f4ef}.check:has(input:checked){background:#e7e2da;border-color:#796355}.field input,.field textarea,.field select{background:#f6f4ef;border:0;border-bottom:1px solid #a79c92;padding:14px 2px}.field{font-size:12px}.metric{background:#e7e2da}.metric strong{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:600;letter-spacing:-.045em}.notice{background:#e7e2da}.visual-option{background:#e7e2da}.visual-option span{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.visual-option[aria-pressed=true]{border-color:#796355}.actions button,.toolbar button,.toolbar .button{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.report h1,.admin h1{font-size:clamp(40px,5vw,70px)}.text-button{color:#705b4d}footer{background:#0c0d0f;color:#b7aca2;border-color:#35393f;letter-spacing:.08em;font-size:10px;text-transform:uppercase}.report .report{padding:15px 0}.report h2{font-size:clamp(30px,4vw,44px)}
@media(max-width:800px){.hero-copy{padding:60px 25px 55px}.hero-copy h1{font-size:clamp(65px,13vw,100px)}.hero-copy p{font-size:18px}.hero-art .caption{display:none}.hero{min-height:740px;min-height:calc(100svh - 74px)}.hero-art{height:100%}.hero-art img{object-position:60% center}.intro-bottom{padding:35px 25px}.brand{gap:13px}.brand span{padding-left:13px;font-size:9px}.form-main h2{font-size:36px}.sidebar{background:#e7e2da}footer{line-height:1.6}}
@media(max-width:480px){nav{font-size:9px;gap:10px}.brand{font-size:13px;gap:10px}.brand span{padding-left:10px;font-size:8px;letter-spacing:.12em}.hero-copy .facts{font-size:10px;gap:18px}.hero-copy h1{font-size:18vw}.hero-copy{padding-top:100px}.form-main h2{font-size:34px}.report .report{padding:0}.report h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{color:#0c0d0f;background:white}}