@charset "UTF-8"; /* ============================================================ TAKUMIISOBE.COM — base.css Mobile-first global styles, design tokens, reset ============================================================ */ /* ------------------------------------------------------------ Naming convention (TAKUMIISOBE.COM "Stratum Naming") - Page / Block : PascalCase (main.Office, section.Ethos) - Wrapper structure : lowercase (.wrapper, .container, .box) - Style descendants by parent: .Ethos .wrapper .container h1 { ... } - State : .is-active, .has-image - Simple role : .bold, .white, .mute, .center, .sp, .pc - Layout : .l-stack, .l-grid, .flex, .w100 - Spacing : .mt-10, .mb-20, .mx-30 ... (px direct) - JS hook (no styles) : .js-* - Language detection : + :lang(ja) auto ------------------------------------------------------------ */ /* ------------------------------------------------------------ 1. Font faces ------------------------------------------------------------ */ /* Primary Latin face — Andersen / Steiner (in-house face, formerly Aether). VF21 variable font (wght 1–950: Hair / Book / Ultra masters). The family is declared as 'Steiner by AUGUST.tf VF75' — version number included on request, so inspectors that read getComputedStyle().fontFamily (WhatFont, Fontanello, DevTools' Computed panel) see both the foundry credit and the build in one string. Bump the number here (and in the 3 --font-* variables below) on every export. DevTools' "Rendered Fonts" panel reads the font binary's own name table independently — that already says "Steiner VF 72" regardless of this name, since build_vf.sh sets it at export time. */ @font-face { font-family: 'Steiner by AUGUST.tf VF75'; src: url('/fonts/Steiner-VF75.woff2?v=20260828f') format('woff2'); font-weight: 1 950; font-style: normal; font-display: swap; } /* ------------------------------------------------------------ 2. Modern reset ------------------------------------------------------------ */ * { margin: 0; padding: 0; box-sizing: border-box; } img, picture, svg, video { display: block; max-width: 100%; height: auto; } /* A