.page-hero{position:relative;overflow:hidden;color:#f4f2ec;min-height:clamp(300px,32vw,460px);display:grid;place-items:center;padding:clamp(110px,16vh,180px) var(--pad-x) clamp(56px,8vh,86px);background:radial-gradient(78% 130% at 12% 0%,rgba(201,184,255,.24),transparent 62%),radial-gradient(70% 120% at 88% 100%,rgba(143,227,255,.2),transparent 62%),radial-gradient(60% 90% at 55% 50%,rgba(255,169,207,.1),transparent 70%),#17171d}.page-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--rose),var(--gold),var(--mint),var(--cyan),var(--violet));opacity:.6}.hero-marquee{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;pointer-events:none;user-select:none}.hero-marquee div{display:flex;gap:clamp(26px,4vw,66px);padding-right:clamp(26px,4vw,66px);animation:marquee 90s linear infinite}.hero-marquee span{font:700 clamp(3.6rem,9.5vw,9rem)/1 var(--f-en);letter-spacing:-.02em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(244,242,236,.18)}@keyframes marquee{to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.hero-marquee div{animation:none}}.page-hero-inner{position:relative;text-align:center}.page-hero .en{font:600 10px/1 var(--f-en);letter-spacing:.42em;color:#f4f2ec8c}.page-hero h1{margin-top:clamp(16px,2.6vh,26px);font:500 clamp(1.55rem,3.2vw,2.6rem)/1.55 var(--f-min);letter-spacing:.08em;max-width:24em;margin-left:auto;margin-right:auto;text-wrap:balance}.page-hero h1 .h1-sub{display:block;margin-top:.55em;font-size:.66em;letter-spacing:.09em;color:#f4f2ecd1}.page-hero .sub{margin-top:16px;font-size:.86rem;letter-spacing:.08em;color:#f4f2ec9e}main{position:relative;z-index:1}.wrap{max-width:1240px;margin:0 auto;padding:0 var(--pad-x)}.wrap-narrow{max-width:900px;margin:0 auto;padding:0 var(--pad-x)}.sec{padding:clamp(64px,10vh,130px) 0}.sec.tone{background:var(--paper-2);border-top:1px solid rgba(12,12,14,.06);border-bottom:1px solid rgba(12,12,14,.06)}.crumb{display:flex;align-items:center;gap:10px;padding-top:clamp(24px,3.6vh,36px);font:400 9.5px/1 var(--f-en);letter-spacing:.24em;color:var(--ink-40)}.crumb a:hover{color:var(--ink)}.lower-ttl{display:flex;align-items:center;gap:clamp(12px,1.6vw,20px);font:500 clamp(1.5rem,3.2vw,2.5rem)/1.5 var(--f-min);letter-spacing:.06em;margin-bottom:clamp(22px,3.4vh,36px)}.lower-ttl:before{content:"";flex:none;width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--cyan))}.sec-en{display:flex;align-items:center;gap:16px;font:600 10.5px/1 var(--f-en);letter-spacing:.34em;color:var(--ink-40);margin-bottom:clamp(18px,2.6vh,26px)}.sec-en i{flex:1;height:1px;background:var(--line)}.txt{font-size:max(1rem,16px);line-height:2;letter-spacing:.02em;color:var(--ink-60)}.txt strong{font-weight:700;color:var(--ink)}.txt+.txt{margin-top:1.2em}.txt-lead{margin-bottom:clamp(40px,6vh,80px)}.vision-ttl{font:500 clamp(1.7rem,4vw,3rem)/1.6 var(--f-min);letter-spacing:.08em;margin-bottom:clamp(20px,3vh,30px)}.obox-list{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(22px,2.6vw,40px)}.obox-list.c3{grid-template-columns:repeat(3,1fr)}.obox{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;padding:clamp(26px,3vw,44px);background:#ffffff80;box-shadow:0 20px 50px -36px #18143c4d;transition:transform .5s var(--ease),background .4s,border-color .4s,box-shadow .5s}@media(hover:hover){.obox:hover{transform:translateY(-5px);background:#fffc;border-color:#0c0c0e3d;box-shadow:0 30px 60px -34px #18143c57}}.obox.is-lit{transform:translateY(-5px);background:#fffc;border-color:#0c0c0e3d;box-shadow:0 30px 60px -34px #18143c57}.obox-head{display:flex;align-items:baseline;gap:clamp(14px,1.6vw,22px);margin-bottom:clamp(18px,2.6vh,28px)}.obox-mark{flex:none;font:300 clamp(1.5rem,2.4vw,2.1rem)/1 var(--f-en);letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(12,12,14,.34);transition:-webkit-text-stroke-color .5s var(--ease)}@media(hover:hover){.obox:hover .obox-mark{-webkit-text-stroke-color:transparent;background:linear-gradient(135deg,var(--cg1,var(--rose)),var(--cg2,var(--cyan)));-webkit-background-clip:text;background-clip:text}}.obox.is-lit .obox-mark{-webkit-text-stroke-color:transparent;background:linear-gradient(135deg,var(--cg1,var(--rose)),var(--cg2,var(--cyan)));-webkit-background-clip:text;background-clip:text}.obox h4{font:500 clamp(1.15rem,1.9vw,1.55rem)/1.5 var(--f-min);letter-spacing:.05em}.obox h5{margin-top:9px;font:600 9.5px/1 var(--f-en);letter-spacing:.28em;color:var(--ink-40)}.obox .txt{flex:1;font-size:max(.92rem,15px);line-height:2.05}.obox .circle-btn{margin-top:clamp(22px,3vh,34px)}@media(max-width:1023px){.obox-list,.obox-list.c3{grid-template-columns:1fr}}.steps{--gap:clamp(22px,2.6vw,40px);position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.steps.s3{grid-template-columns:repeat(3,1fr)}.step{position:relative;padding-top:clamp(38px,5vh,52px)}.step:after{content:"";position:absolute;left:0;top:6px;height:1px;width:calc(100% + var(--gap));background:linear-gradient(90deg,var(--rose),var(--gold),var(--mint),var(--cyan),var(--violet)) left/0 100% no-repeat,#0c0c0e33;transition:background-size .9s var(--ease)}.step:last-child:after{width:100%}@media(hover:hover){.step:hover:after{background-size:100% 100%}}.step.is-lit:after{background-size:100% 100%}.step:before{content:"";position:absolute;left:0;top:0;z-index:1;width:13px;height:13px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1px #0c0c0e66;transition:background .5s var(--ease),box-shadow .5s var(--ease),transform .5s var(--ease)}.sec.tone .step:before{background:var(--paper-2)}@media(hover:hover){.step:hover:before{background:linear-gradient(135deg,var(--rose),var(--cyan));box-shadow:none;transform:scale(1.35)}}.step.is-lit:before{background:linear-gradient(135deg,var(--rose),var(--cyan));box-shadow:none;transform:scale(1.35)}.step-num{font:300 clamp(2.8rem,4.8vw,4rem)/1 var(--f-en);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(12,12,14,.42);transition:-webkit-text-stroke-color .5s var(--ease)}@media(hover:hover){.step:hover .step-num{-webkit-text-stroke-color:transparent;background:linear-gradient(135deg,var(--rose),var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text}}.step.is-lit .step-num{-webkit-text-stroke-color:transparent;background:linear-gradient(135deg,var(--rose),var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text}.step .en{display:block;margin-top:16px;font:600 9px/1 var(--f-en);letter-spacing:.3em;color:var(--ink-40)}.step h3,.step b{display:block;margin-top:11px;font:500 clamp(1.08rem,1.7vw,1.35rem)/1.5 var(--f-min);letter-spacing:.06em}.step p{margin-top:13px;font-size:max(.9rem,14px);line-height:2.05;color:var(--ink-60)}@media(max-width:1023px){.steps,.steps.s3{grid-template-columns:repeat(2,1fr);row-gap:clamp(34px,5vh,50px)}}@media(min-width:561px)and (max-width:1023px){.step:nth-child(2n):after{width:100%}}@media(max-width:560px){.steps,.steps.s3{grid-template-columns:1fr;gap:0}.step{padding:0 0 clamp(32px,5.5vh,46px) 34px}.step:before{top:4px;left:0}.step:after,.step:nth-child(2n):after{top:4px;left:6px;width:1px;height:100%;background:linear-gradient(180deg,var(--rose),var(--cyan)) top/100% 0 no-repeat,#0c0c0e33;transition:background-size .8s var(--ease)}.step:hover:after,.step.is-lit:after{background-size:100% 100%}.step:last-child{padding-bottom:0}.step:last-child:after{display:none}}.issues{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.2vw,30px)}.issue{border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.8vw,36px);background:#ffffff6b}.issue b{display:block;font:500 clamp(1.02rem,1.6vw,1.25rem)/1.6 var(--f-min);letter-spacing:.05em}.issue b:before{content:"「";opacity:.4}.issue b:after{content:"」";opacity:.4}.issue p{margin-top:14px;font-size:max(.88rem,14px);line-height:2;color:var(--ink-60)}@media(max-width:760px){.issues{grid-template-columns:1fr}}.tbl{width:100%;border-collapse:collapse;font-size:max(.95rem,15px)}.tbl th,.tbl td{text-align:left;padding:24px 8px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.9}.tbl th{width:220px;font:600 10px/2.4 var(--f-en);letter-spacing:.3em;color:var(--ink-40)}.tbl td li{padding:3px 0}.tbl td li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:12px;background:linear-gradient(135deg,var(--rose),var(--cyan));vertical-align:middle}@media(max-width:640px){.tbl th{width:104px;letter-spacing:.2em}.tbl th,.tbl td{padding:16px 4px}}.doc h2{margin-top:clamp(44px,6.5vh,72px);font:500 clamp(1.15rem,2vw,1.45rem)/1.6 var(--f-min);letter-spacing:.06em}.doc h2:first-child{margin-top:0}.doc p,.doc ul,.doc ol{margin-top:16px;font-size:max(.95rem,15px);line-height:2.15;color:var(--ink-60)}.doc ul,.doc ol{padding-left:1.4em}.doc li{margin-top:8px}.doc .rev{margin-top:clamp(44px,6.5vh,72px);padding-top:22px;border-top:1px solid var(--line);font:400 9.5px/1.9 var(--f-en);letter-spacing:.2em;color:var(--ink-40)}.works-list{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,46px)}.work{display:block}.poster{position:relative;aspect-ratio:4/5;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.7);box-shadow:0 26px 60px -36px #18143c66;transition:transform .6s var(--ease)}.work:hover .poster{transform:translateY(-6px)}.poster-bg{position:absolute;inset:-4%;transition:transform .8s var(--ease)}.work:hover .poster-bg{transform:scale(1.06)}.poster-logo{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:min(86%,300px);height:100px;display:grid;place-items:center;padding:0 20px;border-radius:14px;background:var(--plate,#fff);box-shadow:0 14px 34px -22px #18143c80}.poster-logo img{height:var(--logo-h,28px);width:auto;max-width:100%;object-fit:contain}.poster-logo b{font:500 max(12px,.86rem)/1.5 var(--f-min);letter-spacing:.06em;color:var(--ink);text-align:center}.poster-logo:has(img) b{display:none}.poster-logo.is-onink{background:var(--plate,#0C0C0E)}.poster-logo.is-onink b{color:#f4f2ec}.poster-foot{position:absolute;left:20px;right:20px;bottom:8px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.poster-foot .poster-idx{position:static;left:auto;bottom:auto}.poster-scope{font:500 max(10px,.66rem)/1.75 var(--f-jp);letter-spacing:.04em;color:#0c0c0eb8;text-shadow:0 1px 0 rgba(255,255,255,.45)}.poster-idx{position:absolute;left:20px;bottom:4px;font:500 clamp(3rem,5vw,4.6rem)/1 var(--f-en);letter-spacing:-.04em;color:#ffffffd9;mix-blend-mode:overlay}.work-meta{margin-top:18px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}.work-meta b{font:500 clamp(1.05rem,1.7vw,1.35rem)/1.5 var(--f-min);letter-spacing:.05em;transition:transform .4s var(--ease)}.work:hover .work-meta b{transform:translate(4px)}.work-meta small{display:block;margin-top:9px;font:400 10px/1 var(--f-en);letter-spacing:.24em;color:var(--ink-40)}.poster-tags{position:absolute;top:12px;left:12px;right:12px;z-index:2;display:flex;flex-wrap:wrap;gap:6px}.poster-tags b{padding:6px 11px;border-radius:999px;background:#ffffffad;border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);font:600 max(10px,.66rem)/1 var(--f-jp);letter-spacing:.06em;color:var(--ink);white-space:nowrap}.work-meta>div{flex:1;min-width:0;container-type:inline-size}.work-meta b{--fs:clamp(1.05rem,1.7vw,1.35rem);font-size:min(var(--fs),calc(100cqi / (var(--len,8) * 1.06)));white-space:nowrap}.work-meta b.is-long{--fs: calc(clamp(1.05rem,1.7vw,1.35rem)*.9) }.work-meta b.is-xlong{--fs:14px}.work-arw{font:400 16px/1 var(--f-en);color:var(--ink-40);transition:transform .4s var(--ease),color .4s}.work:hover .work-arw{transform:translate(3px,-3px);color:var(--ink)}.work-steps .step-num{font-size:clamp(1.9rem,3vw,2.5rem)}.work-steps .en{margin-top:12px}.work-steps h3{margin-top:6px;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.6}@media(min-width:561px){.work-steps,.work-steps.s3{grid-template-columns:1fr;gap:0}.work-steps .step{display:grid;grid-template-columns:clamp(120px,15vw,180px) 1fr;column-gap:clamp(24px,3.4vw,56px);padding:0 0 clamp(34px,5vh,58px) 36px}.work-steps .step:before{top:4px;left:0}.work-steps .step:after,.work-steps .step:nth-child(2n):after{top:4px;left:6px;width:1px;height:100%;background:linear-gradient(180deg,var(--rose),var(--cyan)) top/100% 0 no-repeat,#0c0c0e33;transition:background-size .8s var(--ease)}.work-steps .step:last-child{padding-bottom:0}.work-steps .step:last-child:after{display:none}.work-steps .step-label{grid-column:1;grid-row:1 / span 2;align-self:start}.work-steps .en{margin-top:6px}.work-steps h3{grid-column:2;grid-row:1;margin-top:0}.work-steps p{grid-column:2;grid-row:2;margin-top:14px;max-width:44em}}@media(min-width:1400px){.work-steps .step{display:block;padding-left:36px}.work-steps .step-label{position:absolute;top:-4px;left:calc(-1*clamp(120px,9vw,168px));width:clamp(96px,7vw,132px);text-align:right}.work-steps p{max-width:46em}}.work-lead{font-size:max(1.05rem,17px);line-height:2.05;color:var(--ink);margin-bottom:clamp(30px,4.4vh,48px)}.work-story{max-width:44em;margin-top:clamp(44px,6.5vh,72px)}.work-story h3{font:500 clamp(1.2rem,2vw,1.55rem)/1.6 var(--f-min);letter-spacing:.05em;margin-bottom:clamp(16px,2.2vh,22px);padding-left:20px;position:relative}.work-story h3:before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--cyan))}.work-story .txt+.txt{margin-top:1.1em}.work-cta{margin-top:clamp(26px,3.6vh,38px)}.work-outro{margin-top:clamp(40px,6vh,66px);padding-top:clamp(26px,3.6vh,34px);border-top:1px solid var(--line)}.work-facts{margin-top:0;display:flex;flex-wrap:wrap;gap:0 clamp(30px,5vw,70px);border-top:1px solid var(--line);padding-top:clamp(20px,2.8vh,28px)}.work-facts>div{padding:8px 0}.work-facts dt{font:600 9.5px/1 var(--f-en);letter-spacing:.3em;color:var(--ink-40);margin-bottom:9px}.work-facts dd{font-size:max(.92rem,15px);letter-spacing:.04em}@media(max-width:1023px){.works-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.works-list{grid-template-columns:1fr}}.pager{margin-top:clamp(46px,7vh,80px);display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.4vw,18px)}.pager-num,.pager-arw{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:999px;font:500 12px/1 var(--f-en);letter-spacing:.16em;color:var(--ink-60);transition:color .3s,border-color .3s,background .3s}.pager-num:hover,.pager-arw:hover{color:var(--ink);border-color:var(--ink);background:#fff9}.pager-num.is-here{color:var(--paper);background:var(--ink);border-color:var(--ink)}.pager-arw.is-off{opacity:.28;pointer-events:none}.pager-nums{display:flex;align-items:center;gap:clamp(6px,1vw,12px);list-style:none;padding:0;margin:0}.pager-gap{display:grid;place-items:center;min-width:22px;height:42px;font:500 12px/1 var(--f-en);color:var(--ink-40)}.pager-count{margin-top:clamp(38px,5.6vh,64px);text-align:center;font:500 max(.8rem,12px)/1.8 var(--f-jp);letter-spacing:.06em;color:var(--ink-40)}.pager-count+.pager{margin-top:clamp(14px,2vh,22px)}@media(max-width:520px){.pager{gap:6px}.pager-num,.pager-arw{min-width:36px;height:36px;padding:0 8px}.pager-gap{min-width:16px;height:36px}}.news-list{border-top:1px solid rgba(12,12,14,.3)}.news-row{display:grid;grid-template-columns:130px 140px 1fr 44px;gap:clamp(14px,2.4vw,36px);align-items:center;padding:clamp(24px,3.4vh,34px) 6px;border-bottom:1px solid var(--line);transition:background .4s}.news-row:hover{background:#ffffff8c}.news-date{font:400 12px/1 var(--f-en);letter-spacing:.2em;color:var(--ink-60)}.news-cat{font:600 9.5px/1 var(--f-en);letter-spacing:.2em;padding:9px 15px;border:1px solid var(--line);border-radius:999px;color:var(--ink-60);justify-self:start;white-space:nowrap}.news-title{font:500 max(1rem,16px)/1.8 var(--f-jp);letter-spacing:.04em;transition:transform .4s var(--ease)}.news-row:hover .news-title{transform:translate(8px)}.news-arw{font:400 16px/1 var(--f-en);opacity:0;transform:translate(-8px);transition:.4s var(--ease)}.news-row:hover .news-arw{opacity:1;transform:translate(0)}@media(max-width:760px){.news-row{grid-template-columns:1fr 40px;row-gap:10px}.news-date{grid-column:1/-1}.news-title{grid-column:1/2}}.values{margin-top:clamp(10px,2vh,20px);border-top:1px solid rgba(12,12,14,.3)}.value{position:relative;display:grid;grid-template-columns:clamp(64px,7vw,116px) minmax(0,.95fr) minmax(0,1.3fr);gap:clamp(16px,3vw,52px);align-items:baseline;padding:clamp(28px,4.5vh,54px) 4px;border-bottom:1px solid var(--line);transition:background .5s var(--ease)}.value:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--rose),var(--gold),var(--mint),var(--cyan),var(--violet));transition:transform .8s var(--ease)}.value:hover{background:#ffffff8c}.value:hover:after{transform:scaleX(1)}.value-num{font:300 clamp(2.4rem,4.6vw,4rem)/1 var(--f-en);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(12,12,14,.42);transition:-webkit-text-stroke-color .5s var(--ease)}.value:hover .value-num{-webkit-text-stroke-color:transparent;background:linear-gradient(135deg,var(--rose),var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text}.value-en{display:block;font:600 9.5px/1 var(--f-en);letter-spacing:.32em;color:var(--ink-40)}.value-jp{display:block;margin-top:13px;font:500 clamp(1.2rem,2.2vw,1.75rem)/1.5 var(--f-min);letter-spacing:.06em}.value p{font-size:max(.92rem,15px);line-height:2.1;color:var(--ink-60)}@media(max-width:880px){.value{grid-template-columns:clamp(52px,13vw,74px) 1fr;gap:10px 16px;padding:26px 2px}.value p{grid-column:2;margin-top:12px}}.history{margin-top:clamp(10px,2vh,20px);border-top:1px solid rgba(12,12,14,.3)}.history-row{display:grid;grid-template-columns:clamp(96px,10vw,156px) 1fr;gap:clamp(16px,3vw,44px);padding:clamp(24px,3.6vh,40px) 4px;border-bottom:1px solid var(--line);transition:background .5s var(--ease)}.history-row:hover{background:#ffffff80}.history-year{position:relative;padding-left:26px;font:500 clamp(1rem,1.6vw,1.3rem)/1.6 var(--f-en);letter-spacing:.05em}.history-year:before{content:"";position:absolute;left:0;top:.42em;width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--cyan))}.history-row p{font-size:max(.95rem,15px);line-height:2;color:var(--ink-60)}@media(max-width:640px){.history-row{grid-template-columns:1fr;gap:10px}.history-row p{padding-left:26px}}.profile{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:start}.profile-photo{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 70px -40px #18143c73;background:var(--paper-2)}.profile-photo img{width:100%;height:auto;aspect-ratio:719/1046;object-fit:cover}.profile-name{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.profile-name b{font:500 clamp(1.4rem,2.6vw,2rem)/1.4 var(--f-min);letter-spacing:.08em}.profile-name span{font:600 9.5px/1 var(--f-en);letter-spacing:.3em;color:var(--ink-40)}.profile-role{margin-top:12px;font:600 10px/1 var(--f-en);letter-spacing:.28em;color:var(--ink-40)}.profile-body{padding-top:clamp(4px,1vh,10px)}.profile-body .txt{margin-top:clamp(20px,3vh,30px)}.profile-sign{margin-top:clamp(26px,3.6vh,38px);padding-top:18px;border-top:1px solid var(--line);font-size:max(.86rem,14px);letter-spacing:.06em;color:var(--ink-60);text-align:right}.profile-sign b{font:500 clamp(1.02rem,1.5vw,1.2rem)/1 var(--f-min);letter-spacing:.1em;color:var(--ink)}@media(max-width:760px){.profile{grid-template-columns:1fr}.profile-photo{max-width:360px}}.soon{border:1px dashed rgba(12,12,14,.22);border-radius:20px;padding:clamp(34px,4.4vw,60px);display:grid;place-items:center;text-align:center;gap:14px;min-height:220px}.soon b{font:600 13px/1 var(--f-en);letter-spacing:.4em;color:var(--ink-60)}.soon span{font-size:max(.9rem,14px);color:var(--ink-40)}.faq{border-top:1px solid rgba(12,12,14,.3)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;gap:18px;padding:clamp(22px,3vh,30px) 6px;cursor:pointer;list-style:none;font:500 max(1rem,16px)/1.7 var(--f-jp);letter-spacing:.03em}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q";flex:none;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font:600 12px/1 var(--f-en)}.faq summary:after{content:"+";margin-left:auto;font:300 22px/1 var(--f-en);transition:transform .4s var(--ease)}.faq details[open] summary:after{transform:rotate(45deg)}.faq .a{display:flex;gap:18px;padding:0 6px clamp(24px,3.4vh,32px)}.faq .a:before{content:"A";flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);color:var(--ink-60);display:grid;place-items:center;font:600 12px/1 var(--f-en)}.faq .a p{font-size:max(.92rem,15px);line-height:2.05;color:var(--ink-60)}.rel-list{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.2vw,30px)}.rel{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,2.6vw,34px);background:#fff6;transition:background .4s,border-color .4s}.rel:hover{background:#ffffffbf;border-color:#0c0c0e3d}.rel b{font:500 clamp(1.05rem,1.6vw,1.3rem)/1.5 var(--f-min);letter-spacing:.05em}.rel span{display:block;margin-top:8px;font:600 9.5px/1 var(--f-en);letter-spacing:.28em;color:var(--ink-40)}@media(max-width:760px){.rel-list{grid-template-columns:1fr}}.article{width:100%;max-width:820px;margin:0 auto}.article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:clamp(18px,2.6vh,26px)}.article-date{font:400 12px/1 var(--f-en);letter-spacing:.2em;color:var(--ink-60)}.article-date b{font-weight:600;color:var(--ink-40);margin-right:8px;letter-spacing:.24em}.article-cat{font:600 9.5px/1 var(--f-en);letter-spacing:.2em;padding:9px 15px;border:1px solid var(--line);border-radius:999px;color:var(--ink-60);transition:border-color .3s,color .3s}a.article-cat:hover{border-color:var(--ink);color:var(--ink)}.article-title{font:500 clamp(1.6rem,3.4vw,2.6rem)/1.55 var(--f-min);letter-spacing:.05em}.article-thumb{margin-top:clamp(26px,4vh,44px);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 70px -40px #18143c66}.article-body{margin-top:clamp(34px,5vh,56px);font-size:max(1.02rem,17px);line-height:2;letter-spacing:.02em;color:#0c0c0ee0}.article-body>*:first-child{margin-top:0}.article-body h2{position:relative;margin:clamp(56px,8vh,88px) 0 clamp(20px,2.8vh,28px);padding:clamp(12px,1.8vh,16px) clamp(18px,2.4vw,24px);border-radius:0 12px 12px 0;background:linear-gradient(90deg,var(--paper-2),rgba(239,235,226,0) 76%);color:var(--ink);font:600 clamp(1.22rem,2.1vw,1.5rem)/1.6 var(--f-jp);letter-spacing:.04em}.article-body h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:3px;background:linear-gradient(180deg,var(--rose),var(--violet),var(--cyan))}.article-body h3{margin:clamp(42px,6vh,64px) 0 clamp(14px,2vh,20px);padding:2px 0 2px 16px;border-left:4px solid transparent;border-image:linear-gradient(180deg,var(--rose),var(--cyan)) 1;font:600 clamp(1.1rem,1.8vw,1.32rem)/1.65 var(--f-jp);letter-spacing:.03em;color:var(--ink)}.article-body h4{margin:clamp(28px,4vh,40px) 0 12px;font:600 max(1.02rem,17px)/1.7 var(--f-jp);letter-spacing:.03em;color:var(--ink)}.article-body p{margin-top:1.5em}.article-body a{color:var(--ink);border-bottom:1px solid var(--line);transition:border-color .3s}.article-body a:hover{border-color:var(--ink)}.article-body strong{font-weight:700;color:var(--ink);background:linear-gradient(transparent 58%,#ffdf9ee6 58%);padding:0 .08em}.article-body li strong,.article-body blockquote strong,.article-body table strong{background:none;padding:0}@media(prefers-reduced-motion:no-preference){html:has(.article-body){scroll-behavior:smooth}}.article-body [id]{scroll-margin-top:clamp(84px,12vh,116px)}.article-body ul,.article-body ol{margin-top:1.5em;padding-left:1.5em}.article-body .wp-block-details{margin-top:clamp(30px,4vh,44px);border:1px solid var(--line);border-radius:18px;background:#ffffff8c;overflow:hidden}.article-body .wp-block-details summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:clamp(16px,2.2vh,20px) clamp(18px,2.4vw,26px);font:600 max(.95rem,15px)/1 var(--f-jp);letter-spacing:.08em;color:var(--ink);list-style:none;transition:background .3s}.article-body .wp-block-details summary::-webkit-details-marker{display:none}.article-body .wp-block-details summary:hover{background:#ffffffe6}.article-body .wp-block-details summary:before{content:"";flex:none;width:8px;height:8px;border-right:1.5px solid var(--ink-60);border-bottom:1.5px solid var(--ink-60);transform:rotate(45deg) translateY(-2px);transition:transform .35s var(--ease)}.article-body .wp-block-details[open] summary:before{transform:rotate(-135deg) translateY(-2px)}.article-body .wp-block-details{--pad:clamp(18px,2.4vw,26px)}.article-body .wp-block-details>:not(summary){padding:0 var(--pad) clamp(18px,2.4vh,24px)}.article-body .wp-block-details ol,.article-body .wp-block-details ul{margin-top:4px;padding-left:var(--pad);padding-right:var(--pad)}.article-body .mokuji ol{counter-reset:toc;list-style:none}.article-body .mokuji li{counter-increment:toc;padding-left:0;margin-top:0}.article-body .mokuji li:before{content:none}.article-body .mokuji li a{display:flex;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink-60);font-size:max(.92rem,15px);line-height:1.75;transition:color .3s,transform .3s var(--ease)}.article-body .mokuji li:last-child a{border-bottom:none}.article-body .mokuji li a:before{content:counter(toc,decimal-leading-zero);flex:none;font:600 10.5px/1 var(--f-en);letter-spacing:.14em;color:var(--ink-40);padding-top:.35em;transition:color .3s}.article-body .mokuji li a:hover{color:var(--ink);transform:translate(4px)}.article-body .mokuji li a:hover:before{color:var(--rose)}.article-body .wp-block-details:not(.mokuji) ul li{position:relative;padding-left:28px;margin-top:10px;font-size:max(.92rem,15px);line-height:1.9}.article-body .wp-block-details:not(.mokuji) ul li:before{content:"";position:absolute;left:2px;top:.55em;width:11px;height:6px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg);border-radius:1px;background:none}.article-body ul{list-style:none;padding-left:0}.article-body ul li{position:relative;padding-left:22px;margin-top:.8em}.article-body ul li:before{content:"";position:absolute;left:2px;top:.85em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--cyan))}.article-body ol{counter-reset:step;list-style:none;padding-left:0}.article-body ol>li{counter-increment:step;position:relative;padding-left:clamp(44px,5vw,56px);margin-top:1.1em;min-height:1.9em}.article-body ol>li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:.12em;font:600 clamp(15px,1.5vw,17px)/1.6 var(--f-en);letter-spacing:.04em;color:transparent;background:linear-gradient(135deg,var(--rose),var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text}.article-body ol>li:after{content:"";position:absolute;left:2px;top:1.9em;bottom:.35em;width:1px;background:var(--line)}.article-body ol>li:last-child:after{content:none}.article-body .wp-block-details ol>li{padding-left:0;margin-top:0;min-height:0}.article-body .wp-block-details ol>li:before,.article-body .wp-block-details ol>li:after{content:none}.article-body img{display:block;max-width:100%;height:auto;margin:clamp(26px,4vh,44px) auto;border-radius:16px}.article-body figure{margin:clamp(26px,4vh,44px) 0}.article-body figure img{margin:0;border:1px solid var(--line);background:#fff}.article-body figcaption{margin-top:10px;text-align:center;font:500 max(.84rem,13px)/1.7 var(--f-jp);letter-spacing:.02em;color:#0c0c0e8f}.article-body blockquote{margin:clamp(26px,4vh,40px) 0;padding:clamp(20px,3vw,30px);border-left:2px solid var(--ink);background:#ffffff80;border-radius:0 16px 16px 0;font-size:.95rem}.article-body blockquote>:first-child{margin-top:0}.article-body table{width:100%;border-collapse:collapse;margin:clamp(26px,4vh,40px) 0;font-size:.92rem}.article-body th,.article-body td{padding:14px 12px;border:1px solid var(--line);text-align:left}.article-body th{background:#0c0c0e0a;font-weight:600;color:var(--ink)}.article-body hr{margin:clamp(40px,6vh,64px) 0;border:none;border-top:1px solid var(--line)}.article-body code{font-family:var(--f-en);font-size:.9em;background:#0c0c0e0f;padding:2px 6px;border-radius:4px}.article-body pre{margin:clamp(26px,4vh,40px) 0;padding:20px;border-radius:14px;background:#17171d;color:#f4f2ec;overflow-x:auto}.article-body pre code{background:none;padding:0;color:inherit}.article-body pre{position:relative}.code-copy{position:absolute;top:10px;right:10px;z-index:1;padding:7px 12px;border:1px solid rgba(244,242,236,.24);border-radius:999px;background:#f4f2ec14;color:#f4f2ec;cursor:pointer;font:600 10.5px/1 var(--f-en);letter-spacing:.14em;opacity:0;transition:opacity .3s,background .3s,border-color .3s}.article-body pre:hover .code-copy,.code-copy:focus-visible,.code-copy.is-done{opacity:1}.code-copy:hover{background:#f4f2ec2e;border-color:#f4f2ec70}.code-copy.is-done{background:var(--mint);border-color:var(--mint);color:var(--ink)}@media(hover:none){.code-copy{opacity:1}}.article-proof{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px clamp(16px,2.4vw,30px);margin-top:clamp(44px,6vh,66px);padding:clamp(22px,3vw,34px);border-radius:20px;border:1px solid var(--line);background:#ffffff80;transition:border-color .4s,background .4s,transform .5s var(--ease)}.article-proof:hover{border-color:#0c0c0e47;background:#fffc;transform:translateY(-3px)}.article-proof .en{grid-column:1;font:600 9.5px/1 var(--f-en);letter-spacing:.3em;color:var(--ink-40)}.article-proof b{grid-column:1;font:500 clamp(1.05rem,1.8vw,1.35rem)/1.5 var(--f-min);letter-spacing:.05em;margin-top:6px}.article-proof .txt{grid-column:1;font-size:max(.88rem,14px);line-height:1.95;margin-top:8px}.article-proof .arw{grid-column:2;grid-row:1 / span 3;font:400 18px/1 var(--f-en);color:var(--ink-40);transition:transform .4s var(--ease),color .4s}.article-proof:hover .arw{transform:translate(3px,-3px);color:var(--ink)}.article-cluster{margin-top:clamp(40px,5.6vh,60px);padding-top:clamp(24px,3.4vh,32px);border-top:1px solid var(--line)}.article-cluster ul{display:grid;gap:2px}.article-cluster a{display:flex;align-items:baseline;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);transition:transform .35s var(--ease)}.article-cluster a:hover{transform:translate(4px)}.article-cluster b{font-size:max(.95rem,15px);line-height:1.75;font-weight:500}.article-cluster .tag{flex:none;padding:4px 9px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 9px/1 var(--f-en);letter-spacing:.18em}.article-nav{margin-top:clamp(48px,7vh,80px);padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(30px,3vw,44px)}.article-layout>*{min-width:0}.article-side{display:none}@media(min-width:1280px){.article-shell{max-width:1348px;margin-inline:auto;padding-inline:clamp(24px,4.2vw,60px)}.article-layout{grid-template-columns:minmax(0,880px) 300px;gap:44px;justify-content:center;align-items:start}.article-layout>.article{max-width:none}.article-side{display:block;position:sticky;top:96px;max-height:calc(100vh - 128px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(12,12,14,.2) transparent}}.author-box{margin-top:clamp(40px,5.6vh,60px);padding:clamp(22px,3vw,32px);border:1px solid var(--line);border-radius:20px;background:#ffffff8c}.author-box .sec-en{margin-bottom:clamp(14px,2vh,20px)}.author-box-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.author-box-head b{font:500 clamp(1.05rem,1.8vw,1.3rem)/1.5 var(--f-min);letter-spacing:.05em}.author-box-head small{font-size:max(.82rem,13px);color:var(--ink-40)}.author-box .txt{margin-top:12px;font-size:max(.9rem,14px);line-height:1.95}.author-cred{margin-top:16px;display:grid;gap:8px}.author-cred li{position:relative;padding-left:20px;font-size:max(.86rem,14px);line-height:1.85;color:var(--ink-60)}.author-cred li:before{content:"";position:absolute;left:0;top:.62em;width:9px;height:5px;border-left:1.5px solid var(--ink-40);border-bottom:1.5px solid var(--ink-40);transform:rotate(-45deg)}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(28px,4vh,40px);padding-left:0}.article-tags li{padding-left:0;margin-top:0}.article-tags li:before{content:none}.article-tags a{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:max(.8rem,13px);color:var(--ink-60);transition:border-color .3s,color .3s,background .3s}.article-tags a:hover{border-color:var(--ink);color:var(--ink);background:#ffffffb3}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:-14px 0 clamp(28px,4vh,44px)}.tag-row a{display:inline-flex;align-items:baseline;gap:7px;padding:8px 14px;border-radius:999px;background:var(--paper-2);font-size:max(.8rem,13px);color:var(--ink-60);transition:color .3s,background .3s}.tag-row a:hover{color:var(--ink);background:#ffffffd9}.tag-row small{font:600 10px/1 var(--f-en);color:var(--ink-40)}.art-banner{margin-top:clamp(44px,6vh,64px);border-radius:16px;overflow:hidden;box-shadow:0 20px 46px -36px #18143c80}.art-banner+.art-banner{margin-top:16px}.art-banner a{display:block;transition:transform .5s var(--ease)}.art-banner a:hover{transform:translateY(-3px)}.art-banner img{width:100%;height:auto;display:block}.side-banner{border-radius:16px;overflow:hidden;box-shadow:0 18px 40px -32px #18143c80}.side-banner a{display:block;transition:transform .5s var(--ease),box-shadow .5s}.side-banner a:hover{transform:translateY(-3px)}.side-banner img{width:100%;height:auto;display:block}.side-toc{margin-top:22px;padding:18px 4px 4px;border-top:1px solid var(--line)}.side-toc-ttl{font:600 9.5px/1 var(--f-en);letter-spacing:.3em;color:var(--ink-40);margin-bottom:14px}.side-toc ul{display:grid;gap:2px}.side-toc a{display:block;padding:7px 0;font-size:12.5px;line-height:1.7;color:var(--ink-60);transition:color .3s,transform .3s var(--ease)}.side-toc a:hover{color:var(--ink);transform:translate(3px)}.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px)}.post{display:block}.post-thumb{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:var(--paper-2);border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 56px -40px #18143c66;transition:transform .6s var(--ease)}.post:hover .post-thumb{transform:translateY(-6px)}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.post:hover .post-thumb img{transform:scale(1.05)}.post-meta{margin-top:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.post h3{margin-top:12px;font:500 max(1rem,16px)/1.75 var(--f-min);letter-spacing:.04em;color:var(--ink);transition:transform .4s var(--ease)}.post:hover h3{transform:translate(4px)}.cat-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:clamp(28px,4vh,44px)}.cat-tab{font:600 9.5px/1 var(--f-en);letter-spacing:.2em;padding:11px 18px;border:1px solid var(--line);border-radius:999px;color:var(--ink-60);transition:background .3s,color .3s,border-color .3s}.cat-tab:hover{border-color:var(--ink);color:var(--ink)}.cat-tab.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}@media(max-width:1023px){.post-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.post-list{grid-template-columns:1fr}}.form-wrap{max-width:860px;margin:0 auto;border:1px solid var(--line);border-radius:20px;padding:clamp(26px,3.4vw,52px);background:#ffffff80;box-shadow:0 20px 50px -36px #18143c4d}#contactForm dl{display:block}#contactForm dt{margin-top:clamp(24px,3.4vh,34px);display:flex;align-items:center;gap:12px;font:600 9.5px/1 var(--f-en);letter-spacing:.28em;color:var(--ink-60)}#contactForm dt:first-child{margin-top:0}#contactForm dt label{font:500 max(.92rem,15px)/1 var(--f-jp);letter-spacing:.06em;color:var(--ink)}#contactForm dt span{font:600 9px/1 var(--f-en);letter-spacing:.16em;padding:6px 10px;border-radius:999px;background:var(--ink);color:var(--paper)}#contactForm dt span:not(:empty){white-space:nowrap}#contactForm dd{margin-top:12px}#contactForm dt[hidden],#contactForm dd[hidden]{display:none}#contactForm input[type=text],#contactForm input[type=email],#contactForm input[type=tel],#contactForm select,#contactForm textarea{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);padding:12px 2px;font:400 max(1rem,16px)/1.7 var(--f-jp);color:var(--ink);border-radius:0;transition:border-color .35s;-webkit-appearance:none;appearance:none}#contactForm textarea{resize:vertical;min-height:120px}#contactForm input:focus,#contactForm select:focus,#contactForm textarea:focus{outline:none;border-color:var(--ink)}#contactForm ::placeholder{color:#0c0c0e52}.wpcf7-radio{display:flex;gap:10px;flex-wrap:wrap}.wpcf7-list-item label{display:inline-flex;align-items:center;gap:9px;cursor:pointer;padding:12px 20px;border:1px solid var(--line);border-radius:999px;font:500 max(.88rem,14px)/1 var(--f-jp);letter-spacing:.04em;transition:border-color .3s,background .3s}.wpcf7-list-item input[type=radio]{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin:0;border:1px solid var(--ink-40);border-radius:50%;transition:border-color .3s,background .3s}.wpcf7-list-item.radio-active label{border-color:var(--ink);background:#ffffffbf}.wpcf7-list-item.radio-active input[type=radio]{border-color:var(--ink);background:radial-gradient(circle,var(--ink) 0 45%,transparent 46%)}.form-privacy{margin-top:clamp(26px,3.6vh,36px);font-size:max(.86rem,14px);line-height:2;color:var(--ink-60)}.form-privacy a{border-bottom:1px solid var(--line)}.form-error{display:none;margin-top:18px;padding:14px 18px;border-radius:12px;background:#ffa9cf2e;border:1px solid rgba(255,169,207,.5);font-size:max(.86rem,14px);color:var(--ink)}.form-submit{margin-top:clamp(28px,4vh,40px);display:flex;justify-content:flex-end}.form-submit button{background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.form-submit button:disabled{opacity:.5;cursor:default}.cf-turnstile{margin-top:clamp(22px,3vh,30px)}@media(max-width:640px){.form-submit{justify-content:stretch}.form-submit .circle-btn{width:100%;justify-content:space-between}}