:root{--paper:#f1f0e8;--ink:#242a23;--muted:#62685c;--line:#cdd0c3;--accent:#d0ef8b;--dark:#242e25;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #507b2a;outline-offset:4px}.skip{position:absolute;top:-80px;left:20px;padding:15px;background:var(--accent);z-index:10}.skip:focus{top:12px}.wrap{max-width:1280px;margin:auto;padding:0 42px;min-height:100svh;display:flex;flex-direction:column}header{height:88px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:13px}.avatar{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid #b8c3a8}.brand{display:flex;flex-direction:column;gap:5px}.brand strong{font-size:27px;letter-spacing:-1.4px;line-height:1}.brand strong span{font-weight:400;margin-left:5px}.brand-note{font:8px var(--mono);letter-spacing:1.1px;color:var(--muted)}nav{display:flex;align-items:center;gap:28px}nav a{display:inline-flex;align-items:center;gap:7px;min-height:40px;font-size:12px;line-height:1}nav svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3}nav a:hover{color:#557247}main{flex:1;display:grid;grid-template-columns:.93fr 1.1fr;gap:64px;padding:32px 0;align-content:center}.hero{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-width:0}.eyebrow,.small{font:9px var(--mono);letter-spacing:1.3px}.eyebrow{margin:0 0 20px;line-height:1.5}.dot{display:inline-block;width:6px;height:6px;background:#55762e;border-radius:50%;margin-right:7px}h1{font-size:clamp(36px,3.8vw,53px);font-weight:750;line-height:1.06;letter-spacing:-2.8px;margin:0 0 20px}.accent{color:#557247}.lead{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.lead strong{color:var(--ink);font-weight:500}.terrain{margin:0;min-width:0;position:relative;background:var(--dark);color:var(--accent);height:220px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.terrain-top{padding:16px 18px 0;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;z-index:1;pointer-events:none}.terrain-top>span:last-child{font-size:18px}canvas{width:100%;height:100%;position:absolute;inset:0;opacity:.95}figcaption{padding:0 18px 16px;display:flex;align-items:end;justify-content:space-between;z-index:1;font-size:9px;line-height:1.7;pointer-events:none}.seed-label{display:inline-block;margin-top:4px;font:8px var(--mono);letter-spacing:1.2px;color:#a8ba9b}#regenerate{pointer-events:auto;width:32px;height:32px;border:1px solid #788f65;background:#242e25;color:var(--accent);border-radius:50%;cursor:pointer;font-size:22px;line-height:1;transition:background .2s,transform .2s}#regenerate:hover{background:#405235;transform:rotate(35deg)}.directory{display:flex;flex-direction:column;gap:24px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}h2{font-size:17px;font-weight:500;letter-spacing:-.4px;margin:0}.small{color:var(--muted);font-size:8px;letter-spacing:.7px;white-space:nowrap}.projects{display:grid;gap:9px}.project{display:flex;align-items:center;gap:15px;padding:14px 16px;background:#e5e8d9;min-width:0;transition:background .2s}.project:hover{background:#dbe3cb}.project-symbol{width:47px;height:47px;flex-shrink:0;background:var(--accent);display:grid;place-items:center}.project-symbol svg{width:38px;height:38px;stroke:var(--ink);stroke-width:1.2;stroke-linejoin:round}.project-community .project-symbol{background:#d0d6c5}.project-copy{min-width:0}.project-copy .eyebrow{font-size:7px;letter-spacing:.8px;margin:0 0 5px}.project-copy h3{font-size:20px;letter-spacing:-.6px;font-weight:500;margin:0 0 5px}.project-copy p{font-size:10px;line-height:1.45;color:var(--muted);margin:0}.project-arrow{font-size:21px;margin-left:auto;flex:none}.links{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.social{display:flex;align-items:center;gap:11px;min-width:0;min-height:51px;border-bottom:1px solid var(--line);transition:background .18s}.social:hover{background:#e5e9db}.social-number{font:8px var(--mono);color:var(--muted);flex:none}.social>div{min-width:0}.social h3{font-size:15px;font-weight:500;letter-spacing:-.25px;margin:0 0 4px}.social p{font-size:9px;line-height:1.35;color:var(--muted);margin:0}.social-tag{display:none}.arrow{font-size:17px;margin-left:auto;flex:none}.social-number{align-self:center}footer{min-height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.footer-domain{font:9px var(--mono)}@media(min-width:1000px) and (min-height:850px){main{padding:46px 0;gap:76px}.hero{gap:30px}.terrain{height:270px}.directory{justify-content:center;gap:30px}.social{min-height:59px}.project{padding:18px}.social h3{font-size:16px}.social p{font-size:10px}}@media(min-width:1000px) and (max-height:740px){header{height:72px}main{padding:22px 0;gap:48px}.hero{gap:20px}.terrain{height:180px}.directory{gap:20px}h1{font-size:44px}.eyebrow{margin-bottom:15px}.lead{font-size:12px}.project{padding:12px 14px}.social{min-height:47px}footer{min-height:38px}}@media(max-width:999px){.wrap{padding:0 28px}main{gap:32px;grid-template-columns:.85fr 1.15fr}h1{font-size:37px;letter-spacing:-2px}.lead br{display:none}.project-symbol{width:38px;height:42px}.project-symbol svg{width:32px;height:32px}.project{padding:12px;gap:10px}.project-copy h3{font-size:18px}.links{column-gap:15px}.social{min-height:54px}.social-number{display:none}.social p{font-size:9px}.terrain{height:230px}.eyebrow{font-size:8px}}@media(max-width:700px){.wrap{padding:0 22px}header{height:82px}.avatar{width:42px;height:42px}.identity{gap:9px}.brand strong{font-size:24px}.brand-note{font-size:6px;letter-spacing:.6px}nav{gap:17px}nav a{font-size:11px}nav svg{width:11px;height:11px}main{grid-template-columns:1fr;gap:30px;padding:28px 0}.hero{gap:22px}h1{font-size:clamp(39px,9vw,53px);letter-spacing:-2px;margin-bottom:15px}.eyebrow{font-size:8px;margin-bottom:15px}.lead{font-size:13px;max-width:360px}.terrain{height:190px}.directory{gap:26px}.project{padding:13px;gap:13px}.project-symbol{width:43px;height:45px}.project-copy h3{font-size:19px}.project-copy p{font-size:10px}.project-copy .eyebrow{font-size:6px}.links{column-gap:20px}.social{min-height:60px}.social h3{font-size:14px}.social p{font-size:9px;max-width:135px}.section-head{margin-bottom:12px}.small{font-size:7px}.footer-domain{display:none}footer{min-height:48px;font-size:8px;gap:10px}}@media(max-width:360px){.brand-note{display:none}nav{gap:12px}.project-symbol{display:none}.social p{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Readable captions and locally hosted site icons. */
.brand-note{font-size:10px;letter-spacing:.7px}
nav a{font-size:14px}
.eyebrow,.small{font-size:11px;letter-spacing:.7px}
.lead{font-size:15px;line-height:1.65}
.terrain-top{font-size:11px;letter-spacing:.6px}
figcaption{font-size:12px;line-height:1.5}
.seed-label{font-size:11px;letter-spacing:.8px}
h2{font-size:19px}
.project-copy .eyebrow{font-size:11px;letter-spacing:.45px;line-height:1.4}
.project-copy p{font-size:12px;line-height:1.4}
.social{min-height:59px;gap:11px}
.social h3{font-size:16px}
.social p{font-size:12px;line-height:1.4}
.site-icon{display:block;width:23px;height:23px;flex:none;background-color:var(--site-color);-webkit-mask-image:var(--site-icon);mask-image:var(--site-icon);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.project-symbol .site-icon{width:33px;height:33px}
.icon-luminance{mask-mode:luminance}
footer,.footer-domain{font-size:11px}
@media(min-width:1000px) and (max-height:800px){
 .wrap{padding-inline:36px}header{height:76px}main{padding:18px 0;gap:40px}
 .hero{gap:18px}.terrain{height:174px}.directory{gap:18px}
 .section-head{margin-bottom:10px}.project{padding:11px 14px}
 .eyebrow{margin-bottom:12px}.project-copy .eyebrow{margin-bottom:5px}
 .project-copy p{line-height:1.35}.social{min-height:56px}.social p{line-height:1.3}
 h1{font-size:44px}footer{min-height:38px}
}
@media(max-width:999px){.links{column-gap:18px}.social{gap:9px}.social h3{font-size:15px}.site-icon{width:22px;height:22px}}
@media(max-width:700px){
 .brand-note{font-size:9px;letter-spacing:.3px}nav a{font-size:12px}nav{gap:16px}
 .lead{font-size:15px}.eyebrow,.small,.project-copy .eyebrow{font-size:11px}
 .project-copy p,.social p{font-size:12px}.social p{max-width:none}
 .social{min-height:82px}.social h3{font-size:15px;line-height:1.25}
 figcaption{font-size:12px}.terrain-top{font-size:10px}footer{font-size:10px}
 .project-symbol{display:grid}.project-symbol .site-icon{width:30px;height:30px}
}
@media(max-width:360px){.brand-note{display:none}nav{gap:12px}.social p{font-size:12px}.project{gap:10px}.project-symbol{width:35px;flex:none}}

.project-favicon{display:block;width:33px;height:33px;object-fit:contain;filter:grayscale(1)}

/* The word space is part of the name, including copied and spoken text. */
.brand strong span{margin-left:0}

/* Language controls share the header alignment and remain reachable on phones. */
.header-actions{display:flex;align-items:center;gap:24px}.language-switch{display:inline-flex;align-items:center;border:1px solid var(--line);padding:3px;gap:2px}.language-switch button{border:0;background:transparent;color:var(--muted);font:11px var(--mono);min-width:32px;min-height:30px;padding:5px 7px;cursor:pointer}.language-switch button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.language-switch button:hover{background:#dce5cc;color:var(--ink)}.language-switch button:focus-visible{outline-offset:1px}@media(max-width:700px){.header-actions{flex-direction:column;align-items:flex-end;gap:0}.header-actions nav{gap:14px}.header-actions nav a{min-height:28px}.language-switch{padding:2px}.language-switch button{min-height:26px;min-width:31px;padding:3px 6px;font-size:10px}header{min-height:88px;height:auto;padding-block:12px;gap:10px}}@media(max-width:360px){.header-actions nav{gap:9px}.header-actions nav a{font-size:11px}}

.project-audioflowers .project-symbol{background:#ead9ca}.project-audioflowers .project-favicon{filter:none}
@media(min-width:1000px) and (max-height:800px){main{padding-block:12px}.directory{gap:12px}.projects{gap:7px}.project{padding-block:8px}.project-copy h3{font-size:18px;margin-bottom:4px}.project-copy .eyebrow{margin-bottom:3px}.social{min-height:49px}.social h3{margin-bottom:3px}}

/* A large, passive landscape and a restrained analog/digital signal texture. */
body{isolation:isolate}.signal-background{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.signal-background #terrain{position:absolute;inset:0;width:100%;height:100%;opacity:.31;mask-image:linear-gradient(110deg,#000 5%,rgba(0,0,0,.6) 65%,rgba(0,0,0,.3));-webkit-mask-image:linear-gradient(110deg,#000 5%,rgba(0,0,0,.6) 65%,rgba(0,0,0,.3))}#signal-noise{position:fixed;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:.11;mix-blend-mode:multiply}.wrap{position:relative;z-index:1}.hero{justify-content:center;padding-bottom:5vh}.intro{position:relative}.directory{position:relative}.project{background:rgba(229,232,217,.91)}.project:hover{background:rgba(219,227,203,.97)}.links{background:rgba(241,240,232,.8)}header,footer{background:rgba(241,240,232,.88)}.signal-glitch .signal-background{transform:translateX(3px)}.signal-glitch h1{text-shadow:1px 0 rgba(129,69,79,.24),-1px 0 rgba(62,111,107,.22)}@media(max-width:700px){.hero{padding:12px 0 10px}.signal-background #terrain{opacity:.24;mask-image:linear-gradient(#000,rgba(0,0,0,.4));-webkit-mask-image:linear-gradient(#000,rgba(0,0,0,.4))}.links{background:rgba(241,240,232,.9)}}@media(prefers-reduced-motion:reduce){.signal-glitch .signal-background{transform:none}.signal-glitch h1{text-shadow:none}}

/* Stronger tape grain, signal tearing and RGB registration errors. */
#signal-noise{opacity:.26}.signal-glitch #signal-noise{opacity:.74}.signal-glitch .signal-background{transform:translateX(var(--signal-offset,6px)) skewX(-1deg)}.signal-glitch .signal-background #terrain{opacity:.67}.signal-glitch h1{transform:translateX(1px);text-shadow:3px 0 rgba(155,52,86,.6),-3px 0 rgba(37,117,119,.55)}.signal-glitch .brand strong{text-shadow:2px 0 rgba(155,52,86,.5),-2px 0 rgba(37,117,119,.5)}@media(prefers-reduced-motion:reduce){#signal-noise{opacity:.16}.signal-glitch h1{transform:none}.signal-glitch .brand strong{text-shadow:none}}

/* Keep the noisy signal below all content; tint cards instead of their text. */
#signal-noise{z-index:0}.links{background:transparent}.project{background:rgba(229,232,217,.82)}.project:hover{background:rgba(219,227,203,.92)}.social{background:rgba(241,240,232,.76)}.social:hover{background:rgba(229,233,219,.92)}

/* One spacing scale for cards and full-bleed site bands. */
:root{--card-x:14px;--card-y:10px;--card-gap:10px;--page-gutter:42px}.wrap{padding-inline:var(--page-gutter)}header,footer{position:relative;background:transparent;border:0;padding:var(--card-y) 0}header::before,footer::before{content:"";position:absolute;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);background:rgba(241,240,232,.88);z-index:-1;pointer-events:none}header::before{border-bottom:1px solid var(--line)}footer::before{border-top:1px solid var(--line)}.project,.social{padding:var(--card-y) var(--card-x);margin:0;gap:var(--card-gap);border:0}.projects,.links{gap:var(--card-gap)}.social{min-height:0}.social>div{flex:1}.project-arrow,.social .arrow{margin-left:auto}footer{min-height:44px} @media(min-width:1000px) and (max-height:800px){:root{--page-gutter:36px;--card-y:6px;--card-x:12px;--card-gap:8px}.directory{gap:10px}.section-head{margin-bottom:8px}.social p{line-height:1.25}footer{min-height:38px}}@media(max-width:999px){:root{--page-gutter:28px}}@media(max-width:700px){:root{--page-gutter:22px;--card-x:12px;--card-y:12px;--card-gap:10px}header{min-height:92px}.project,.social{padding:var(--card-y) var(--card-x)}.links{grid-template-columns:1fr}.social h3{font-size:16px}.social p{font-size:12px}.social{min-height:68px}footer{min-height:54px}}

/* Identical tint and translucency for every content surface. */
:root{--surface:rgba(241,240,232,.76);--surface-hover:rgba(229,233,219,.92)}.project,.social,header::before,footer::before{background:var(--surface)}.project:hover,.social:hover{background:var(--surface-hover)}

/* SYNTHWAVE — midnight surfaces, neon signal and a striped sunset. */
:root{color-scheme:dark;--paper:#0d071b;--ink:#f4ecff;--muted:#c4b6d8;--line:rgba(179,126,255,.28);--accent:#ff68c8;--dark:#100822;--surface:rgba(20,12,39,.8);--surface-hover:rgba(40,19,67,.92);--cyan:#5deaff;--pink:#ff68c8}body{background:radial-gradient(ellipse at 15% 15%,rgba(79,22,116,.6),transparent 54%),radial-gradient(ellipse at 95% 85%,rgba(16,54,91,.35),transparent 56%),#0d071b}body::before{content:"";position:fixed;z-index:-3;pointer-events:none;left:7vw;top:11vh;width:min(47vw,610px);aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(to bottom,transparent 0 8px,rgba(13,7,27,.8) 8px 12px),linear-gradient(#ffd787,#ff76ac 45%,#b44cff);opacity:.21;box-shadow:0 0 100px rgba(173,56,236,.18)}.signal-background #terrain{opacity:.52;filter:drop-shadow(0 0 3px rgba(91,205,255,.22))}#signal-noise{mix-blend-mode:screen;opacity:.2}.signal-glitch #signal-noise{opacity:.57}.signal-glitch .signal-background #terrain{opacity:.86}.accent{color:var(--pink);text-shadow:0 0 26px rgba(255,71,188,.28)}h1{font-style:italic;letter-spacing:-2px;text-shadow:0 0 38px rgba(192,114,255,.12)}.brand strong{color:#fff0ff;text-shadow:0 0 18px rgba(255,104,200,.2)}.brand-note,.small{color:#bda3dc}.intro>.eyebrow{color:var(--cyan)}.dot{background:var(--pink);box-shadow:0 0 10px var(--pink)}.avatar{border-color:rgba(255,104,200,.7);box-shadow:0 0 16px rgba(255,104,200,.18)}nav a:hover,.arrow,.project-arrow{color:var(--cyan)}.section-head h2{color:#efe1ff}.project,.social{box-shadow:inset 0 0 0 1px rgba(180,113,255,.2);transition:background .18s,box-shadow .18s}.project:hover,.social:hover{box-shadow:inset 0 0 0 1px rgba(93,234,255,.65),0 0 20px rgba(115,56,213,.12)}header::before{border-color:rgba(255,104,200,.25);box-shadow:0 4px 26px rgba(10,3,25,.3)}footer::before{border-color:rgba(93,234,255,.23)}.project-copy .eyebrow{color:var(--cyan)}.project-symbol,.project-community .project-symbol,.project-audioflowers .project-symbol{background:rgba(100,65,148,.24);box-shadow:inset 0 0 0 1px rgba(184,134,255,.22)}.project-symbol .site-icon{background-color:var(--cyan)}.project-community .project-favicon{filter:grayscale(1) invert(1)}.social .site-icon{background-color:#c1a0ff}.social[href*="twitch"] .site-icon{background-color:#bc91ff}.social[href*="youtube"] .site-icon{background-color:#ff749b}.social[href*="nexusmods"] .site-icon{background-color:#ffbe7d}.social[href*="github"] .site-icon{background-color:#e8dbff}.social[href*="esoui"] .site-icon{background-color:#e5c08c}.social[href*="stackoverflow"] .site-icon{background-color:#ffaf78}.social[href*="ko-fi"] .site-icon,.social[href*="patreon"] .site-icon{background-color:#ff85ba}.social[href*="steam"] .site-icon,.social[href*="css-challenges"] .site-icon{background-color:var(--cyan)}.language-switch{border-color:rgba(185,133,242,.35);background:rgba(15,7,31,.5)}.language-switch button{color:#c9b3e6}.language-switch button[aria-pressed="true"]{background:var(--pink);color:#180a2d;box-shadow:0 0 12px rgba(255,104,200,.18)}.language-switch button:hover{background:var(--cyan);color:#10091c}a:focus-visible,button:focus-visible{outline-color:var(--cyan)}.skip{background:var(--cyan);color:#10091c}.signal-glitch h1{color:#fff4ff;text-shadow:4px 0 rgba(255,57,173,.85),-4px 0 rgba(54,232,255,.8)}.signal-glitch .brand strong{text-shadow:3px 0 rgba(255,57,173,.75),-3px 0 rgba(54,232,255,.7)}@media(max-width:700px){body::before{left:-15vw;top:13vh;width:95vw}.signal-background #terrain{opacity:.43}}@media(prefers-reduced-motion:reduce){#signal-noise{opacity:.14}.signal-glitch h1{text-shadow:none}}

@media(min-width:1000px) and (min-height:801px) and (max-height:1000px){:root{--card-y:8px}main{padding-block:24px}.directory{gap:18px}}

/* Clear anchor feedback without moving desktop content or blocking cards. */
nav a{position:relative}nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--cyan);box-shadow:0 0 9px rgba(93,234,255,.65);transform:scaleX(0);transform-origin:left;transition:transform .18s}nav a.nav-active{color:var(--cyan)}nav a.nav-active::after{transform:scaleX(1)}#creations,#ailleurs{position:relative;scroll-margin-top:24px}.nav-highlight::after{content:"";position:absolute;inset:-7px;z-index:2;pointer-events:none;border:1px solid var(--cyan);box-shadow:0 0 16px rgba(93,234,255,.5),inset 0 0 18px rgba(255,104,200,.14);animation:section-signal 1.1s ease-out both}@keyframes section-signal{0%{opacity:0;box-shadow:0 0 0 rgba(93,234,255,0)}15%{opacity:1;box-shadow:0 0 25px rgba(93,234,255,.65),inset 0 0 20px rgba(255,104,200,.2)}65%{opacity:.85;border-color:var(--pink);box-shadow:0 0 20px rgba(255,104,200,.4)}100%{opacity:0;box-shadow:0 0 0 rgba(255,104,200,0)}}@media(prefers-reduced-motion:reduce){.nav-highlight::after{animation:none;opacity:1;box-shadow:none}}

/* Equal side columns keep the menu at the actual center of the page. */
header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:20px;align-items:center}.header-actions{display:contents}.identity{grid-column:1;grid-row:1;justify-self:start}header nav{grid-column:2;grid-row:1;justify-self:center;align-self:center}.language-switch{grid-column:3;grid-row:1;justify-self:end;align-self:center}@media(max-width:700px){header{grid-template-columns:minmax(0,1fr) auto;row-gap:6px;column-gap:16px;min-height:100px}.identity{grid-column:1;grid-row:1}.language-switch{grid-column:2;grid-row:1}header nav{grid-column:1/-1;grid-row:2;justify-self:center;gap:28px}.header-actions nav a{min-height:28px}}

/* Shared identity geometry and a stable viewport when scrollbars appear. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
header .identity,header a.brand{display:flex;align-items:center;gap:13px;height:48px}
header .identity img,header a.brand img{display:block;width:48px;height:48px;flex:none}
header .identity>span,header a.brand>span{display:flex;flex-direction:column;gap:5px}
header .identity strong,header a.brand strong{display:block;margin:0;font:700 27px/27px Arial,Helvetica,sans-serif;letter-spacing:-1.4px}
header .identity strong span,header a.brand strong span{font-weight:400;margin-left:0}
header .identity .brand-note,header .identity small,header a.brand small{display:block;margin:0;padding:0;font:400 10px/12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.7px}
header nav{font-family:Arial,Helvetica,sans-serif;line-height:21px}
@media(max-width:700px){
 header .identity,header a.brand{height:42px;gap:9px}
 header .identity img,header a.brand img{width:42px;height:42px}
 header .identity strong,header a.brand strong{font-size:24px;line-height:24px}
 header .identity .brand-note,header .identity small,header a.brand small{font-size:9px;line-height:10px;letter-spacing:.3px}
 header nav{line-height:18px}
 header nav a,header .top-nav a,header .header-nav a{display:flex;align-items:center;height:28px;min-height:28px;padding-block:0;font-size:12px;line-height:18px}
}
@media(max-width:360px){header .identity .brand-note,header .identity small,header a.brand small{display:none}}