:root{--paper:#f7f6f2;--ink:#2e302d;--brass:#94835e;--muted:#767770;--line:#d9d8cf;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--brass);outline-offset:7px}.skip{position:fixed;top:-70px;left:24px;padding:15px;background:var(--ink);color:var(--paper);z-index:20}.skip:focus{top:12px}.masthead{position:fixed;top:0;left:0;width:100%;height:108px;padding:0 5.6%;display:flex;align-items:center;justify-content:space-between;z-index:10;background:var(--paper)}.wordmark{font-size:30px;letter-spacing:-1.5px;font-weight:500}.motion-button{display:flex;gap:11px;align-items:center;min-height:44px;border:0;background:none;padding:8px 0 8px 15px;font-size:12px;letter-spacing:1px;cursor:pointer;color:var(--muted)}.pause-icon{width:8px;height:11px;border-left:2px solid var(--brass);border-right:2px solid var(--brass)}.motion-button[aria-pressed="true"] .pause-icon{width:0;height:0;border:5px solid transparent;border-left:8px solid var(--brass);border-right:0}.story{position:relative;height:520svh}.stage{height:100svh;min-height:580px;position:sticky;top:0;overflow:hidden}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-label{position:absolute;left:5.6%;top:26%;display:flex;align-items:center;gap:13px;writing-mode:vertical-rl;font-size:10px;letter-spacing:1.8px;color:var(--muted)}.fine-rule{width:1px;height:38px;background:var(--brass)}.copy-area{position:absolute;left:13.5%;top:24%;width:61%;height:56%;pointer-events:none}.copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:0;transform:translateY(18px);will-change:opacity,transform;pointer-events:none}.copy.active{pointer-events:auto}.eyebrow{display:block;font-size:11px;letter-spacing:2.1px;line-height:1.7;color:var(--brass);margin-bottom:30px}.hero-name{font-size:clamp(90px,10vw,160px);letter-spacing:-.072em;line-height:1.08;margin-left:-.05em;margin-bottom:29px;font-weight:400}h1,h2,p{margin:0}h1{font-size:clamp(22px,2.15vw,35px);font-weight:400;line-height:1.8;letter-spacing:.055em}h2{font-size:clamp(29px,3.1vw,48px);line-height:1.7;letter-spacing:.05em;font-weight:400}.annotation{font-size:15px;line-height:2.15;letter-spacing:.08em;color:var(--muted);margin-top:28px}.brass-text{color:var(--brass)}.mobile-break{display:none}.scene-footer{position:absolute;bottom:42px;left:5.6%;right:5.6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;letter-spacing:1.3px;color:var(--muted)}.scroll-prompt{display:flex;gap:17px;align-items:center;min-width:230px}.scroll-stem{height:30px;width:1px;background:var(--line);position:relative;overflow:hidden}.scroll-stem:after{content:"";position:absolute;height:14px;width:1px;background:var(--brass);top:0;animation:scroll-line 2.4s ease-in-out infinite}@keyframes scroll-line{from{transform:translateY(-16px)}to{transform:translateY(32px)}}body.motion-paused .scroll-stem:after{animation-play-state:paused}.chapter-nav{display:flex;gap:18px;align-items:center}.chapter-nav button{font-size:12px;letter-spacing:1px;border:0;background:transparent;cursor:pointer;min-width:32px;min-height:44px}.progress-track{height:1px;width:110px;background:var(--line)}#progress{display:block;height:1px;width:0;background:var(--brass)}.scene-caption{min-width:230px;text-align:right;font-size:12px;letter-spacing:1.2px}.text-link{display:flex;align-items:center;gap:25px;font-size:14px;margin-top:40px;padding:8px 0;pointer-events:auto}.small-line{display:inline-block;width:28px;height:1px;background:var(--brass);transition:width .25s}.text-link:hover .small-line,.back-top:hover .small-line{width:44px}.philosophy{position:relative;background:var(--paper);padding:120px 13.5% 65px;border-top:1px solid var(--line)}.philosophy-label{display:flex;justify-content:space-between;gap:20px;margin-bottom:55px}.philosophy-label .eyebrow{margin:0}.section-number{font-size:10px;letter-spacing:1.5px;color:var(--muted);line-height:1.7}.philosophy-content{display:grid;grid-template-columns:1fr 1fr;gap:8%}.philosophy h2{font-size:40px;line-height:1.65}.philosophy-body p{font-size:16px;line-height:2.1;letter-spacing:.035em;margin:0 0 25px}.philosophy-body .origin{font-size:18px;letter-spacing:0;margin-bottom:28px}.origin span{font-family:Georgia,serif;font-style:italic;font-size:14px;margin:0 5px;color:var(--muted)}.meaning{display:flex;gap:32px;align-items:center;justify-content:flex-end;margin-top:64px;padding-top:28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.meaning>span{display:flex;align-items:center;gap:6px}.meaning-equals{opacity:.6}.legend-hex{font-size:20px;line-height:1;font-style:normal;color:var(--brass)}.legend-bee{display:inline-block;width:8px;height:4px;border-radius:50%;background:var(--ink);transform:rotate(-25deg);margin-right:4px}.site-footer{display:flex;align-items:center;justify-content:space-between;margin:0 5.6%;padding:38px 0;border-top:1px solid var(--line)}.site-footer>span{font-size:11px;color:var(--muted);letter-spacing:1px}.back-top{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:1.5px;min-height:44px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.copy-area{left:16%}.philosophy{padding-left:16%;padding-right:16%}}
@media(max-width:760px){.masthead{height:80px;padding:0 7%}.wordmark{font-size:27px}.motion-button{font-size:11px}.story{height:480svh}.stage{min-height:560px}.scene-label{left:7%;top:113px;writing-mode:horizontal-tb;font-size:9px;gap:10px}.fine-rule{width:22px;height:1px}.copy-area{left:10%;top:17%;width:84%;height:38%}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:19px}.hero-name{font-size:100px;margin-bottom:21px}h1{font-size:22px;line-height:1.85;letter-spacing:.02em}h2{font-size:27px;line-height:1.8;letter-spacing:.025em}.annotation{font-size:14px;margin-top:18px;line-height:1.9}.mobile-break{display:block}.desktop-break{display:none}.scene-footer{left:7%;right:7%;bottom:22px;gap:15px}.scroll-prompt{font-size:8px;min-width:0;gap:9px;letter-spacing:1px}.scroll-stem{height:24px}.scene-caption{display:none}.chapter-nav{gap:6px}.progress-track{width:58px}.chapter-nav button{font-size:10px;min-width:28px}.text-link{font-size:13px;margin-top:22px}.philosophy{padding:76px 9% 40px}.philosophy-label{margin-bottom:38px}.section-number{display:none}.philosophy-content{grid-template-columns:1fr;gap:35px}.philosophy h2{font-size:32px}.philosophy-body p{font-size:15px}.philosophy-body .origin{font-size:17px}.meaning{justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px;font-size:12px}.site-footer{margin:0 7%;padding:25px 0}.site-footer .wordmark{font-size:24px}.back-top{font-size:9px;gap:10px}.back-top .small-line{width:17px}}
@media(max-height:650px) and (min-width:761px){.masthead{height:75px}.copy-area{top:19%;height:64%}.hero-name{font-size:95px;margin-bottom:15px}.eyebrow{margin-bottom:15px}.scene-footer{bottom:15px}.stage{min-height:500px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-stem:after{animation:none}.small-line{transition:none}}

/* Display the supplied upper-left brand artwork without redrawing its lettering.
   The original image stays intact; the viewport excludes the presentation board. */
.brand-logo{display:block;position:relative;width:100%;aspect-ratio:576/142;overflow:hidden;mix-blend-mode:multiply}
.brand-logo img{position:absolute;display:block;max-width:none;width:307.986111%;height:auto;left:-27.083333%;top:-83.098592%}
.wordmark{display:flex;align-items:center;width:2.65em;height:1.2em}
.hero-name{display:flex;align-items:center;width:2.65em;height:1.08em;flex:none}
.copy[data-scene="0"]{mix-blend-mode:multiply}
.stage{background:var(--paper)}

.services{padding:80px 13.5% 100px;background:var(--paper)}
.services-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:36px;border-top:1px solid var(--line);margin-bottom:50px}
.services-label .eyebrow{margin:0}
.services-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-bottom:70px}
.services-intro h2{font-size:clamp(28px,3vw,40px);line-height:1.65}
.services-intro>p{font-size:16px;line-height:2.1;letter-spacing:.035em;color:var(--muted)}
.service-row{display:grid;grid-template-columns:36px minmax(140px,.85fr) minmax(0,1.4fr);gap:24px;padding:44px 0 48px;border-top:1px solid var(--line)}
.service-number{font-size:12px;letter-spacing:1.5px;color:var(--brass);padding-top:3px}
.service-en{display:block;font-size:10px;letter-spacing:1.6px;line-height:1.7;color:var(--brass);margin-bottom:12px}
.service-title h3{font-size:24px;font-weight:400;letter-spacing:.04em;line-height:1.6;margin:0}
.service-body h4{font-size:21px;font-weight:400;line-height:1.85;letter-spacing:.035em;margin:0 0 20px}
.service-body>p{font-size:16px;line-height:2;letter-spacing:.025em;color:var(--muted);max-width:38em}
.service-body>p{line-break:strict;word-break:normal;text-wrap:pretty}
.service-details{list-style:none;padding:0;margin:25px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px}
.service-details li{font-size:13px;line-height:1.8;color:var(--muted);position:relative;padding-left:12px}
.service-details li:before{content:"";position:absolute;left:0;top:.85em;width:4px;height:1px;background:var(--brass)}
.services-closing{padding-top:42px;border-top:1px solid var(--line);font-size:19px;line-height:2;letter-spacing:.035em}
.services-closing span{font-size:15px;color:var(--muted)}
@media(min-width:1600px){.services{padding-left:16%;padding-right:16%}}
@media(max-width:760px){.services{padding:25px 9% 64px}.services-label{padding-top:28px;margin-bottom:38px}.services-intro{grid-template-columns:1fr;gap:24px;margin-bottom:45px}.services-intro h2{font-size:32px}.services-intro>p{font-size:16px}.service-row{grid-template-columns:24px minmax(0,1fr);gap:20px 14px;padding:30px 0 35px}.service-title h3{font-size:24px}.service-en{font-size:10px;margin-bottom:7px}.service-body{grid-column:2}.service-body h4{font-size:19px}.service-body>p{font-size:16px;line-height:2}.service-details{gap:6px 15px;margin-top:20px}.services-closing{font-size:16px;padding-top:30px}.services-closing span{font-size:14px}}


