*{box-sizing:border-box}body{margin:0;font:16px/1.55 Arial,sans-serif;--ink:#101e2b;--paper:#f0f4f5;--accent:#b9ff50;--bar:#162735;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,summary,select{cursor:pointer}button,input,select,textarea{font:inherit}svg{width:22px;height:22px;vertical-align:middle}.logo{display:block;object-fit:contain;border-radius:5px}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;padding:9px 5%;gap:24px;background:var(--bar);color:white}nav{display:flex;align-items:center;gap:28px;margin-left:auto}nav details{position:relative}summary{padding:10px 0}.drop{position:absolute;right:0;top:100%;background:white;color:#172523;width:300px;box-shadow:0 12px 40px #0003;padding:10px;max-height:65vh;overflow:auto}.drop a{display:block;padding:8px 14px}.burger{display:none}.btn,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:bold;padding:12px 18px;border:0}.btn{background:var(--accent);color:#101b20;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.secondary{color:inherit;text-decoration:underline}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(450px,43vw,690px);display:grid;align-items:end;background:#142531;color:white}.hero>.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:enter .75s ease-out}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07111bed, #0c182c83 57%, transparent)}.copy{padding:clamp(32px,6vw,100px);max-width:720px}.copy p,.section>p{max-width:55ch;font-size:1.12rem}.copy p{margin:0 0 25px}small{font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;font-weight:bold}h1,h2,h3{line-height:1.08;text-wrap:balance}h1{font-size:clamp(3rem,6.5vw,7rem);letter-spacing:-.055em;margin:16px 0 22px}h2{font-size:clamp(2rem,3.6vw,4rem);letter-spacing:-.045em;margin:0 0 28px}h3{font-size:1.45rem;margin:.5em 0}.categories{display:grid;grid-template-columns:repeat(3,1fr);background:var(--accent);color:#162632}.categories a{font-weight:bold;padding:18px;text-align:center;border-right:1px solid #0003}.section{padding:clamp(36px,5.5vw,90px) 6%}.section+.section{border-top:1px solid #8884}.cards,.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.categories+.cards{margin-top:28px}.card,.choice{background:white;color:#17252b;overflow:hidden;display:block}.card>div,.choice>div{padding:22px}.card p{margin-bottom:0}.card .photo,.choice .photo{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;display:block;transition:filter .3s}.card:hover img{filter:brightness(1.1)}footer{background:var(--bar);color:#fff;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;padding:45px 7% 80px}footer a{display:block;padding:4px 0}footer>a{grid-column:1/-1;border-top:1px solid #fff4}.float{position:fixed;bottom:16px;right:16px;background:#086b46;color:white;border:2px solid white;padding:11px;border-radius:50%;z-index:3;display:grid}.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact article,form{background:white;color:#17252b;padding:28px}label{display:block;margin-bottom:12px}input,select,textarea{display:block;width:100%;padding:10px;border:1px solid #7a8588}textarea{min-height:100px}.v2{--bar:#493a31;--paper:#fbf7ef;--accent:#edd1a5}.v2 header{background:#fbf7ef;color:#392a20;border-bottom:1px solid #bbac99}.v2 h1,.v2 h2,.v2 h3{font-family:Georgia,serif;font-weight:normal}.v2 .hero{grid-template-columns:1fr 1.1fr;align-items:center;background:#e9dece;color:#362b23}.v2 .hero>.photo{position:relative;grid-column:2;grid-row:1;height:100%;min-height:460px}.v2 .copy{grid-column:1;grid-row:1;padding:8%}.v2 .hero:after{display:none}.v2 .card{border-radius:22px 22px 4px 4px}.v2 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.v2 .categories{background:#493a31;color:#fff}.v3{--bar:#0c1023;--paper:#10152a;--ink:#f4f6ff;--accent:#a8c1ff}.v3 header{border-bottom:2px solid #6687f0}.v3 .hero{align-items:center;border-bottom:7px solid #5476db}.v3 .hero:after{background:linear-gradient(90deg,#070a18fa,#070a1899 66%,transparent)}.v3 small{font-family:monospace}.v3 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.v3 .card{display:grid;grid-template-columns:34% 1fr;background:#1b2440;color:white;border:1px solid #485675}.v3 .card img{height:100%}.v3 .categories{background:#27335c;color:white}.pick{padding:7vw 6%;background:#121e29;color:white;min-height:100vh}.choices{margin-top:5vh}.choice h2{font-size:2rem}.choice .photo{aspect-ratio:1.4}.secondary:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #eb8619;outline-offset:3px}@keyframes enter{from{transform:scale(1.03)}to{transform:scale(1)}}
@media(max-width:800px){header{gap:12px;padding:8px 4%}header>.btn{margin-left:auto}.burger{display:block;background:transparent;border:1px solid currentColor;color:inherit;font-size:20px;padding:5px 12px}.logo{width:47px;height:47px}nav{display:none}nav.open{display:block;position:absolute;top:100%;left:3%;width:min(340px,94%);max-height:70dvh;overflow:auto;background:white;color:#17252b;padding:12px;box-shadow:0 14px 35px #0003}nav>a,nav summary{display:block;padding:10px}.drop{position:static;width:100%;max-height:none;box-shadow:none;border-left:2px solid #999}.cards,.v3 .cards,.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.categories a{padding:13px 5px;font-size:.85rem}.contact{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.v2 .hero>.photo{min-height:340px}}
@media(max-width:580px){.cards,.v2 .cards,.v3 .cards,.choices{grid-template-columns:1fr}.hero{min-height:490px}.hero>.photo{object-position:62% center}.hero:after,.v3 .hero:after{background:linear-gradient(0deg,#08111bfa 5%,#08111ba8 55%,#08111b11)}.copy{padding:25px 6%}.copy h1{font-size:3.1rem}.v2 .hero{display:flex;flex-direction:column}.v2 .hero>.photo{width:100%;height:230px;min-height:0}.v2 .copy{padding:25px}.v3 .hero{align-items:end}.categories{grid-template-columns:1fr}.categories a{text-align:left;padding:10px 6%;border-bottom:1px solid #8885}.v2 .categories{display:flex;flex-wrap:wrap}.v3 .card{grid-template-columns:32% 1fr}.card>div{padding:17px}footer{font-size:.9rem}.section{padding:36px 5%}.choices{gap:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Al Nadeem's globe and responsive horizontal wordmark */
.identity{display:inline-flex;align-items:center;gap:9px;color:#b91635;white-space:nowrap;line-height:1;vertical-align:middle}.identity img{width:clamp(39px,4.5vw,64px);height:auto}.identity>span{font:800 clamp(16px,1.6vw,25px)/1 Arial,sans-serif;letter-spacing:.075em}.identity b{display:block;font-size:.48em;letter-spacing:.30em;margin-top:6px}.v1,.v2,.v3{--accent:#bc1837}.btn,.v2 .btn,.v3 .btn{background:#b81636;color:white}.v1{--paper:#f7f6f3;--bar:#181a1b}.v1 header,.v2 header{background:#fff;color:#1b1b20;border-bottom:1px solid #e1dcdc}.v1 .hero{border-bottom:6px solid #cf1b3c}.v1 .categories{background:#68142a;color:white}.v1 .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card h3{font-size:clamp(1.15rem,1.75vw,1.6rem)}.v1 .card{border-bottom:3px solid #bc1837}.spotlight,.reading{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:clamp(34px,5vw,80px) 6%;align-items:start}.spotlight h2{margin:8px 0}.spotlight p,.reading p,.lead p{margin:0 0 16px;max-width:68ch;font-size:1.1rem;line-height:1.66}.spotlight a{font-weight:700;text-decoration:underline;text-underline-offset:5px}.spotlight{border-bottom:1px solid #8b858755}.reading{grid-template-columns:1.6fr 1fr;padding-bottom:20px}.reading h2{font-size:clamp(1.9rem,3.3vw,3.6rem)}.reading h3{margin-top:1.65em}.reading aside{border-top:3px solid #cd1a3d;background:#f0e4e5;color:#291c22;padding:25px}.reading aside h3{margin:0}.reading li{margin:.8em 0}.detail-action{padding:0 6% 50px}.lead{margin-bottom:32px}.v2{--bar:#45252e;--paper:#faf6f2}.v2 .hero{background:#f4e6e5;color:#3d1724}.v2 .hero .copy{position:relative}.v2 .hero .copy:before{content:'';display:block;background:#be193a;width:62px;height:3px;margin-bottom:24px}.v2 .categories{background:#53172b}.v2 .card{border-radius:0;background:transparent;border-bottom:1px solid #b89fa6}.v2 .card>div{padding-left:0}.v2 .card img{aspect-ratio:2}.v2 footer{background:#f0e6e4;color:#36212a}.v3{--bar:#111217;--paper:#17181e}.v3 header{border-color:#dc2d49}.v3 header .identity,.v1 footer .identity,.v3 footer .identity{color:#fff}.v3 .hero{min-height:0;grid-template-columns:1.05fr 1fr;background:#22161e;border-color:#cb2242}.v3 .hero>.photo{position:relative;grid-column:1;grid-row:1;min-height:410px}.v3 .copy{grid-column:2;grid-row:1;padding:7%}.v3 .hero:after{display:none}.v3 h1{font-size:clamp(2.8rem,5.1vw,5.5rem)}.v3 .categories{background:#3e202b}.v3 .card{background:#24252c;border-color:#57434d}.v3 .spotlight small,.v3 .card small{color:#ffa7b6}.v3 .reading aside{background:#34232b;color:white}.v3 footer{grid-template-columns:2fr 1fr 1fr}.v1 .spotlight small,.v2 .spotlight small,.v2 .card small{color:#a51d37}.pick{background:#20191e}.pick .choice{border-bottom:4px solid #be1637}
@media(max-width:950px){.v1 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.spotlight,.reading{grid-template-columns:1fr;gap:16px}.v3 .hero{grid-template-columns:1fr}.v3 .hero>.photo{grid-column:1;grid-row:1;height:190px;min-height:0}.v3 .copy{grid-column:1;grid-row:2}.v3 footer{grid-template-columns:1fr 1fr}.identity{gap:5px}.identity img{width:38px}header{gap:8px}header .btn{padding:10px 12px}.v1 .cards{grid-template-columns:1fr}.v1 .copy{padding-bottom:38px}.v2 .hero .copy:before{margin-bottom:14px}}
@media(max-width:430px){header{padding:8px 10px;gap:6px}header .identity img{width:31px}header .identity>span{font-size:14px;letter-spacing:.04em}header .btn{padding:10px 9px;font-size:14px;gap:5px}header .burger{padding:5px 8px}.v3 footer{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* The dominant solid red sampled from the supplied JPEG. */
.v1{--accent:#f22838}
.v1 header .identity{color:#f22838}
.v1 .identity img{mask:url(globe.png) center/contain no-repeat;background:#f22838;filter:none;object-position:-999px}
.v1 .btn,.v1 .categories{background:var(--accent);color:#121212}
.v1 .hero,.v1 .card,.v1 .reading aside{border-color:var(--accent)}
.v1 footer{border-top:4px solid var(--accent)}
@keyframes heroCamera{from{transform:scale(1.025) translateX(.4%)}to{transform:scale(1.115) translateX(-1.2%)}}
@keyframes heroHome{from{transform:scale(1.02);object-position:48% 50%}to{transform:scale(1.09);object-position:57% 46%}}
@keyframes heroNetwork{from{transform:scale(1.025) translateY(-.5%)}to{transform:scale(1.105) translateY(1%)}}
@keyframes enterCopy{from{opacity:.1;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 .hero{overflow:hidden}
 .hero>.photo{animation:heroCamera 9s ease-in-out infinite alternate}
 .v2 .hero>.photo{animation-name:heroHome}
 .v3 .hero>.photo{animation-name:heroNetwork}
 .hero .copy{position:relative;z-index:1}
 .hero .copy>:is(small,h1,p,.btn,.secondary){animation:enterCopy .68s cubic-bezier(.2,.75,.25,1) backwards}
 .hero .copy h1{animation-delay:.08s}.hero .copy p{animation-delay:.17s}.hero .copy .btn{animation-delay:.27s}
 :is(.btn,.secondary,.float,.burger){position:relative;overflow:hidden;isolation:isolate;transition:transform .23s ease,box-shadow .23s ease}
 .float{position:fixed}
 :is(.btn,.secondary,.float,.burger)::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 25%,#ffffff70 50%,transparent 75%);transform:translateX(-145%);transition:transform .52s ease}
 :is(.btn,.secondary,.float,.burger):is(:focus-visible,:active)::after{transform:translateX(145%)}
 :is(.btn,.secondary,.float,.burger):active{transform:scale(.94)}
 @media(hover:hover){:is(.btn,.secondary,.float,.burger):hover{transform:translateY(-3px);box-shadow:0 7px 16px #16142129}
 :is(.btn,.secondary,.float,.burger):hover::after{transform:translateX(145%)}
 .card:hover .photo{scale:1.035}.card .photo{transition:scale .45s ease,filter .3s}}
}
