@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800&family=Noto+Sans+JP:wght@400;500;700;800;900&display=swap');
body.yoha{--ink:#111;--accent:#e4ea29;--soft:#f4f4f0;--paper:#f8f8f6;--card:#fff;color:#111;background:#f8f8f6}
.yoha .sample{background:#111;color:#fff}.yoha .sample b{color:#e4ea29;padding:0 7px}
.yoha .header{background:#f8f8f6;border-bottom:1px solid #d5d5d1;height:86px}.yoha .brand{font-size:25px;letter-spacing:-.08em}.yoha .brand-sep{color:#909090;font-weight:400}.yoha .brand small{font-size:8px;letter-spacing:.13em;color:#555}.yoha .nav a{letter-spacing:.02em}.yoha .nav-cta{background:#111;color:#fff;border-radius:0;font-size:12px}.yoha .nav-cta:hover{background:#e4ea29;color:#111}
.yoha .hero{height:min(740px,calc(100vh - 112px));min-height:620px;background:#f8f8f6;border-bottom:1px solid #cfcfca}.yoha .hero img{object-position:center}.yoha .hero:after{background:linear-gradient(90deg,#f8f8f6 0%,rgba(248,248,246,.97) 28%,rgba(248,248,246,.36) 55%,transparent 78%)}.hero-grid{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent calc(25% - .5px),#10101011 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),#10101011 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),#10101011 75%,transparent calc(75% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),#10101011 50%,transparent calc(50% + .5px));}
.yoha .hero-content{padding:clamp(95px,10vw,155px) 0 0 clamp(30px,5vw,80px);max-width:790px}.yoha .hero-kicker{border:0;border-bottom:1px solid #111;border-radius:0;padding:0 0 10px;margin:0 0 34px;font-size:11px;letter-spacing:.18em}.yoha .hero h1{font-size:clamp(48px,5.8vw,90px);letter-spacing:-.095em;line-height:1.14;white-space:normal}.yoha .hero h1 span{white-space:nowrap}.yoha .hero h1 mark{background:linear-gradient(transparent 62%,#e4ea29 62%);color:#111;padding-right:.09em}.yoha .hero-lead{font-size:15px;font-weight:600;line-height:2;margin:32px 0 36px}.yoha .pill{border-radius:0;background:#111;color:#fff;box-shadow:none}.yoha .pill:hover{background:#e4ea29;color:#111;box-shadow:none}.yoha .hero-actions a{font-weight:700}.yoha .hero-coordinate{position:absolute;right:35px;top:30px;z-index:3;font-size:10px;letter-spacing:.16em;font-weight:700;writing-mode:vertical-rl}.yoha .hero-scroll{font-size:10px;letter-spacing:.15em}
.technical-band{display:grid;grid-template-columns:repeat(4,1fr);background:#e4ea29;color:#111;padding:16px clamp(24px,6vw,92px);gap:15px;font-size:11px;font-weight:800;letter-spacing:.1em}.technical-band span:last-child{text-align:right}
.yoha .wrap{padding-top:110px;padding-bottom:110px}.yoha .eyebrow{color:#777;letter-spacing:.18em;margin-bottom:36px}.yoha .about{background:#f8f8f6}.yoha .about h2,.yoha .offers h2,.yoha .process h2,.yoha .contact h2{letter-spacing:-.08em;line-height:1.22;font-size:clamp(42px,5vw,76px)}.yoha .about h2::first-line{color:#111}.yoha .about h2 em{font-style:normal;background:#e4ea29}.yoha .about-grid{grid-template-columns:1.1fr .9fr;gap:8vw;align-items:start}.yoha .about p:not(.eyebrow){font-weight:500}.yoha .about .demo-note{color:#7d7d7d}
.photo-section{background:#e8e9e4;display:grid;grid-template-columns:1.3fr .7fr;align-items:end;padding:clamp(30px,5vw,78px);gap:5vw}.photo-frame{position:relative}.photo-frame img{width:100%;aspect-ratio:1.6;object-fit:cover;filter:saturate(.65)}.photo-frame span{position:absolute;left:0;bottom:-28px;font-size:10px;letter-spacing:.15em;font-weight:800}.photo-caption{padding-bottom:7%;border-top:1px solid #111}.photo-caption p{font-size:clamp(32px,3.5vw,56px);font-weight:800;letter-spacing:-.08em;line-height:1.05;margin:18px 0 35px}.photo-caption span{font-size:14px;font-weight:700}
.yoha .offers{background:#fff}.yoha .section-head p{font-weight:500}.yoha .offer{box-shadow:none;border:1px solid #bfc0bb;border-top:1px solid #111;padding:29px;min-height:335px}.yoha .offer .num{color:#6a6a6a}.yoha .offer .mark{color:#111;font-weight:400;font-size:76px}.yoha .offer h3{font-size:29px}.yoha .offer p{font-weight:500}.services-note{font-size:11px;color:#777;margin:22px 0 0}.yoha .process{background:#f0f0eb}.yoha .steps{border-color:#111}.yoha .step{border-color:#c7c7c3}.yoha .step span{color:#888}.yoha .step p{font-weight:500}
.yoha .contact{background:#111;color:#fff}.yoha .contact>.eyebrow{color:#e4ea29}.yoha .contact h2 span{color:#e4ea29}.yoha .contact-actions button:hover,.yoha .contact-actions a:hover{background:#e4ea29;color:#111}.yoha .contact-form{box-shadow:12px 12px 0 #e4ea29}.yoha .contact-form label b{color:#666}.yoha .footer{background:#050505}.yoha .footer strong span{color:#e4ea29}.yoha .float-bot{background:#e4ea29;color:#111;border:1px solid #111;border-radius:0}.yoha .chat-head{background:#111}.yoha .chat-head span{color:#e4ea29}.yoha .messages{background:#f3f3ef}.yoha .user{color:#111}.yoha .choices button{border-radius:0;color:#111}.yoha .choices button:hover{color:#111}.yoha .line-dialog{border-top-color:#e4ea29}
@media(max-width:900px){.yoha .hero{height:630px}.yoha .hero-content{padding-top:110px}.yoha .hero h1{font-size:clamp(47px,6.5vw,69px)}.photo-section{grid-template-columns:1fr}.photo-caption{padding-top:25px}.photo-frame span{bottom:8px;left:8px;background:#fff;padding:4px}}
@media(max-width:700px){.yoha .header{height:70px}.yoha .mobile-nav:not([hidden]){display:flex}.yoha .hero{height:770px;min-height:770px}.yoha .hero img{object-position:67% center}.yoha .hero:after{background:linear-gradient(180deg,#f8f8f6 0%,rgba(248,248,246,.98) 23%,rgba(248,248,246,.67) 46%,transparent 72%)}.yoha .hero-content{padding:60px 23px 0}.yoha .hero h1{font-size:clamp(39px,8vw,57px)}.yoha .hero h1 span{white-space:normal}.yoha .hero-lead{font-size:13px;margin:25px 0}.yoha .hero-coordinate{display:none}.technical-band{grid-template-columns:1fr 1fr;font-size:9px;padding:13px 23px}.technical-band span:last-child{text-align:left}.yoha .wrap{padding-top:75px;padding-bottom:75px}.yoha .about-grid{gap:28px}.photo-section{padding:24px 24px 50px}.photo-caption p{font-size:40px}.yoha .offer{min-height:230px}.yoha .offer .mark{font-size:42px}.yoha .contact-form{box-shadow:7px 7px 0 #e4ea29}.yoha .mobile-nav{top:98px}}