.services-closing .closing-phrase{display:inline-block;max-width:100%;font:inherit;color:inherit}
.service-example{margin-top:26px;padding-left:18px;border-left:1px solid var(--line)}
.service-example>span{display:block;margin-bottom:7px;color:var(--brass);font-size:12px;letter-spacing:.08em}
.service-example>p{font-size:16px;line-height:2;color:var(--muted);letter-spacing:.025em;line-break:strict;text-wrap:pretty}
.solution-example{padding:0 13.5% 100px;background:var(--paper)}
.solution-example>h2{font-size:clamp(26px,3vw,40px);line-height:1.65;margin-bottom:55px}
.example-intro,.example-custom{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.example-name{font-size:16px;letter-spacing:.025em;color:var(--brass);margin-bottom:15px}
.example-intro h3,.example-custom h3{font-size:clamp(23px,2.5vw,32px);font-weight:400;line-height:1.8;letter-spacing:.035em;margin:0}
.example-intro>p,.example-custom p{font-size:16px;line-height:2.1;letter-spacing:.025em;color:var(--muted);text-wrap:pretty;line-break:strict}
.example-visual{margin:46px 0 55px}
.example-visual img{display:block;width:100%;height:auto}
.example-visual figcaption{margin-top:14px;font-size:12px;line-height:1.8;color:var(--muted)}
.example-custom{border-top:1px solid var(--line);padding-top:36px}
.example-heading-part{display:inline-block;max-width:100%}
.example-term{white-space:nowrap}
.example-sentence{display:block}
.example-sentence+.example-sentence{margin-top:.65em}
.business-section{padding:0 13.5% 100px;background:var(--paper)}
.business-columns{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.business-columns h2{font-size:clamp(26px,3vw,40px);line-height:1.7}
.business-copy>p,.process-list p{font-size:16px;line-height:2.1;letter-spacing:.025em;color:var(--muted);text-wrap:pretty;line-break:strict}
.business-copy>p+p{margin-top:22px}
.business-copy h3{font-size:20px;line-height:1.9;font-weight:400;margin:0 0 22px}
.business-facts{margin:32px 0 0}
.business-facts>div{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.9}
.business-facts dt{color:var(--muted)}.business-facts dd{margin:0}
.process-list{list-style:none;padding:0;margin:0}
.process-list li{display:grid;grid-template-columns:28px 1fr;gap:15px;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}
.process-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.process-number{font-size:12px;letter-spacing:.08em;color:var(--brass);padding-top:7px}
.process-list h3{font-size:19px;font-weight:400;line-height:1.8;margin:0 0 10px}
.business-copy .contact-pending{margin-top:30px;padding:20px 0;border-top:1px solid var(--line);font-size:14px}
@media(min-width:1600px){.business-section{padding-left:16%;padding-right:16%}}
@media(max-width:760px){.business-section{padding:0 9% 64px}.business-columns{grid-template-columns:1fr;gap:28px}.business-columns h2{font-size:29px}.process-list h3{font-size:18px}.business-copy h3{font-size:19px}}
@media(min-width:1600px){.solution-example{padding-left:16%;padding-right:16%}}
@media(max-width:760px){.solution-example{padding:0 9% 64px}.solution-example>h2{font-size:26px;margin-bottom:36px}.example-intro,.example-custom{grid-template-columns:1fr;gap:24px}.example-intro h3,.example-custom h3{font-size:25px}.example-visual{margin:30px 0 36px}.example-custom{padding-top:28px}}


.support-note{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 22px}.practical-examples{margin-top:30px}.practical-label{font-size:13px;letter-spacing:.06em;color:var(--brass);margin-bottom:18px}.practical-examples dl{margin:0}.practical-case{padding:20px 0;border-top:1px solid var(--line)}.practical-case:last-child{padding-bottom:0}.practical-case dt{font-size:16px;line-height:1.9;letter-spacing:.02em}.practical-case dd{margin:10px 0 0;font-size:16px;line-height:2;color:var(--muted);text-wrap:pretty;line-break:strict}

/* Natural paragraph flow with short words and sentence endings kept together. */
.reading-unit{white-space:nowrap}
.philosophy-body p,.services-intro>p,.service-body>p,.practical-case dt,.practical-case dd,.business-copy>p,.process-list p,.example-sentence{line-break:strict;word-break:normal;overflow-wrap:break-word;text-wrap:pretty}
.business-columns h2,.business-copy h3,.process-list h3,.service-body h4,.example-intro h3,.example-custom h3{text-wrap:balance;line-break:strict}

/* Local editor: optional separate mobile line breaks. */
[data-editor-copy="mobile"]{display:none}@media(max-width:760px){[data-editor-copy="desktop"]{display:none}[data-editor-copy="mobile"]{display:inline}}

/* Clear section navigation and tangible examples. */
.site-nav{display:flex;gap:28px;margin-left:auto;margin-right:35px;align-items:center;font-size:14px}.site-nav a{display:flex;align-items:center;min-height:44px}.site-nav a:last-child{border-bottom:1px solid var(--brass)}
.deliverables{background:var(--paper);padding:0 13.5% 100px}.deliverables>h3{font-size:26px;font-weight:400;line-height:1.8;margin:0 0 16px}.deliverables-note{font-size:14px;color:var(--muted);line-height:2;max-width:48em}.deliverable-list{display:grid;grid-template-columns:1fr 1fr;gap:40px 8%;margin-top:34px}.deliverable{border-top:1px solid var(--line);padding-top:24px}.deliverable-label{color:var(--brass);font-size:14px}.deliverable h4{font-size:20px;font-weight:400;line-height:1.8;margin:12px 0 16px}.deliverable>p:not(.deliverable-label){font-size:16px;line-height:2;color:var(--muted)}.deliverable .deliverable-output{padding-top:18px;margin-top:20px;border-top:1px solid var(--line);font-size:14px!important}.consultation-guide{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.consultation-guide ul{padding-left:1.3em;line-height:2;font-size:16px}.consultation-guide p{font-size:16px;line-height:2;color:var(--muted)}
@media(min-width:1600px){.deliverables{padding-left:16%;padding-right:16%}}
@media(max-width:760px){.site-nav{gap:15px;margin:0 0 0 auto;font-size:12px}.masthead{flex-wrap:wrap;height:100px;align-content:center;row-gap:0}.masthead>.wordmark{margin-right:auto}.masthead>.motion-button{order:2}.site-nav{order:3;width:100%;justify-content:space-between}.site-nav a{min-height:34px}.deliverables{padding:0 9% 64px}.deliverable-list{grid-template-columns:1fr;gap:30px}.deliverables>h3{font-size:23px}.deliverable h4{font-size:19px}html{scroll-padding-top:115px}}

.support-plan{border-top:1px solid var(--line);padding:28px 0 35px;margin-bottom:25px;max-width:58em}.support-plan h3{font-weight:400;font-size:25px;margin:0 0 18px}.support-plan p,.plan-scope p{font-size:16px;line-height:2;color:var(--muted)}.support-plan p+p{margin-top:14px}.support-plan .text-link{margin-top:18px}.business-copy .plan-price{font-size:clamp(24px,2.6vw,34px);color:var(--ink);line-height:1.6}.business-copy .plan-term{font-size:14px;margin-top:12px}.plan-scope{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.plan-scope ul{padding-left:1.2em;font-size:16px;line-height:2}.plan-scope li+li{margin-top:8px}.plan-scope p+p{margin-top:18px}

.hero-service{font-size:14px;line-height:1.9;color:var(--muted);margin-top:18px}.recruit-samples{margin-bottom:70px}.recruit-samples>h2,.development-title{font-size:26px;font-weight:400;line-height:1.8;margin:0 0 20px}.sample-note,.sample-caption{font-size:14px;color:var(--muted);line-height:2}.sample-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 20px}.sample-sheet,.sample-report{padding:28px;border:1px solid var(--line);background:#fff}.sample-label{font-size:14px;color:var(--brass)}.sample-sheet h4,.sample-report h4{font-size:20px;font-weight:400;line-height:1.8;margin:18px 0}.sample-sheet>p:not(.sample-label){font-size:16px;line-height:2}.sample-sheet p+p{margin-top:15px}.sample-report{margin-top:30px}.sample-report dl{margin:0}.sample-report dl>div{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:140px 1fr;gap:20px;font-size:16px;line-height:2}.sample-report dd{margin:0;color:var(--muted)}.solution-example>.sample-note{margin-bottom:30px}#ongoing .business-copy h3:not(:first-child){margin-top:30px}.faq-list{margin-top:30px}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;font-size:16px;line-height:1.9}.faq-list details p{font-size:16px;line-height:2;color:var(--muted);margin-top:16px;max-width:55em}.faq-list summary:focus-visible{outline:2px solid var(--brass);outline-offset:5px}@media(max-width:760px){.hero-service{font-size:12px;margin-top:12px}.sample-comparison{grid-template-columns:1fr}.sample-sheet,.sample-report{padding:20px}.sample-report dl>div{grid-template-columns:1fr;gap:6px}.recruit-samples>h2,.development-title,#faq h2{font-size:23px}.copy-area{height:44%}}