:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { margin: 0; background: linear-gradient(180deg, #F7F4ED 0%, #F2EEE3 100%); color: #1C1A17; }
@keyframes sheen { 0%, 55% { left: -60%; } 85%, 100% { left: 130%; } }
* { box-sizing: border-box; }
body { min-width: 320px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #B08D57; outline-offset: 3px; }
button { font: inherit; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
[data-sheen]::after { content: ''; position: absolute; top: 0; left: -60%; width: 36%; height: 100%; pointer-events: none; background: linear-gradient(100deg, transparent, rgba(255,255,255,.28), transparent); transform: skewX(-18deg); animation: sheen 3.6s ease-in-out infinite; }
.image-fallback { position: relative; min-height: 320px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; padding: clamp(24px, 5vw, 46px); background: radial-gradient(circle at 72% 18%, rgba(201,138,120,.58) 0 3%, transparent 3.5%), radial-gradient(circle at 24% 58%, rgba(176,141,87,.32) 0 9%, transparent 9.5%), linear-gradient(145deg, #2e251d 0%, #5d3529 42%, #ae6551 100%); color: #FDF9F2; isolation: isolate; }
.image-fallback::before { content: ''; position: absolute; inset: 12% 14%; z-index: -1; border: 1px solid rgba(255,255,255,.42); transform: rotate(-7deg); }
.image-fallback::after { content: ''; position: absolute; inset: 22% 23% 18%; z-index: -1; border: 1px solid rgba(255,255,255,.36); transform: rotate(9deg); }
.image-fallback span { font: 400 11px/1 'EB Garamond', serif; letter-spacing: .25em; color: #E9C0B4; }
.image-fallback strong { max-width: 12em; font: 600 clamp(23px, 3vw, 34px)/1.55 'Shippori Mincho', serif; }
.image-fallback--profile-portrait { min-height: 420px; }
.legal-page { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: clamp(42px, 9vw, 100px) 0; font-family: 'Zen Kaku Gothic New', sans-serif; color: #1C1A17; }
.legal-page__brand { display: inline-block; margin-bottom: 48px; font: 500 14px/1.4 'Zen Kaku Gothic New', sans-serif; }
.legal-page__eyebrow { color: #9E4A38; font: 500 11px/1.4 'EB Garamond', serif; letter-spacing: .2em; }
.legal-page h1 { margin: 12px 0 18px; font: 600 clamp(30px, 5vw, 44px)/1.4 'Shippori Mincho', serif; }
.legal-page__intro { margin: 0 0 42px; font-size: 15px; line-height: 2; color: #4A463F; }
.legal-page section { margin: 0; padding: 28px 0; border-top: 1px solid #E2DBCB; }
.legal-page h2 { margin: 0 0 10px; font: 600 19px/1.6 'Shippori Mincho', serif; }
.legal-page p { margin: 0; font-size: 14px; line-height: 2; color: #4A463F; }
.legal-page__cta { display: inline-block; padding: 16px 22px; background: linear-gradient(135deg, #B25640, #7C3627); color: #FFF9F3; }
@media (max-width: 560px) { .image-fallback { min-height: 240px; } [style*="flex: 0 0 170px"] { flex-basis: 100% !important; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; } }