:root{
  --night:#062d2b;
  --night2:#0b3b38;
  --cream:#f5f0e8;
  --cream2:#e7dfd4;
  --ink:#13201f;
  --mint:#b8f5d7;
  --cyan:#43d9c5;
  --coral:#ff675f;
  --blue:#4169ff;
  --muted:#6d746f;
  --line:#bfc9c3;
  --white:#fffdf8;
  --max:1400px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit;text-underline-offset:4px}.wrap{width:min(var(--max),94%);margin:auto}
.utility{background:var(--night);color:#fff;border-bottom:1px solid rgba(255,255,255,.15);font-size:12px}
.utility .wrap{display:flex;justify-content:space-between;gap:20px;padding:10px 0}
.utility a{color:var(--mint);text-decoration:none;font-weight:800}
header{position:sticky;top:0;z-index:50;background:rgba(245,240,232,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--ink)}
.head{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;padding:16px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brandmark{width:42px;height:42px;border-radius:50%;background:var(--night);position:relative}
.brandmark:before{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:var(--coral);right:-2px;top:-2px}
.brand strong{display:block;text-transform:uppercase;letter-spacing:.03em;font-size:16px}.brand span span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin-top:3px}
.nav{display:flex;gap:20px}.nav a{text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.07em}.nav a:hover{color:var(--coral)}
.btn,.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--night);color:#fff!important;border:1px solid var(--night);padding:12px 17px;border-radius:999px;text-decoration:none;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.btn:hover,.cta:hover{background:var(--coral);border-color:var(--coral);color:#111!important}.btn.ghost{background:transparent;color:var(--ink)!important}
.hero{border-bottom:1px solid var(--ink);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:600px}
.hero-copy{padding:78px 62px 68px 0;display:flex;flex-direction:column;justify-content:center}.kicker{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--coral);margin-bottom:20px}
.hero h1{font-size:clamp(54px,7vw,108px);line-height:.88;letter-spacing:-.065em;margin:0 0 26px;text-transform:uppercase}.hero p{font-size:19px;max-width:780px;color:#46514d;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.contact-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--ink);width:max-content;max-width:100%}.contact-row a{text-decoration:none;font-weight:900;font-size:13px}
.atlas{position:relative;background:var(--night);min-height:600px;border-left:1px solid var(--ink);overflow:hidden}
.atlas:before,.atlas:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(184,245,215,.45)}.atlas:before{width:520px;height:520px;right:-110px;top:-80px}.atlas:after{width:340px;height:340px;right:-20px;top:35px}
.globe{position:absolute;inset:70px 60px;background:radial-gradient(circle at 35% 30%,var(--mint),var(--cyan) 35%,var(--night2) 36% 100%);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.globe:after{content:"GLOBAL DESIGN ATLAS";position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;font-size:clamp(32px,4vw,64px);font-weight:900;line-height:.9;letter-spacing:-.05em}
.data-chip{position:absolute;background:var(--cream);border:1px solid var(--ink);padding:10px 12px;border-radius:14px;font-size:10px;text-transform:uppercase;font-weight:900}.data-chip b{display:block;font-size:18px;color:var(--coral)}.c1{left:18px;bottom:18px}.c2{right:18px;top:18px}.c3{right:18px;bottom:18px}
.section{padding:54px 0;border-bottom:1px solid var(--line)}.section.dark{background:var(--night);color:#fff}.section-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:25px}.section-head h2{font-size:clamp(36px,4.5vw,66px);line-height:.92;letter-spacing:-.05em;margin:0;text-transform:uppercase}.section-head p{margin:8px 0 0;color:var(--muted)}.dark .section-head p{color:#a9bbb3}.section-head a{color:var(--coral);font-size:11px;font-weight:900;text-transform:uppercase;text-decoration:none}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);background:var(--ink);gap:1px}.stat{background:var(--cream);padding:25px}.stat strong{display:block;font-size:42px;line-height:1;color:var(--night)}.stat span{display:block;margin-top:8px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{background:var(--white);border:1px solid var(--ink);border-radius:24px;padding:22px;min-height:170px}.dark .card{background:var(--night2);border-color:#71958b}.card:hover{transform:translateY(-2px)}.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--mint);color:#0a2c29;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.09em}.card h3{font-size:21px;line-height:1.08;margin:12px 0 9px;letter-spacing:-.03em}.card h3 a{text-decoration:none}.card p{font-size:13px;color:var(--muted);margin:0}.dark .card p{color:#b8c8c1}
.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;padding:9px 12px;border:1px solid var(--ink);border-radius:999px;text-decoration:none;font-size:11px;font-weight:850;background:var(--white)}.pill:hover{background:var(--mint)}
.article-page{padding:35px 0 64px}.breadcrumb{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:18px}.article-layout{display:grid;grid-template-columns:minmax(0,900px) 310px;gap:30px}.article{background:var(--white);border:1px solid var(--ink);border-radius:30px;padding:44px}.article h1{font-size:clamp(42px,5.4vw,78px);line-height:.93;letter-spacing:-.058em;text-transform:uppercase;margin:11px 0 18px}.article h2{font-size:29px;line-height:1.05;letter-spacing:-.035em;margin-top:40px}.article h3{font-size:18px;margin-top:25px}.article p,.article li{font-size:16px;color:#394440}.article a{color:#0d766c;font-weight:800}.article-meta{display:flex;gap:9px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:18px}.article-cta{background:var(--mint);border:1px solid var(--ink);border-radius:24px;padding:24px;margin-top:38px}.article-cta h2{margin-top:0}
.sidebar{position:sticky;top:96px;align-self:start}.sidebox{border:1px solid var(--ink);border-radius:22px;padding:19px;margin-bottom:13px;background:var(--cream)}.sidebox.contact{background:var(--night);color:#fff}.sidebox h3{margin:0 0 9px;font-size:14px;text-transform:uppercase}.sidebox p,.sidebox li{font-size:12px;color:var(--muted)}.sidebox.contact p{color:#c3d2cc}.sidebox ul{padding-left:17px}.sidebox a{text-decoration:none}
.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.pagination a,.pagination span{padding:8px 11px;border:1px solid var(--ink);border-radius:999px;text-decoration:none;font-size:11px;font-weight:800}.pagination span{background:var(--night);color:#fff}
.notice{padding:18px;border:1px solid var(--ink);border-radius:18px;background:#fff3d8;font-size:13px}
footer{background:var(--night);color:#c6d4ce;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .9fr .9fr;gap:30px}footer h3{color:#fff;text-transform:uppercase;font-size:13px;letter-spacing:.07em;margin:0 0 12px}footer a{color:var(--mint)}
@media(max-width:1080px){.head{grid-template-columns:1fr auto}.nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-right:0}.atlas{min-height:450px;border-left:0;border-top:1px solid var(--ink)}.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.sidebar{position:static}}
@media(max-width:700px){.utility{display:none}.head>.btn{display:none}.hero-copy{padding:48px 0}.hero h1{font-size:52px}.grid,.stats,.footer-grid{grid-template-columns:1fr}.article{padding:24px}.contact-row{width:100%;flex-direction:column;gap:5px}.globe{inset:72px 25px}}