/* Theme Name: Twenty Twenty-Five NSC Theme URI: http://localhost:8881 Description: Now Socials Co child theme — editorial brand system. Alta Regular display, Inter body, bone/ink/ochre palette. Author: John for Now Socials Co Template: twentytwentyfive Version: 0.1.0 Text Domain: twentytwentyfive-nsc */ /* ================================================================= MOBILE MENU — full-screen overlay (BeSeen-style) Built dynamically by /assets/menu.js on every page. Toggles 'nsc-menu-open' on . ================================================================= */ .nsc-menu-btn{ display:none; background:transparent;border:0;cursor:pointer; font-family:"JetBrains Mono",monospace; font-size:.7rem;letter-spacing:.28em;text-transform:uppercase; color:inherit;padding:8px 0 8px 18px; position:relative;z-index:60; margin-left:auto; } .nsc-menu-btn [data-close]{display:none} body.nsc-menu-open .nsc-menu-btn [data-open]{display:none} body.nsc-menu-open .nsc-menu-btn [data-close]{display:inline} .nsc-menu-overlay{ position:fixed;inset:0;z-index:55; background:#0F0F0F;color:#F5F1EB; display:flex;align-items:flex-end;justify-content:flex-start; padding:140px clamp(22px,5vw,72px) clamp(48px,9vw,96px); opacity:0;pointer-events:none; transform:translateY(-8px); transition:opacity .35s ease, transform .35s ease; } body.nsc-menu-open .nsc-menu-overlay{ opacity:1;pointer-events:auto;transform:translateY(0); } .nsc-menu-overlay ul{ list-style:none;margin:0;padding:0; display:flex;flex-direction:column;gap:clamp(10px,2.4vw,22px); } .nsc-menu-overlay li a{ font-family:"Alta","Cormorant Garamond",Georgia,serif; font-weight:400; font-size:clamp(2.4rem,11vw,5rem); line-height:.96;letter-spacing:-.012em; color:#F5F1EB;text-decoration:none; text-transform:uppercase; display:inline-block; transition:opacity .2s; } .nsc-menu-overlay li a.is-active{font-style:italic} .nsc-menu-overlay li a:hover{opacity:.62} @media(max-width:760px){ .nsc-nav nav ul{display:none} .nsc-menu-btn{display:inline-block} } /* When menu is open: lock scroll, force nav into dark mode */ body.nsc-menu-open{overflow:hidden} body.nsc-menu-open .nsc-nav{ background:transparent !important;backdrop-filter:none !important; border-bottom:0 !important;mix-blend-mode:normal !important; color:#F5F1EB !important; } body.nsc-menu-open .nsc-nav .brand, body.nsc-menu-open .nsc-nav .brand span{color:#F5F1EB !important}