.risk-page { background:#050706; }
.risk-hero { position:relative; min-height:100svh; padding:165px clamp(24px,7vw,120px) 100px; display:flex; align-items:center; overflow:hidden; isolation:isolate; border-bottom:1px solid var(--line); }
.risk-hero::before { content:""; position:absolute; inset:0; z-index:-3; background:radial-gradient(ellipse at 78% 58%,rgba(102,114,90,.18),transparent 34%),linear-gradient(125deg,#050706 8%,#0b0e0c 64%,#070908); }
.risk-grid { position:absolute; inset:94px 0 0; z-index:-2; opacity:.12; background-image:linear-gradient(rgba(200,154,69,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(200,154,69,.16) 1px,transparent 1px); background-size:90px 90px; mask-image:linear-gradient(90deg,transparent 8%,black 70%,transparent); }
.risk-back { position:absolute; top:126px; left:clamp(24px,7vw,120px); display:flex; gap:13px; align-items:center; color:#888983; font:500 9px/1 "DM Sans",sans-serif; letter-spacing:.18em; text-transform:uppercase; transition:color .3s; }.risk-back span,.risk-footer-action span { color:var(--gold); font-size:15px; }.risk-back:hover,.risk-footer-action a:hover { color:var(--gold-pale); }
.risk-heading { width:min(990px,83vw); position:relative; z-index:2; }.risk-number { display:flex; align-items:center; gap:15px; margin:0 0 34px; color:var(--gold-pale); font:600 10px/1 "DM Sans",sans-serif; letter-spacing:.24em; text-transform:uppercase; }.risk-number b { font:500 23px/1 "Playfair Display",serif; letter-spacing:0; }.risk-number i { width:58px; height:1px; background:var(--gold); }
.risk-heading h1 { max-width:1050px; font-size:clamp(60px,7.5vw,114px); line-height:.94; }.risk-heading h1 em { display:block; color:var(--gold-pale); font-weight:500; }.risk-heading>p:last-child { width:min(690px,100%); margin:42px 0 0; color:#aaa9a3; font-size:clamp(16px,1.25vw,19px); line-height:1.8; }
.priority-section { padding:clamp(100px,11vw,170px) clamp(24px,7vw,120px); background:#0a0c0b; }
.priority-heading { display:grid; grid-template-columns:.65fr 1.35fr 1fr; gap:5vw; align-items:start; margin-bottom:100px; }.priority-heading .eyebrow { margin-top:8px; }.priority-heading h2 { font-size:clamp(42px,5vw,76px); line-height:1; }.priority-heading>p:last-child { margin:8px 0 0; color:#92938d; font-size:14px; line-height:1.8; }
.priority-levels { position:relative; width:100%; }.priority-levels::before { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--line); }
.priority-level { position:relative; min-height:155px; display:grid; grid-template-columns:130px minmax(0,1fr); align-items:center; gap:clamp(25px,4vw,68px); border-top:1px solid var(--white-line); }.priority-level:last-child { border-bottom:1px solid var(--line); }.priority-level::after { content:""; position:absolute; left:0; top:-1px; width:46px; height:1px; background:var(--gold); }
.level-number { color:rgba(225,194,124,.62); font:500 clamp(50px,5vw,76px)/1 "Playfair Display",serif; }.level-copy { display:grid; grid-template-columns:minmax(180px,.75fr) 1fr; gap:40px; align-items:center; }.level-copy h3 { margin:0; font:500 clamp(28px,3vw,43px)/1 "Playfair Display",serif; }.level-copy p { margin:0; color:#92938d; font-size:13px; line-height:1.7; }
.travel-section { min-height:850px; padding:clamp(95px,8vw,125px) clamp(24px,5vw,88px) 70px; display:grid; grid-template-columns:minmax(330px,.68fr) minmax(600px,1.32fr); grid-template-rows:1fr auto; column-gap:4vw; position:relative; overflow:hidden; isolation:isolate; background:#030504; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.travel-map { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,#030504 0 24%,rgba(3,5,4,.72) 40%,rgba(3,5,4,.05) 68%),url("../assets/mexico-travel-risk-map.png") center/cover no-repeat; opacity:.68; }.travel-section::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(3,5,4,.1),transparent 64%,#030504 96%); pointer-events:none; }.travel-copy { grid-column:1; grid-row:1; align-self:center; position:relative; z-index:3; }.travel-kicker { display:block; margin-bottom:14px; color:var(--gold-pale); font:600 9px/1 "DM Sans",sans-serif; letter-spacing:.2em; text-transform:uppercase; }.iso-label { margin:0 0 42px; color:var(--gold); font:500 13px/1 "DM Sans",sans-serif; letter-spacing:.2em; }.travel-copy h2 { max-width:500px; font-size:clamp(68px,7.3vw,116px); line-height:.84; }.travel-copy>p { max-width:390px; margin:43px 0 0; color:#c2c1bc; font-size:18px; line-height:1.9; }
.travel-route { position:absolute; z-index:1; left:34%; right:3%; top:12%; height:62%; pointer-events:none; }.travel-route svg { width:100%; height:100%; overflow:visible; }.travel-route path { fill:none; stroke:var(--gold-pale); stroke-width:1.1; stroke-dasharray:5 9; stroke-linecap:round; opacity:.62; vector-effect:non-scaling-stroke; }.route-point { position:absolute; width:40px; height:40px; border:1px solid rgba(200,154,69,.5); border-radius:50%; background:rgba(3,5,4,.38); box-shadow:0 0 20px rgba(200,154,69,.1); }.route-point::before,.route-point::after { content:""; position:absolute; border-radius:50%; }.route-point::before { inset:7px; border:1px solid rgba(225,194,124,.5); }.route-point::after { inset:14px; background:var(--gold-pale); box-shadow:0 0 10px rgba(225,194,124,.7); }.route-point i { position:absolute; top:calc(100% + 1px); left:50%; width:1px; background:linear-gradient(rgba(225,194,124,.72),rgba(200,154,69,.08)); }.route-a { left:19%; top:21%; }.route-a i { height:175px; }.route-b { left:57%; top:51%; }.route-b i { height:128px; }.route-c { right:7%; bottom:12%; }.route-c i { height:82px; }
.travel-phases { grid-column:2; grid-row:2; position:relative; z-index:3; display:grid; grid-template-columns:repeat(3,1fr); gap:30px; text-align:center; }.travel-phases article { padding-top:18px; }.travel-phases h3 { margin:0; color:var(--gold); font:500 19px/1 "DM Sans",sans-serif; letter-spacing:.17em; text-transform:uppercase; }.travel-phases article>span { display:block; width:38px; height:1px; margin:18px auto; background:var(--gold); }.travel-phases p { margin:0; color:#c3c2bd; font-size:12px; line-height:1.75; }
.care-section { padding:62px clamp(24px,7vw,120px); display:grid; grid-template-columns:.42fr 80px 1.65fr; gap:4vw; align-items:center; background:#0b0d0c; }.care-section>p { margin:0; color:var(--gold-pale); font:600 10px/1 "DM Sans",sans-serif; letter-spacing:.24em; text-transform:uppercase; }.care-section>span { width:80px; height:1px; background:var(--gold); }.care-section h2 { max-width:920px; font-size:clamp(30px,3.5vw,52px); line-height:1.08; }
.risk-footer-action { min-height:210px; padding:65px clamp(24px,7vw,120px); display:flex; align-items:center; background:#050706; }.risk-footer-action a { display:flex; align-items:center; gap:14px; color:#969791; font:600 9px/1 "DM Sans",sans-serif; letter-spacing:.18em; text-transform:uppercase; transition:color .3s; }
@media(max-width:900px){.priority-heading{grid-template-columns:1fr 2fr}.priority-heading>p:last-child{grid-column:2}.priority-level{grid-template-columns:90px 1fr}.travel-section{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:940px}.travel-copy{grid-column:1;align-self:start}.travel-copy h2{font-size:86px}.travel-map{background-position:58% center;opacity:.62}.travel-route{left:10%;right:3%;top:40%;height:32%}.travel-phases{grid-column:1;grid-row:2}.care-section{grid-template-columns:.5fr 60px 1.7fr}.care-section>span{width:60px}}
@media(min-width:901px) and (max-width:1100px){.travel-section{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:940px}.travel-copy{grid-column:1;align-self:start}.travel-route{left:10%;right:3%;top:40%;height:32%}.travel-phases{grid-column:1;grid-row:2}}
@media(max-width:760px){.risk-hero{min-height:820px;padding:145px 22px 90px}.risk-back{top:103px;left:22px}.risk-heading{width:100%}.risk-heading h1{font-size:clamp(48px,13vw,66px)}.risk-heading>p:last-child{margin-top:30px;font-size:14px}.priority-section,.travel-section,.care-section,.risk-footer-action{padding-left:22px;padding-right:22px}.priority-heading{display:block;margin-bottom:60px}.priority-heading h2{font-size:44px;margin-bottom:25px}.priority-level{min-height:0;grid-template-columns:58px 1fr;gap:20px;padding:30px 0}.level-number{font-size:42px}.level-copy{display:block}.level-copy h3{font-size:30px;margin-bottom:13px}.priority-level::after{width:32px}.travel-section{min-height:920px;display:block;padding-top:80px;padding-bottom:60px}.travel-map{inset:230px -170px 180px -60px;background-size:cover;background-position:center;opacity:.35}.travel-kicker{margin-bottom:12px}.iso-label{margin-bottom:32px}.travel-copy h2{font-size:64px;max-width:320px}.travel-copy>p{max-width:280px;margin-top:28px;font-size:15px;line-height:1.7}.travel-route{display:none}.travel-phases{display:grid;grid-template-columns:1fr;gap:0;margin-top:285px;text-align:left}.travel-phases article{display:grid;grid-template-columns:105px 35px 1fr;align-items:center;padding:17px 0;border-top:1px solid rgba(200,154,69,.18)}.travel-phases h3{font-size:14px}.travel-phases article>span{width:24px;margin:0}.travel-phases p{font-size:12px}.care-section{display:block;padding-top:52px;padding-bottom:52px}.care-section>span{display:block;width:70px;height:1px;margin:24px 0 30px}.care-section h2{font-size:36px}.risk-footer-action{min-height:170px}}