html:has(.pub),body:has(.pub){background:#0a2629}.pub{--txt:#eef5f3;--c0:#f0ad2e;--c1:#3fcab3;--c2:#ff6a45;--c3:#86a8ff;--hi:#ffd60a;color:var(--txt);font-family:Shippori Mincho B1,serif;overflow-x:clip}.pub *{box-sizing:border-box}.pub a:hover{opacity:1}.pub h1,.pub h2,.pub h3,.pub p,.pub ul,.pub ol{margin:0;padding:0}.pub ul,.pub ol{list-style:none}.pub :is(h1,h2,h3){font-feature-settings:"palt";word-break:auto-phrase;text-wrap:balance}.pub h1 span,.pub h2 span{display:inline-block}.pub p{letter-spacing:.05em;line-height:2.05}.pub section{max-width:1160px;margin:0 auto;padding-left:20px;padding-right:20px}.pub h2{color:var(--c1);letter-spacing:.06em;font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.6}.pub .rv{opacity:0;transition:opacity 1s,transform 1s cubic-bezier(.2,.8,.2,1);transform:translateY(14px)}.pub .rv.on{opacity:1;transform:none}.pub .kicker{color:var(--c1);letter-spacing:.14em;font-size:14px}.pub h1{color:var(--c0);letter-spacing:.04em;margin-top:8px;font-size:clamp(23px,min(6.4vw,4.8vh),46px);font-weight:800;line-height:1.5}.pub .line{color:#fff;margin-top:clamp(8px,2vh,20px);font-size:clamp(16px,1.5vw,19px);font-weight:700;line-height:1.9}.pub .pains{padding-top:clamp(64px,10vw,120px);padding-bottom:clamp(64px,10vw,120px)}.pub .pains h2{color:var(--c0);margin-bottom:36px}.pub .pains ul{gap:12px;display:grid}.pub .pains li{overflow-wrap:break-word;color:#0e1a17;min-width:0;padding:26px 24px}.pub .pains li[data-k="0"]{background:#3fbfa9}.pub .pains li[data-k="1"]{background:#f0ad2e}.pub .pains li[data-k="2"]{background:#ff6f4a}.pub .pains li[data-k="3"]{background:#8fb0ff}.pub .pains p{word-break:auto-phrase;text-wrap:pretty;letter-spacing:.04em;font-size:clamp(17px,1.5vw,19px);font-weight:700;line-height:1.85}.pub .works{padding-bottom:clamp(72px,10vw,128px)}.pub .whead{max-width:780px}.pub .whead p{margin-top:18px;font-size:15.5px}.pub .works ol{gap:44px;margin-top:52px;display:grid}.pub .works .no{letter-spacing:.2em;color:var(--c);margin-bottom:8px;font-family:DM Mono,ui-monospace,monospace;font-size:14px;display:block}.pub .works h3{color:var(--c);letter-spacing:.05em;font-size:clamp(19px,1.8vw,23px);font-weight:700;line-height:1.65}.pub .works p{margin-top:12px;font-size:15px}.pub .ask{background:#0f4a47;max-width:none;padding:0}.pub .ain{text-align:center;max-width:880px;margin:0 auto;padding:clamp(80px,11vw,140px) 20px}.pub .close{color:#fff;text-align:left;font-size:clamp(17px,1.7vw,21px);font-weight:700;line-height:1.9}.pub .ask h2{color:var(--c0);margin-top:44px;font-size:clamp(22px,2.2vw,30px)}.pub .ask small{color:var(--c1);letter-spacing:.16em;margin-top:34px;margin-bottom:12px;font-size:14px;display:block}.pub .hear{color:#fff;cursor:pointer;letter-spacing:.14em;background:#e5442a;padding:20px 44px;font-size:18px;font-weight:700;text-decoration:none;transition:background .25s,color .25s,transform .25s;display:inline-block;box-shadow:0 12px 30px #0000004d}.pub .hear:is(:hover,:focus-visible){background:var(--hi);color:#111;outline:none;transform:translateY(-2px)}@media (width>=900px){.pub section{padding-left:48px;padding-right:48px}.pub .pains ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pub .pains li{aspect-ratio:1;align-items:center;padding:26px 22px;display:flex}.pub .works ol li{grid-template-columns:3.5em minmax(0,4fr) minmax(0,7fr);align-items:baseline;gap:0 32px;display:grid}.pub .works .no,.pub .works p{margin:0}.pub .ain{padding-left:48px;padding-right:48px}}@media (prefers-reduced-motion:reduce){.pub .rv{opacity:1;transition:none;transform:none}}.pub .hero{max-width:none;height:calc(100svh - var(--header-h,72px));flex-direction:column;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.pub .hart{z-index:0;position:absolute;inset:0}.pub .hart>div{position:absolute;inset:0}.pub .hart svg{width:100%;height:100%;display:block}.pub .hart .ap{display:none}.pub .htx{z-index:1;text-shadow:0 0 18px #0a2629,0 0 6px #0a2629,0 0 2px #0a2629;width:100%;max-width:640px;padding:clamp(18px,3.6vh,48px) 20px 0;position:relative}@media (orientation:portrait){.pub .hart .al{display:none}.pub .hart .ap{display:block}}@media (orientation:landscape){.pub .hero{justify-content:center}.pub .htx{width:min(40%,580px);max-width:none;margin-left:max(32px,5vw);padding:0}.pub[data-spaced] .htx{width:min(34%,540px)}}.pub[data-spaced] h1{font-size:clamp(21px,min(5.6vw,4.2vh),42px);line-height:1.35}.pub[data-spaced] .line{font-size:clamp(13px,1.8vh,17px);line-height:1.7}@media (orientation:portrait){.pub[data-spaced] .hart .ap{top:9%}}@media (width>=900px){.pub[data-spaced] .pains p{letter-spacing:.02em;font-size:15px;line-height:1.6}}