.oji-v4 .hero{min-height:88dvh;display:flex;align-items:center;padding:3.5rem 6vw 4rem}.oji-v4 .hero__inner{width:100%;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}.oji-v4 .hero__title{font-family:var(--oji-v4-serif);font-weight:340;font-size:clamp(36px,6vw,72px);line-height:1.02;letter-spacing:-.03em;margin-bottom:1.8rem}.oji-v4 .hero__title em{font-style:italic;font-weight:400;color:var(--oji-v4-olive-soft)}.oji-v4 .hero__sub{max-width:32rem;font-size:13px;opacity:.85;margin-bottom:2.4rem}.oji-v4 .hero__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}.oji-v4 .hero__trust{font-size:12px;opacity:.7;font-family:var(--oji-v4-mono);letter-spacing:.02em}.oji-v4 .hero__visual{position:relative;display:flex;justify-content:center}.oji-v4 .hero__disc{position:absolute;top:6%;right:4%;bottom:6%;left:4%;border-radius:999px;background:radial-gradient(closest-side,var(--oji-v4-mint) 62%,rgba(237,243,228,0) 100%)}.oji-v4 .hero__kanji{position:absolute;top:-3.2rem;right:1%;font-family:var(--oji-v4-serif);writing-mode:vertical-rl;font-size:clamp(48px,5vw,73.5px);color:#3b4a2f1a;letter-spacing:.2em;-webkit-user-select:none;user-select:none}.oji-v4 .hero__tinwrap{position:relative;z-index:2;width:min(82%,470px);aspect-ratio:1;border-radius:999px;overflow:hidden;box-shadow:0 50px 90px -40px #20261a66,inset 0 0 0 1px #3b4a2f0f}.oji-v4 .hero__tin{width:100%;height:100%;object-fit:cover;transform:scale(1.45)}.oji-v4 .hero__tinwrap--contain .hero__tin{object-fit:contain;transform:none}.oji-v4 .hero__chip{position:absolute;z-index:3;bottom:8%;left:4%;background:#f6f4ecd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;box-shadow:inset 0 0 0 1px var(--oji-v4-paper-line);font-family:var(--oji-v4-mono);font-size:11.5px;letter-spacing:.06em;padding:.5rem 1rem}.oji-v4 .hero__chip span{color:var(--oji-v4-matcha);font-weight:500}@media(max-width:860px){.oji-v4 .hero{padding-top:6.5rem}.oji-v4 .hero__inner{grid-template-columns:1fr;gap:2.5rem}.oji-v4 .hero__visual{order:-1}.oji-v4 .hero__tinwrap{width:min(68%,330px)}}@media(max-width:620px){.oji-v4 .hero{padding-left:5vw;padding-right:5vw}.oji-v4 .hero__actions{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/oji-v4-hero.css.map */