/* Original-site typography and restrained brand asset documentation.
 * Dependencies: the approved WW badge, native font stacks and semantic guide markup. */
:root{color-scheme:dark;--paper:#10120c;--ink:#efefe8;--sage:#b9ca98;--line:#303729;--muted:#adb49f;--display:Impact,'Arial Narrow',sans-serif;--mono:monospace;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--sage)}a:focus-visible{outline:2px solid var(--sage);outline-offset:5px}img{max-width:100%;object-fit:contain}code{font:11px/1.6 var(--mono);color:var(--muted);overflow-wrap:anywhere}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:2px;color:var(--sage);margin:0 0 20px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 4vw;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:10px;font:700 11px/1.4 var(--mono);letter-spacing:2px;white-space:nowrap;min-height:44px}.identity img{display:block}.masthead nav{display:flex;gap:28px;font:11px var(--mono)}.masthead nav a{min-height:44px;display:flex;align-items:center}
.hero{width:100%;border-bottom:1px solid var(--line)}.hero-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px;padding:44px 6vw 54px}.hero-copy{min-width:0}.hero h1{font:900 clamp(64px,8vw,124px)/.98 var(--display);font-stretch:condensed;letter-spacing:-.045em;margin:0 0 24px;white-space:nowrap}.intro{font-size:24px;letter-spacing:-.4px;margin:0 0 14px}.muted{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 26px}.hero-logo{display:block;width:100%;height:auto;max-height:390px;mask-image:radial-gradient(ellipse 70% 70% at center,#000 60%,transparent 100%)}
.action{display:inline-flex;align-items:center;gap:30px;padding:16px 23px;min-height:50px;background:var(--sage);color:#182010;font:700 12px/1.3 var(--mono)}.action:hover{background:#d0dfb2;color:#182010}.action span{font-size:20px;line-height:1}
.section{max-width:1400px;margin:auto;padding:64px 6vw;border-bottom:1px solid var(--line)}.section-heading{max-width:760px;margin-bottom:32px}.section-heading h2{font:900 clamp(30px,3.4vw,46px)/1.05 var(--display);letter-spacing:-.025em;margin:0 0 18px}.section-heading>p:last-child{font-size:15px;line-height:1.7;color:var(--muted);max-width:620px;margin:0}.section-heading .eyebrow{margin-bottom:14px}
.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.master-preview{text-align:center}.master-preview>img{display:block;width:min(100%,340px);height:auto;margin:auto}.master-preview>a,.text-link{display:inline-flex;align-items:center;min-height:44px;font:11px var(--mono);color:var(--sage)}h3{font:700 16px/1.4 Arial,Helvetica,sans-serif;margin:0 0 12px}.logo-notes>p,.rules-grid p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 20px}.avatar-sizes{display:flex;align-items:center;gap:24px;margin:28px 0}.avatar-sizes img{display:block;border-radius:50%}
.type-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-bottom:28px}.display-specimen{font:900 clamp(42px,5vw,72px)/1.04 var(--display);letter-spacing:-.035em;margin:22px 0}.body-specimen>p{font:24px/1.45 Arial,Helvetica,sans-serif;margin:22px 0 14px}.body-specimen .mono-heading{display:block;margin-top:32px}.body-specimen .mono-specimen{font:20px/1.7 var(--mono);color:var(--sage);margin-top:16px}.footnote{font:11px/1.8 var(--mono);color:var(--muted);margin:22px 0 0;max-width:900px}
.palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.palette>div{background:var(--swatch);color:var(--text);min-height:150px;padding:18px 16px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #52633f55}.palette strong{font:12px/1.5 var(--mono)}.palette code{color:inherit;font-size:12px}
.social-header{display:block;width:100%;height:auto;border:1px solid var(--line)}.asset-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;font:10px/1.6 var(--mono);color:var(--muted);margin-top:14px}.asset-caption>a{display:flex;align-items:center;min-height:44px;color:var(--sage)}.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.rules-grid p{margin:0}
.download-list>a{display:grid;grid-template-columns:minmax(0,1fr) 220px 20px;align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.download-list>a:first-child{color:var(--sage)}.download-list span{font-size:17px}.download-list small{font:10px var(--mono);color:var(--muted)}.download-list b{font-size:20px;font-weight:400}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 4vw;font:11px var(--mono);color:var(--muted)}footer>a{display:flex;align-items:center;min-height:44px}
@media(max-width:800px){.hero-inner{grid-template-columns:1.2fr 1fr;padding-inline:5vw;gap:16px}.hero h1{font-size:9vw}.hero-logo{max-height:300px}.section{padding:48px 5vw}.logo-grid,.type-row{gap:32px}.palette{grid-template-columns:repeat(3,minmax(0,1fr))}.rules-grid{gap:24px}.download-list>a{grid-template-columns:minmax(0,1fr) 180px 20px}}
@media(max-width:600px){.masthead{padding:12px 18px;gap:12px;flex-wrap:wrap}.identity{font-size:10px;letter-spacing:1px}.masthead nav{gap:18px;font-size:10px}.masthead nav a:nth-child(2){display:none}.hero-inner{grid-template-columns:1fr;padding:28px 24px 38px;gap:0}.hero-logo{grid-row:1;width:230px;max-height:230px;margin:0 auto 22px}.hero h1{font-size:13.5vw;margin-bottom:20px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.5px}.intro{font-size:21px}.muted{font-size:14px}.section{padding:40px 24px}.section-heading h2{font-size:31px}.section-heading>p:last-child{font-size:14px}.logo-grid,.type-row,.rules-grid{grid-template-columns:1fr;gap:28px}.master-preview>img{width:260px}.type-row{gap:36px}.display-specimen{font-size:52px}.body-specimen>p{font-size:21px}.body-specimen .mono-specimen{font-size:18px}.palette{grid-template-columns:1fr 1fr}.palette>div{min-height:130px}.asset-caption{flex-wrap:wrap;gap:2px}.download-list>a{grid-template-columns:minmax(0,1fr) 18px;gap:8px 16px}.download-list small{grid-column:1;grid-row:2}.download-list b{grid-column:2;grid-row:1 / 3}.download-list span{font-size:16px}footer{flex-wrap:wrap;padding:24px;font-size:10px;gap:12px 20px}footer>.identity{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}