.inner-page {
--title-font: var(--font-display);
--brand: var(--jade);
--brand-deep: #245e6e;
--brand-soft: rgb(95 176 199 / 14%);
--forest: #2a6541;
--forest-deep: #173d2a;
--ink-soft: var(--muted);
--paper-warm: var(--mist);
--line: #dbe5e1;
--white: #fff;
--page-width: min(1200px, calc(100% - 96px));
}

* {
box-sizing: border-box;
}

html {
scroll-behavior: auto; scrollbar-width: none; -ms-overflow-style: none; background: var(--paper);
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
display: none; width: 0; height: 0;
}

body {
min-width: 320px; margin: 0; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; background: var(--paper); color: var(--ink); font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif; font-size: 16px; line-height: 1.75;
}

.inner-page h1,
.inner-page h2,
.inner-page h3,
.inner-page h4,
.inner-page h5,
.inner-page h6 {
font-family: var(--font-display);
font-synthesis: none;
letter-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--title-font);
font-synthesis: none;
font-weight: 400 !important;
text-wrap: pretty;
}

h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
font-synthesis: none;
font-weight: 400 !important;
}

body.menu-open {
overflow: hidden;
}

a {
color: inherit; text-decoration: none;
}

button {
font: inherit;
}

img {
display: block; max-width: 100%;
}

.skip-link {
position: fixed; top: 12px; left: 12px; z-index: 200; padding: 10px 16px; background: var(--white); color: var(--ink); transform: translateY(-150%); transition: transform 160ms ease;
}

.skip-link:focus {
transform: translateY(0); outline: 2px solid var(--brand-deep); outline-offset: 3px;
}

.page-shell {
position: relative; overflow: clip;
}

.page-section {
position: relative; isolation: isolate;
}

.page-section > :not(takenaka-paper-surface) {
position: relative; z-index: 1;
}

takenaka-paper-surface {
position: absolute; inset: 0; z-index: 0; display: block; overflow: hidden; pointer-events: none; user-select: none; contain: paint; background-color: transparent; background-image: repeating-linear-gradient(90deg, rgba(24, 55, 59, 0.025) 0 1px, transparent 1px 11px), radial-gradient(circle at 18% 32%, rgba(24, 55, 59, 0.05) 0 0.45px, transparent 0.8px), radial-gradient(circle at 72% 64%, rgba(255, 255, 255, 0.45) 0 0.55px, transparent 1px), linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 34%); background-position: 0 0, 0 0, 9px 6px, 0 0; background-size: auto, 43px 37px, 31px 41px, auto;
}

.paper-overlay {
z-index: 0 !important; opacity: 0.2;
}

@media (max-width: 620px) {
.inner-page {
--page-width: calc(100% - 40px);
}

body {
font-size: 15px;
}
}

@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}

*, *::before, *::after {
animation-duration: 1ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 1ms !important;
}
}