About<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Noto+Serif+JP:wght@200;300;400&family=Noto+Sans+JP:wght@300&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --ink: #1a1714;\n --parchment: #f5f0e8;\n --warm-mid: #8c7b6b;\n --gold: #b89a6a;\n --gold-light: #d4bc96;\n --rule: rgba(140, 123, 107, 0.25);\n --rule-strong: rgba(184, 154, 106, 0.5);\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n background-color: var(--parchment);\n color: var(--ink);\n font-family: 'Noto Serif JP', serif;\n font-weight: 300;\n line-height: 1;\n overflow-x: hidden;\n }\n\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 999;\n opacity: 0.6;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n position: relative;\n }\n\n .hero-left {\n padding: 80px 60px 80px 80px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n position: relative;\n border-right: 1px solid var(--rule-strong);\n }\n\n .hero-left::after {\n content: '';\n position: absolute;\n right: -1px;\n top: 15%;\n height: 70%;\n width: 2px;\n background: linear-gradient(to bottom, transparent, var(--gold), transparent);\n }\n\n .eyebrow {\n font-family: 'Cormorant Garamond', serif;\n font-size: 10px;\n letter-spacing: 0.4em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 48px;\n opacity: 0;\n animation: fadeUp 1s ease forwards 0.3s;\n }\n\n .hero-title {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(44px, 5.5vw, 82px);\n font-weight: 200;\n line-height: 1.15;\n letter-spacing: 0.05em;\n color: var(--ink);\n margin-bottom: 20px;\n opacity: 0;\n animation: fadeUp 1s ease forwards 0.5s;\n }\n\n .hero-title em {\n font-style: normal;\n color: var(--gold);\n }\n\n .hero-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(13px, 1.4vw, 18px);\n font-weight: 300;\n font-style: italic;\n color: var(--warm-mid);\n line-height: 1.7;\n margin-bottom: 56px;\n opacity: 0;\n animation: fadeUp 1s ease forwards 0.7s;\n }\n\n .identity-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n border-top: 1px solid var(--rule);\n opacity: 0;\n animation: fadeUp 1s ease forwards 0.9s;\n }\n\n .identity-item {\n padding: 24px 0;\n border-bottom: 1px solid var(--rule);\n }\n\n .identity-item:nth-child(odd) {\n border-right: 1px solid var(--rule);\n padding-right: 24px;\n }\n\n .identity-item:nth-child(even) {\n padding-left: 24px;\n }\n\n .identity-label {\n font-family: 'Noto Sans JP', sans-serif;\n font-size: 9px;\n letter-spacing: 0.25em;\n color: var(--gold);\n margin-bottom: 8px;\n }\n\n .identity-value {\n font-family: 'Noto Serif JP', serif;\n font-size: 13px;\n color: var(--ink);\n line-height: 1.7;\n font-weight: 300;\n }\n\n .hero-right {\n position: relative;\n overflow: hidden;\n background: var(--ink);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hero-right-inner {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 60px 40px;\n }\n\n .deco-ring {\n position: absolute;\n border-radius: 50%;\n border: 1px solid rgba(184, 154, 106, 0.15);\n }\n\n .deco-ring:nth-child(1) { width: 500px; height: 500px; top: 50%; left: 50%; transform: translate(-50%, -50%); }\n .deco-ring:nth-child(2) { width: 380px; height: 380px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-color: rgba(184, 154, 106, 0.1); }\n .deco-ring:nth-child(3) { width: 260px; height: 260px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-color: rgba(184, 154, 106, 0.2); }\n\n .deco-line-v {\n position: absolute;\n width: 1px;\n height: 60%;\n left: 50%;\n top: 20%;\n background: linear-gradient(to bottom, transparent, rgba(184,154,106,0.3), transparent);\n }\n\n .deco-line-h {\n position: absolute;\n height: 1px;\n width: 60%;\n top: 50%;\n left: 20%;\n background: linear-gradient(to right, transparent, rgba(184,154,106,0.3), transparent);\n }\n\n .center-quote {\n position: relative;\n z-index: 2;\n text-align: center;\n }\n\n .center-quote .q-mark {\n font-family: 'Noto Serif JP', serif;\n font-size: 100px;\n line-height: 0.8;\n color: rgba(184,154,106,0.15);\n font-weight: 200;\n display: block;\n margin-bottom: 24px;\n }\n\n .center-quote p {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(16px, 1.8vw, 22px);\n color: rgba(245, 240, 232, 0.85);\n line-height: 2;\n max-width: 360px;\n font-weight: 200;\n letter-spacing: 0.05em;\n opacity: 0;\n animation: fadeUp 1.2s ease forwards 1.2s;\n }\n\n .center-quote .attr {\n margin-top: 28px;\n font-family: 'Cormorant Garamond', serif;\n font-size: 10px;\n letter-spacing: 0.4em;\n color: var(--gold);\n text-transform: uppercase;\n opacity: 0;\n animation: fadeUp 1s ease forwards 1.5s;\n }\n\n \/* \u2500\u2500 BODY \u2500\u2500 *\/\n .content-wrap {\n max-width: 1100px;\n margin: 0 auto;\n padding: 120px 60px;\n }\n\n .section-divider {\n display: flex;\n align-items: center;\n gap: 20px;\n margin-bottom: 70px;\n }\n\n .section-divider .rule {\n flex: 1;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--rule-strong));\n }\n\n .section-divider .rule.flip {\n background: linear-gradient(to left, transparent, var(--rule-strong));\n }\n\n .section-divider .label {\n font-family: 'Noto Sans JP', sans-serif;\n font-size: 9px;\n letter-spacing: 0.3em;\n color: var(--gold);\n white-space: nowrap;\n }\n\n .two-col {\n display: grid;\n grid-template-columns: 1fr 1.6fr;\n gap: 80px;\n align-items: start;\n }\n\n .col-label {\n position: sticky;\n top: 80px;\n }\n\n .chapter-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 100px;\n font-weight: 300;\n color: rgba(184,154,106,0.12);\n line-height: 1;\n margin-bottom: -10px;\n }\n\n .chapter-title {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(24px, 2.6vw, 38px);\n font-weight: 200;\n line-height: 1.5;\n letter-spacing: 0.05em;\n color: var(--ink);\n margin-bottom: 16px;\n }\n\n .chapter-title em {\n font-style: normal;\n color: var(--gold);\n }\n\n .chapter-sub {\n font-family: 'Cormorant Garamond', serif;\n font-style: italic;\n font-size: 13px;\n color: var(--warm-mid);\n letter-spacing: 0.05em;\n }\n\n .body-text {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(14px, 1.3vw, 16px);\n line-height: 2.4;\n color: #2e2a25;\n font-weight: 300;\n letter-spacing: 0.03em;\n }\n\n .body-text p + p { margin-top: 1.8em; }\n\n .body-text .highlight {\n font-weight: 300;\n font-size: 1.05em;\n color: var(--ink);\n border-left: 2px solid var(--gold);\n padding-left: 20px;\n margin: 36px 0;\n line-height: 2.4;\n display: block;\n letter-spacing: 0.05em;\n }\n\n \/* Pull quote *\/\n .pull-quote {\n margin: 100px 0;\n padding: 70px 60px;\n border-top: 1px solid var(--rule-strong);\n border-bottom: 1px solid var(--rule-strong);\n position: relative;\n text-align: center;\n }\n\n .pull-quote::before {\n content: '\u25c6';\n position: absolute;\n top: -8px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--parchment);\n padding: 0 16px;\n color: var(--gold);\n font-size: 10px;\n }\n\n .pull-quote::after {\n content: '\u25c6';\n position: absolute;\n bottom: -8px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--parchment);\n padding: 0 16px;\n color: var(--gold);\n font-size: 10px;\n }\n\n .pull-quote p {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(20px, 2.5vw, 34px);\n font-weight: 200;\n line-height: 1.9;\n color: var(--ink);\n max-width: 760px;\n margin: 0 auto;\n letter-spacing: 0.08em;\n }\n\n \/* Duality block *\/\n .duality-block {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n margin: 100px 0;\n border: 1px solid var(--rule-strong);\n }\n\n .duality-side {\n padding: 56px 48px;\n }\n\n .duality-side:first-child {\n border-right: 1px solid var(--rule-strong);\n background: var(--ink);\n color: var(--parchment);\n }\n\n .duality-icon {\n font-size: 32px;\n margin-bottom: 28px;\n display: block;\n opacity: 0.7;\n }\n\n .duality-head {\n font-family: 'Noto Sans JP', sans-serif;\n font-size: 9px;\n letter-spacing: 0.35em;\n margin-bottom: 16px;\n }\n\n .duality-side:first-child .duality-head { color: var(--gold-light); }\n .duality-side:last-child .duality-head { color: var(--gold); }\n\n .duality-title {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(20px, 2.2vw, 30px);\n font-weight: 200;\n line-height: 1.7;\n letter-spacing: 0.05em;\n margin-bottom: 24px;\n }\n\n .duality-side:first-child .duality-title { color: var(--parchment); }\n .duality-side:last-child .duality-title { color: var(--ink); }\n\n .duality-desc {\n font-family: 'Noto Serif JP', serif;\n font-size: 14px;\n line-height: 2.3;\n font-weight: 300;\n letter-spacing: 0.03em;\n }\n\n .duality-side:first-child .duality-desc { color: rgba(245,240,232,0.7); }\n .duality-side:last-child .duality-desc { color: var(--warm-mid); }\n\n .duality-tags {\n margin-top: 32px;\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .tag {\n font-family: 'Noto Sans JP', sans-serif;\n font-size: 9px;\n letter-spacing: 0.15em;\n padding: 5px 12px;\n border: 1px solid;\n }\n\n .duality-side:first-child .tag { border-color: rgba(184,154,106,0.4); color: var(--gold-light); }\n .duality-side:last-child .tag { border-color: rgba(140,123,107,0.4); color: var(--warm-mid); }\n\n \/* Final dark section *\/\n .final-section {\n background: var(--ink);\n color: var(--parchment);\n padding: 120px 60px;\n position: relative;\n overflow: hidden;\n }\n\n .final-section::before {\n content: 'ABOUT';\n position: absolute;\n font-family: 'Cormorant Garamond', serif;\n font-size: 200px;\n font-weight: 300;\n color: rgba(255,255,255,0.02);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n white-space: nowrap;\n pointer-events: none;\n letter-spacing: 0.1em;\n }\n\n .final-inner {\n max-width: 1100px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .final-inner .section-divider .rule {\n background: linear-gradient(to right, transparent, rgba(184,154,106,0.4));\n }\n\n .final-inner .section-divider .rule.flip {\n background: linear-gradient(to left, transparent, rgba(184,154,106,0.4));\n }\n\n .final-two-col {\n display: grid;\n grid-template-columns: 1fr 1.6fr;\n gap: 80px;\n align-items: start;\n }\n\n .final-chapter-title {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(24px, 2.6vw, 38px);\n font-weight: 200;\n line-height: 1.6;\n letter-spacing: 0.05em;\n color: var(--parchment);\n margin-bottom: 16px;\n }\n\n .final-chapter-title em {\n font-style: normal;\n color: var(--gold);\n }\n\n .final-body {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(14px, 1.3vw, 16px);\n line-height: 2.4;\n color: rgba(245,240,232,0.75);\n font-weight: 300;\n letter-spacing: 0.03em;\n }\n\n .final-body p + p { margin-top: 1.8em; }\n\n .final-body .highlight {\n font-size: 1.05em;\n color: var(--parchment);\n border-left: 2px solid var(--gold);\n padding-left: 20px;\n margin: 36px 0;\n line-height: 2.4;\n display: block;\n letter-spacing: 0.05em;\n }\n\n \/* Animations *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.9s ease, transform 0.9s ease;\n }\n\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive *\/\n @media (max-width: 900px) {\n .hero { grid-template-columns: 1fr; min-height: auto; }\n .hero-right { min-height: 60vw; }\n .hero-left { padding: 60px 40px; border-right: none; border-bottom: 1px solid var(--rule-strong); }\n .hero-left::after { display: none; }\n .two-col, .final-two-col { grid-template-columns: 1fr; gap: 40px; }\n .col-label { position: static; }\n .duality-block { grid-template-columns: 1fr; }\n .duality-side:first-child { border-right: none; border-bottom: 1px solid var(--rule-strong); }\n .content-wrap { padding: 80px 32px; }\n .final-section { padding: 80px 32px; }\n .identity-grid { grid-template-columns: 1fr; }\n .identity-item:nth-child(odd) { border-right: none; padding-right: 0; }\n .identity-item:nth-child(even) { padding-left: 0; }\n .pull-quote { padding: 50px 24px; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"hero-left\">\n <p class=\"eyebrow\">About This Space<\/p>\n\n <h1 class=\"hero-title\">\u663c\u306f<br><em>\u5f01\u8b77\u58eb<\/em>\u3001<br>\u591c\u306f<br><em>\u601d\u7d22\u8005<\/em><\/h1>\n <p class=\"hero-subtitle\">Attorney by Day, Thinker by Night<\/p>\n\n <div class=\"identity-grid\">\n <div class=\"identity-item\">\n <div class=\"identity-label\">\u4ed5\u4e8b<\/div>\n <div class=\"identity-value\">\u91d1\u878d\u30fb\u4e0d\u52d5\u7523<br>\u5c02\u9580\u5f01\u8b77\u58eb<\/div>\n <\/div>\n <div class=\"identity-item\">\n <div class=\"identity-label\">\u591c\u306e\u7fd2\u6163<\/div>\n <div class=\"identity-value\">Hi-Fi\u30aa\u30fc\u30c7\u30a3\u30aa\u30fb\u53e4\u3044\u672c<\/div>\n <\/div>\n <div class=\"identity-item\">\n <div class=\"identity-label\">\u3053\u306e\u5834\u6240\u306f<\/div>\n <div class=\"identity-value\">\u8868\u5c64\u306e\u88cf\u5074\u3092<br>\u8a18\u3059\u305f\u3081\u306e\u5834\u6240<\/div>\n <\/div>\n <div class=\"identity-item\">\n <div class=\"identity-label\">\u95a2\u5fc3<\/div>\n <div class=\"identity-value\">\u4eba\u9593\u3089\u3057\u3055\u306e<br>\u3042\u308a\u304b<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\">\n <div class=\"hero-right-inner\">\n <div class=\"deco-ring\"><\/div>\n <div class=\"deco-ring\"><\/div>\n <div class=\"deco-ring\"><\/div>\n <div class=\"deco-line-v\"><\/div>\n <div class=\"deco-line-h\"><\/div>\n\n <div class=\"center-quote\">\n <span class=\"q-mark\">\u300c<\/span>\n <p>\u5b8c\u74a7\u3067\u306a\u3044\u304b\u3089<br>\u3053\u305d\u4eba\u9593\u3067\u3042\u308b\u2014\u2014<br>\u305d\u306e\u3053\u3068\u306b\u3064\u3044\u3066<br>\u66f8\u3044\u3066\u3044\u307e\u3059<\/p>\n <p class=\"attr\">On Being Human<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"content-wrap\">\n\n \n <div class=\"reveal\">\n <div class=\"section-divider\">\n <div class=\"rule\"><\/div>\n <span class=\"label\">01 \u2014 \u663c\u306e\u4e16\u754c<\/span>\n <div class=\"rule flip\"><\/div>\n <\/div>\n\n <div class=\"two-col\">\n <div class=\"col-label\">\n <div class=\"chapter-num\">01<\/div>\n <h2 class=\"chapter-title\">\u5951\u7d04\u66f8\u304c<br>\u8a9e\u3089\u306a\u3044<br><em>\u3082\u306e<\/em><\/h2>\n <p class=\"chapter-sub\">Beyond the Contract<\/p>\n <\/div>\n\n <div class=\"body-text\">\n <p>\u663c\u9593\u306f\u3001\u91d1\u878d\u3068\u4e0d\u52d5\u7523\u3092\u5c02\u9580\u3068\u3059\u308b\u5f01\u8b77\u58eb\u3068\u3057\u3066\u50cd\u3044\u3066\u3044\u307e\u3059\u3002\u6570\u5b57\u3068\u5951\u7d04\u66f8\u306e\u306a\u304b\u306b\u6b63\u78ba\u306a\u7b54\u3048\u3092\u63a2\u3059\u4ed5\u4e8b\u3067\u3059\u3002\u3051\u308c\u3069\u3001\u305d\u306e\u6ed1\u3089\u304b\u306a\u8868\u9762\u3092\u3058\u3063\u3068\u898b\u3064\u3081\u3066\u3044\u308b\u3068\u3001\u3044\u3064\u3082\u5225\u306e\u3082\u306e\u304c\u76ee\u306b\u5f15\u3063\u304b\u304b\u308a\u307e\u3059\u3002<\/p>\n\n <span class=\"highlight\">\u6cd5\u5f8b\u3067\u306f\u6e2c\u308a\u304d\u308c\u306a\u3044\u3001\u4eba\u9593\u306e\u751f\u306e\u51f9\u51f8\u3002\u6761\u6587\u306e\u5916\u306b\u5e83\u304c\u308b\u4e16\u754c\u306e\u307b\u3046\u304c\u3001\u305a\u3063\u3068\u5e83\u3044\u306e\u3060\u3068\u611f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/span>\n\n <p>\u898f\u5247\u3068\u8cc7\u672c\u306e\u8ad6\u7406\u3060\u3051\u3067\u306f\u8aac\u660e\u3067\u304d\u306a\u3044\u5834\u9762\u306b\u51fa\u4f1a\u3046\u305f\u3073\u306b\u3001\u79c1\u306f\u6cd5\u306e\u5916\u306e\u4e16\u754c\u3092\u3001\u9759\u304b\u306b\u3001\u3057\u304b\u3057\u5207\u5b9f\u306b\u6c42\u3081\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"pull-quote reveal\">\n <p>\u300c\u6cd5\u306f\u7b54\u3048\u3092\u51fa\u3059\u3002<br>\u3067\u3082\u79c1\u306f\u3001\u554f\u3044\u304c\u3053\u307c\u3057\u305f\u3082\u306e\u3092<br>\u8ffd\u3044\u304b\u3051\u3064\u3065\u3051\u3066\u3044\u308b\u300d<\/p>\n <\/div>\n\n \n <div class=\"duality-block reveal\">\n <div class=\"duality-side\">\n <span class=\"deco-icon\" style=\"font-size:32px;margin-bottom:28px;display:block;opacity:0.7;\">\u263e<\/span>\n <p class=\"duality-head\">\u591c<\/p>\n <h3 class=\"duality-title\">\u7ba1\u7403\u306e\u706f\u308a\u306e\u4e0b\u3067\u3001<br>\u97f3\u697d\u3068\u672c<\/h3>\n <p class=\"duality-desc\">\u4ed5\u4e8b\u304c\u7d42\u308f\u308b\u3068\u3001\u30a2\u30f3\u30d7\u306b\u706b\u3092\u5165\u308c\u3066\u30ec\u30b3\u30fc\u30c9\u3092\u304b\u3051\u3001\u672c\u3092\u958b\u304d\u307e\u3059\u3002\u6b63\u89e3\u3092\u6c42\u3081\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u300c\u512a\u96c5\u306a\u8aa4\u89e3\u300d\u3092\u62fe\u3044\u96c6\u3081\u308b\u6642\u9593\u3067\u3059\u3002\u9759\u304b\u3067\u3001\u5c11\u3057\u3060\u3051\u7121\u99c4\u306a\u591c\u304c\u597d\u304d\u3067\u3059\u3002<\/p>\n <div class=\"duality-tags\">\n <span class=\"tag\">Hi-Fi Audio<\/span>\n <span class=\"tag\">\u97f3\u697d<\/span>\n <span class=\"tag\">\u8aad\u66f8<\/span>\n <\/div>\n <\/div>\n <div class=\"duality-side\">\n <span class=\"deco-icon\" style=\"font-size:32px;margin-bottom:28px;display:block;opacity:0.7;\">\u2600<\/span>\n <p class=\"duality-head\">\u663c<\/p>\n <h3 class=\"duality-title\">\u6570\u5b57\u3068\u6761\u9805\u3001<br>\u305d\u3057\u3066\u4eba\u9593<\/h3>\n <p class=\"duality-desc\">\u91d1\u878d\u30fb\u4e0d\u52d5\u7523\u306e\u5206\u91ce\u3067\u4ed5\u4e8b\u3092\u3057\u3066\u3044\u307e\u3059\u3002\u6574\u7136\u3068\u3057\u305f\u53d6\u5f15\u306e\u88cf\u5074\u306b\u3001\u5fc5\u305a\u4eba\u304c\u3044\u307e\u3059\u3002\u6b32\u671b\u3084\u6050\u308c\u3001\u3069\u3093\u306a\u5951\u7d04\u66f8\u306b\u3082\u53ce\u307e\u3089\u306a\u3044\u611f\u60c5\u304c\u3002\u305d\u308c\u3092\u3001\u6bce\u65e5\u898b\u3066\u3044\u307e\u3059\u3002<\/p>\n <div class=\"duality-tags\">\n <span class=\"tag\">\u91d1\u878d\u6cd5<\/span>\n <span class=\"tag\">\u4e0d\u52d5\u7523<\/span>\n <span class=\"tag\">\u5951\u7d04<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal\">\n <div class=\"section-divider\">\n <div class=\"rule\"><\/div>\n <span class=\"label\">02 \u2014 \u4eba\u9593\u306b\u3064\u3044\u3066<\/span>\n <div class=\"rule flip\"><\/div>\n <\/div>\n\n <div class=\"two-col\">\n <div class=\"col-label\">\n <div class=\"chapter-num\">02<\/div>\n <h2 class=\"chapter-title\">\u304d\u3057\u3080\u97f3\u304c\u3001<br><em>\u597d\u304d<\/em>\u3067\u3059<\/h2>\n <p class=\"chapter-sub\">The Imperfect Human<\/p>\n <\/div>\n\n <div class=\"body-text\">\n <p>\u3042\u3089\u3086\u308b\u3082\u306e\u304c\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u3067\u6700\u9069\u5316\u3055\u308c\u308b\u6642\u4ee3\u3067\u3059\u30020\u30681\u3067\u8aac\u660e\u3067\u304d\u306a\u3044\u3082\u306e\u306f\u3001\u9759\u304b\u306b\u9685\u306b\u8ffd\u3044\u3084\u3089\u308c\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n <span class=\"highlight\">\u305d\u306e\u304d\u308c\u3044\u3067\u51b7\u305f\u3044\u4e16\u754c\u306e\u306a\u304b\u3067\u3001\u79c1\u306f\u3080\u3057\u308d\u3001\u4eba\u9593\u306b\u3057\u304b\u51fa\u305b\u306a\u3044\u96d1\u97f3\u304c\u597d\u304d\u3067\u3059\u3002\u5931\u6557\u3001\u6e29\u3082\u308a\u3001\u5076\u7136\u3001\u3086\u3063\u304f\u308a\u3057\u305f\u901f\u5ea6\u3002<\/span>\n\n <p>\u52b9\u7387\u304c\u7f8e\u5fb3\u3068\u3055\u308c\u308b\u6642\u4ee3\u3067\u3042\u308c\u3070\u3042\u308b\u307b\u3069\u3001\u8ad6\u7406\u304c\u6355\u307e\u3048\u305d\u3053\u306d\u308b\u3082\u306e\u305f\u3061\u304c\u2014\u2014\u4eba\u306e\u6e29\u304b\u3055\u3001\u8aa4\u89e3\u3001\u7f8e\u3057\u3044\u975e\u52b9\u7387\u304c\u2014\u2014\u3088\u308a\u5927\u5207\u306b\u601d\u3048\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n\n<section class=\"final-section\">\n <div class=\"final-inner\">\n\n <div class=\"section-divider reveal\">\n <div class=\"rule\"><\/div>\n <span class=\"label\" style=\"color:var(--gold);\">03 \u2014 \u3053\u306e\u5834\u6240\u306b\u3064\u3044\u3066<\/span>\n <div class=\"rule flip\"><\/div>\n <\/div>\n\n <div class=\"final-two-col reveal\">\n <div class=\"col-label\">\n <div class=\"chapter-num\" style=\"color:rgba(184,154,106,0.08);\">03<\/div>\n <h2 class=\"final-chapter-title\">\u901f\u5ea6\u304b\u3089<br>\u4e00\u6b69\u3001<br><em>\u5916\u308c\u305f\u5834\u6240<\/em><\/h2>\n <p style=\"color:var(--gold-light); font-family:'Cormorant Garamond',serif; font-style:italic; font-size:13px;\">A Step Aside<\/p>\n <\/div>\n\n <div class=\"final-body\">\n <p>\u4e16\u754c\u304c\u901f\u304f\u8d70\u308c\u3070\u8d70\u308b\u307b\u3069\u3001\u79c1\u306f\u4e00\u6b69\u6a2a\u306b\u5916\u308c\u3066\u3001\u7acb\u3061\u6b62\u307e\u308a\u305f\u304f\u306a\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u6240\u306f\u3001\u305d\u3046\u3057\u305f\u885d\u52d5\u304b\u3089\u751f\u307e\u308c\u307e\u3057\u305f\u3002<\/p>\n\n <span class=\"highlight\">\u30b7\u30b9\u30c6\u30e0\u306e\u88cf\u306b\u96a0\u308c\u3066\u3044\u308b\u3082\u306e\u3001\u8ad6\u7406\u3067\u306f\u7ffb\u8a33\u3057\u304d\u308c\u306a\u3044\u3082\u306e\u3002\u4e0d\u5668\u7528\u3060\u3051\u308c\u3069\u3001\u672c\u7269\u3067\u3042\u308b\u3082\u306e\u306b\u3064\u3044\u3066\u66f8\u3044\u3066\u3044\u307e\u3059\u3002<\/span>\n\n <p>\u5b8c\u74a7\u3067\u306a\u3044\u304b\u3089\u3053\u305d\u3001\u4eba\u9593\u3067\u3042\u308b\u3002\u305d\u306e\u3053\u3068\u306e\u8a18\u9332\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\n\n reveals.forEach(el => observer.observe(el));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>About About This Spa […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2561","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/pages\/2561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/comments?post=2561"}],"version-history":[{"count":0,"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/pages\/2561\/revisions"}],"wp:attachment":[{"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/media?parent=2561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2561,"date":"2026-04-28T18:59:00","date_gmt":"2026-04-28T09:59:00","guid":{"rendered":"https:\/\/kevinslab.com\/about\/"},"modified":"2026-05-13T16:45:24","modified_gmt":"2026-05-13T07:45:24","slug":"about","status":"publish","type":"page","link":"https:\/\/kevinslab.com\/ja\/about\/","title":{"rendered":"About"},"content":{"rendered":"\n\n\n\n \n \n About<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Noto+Serif+JP:wght@200;300;400&family=Noto+Sans+JP:wght@300&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --ink: #1a1714;\n --parchment: #f5f0e8;\n --warm-mid: #8c7b6b;\n --gold: #b89a6a;\n --gold-light: #d4bc96;\n --rule: rgba(140, 123, 107, 0.25);\n --rule-strong: rgba(184, 154, 106, 0.5);\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n background-color: var(--parchment);\n color: var(--ink);\n font-family: 'Noto Serif JP', serif;\n font-weight: 300;\n line-height: 1;\n overflow-x: hidden;\n }\n\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 999;\n opacity: 0.6;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n position: relative;\n }\n\n .hero-left {\n padding: 80px 60px 80px 80px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n position: relative;\n border-right: 1px solid var(--rule-strong);\n }\n\n .hero-left::after {\n content: '';\n position: absolute;\n right: -1px;\n top: 15%;\n height: 70%;\n width: 2px;\n background: linear-gradient(to bottom, transparent, var(--gold), transparent);\n }\n\n .eyebrow {\n font-family: 'Cormorant Garamond', serif;\n font-size: 10px;\n letter-spacing: 0.4em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 48px;\n opacity: 0;\n animation: fadeUp 1s ease forwards 0.3s;\n }\n\n .hero-title {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(44px, 5.5vw, 82px);\n font-weight: 200;\n line-height: 1.15;\n letter-spacing: 0.05em;\n color: var(--ink);\n margin-bottom: 20px;\n opacity: 0;\n animation: fadeUp 1s ease forwards 0.5s;\n }\n\n .hero-title em {\n font-style: normal;\n color: var(--gold);\n }\n\n .hero-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(13px, 1.4vw, 18px);\n font-weight: 300;\n font-style: italic;\n color: var(--warm-mid);\n line-height: 1.7;\n margin-bottom: 56px;\n opacity: 0;\n animation: fadeUp 1s ease forwards 0.7s;\n }\n\n .identity-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n border-top: 1px solid var(--rule);\n opacity: 0;\n animation: fadeUp 1s ease forwards 0.9s;\n }\n\n .identity-item {\n padding: 24px 0;\n border-bottom: 1px solid var(--rule);\n }\n\n .identity-item:nth-child(odd) {\n border-right: 1px solid var(--rule);\n padding-right: 24px;\n }\n\n .identity-item:nth-child(even) {\n padding-left: 24px;\n }\n\n .identity-label {\n font-family: 'Noto Sans JP', sans-serif;\n font-size: 9px;\n letter-spacing: 0.25em;\n color: var(--gold);\n margin-bottom: 8px;\n }\n\n .identity-value {\n font-family: 'Noto Serif JP', serif;\n font-size: 13px;\n color: var(--ink);\n line-height: 1.7;\n font-weight: 300;\n }\n\n .hero-right {\n position: relative;\n overflow: hidden;\n background: var(--ink);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hero-right-inner {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 60px 40px;\n }\n\n .deco-ring {\n position: absolute;\n border-radius: 50%;\n border: 1px solid rgba(184, 154, 106, 0.15);\n }\n\n .deco-ring:nth-child(1) { width: 500px; height: 500px; top: 50%; left: 50%; transform: translate(-50%, -50%); }\n .deco-ring:nth-child(2) { width: 380px; height: 380px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-color: rgba(184, 154, 106, 0.1); }\n .deco-ring:nth-child(3) { width: 260px; height: 260px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-color: rgba(184, 154, 106, 0.2); }\n\n .deco-line-v {\n position: absolute;\n width: 1px;\n height: 60%;\n left: 50%;\n top: 20%;\n background: linear-gradient(to bottom, transparent, rgba(184,154,106,0.3), transparent);\n }\n\n .deco-line-h {\n position: absolute;\n height: 1px;\n width: 60%;\n top: 50%;\n left: 20%;\n background: linear-gradient(to right, transparent, rgba(184,154,106,0.3), transparent);\n }\n\n .center-quote {\n position: relative;\n z-index: 2;\n text-align: center;\n }\n\n .center-quote .q-mark {\n font-family: 'Noto Serif JP', serif;\n font-size: 100px;\n line-height: 0.8;\n color: rgba(184,154,106,0.15);\n font-weight: 200;\n display: block;\n margin-bottom: 24px;\n }\n\n .center-quote p {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(16px, 1.8vw, 22px);\n color: rgba(245, 240, 232, 0.85);\n line-height: 2;\n max-width: 360px;\n font-weight: 200;\n letter-spacing: 0.05em;\n opacity: 0;\n animation: fadeUp 1.2s ease forwards 1.2s;\n }\n\n .center-quote .attr {\n margin-top: 28px;\n font-family: 'Cormorant Garamond', serif;\n font-size: 10px;\n letter-spacing: 0.4em;\n color: var(--gold);\n text-transform: uppercase;\n opacity: 0;\n animation: fadeUp 1s ease forwards 1.5s;\n }\n\n \/* \u2500\u2500 BODY \u2500\u2500 *\/\n .content-wrap {\n max-width: 1100px;\n margin: 0 auto;\n padding: 120px 60px;\n }\n\n .section-divider {\n display: flex;\n align-items: center;\n gap: 20px;\n margin-bottom: 70px;\n }\n\n .section-divider .rule {\n flex: 1;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--rule-strong));\n }\n\n .section-divider .rule.flip {\n background: linear-gradient(to left, transparent, var(--rule-strong));\n }\n\n .section-divider .label {\n font-family: 'Noto Sans JP', sans-serif;\n font-size: 9px;\n letter-spacing: 0.3em;\n color: var(--gold);\n white-space: nowrap;\n }\n\n .two-col {\n display: grid;\n grid-template-columns: 1fr 1.6fr;\n gap: 80px;\n align-items: start;\n }\n\n .col-label {\n position: sticky;\n top: 80px;\n }\n\n .chapter-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 100px;\n font-weight: 300;\n color: rgba(184,154,106,0.12);\n line-height: 1;\n margin-bottom: -10px;\n }\n\n .chapter-title {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(24px, 2.6vw, 38px);\n font-weight: 200;\n line-height: 1.5;\n letter-spacing: 0.05em;\n color: var(--ink);\n margin-bottom: 16px;\n }\n\n .chapter-title em {\n font-style: normal;\n color: var(--gold);\n }\n\n .chapter-sub {\n font-family: 'Cormorant Garamond', serif;\n font-style: italic;\n font-size: 13px;\n color: var(--warm-mid);\n letter-spacing: 0.05em;\n }\n\n .body-text {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(14px, 1.3vw, 16px);\n line-height: 2.4;\n color: #2e2a25;\n font-weight: 300;\n letter-spacing: 0.03em;\n }\n\n .body-text p + p { margin-top: 1.8em; }\n\n .body-text .highlight {\n font-weight: 300;\n font-size: 1.05em;\n color: var(--ink);\n border-left: 2px solid var(--gold);\n padding-left: 20px;\n margin: 36px 0;\n line-height: 2.4;\n display: block;\n letter-spacing: 0.05em;\n }\n\n \/* Pull quote *\/\n .pull-quote {\n margin: 100px 0;\n padding: 70px 60px;\n border-top: 1px solid var(--rule-strong);\n border-bottom: 1px solid var(--rule-strong);\n position: relative;\n text-align: center;\n }\n\n .pull-quote::before {\n content: '\u25c6';\n position: absolute;\n top: -8px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--parchment);\n padding: 0 16px;\n color: var(--gold);\n font-size: 10px;\n }\n\n .pull-quote::after {\n content: '\u25c6';\n position: absolute;\n bottom: -8px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--parchment);\n padding: 0 16px;\n color: var(--gold);\n font-size: 10px;\n }\n\n .pull-quote p {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(20px, 2.5vw, 34px);\n font-weight: 200;\n line-height: 1.9;\n color: var(--ink);\n max-width: 760px;\n margin: 0 auto;\n letter-spacing: 0.08em;\n }\n\n \/* Duality block *\/\n .duality-block {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n margin: 100px 0;\n border: 1px solid var(--rule-strong);\n }\n\n .duality-side {\n padding: 56px 48px;\n }\n\n .duality-side:first-child {\n border-right: 1px solid var(--rule-strong);\n background: var(--ink);\n color: var(--parchment);\n }\n\n .duality-icon {\n font-size: 32px;\n margin-bottom: 28px;\n display: block;\n opacity: 0.7;\n }\n\n .duality-head {\n font-family: 'Noto Sans JP', sans-serif;\n font-size: 9px;\n letter-spacing: 0.35em;\n margin-bottom: 16px;\n }\n\n .duality-side:first-child .duality-head { color: var(--gold-light); }\n .duality-side:last-child .duality-head { color: var(--gold); }\n\n .duality-title {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(20px, 2.2vw, 30px);\n font-weight: 200;\n line-height: 1.7;\n letter-spacing: 0.05em;\n margin-bottom: 24px;\n }\n\n .duality-side:first-child .duality-title { color: var(--parchment); }\n .duality-side:last-child .duality-title { color: var(--ink); }\n\n .duality-desc {\n font-family: 'Noto Serif JP', serif;\n font-size: 14px;\n line-height: 2.3;\n font-weight: 300;\n letter-spacing: 0.03em;\n }\n\n .duality-side:first-child .duality-desc { color: rgba(245,240,232,0.7); }\n .duality-side:last-child .duality-desc { color: var(--warm-mid); }\n\n .duality-tags {\n margin-top: 32px;\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .tag {\n font-family: 'Noto Sans JP', sans-serif;\n font-size: 9px;\n letter-spacing: 0.15em;\n padding: 5px 12px;\n border: 1px solid;\n }\n\n .duality-side:first-child .tag { border-color: rgba(184,154,106,0.4); color: var(--gold-light); }\n .duality-side:last-child .tag { border-color: rgba(140,123,107,0.4); color: var(--warm-mid); }\n\n \/* Final dark section *\/\n .final-section {\n background: var(--ink);\n color: var(--parchment);\n padding: 120px 60px;\n position: relative;\n overflow: hidden;\n }\n\n .final-section::before {\n content: 'ABOUT';\n position: absolute;\n font-family: 'Cormorant Garamond', serif;\n font-size: 200px;\n font-weight: 300;\n color: rgba(255,255,255,0.02);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n white-space: nowrap;\n pointer-events: none;\n letter-spacing: 0.1em;\n }\n\n .final-inner {\n max-width: 1100px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .final-inner .section-divider .rule {\n background: linear-gradient(to right, transparent, rgba(184,154,106,0.4));\n }\n\n .final-inner .section-divider .rule.flip {\n background: linear-gradient(to left, transparent, rgba(184,154,106,0.4));\n }\n\n .final-two-col {\n display: grid;\n grid-template-columns: 1fr 1.6fr;\n gap: 80px;\n align-items: start;\n }\n\n .final-chapter-title {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(24px, 2.6vw, 38px);\n font-weight: 200;\n line-height: 1.6;\n letter-spacing: 0.05em;\n color: var(--parchment);\n margin-bottom: 16px;\n }\n\n .final-chapter-title em {\n font-style: normal;\n color: var(--gold);\n }\n\n .final-body {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(14px, 1.3vw, 16px);\n line-height: 2.4;\n color: rgba(245,240,232,0.75);\n font-weight: 300;\n letter-spacing: 0.03em;\n }\n\n .final-body p + p { margin-top: 1.8em; }\n\n .final-body .highlight {\n font-size: 1.05em;\n color: var(--parchment);\n border-left: 2px solid var(--gold);\n padding-left: 20px;\n margin: 36px 0;\n line-height: 2.4;\n display: block;\n letter-spacing: 0.05em;\n }\n\n \/* Animations *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.9s ease, transform 0.9s ease;\n }\n\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive *\/\n @media (max-width: 900px) {\n .hero { grid-template-columns: 1fr; min-height: auto; }\n .hero-right { min-height: 60vw; }\n .hero-left { padding: 60px 40px; border-right: none; border-bottom: 1px solid var(--rule-strong); }\n .hero-left::after { display: none; }\n .two-col, .final-two-col { grid-template-columns: 1fr; gap: 40px; }\n .col-label { position: static; }\n .duality-block { grid-template-columns: 1fr; }\n .duality-side:first-child { border-right: none; border-bottom: 1px solid var(--rule-strong); }\n .content-wrap { padding: 80px 32px; }\n .final-section { padding: 80px 32px; }\n .identity-grid { grid-template-columns: 1fr; }\n .identity-item:nth-child(odd) { border-right: none; padding-right: 0; }\n .identity-item:nth-child(even) { padding-left: 0; }\n .pull-quote { padding: 50px 24px; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"hero-left\">\n <p class=\"eyebrow\">About This Space<\/p>\n\n <h1 class=\"hero-title\">\u663c\u306f<br><em>\u5f01\u8b77\u58eb<\/em>\u3001<br>\u591c\u306f<br><em>\u601d\u7d22\u8005<\/em><\/h1>\n <p class=\"hero-subtitle\">Attorney by Day, Thinker by Night<\/p>\n\n <div class=\"identity-grid\">\n <div class=\"identity-item\">\n <div class=\"identity-label\">\u4ed5\u4e8b<\/div>\n <div class=\"identity-value\">\u91d1\u878d\u30fb\u4e0d\u52d5\u7523<br>\u5c02\u9580\u5f01\u8b77\u58eb<\/div>\n <\/div>\n <div class=\"identity-item\">\n <div class=\"identity-label\">\u591c\u306e\u7fd2\u6163<\/div>\n <div class=\"identity-value\">Hi-Fi\u30aa\u30fc\u30c7\u30a3\u30aa\u30fb\u53e4\u3044\u672c<\/div>\n <\/div>\n <div class=\"identity-item\">\n <div class=\"identity-label\">\u3053\u306e\u5834\u6240\u306f<\/div>\n <div class=\"identity-value\">\u8868\u5c64\u306e\u88cf\u5074\u3092<br>\u8a18\u3059\u305f\u3081\u306e\u5834\u6240<\/div>\n <\/div>\n <div class=\"identity-item\">\n <div class=\"identity-label\">\u95a2\u5fc3<\/div>\n <div class=\"identity-value\">\u4eba\u9593\u3089\u3057\u3055\u306e<br>\u3042\u308a\u304b<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\">\n <div class=\"hero-right-inner\">\n <div class=\"deco-ring\"><\/div>\n <div class=\"deco-ring\"><\/div>\n <div class=\"deco-ring\"><\/div>\n <div class=\"deco-line-v\"><\/div>\n <div class=\"deco-line-h\"><\/div>\n\n <div class=\"center-quote\">\n <span class=\"q-mark\">\u300c<\/span>\n <p>\u5b8c\u74a7\u3067\u306a\u3044\u304b\u3089<br>\u3053\u305d\u4eba\u9593\u3067\u3042\u308b\u2014\u2014<br>\u305d\u306e\u3053\u3068\u306b\u3064\u3044\u3066<br>\u66f8\u3044\u3066\u3044\u307e\u3059<\/p>\n <p class=\"attr\">On Being Human<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"content-wrap\">\n\n \n <div class=\"reveal\">\n <div class=\"section-divider\">\n <div class=\"rule\"><\/div>\n <span class=\"label\">01 \u2014 \u663c\u306e\u4e16\u754c<\/span>\n <div class=\"rule flip\"><\/div>\n <\/div>\n\n <div class=\"two-col\">\n <div class=\"col-label\">\n <div class=\"chapter-num\">01<\/div>\n <h2 class=\"chapter-title\">\u5951\u7d04\u66f8\u304c<br>\u8a9e\u3089\u306a\u3044<br><em>\u3082\u306e<\/em><\/h2>\n <p class=\"chapter-sub\">Beyond the Contract<\/p>\n <\/div>\n\n <div class=\"body-text\">\n <p>\u663c\u9593\u306f\u3001\u91d1\u878d\u3068\u4e0d\u52d5\u7523\u3092\u5c02\u9580\u3068\u3059\u308b\u5f01\u8b77\u58eb\u3068\u3057\u3066\u50cd\u3044\u3066\u3044\u307e\u3059\u3002\u6570\u5b57\u3068\u5951\u7d04\u66f8\u306e\u306a\u304b\u306b\u6b63\u78ba\u306a\u7b54\u3048\u3092\u63a2\u3059\u4ed5\u4e8b\u3067\u3059\u3002\u3051\u308c\u3069\u3001\u305d\u306e\u6ed1\u3089\u304b\u306a\u8868\u9762\u3092\u3058\u3063\u3068\u898b\u3064\u3081\u3066\u3044\u308b\u3068\u3001\u3044\u3064\u3082\u5225\u306e\u3082\u306e\u304c\u76ee\u306b\u5f15\u3063\u304b\u304b\u308a\u307e\u3059\u3002<\/p>\n\n <span class=\"highlight\">\u6cd5\u5f8b\u3067\u306f\u6e2c\u308a\u304d\u308c\u306a\u3044\u3001\u4eba\u9593\u306e\u751f\u306e\u51f9\u51f8\u3002\u6761\u6587\u306e\u5916\u306b\u5e83\u304c\u308b\u4e16\u754c\u306e\u307b\u3046\u304c\u3001\u305a\u3063\u3068\u5e83\u3044\u306e\u3060\u3068\u611f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/span>\n\n <p>\u898f\u5247\u3068\u8cc7\u672c\u306e\u8ad6\u7406\u3060\u3051\u3067\u306f\u8aac\u660e\u3067\u304d\u306a\u3044\u5834\u9762\u306b\u51fa\u4f1a\u3046\u305f\u3073\u306b\u3001\u79c1\u306f\u6cd5\u306e\u5916\u306e\u4e16\u754c\u3092\u3001\u9759\u304b\u306b\u3001\u3057\u304b\u3057\u5207\u5b9f\u306b\u6c42\u3081\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"pull-quote reveal\">\n <p>\u300c\u6cd5\u306f\u7b54\u3048\u3092\u51fa\u3059\u3002<br>\u3067\u3082\u79c1\u306f\u3001\u554f\u3044\u304c\u3053\u307c\u3057\u305f\u3082\u306e\u3092<br>\u8ffd\u3044\u304b\u3051\u3064\u3065\u3051\u3066\u3044\u308b\u300d<\/p>\n <\/div>\n\n \n <div class=\"duality-block reveal\">\n <div class=\"duality-side\">\n <span class=\"deco-icon\" style=\"font-size:32px;margin-bottom:28px;display:block;opacity:0.7;\">\u263e<\/span>\n <p class=\"duality-head\">\u591c<\/p>\n <h3 class=\"duality-title\">\u7ba1\u7403\u306e\u706f\u308a\u306e\u4e0b\u3067\u3001<br>\u97f3\u697d\u3068\u672c<\/h3>\n <p class=\"duality-desc\">\u4ed5\u4e8b\u304c\u7d42\u308f\u308b\u3068\u3001\u30a2\u30f3\u30d7\u306b\u706b\u3092\u5165\u308c\u3066\u30ec\u30b3\u30fc\u30c9\u3092\u304b\u3051\u3001\u672c\u3092\u958b\u304d\u307e\u3059\u3002\u6b63\u89e3\u3092\u6c42\u3081\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u300c\u512a\u96c5\u306a\u8aa4\u89e3\u300d\u3092\u62fe\u3044\u96c6\u3081\u308b\u6642\u9593\u3067\u3059\u3002\u9759\u304b\u3067\u3001\u5c11\u3057\u3060\u3051\u7121\u99c4\u306a\u591c\u304c\u597d\u304d\u3067\u3059\u3002<\/p>\n <div class=\"duality-tags\">\n <span class=\"tag\">Hi-Fi Audio<\/span>\n <span class=\"tag\">\u97f3\u697d<\/span>\n <span class=\"tag\">\u8aad\u66f8<\/span>\n <\/div>\n <\/div>\n <div class=\"duality-side\">\n <span class=\"deco-icon\" style=\"font-size:32px;margin-bottom:28px;display:block;opacity:0.7;\">\u2600<\/span>\n <p class=\"duality-head\">\u663c<\/p>\n <h3 class=\"duality-title\">\u6570\u5b57\u3068\u6761\u9805\u3001<br>\u305d\u3057\u3066\u4eba\u9593<\/h3>\n <p class=\"duality-desc\">\u91d1\u878d\u30fb\u4e0d\u52d5\u7523\u306e\u5206\u91ce\u3067\u4ed5\u4e8b\u3092\u3057\u3066\u3044\u307e\u3059\u3002\u6574\u7136\u3068\u3057\u305f\u53d6\u5f15\u306e\u88cf\u5074\u306b\u3001\u5fc5\u305a\u4eba\u304c\u3044\u307e\u3059\u3002\u6b32\u671b\u3084\u6050\u308c\u3001\u3069\u3093\u306a\u5951\u7d04\u66f8\u306b\u3082\u53ce\u307e\u3089\u306a\u3044\u611f\u60c5\u304c\u3002\u305d\u308c\u3092\u3001\u6bce\u65e5\u898b\u3066\u3044\u307e\u3059\u3002<\/p>\n <div class=\"duality-tags\">\n <span class=\"tag\">\u91d1\u878d\u6cd5<\/span>\n <span class=\"tag\">\u4e0d\u52d5\u7523<\/span>\n <span class=\"tag\">\u5951\u7d04<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal\">\n <div class=\"section-divider\">\n <div class=\"rule\"><\/div>\n <span class=\"label\">02 \u2014 \u4eba\u9593\u306b\u3064\u3044\u3066<\/span>\n <div class=\"rule flip\"><\/div>\n <\/div>\n\n <div class=\"two-col\">\n <div class=\"col-label\">\n <div class=\"chapter-num\">02<\/div>\n <h2 class=\"chapter-title\">\u304d\u3057\u3080\u97f3\u304c\u3001<br><em>\u597d\u304d<\/em>\u3067\u3059<\/h2>\n <p class=\"chapter-sub\">The Imperfect Human<\/p>\n <\/div>\n\n <div class=\"body-text\">\n <p>\u3042\u3089\u3086\u308b\u3082\u306e\u304c\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u3067\u6700\u9069\u5316\u3055\u308c\u308b\u6642\u4ee3\u3067\u3059\u30020\u30681\u3067\u8aac\u660e\u3067\u304d\u306a\u3044\u3082\u306e\u306f\u3001\u9759\u304b\u306b\u9685\u306b\u8ffd\u3044\u3084\u3089\u308c\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n <span class=\"highlight\">\u305d\u306e\u304d\u308c\u3044\u3067\u51b7\u305f\u3044\u4e16\u754c\u306e\u306a\u304b\u3067\u3001\u79c1\u306f\u3080\u3057\u308d\u3001\u4eba\u9593\u306b\u3057\u304b\u51fa\u305b\u306a\u3044\u96d1\u97f3\u304c\u597d\u304d\u3067\u3059\u3002\u5931\u6557\u3001\u6e29\u3082\u308a\u3001\u5076\u7136\u3001\u3086\u3063\u304f\u308a\u3057\u305f\u901f\u5ea6\u3002<\/span>\n\n <p>\u52b9\u7387\u304c\u7f8e\u5fb3\u3068\u3055\u308c\u308b\u6642\u4ee3\u3067\u3042\u308c\u3070\u3042\u308b\u307b\u3069\u3001\u8ad6\u7406\u304c\u6355\u307e\u3048\u305d\u3053\u306d\u308b\u3082\u306e\u305f\u3061\u304c\u2014\u2014\u4eba\u306e\u6e29\u304b\u3055\u3001\u8aa4\u89e3\u3001\u7f8e\u3057\u3044\u975e\u52b9\u7387\u304c\u2014\u2014\u3088\u308a\u5927\u5207\u306b\u601d\u3048\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n\n<section class=\"final-section\">\n <div class=\"final-inner\">\n\n <div class=\"section-divider reveal\">\n <div class=\"rule\"><\/div>\n <span class=\"label\" style=\"color:var(--gold);\">03 \u2014 \u3053\u306e\u5834\u6240\u306b\u3064\u3044\u3066<\/span>\n <div class=\"rule flip\"><\/div>\n <\/div>\n\n <div class=\"final-two-col reveal\">\n <div class=\"col-label\">\n <div class=\"chapter-num\" style=\"color:rgba(184,154,106,0.08);\">03<\/div>\n <h2 class=\"final-chapter-title\">\u901f\u5ea6\u304b\u3089<br>\u4e00\u6b69\u3001<br><em>\u5916\u308c\u305f\u5834\u6240<\/em><\/h2>\n <p style=\"color:var(--gold-light); font-family:'Cormorant Garamond',serif; font-style:italic; font-size:13px;\">A Step Aside<\/p>\n <\/div>\n\n <div class=\"final-body\">\n <p>\u4e16\u754c\u304c\u901f\u304f\u8d70\u308c\u3070\u8d70\u308b\u307b\u3069\u3001\u79c1\u306f\u4e00\u6b69\u6a2a\u306b\u5916\u308c\u3066\u3001\u7acb\u3061\u6b62\u307e\u308a\u305f\u304f\u306a\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u6240\u306f\u3001\u305d\u3046\u3057\u305f\u885d\u52d5\u304b\u3089\u751f\u307e\u308c\u307e\u3057\u305f\u3002<\/p>\n\n <span class=\"highlight\">\u30b7\u30b9\u30c6\u30e0\u306e\u88cf\u306b\u96a0\u308c\u3066\u3044\u308b\u3082\u306e\u3001\u8ad6\u7406\u3067\u306f\u7ffb\u8a33\u3057\u304d\u308c\u306a\u3044\u3082\u306e\u3002\u4e0d\u5668\u7528\u3060\u3051\u308c\u3069\u3001\u672c\u7269\u3067\u3042\u308b\u3082\u306e\u306b\u3064\u3044\u3066\u66f8\u3044\u3066\u3044\u307e\u3059\u3002<\/span>\n\n <p>\u5b8c\u74a7\u3067\u306a\u3044\u304b\u3089\u3053\u305d\u3001\u4eba\u9593\u3067\u3042\u308b\u3002\u305d\u306e\u3053\u3068\u306e\u8a18\u9332\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\n\n reveals.forEach(el => observer.observe(el));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>About About This Spa […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2561","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/pages\/2561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/comments?post=2561"}],"version-history":[{"count":0,"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/pages\/2561\/revisions"}],"wp:attachment":[{"href":"https:\/\/kevinslab.com\/ja\/wp-json\/wp\/v2\/media?parent=2561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}