.page-sponsor{background:var(--washi)}.sp-hero{position:relative;overflow:hidden;min-height:100vh;min-height:calc(100svh - var(--inset-top));display:grid;align-items:center;padding:calc(var(--header-h) + 30px) var(--gutter) clamp(40px,7vh,80px);background:var(--washi);color:var(--ink)}.sp-hero__stage{position:absolute;top:0;right:0;bottom:0;width:60%}.sp-hero__stage canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y;opacity:0;transition:opacity 1.6s var(--ease-out);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%),linear-gradient(0deg,transparent 0,#000 14%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 26%),linear-gradient(0deg,transparent 0,#000 14%);mask-composite:intersect}.sp-hero__stage canvas:active{cursor:grabbing}.sp-hero__stage.is-flat canvas{cursor:default;touch-action:auto}.sp-hero__stage.is-ready canvas{opacity:1}.sp-hero__combo{position:absolute;right:var(--gutter);bottom:clamp(26px,5vh,48px);display:grid;justify-items:end;gap:4px;text-align:right}.sp-hero__combo-name{font-family:var(--f-min);font-weight:600;font-size:1.05rem;letter-spacing:.14em}.sp-hero__combo .link-line{margin-top:6px;font-size:.78rem}.sp-hero__copy{position:relative;z-index:2;width:min(52%,720px);pointer-events:none}.sp-hero__copy a{pointer-events:auto}.sp-hero__title{margin:clamp(14px,2.4vh,26px) 0 0 -.05em;font-family:var(--f-min);font-weight:600;font-size:clamp(3.2rem,min(8.6vw,19vh),9rem);line-height:1.14;letter-spacing:.04em;white-space:nowrap}.sp-hero__title .line:nth-child(2){margin-left:1.1em}.sp-hero__status{display:flex;align-items:center;gap:clamp(20px,2.6vw,38px);margin-top:clamp(26px,5vh,56px)}.sp-hero__text{max-width:25em;font-size:clamp(.92rem,1.06vw,1.02rem);line-height:2.1;color:var(--ink-2)}.seal{position:relative;flex:none;width:66px;height:122px;display:grid;place-items:center;border:3px solid var(--shu);border-radius:3px;color:var(--shu);transform:rotate(-4deg);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -1.7 1.72'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -1.7 1.72'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.seal:before{content:"";position:absolute;inset:4px;border:1px solid var(--shu)}.seal span{writing-mode:vertical-rl;font-family:var(--f-min);font-weight:700;font-size:1.5rem;line-height:1;letter-spacing:.2em;padding-top:.2em}.js .seal{opacity:0}.js .seal.is-stamped{opacity:1;animation:seal-in .7s cubic-bezier(.2,1.3,.4,1) both}@keyframes seal-in{0%{opacity:0;transform:rotate(-4deg) scale(1.6)}55%{opacity:1}to{opacity:1;transform:rotate(-4deg) scale(1)}}.sp-hero__tate{position:absolute;z-index:2;right:calc(var(--gutter) - 6px);top:calc(var(--header-h) + 7vh);font-family:var(--f-min);font-size:.8rem;letter-spacing:.5em;color:var(--ink-2);pointer-events:none}.sp-index{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:40px clamp(30px,7vw,130px);align-items:start;padding:clamp(80px,11vw,170px) var(--gutter) clamp(90px,12vw,190px);background:var(--washi);color:var(--ink);border-top:1px solid var(--ink-line)}.sp-index__head{position:sticky;top:calc(var(--bar-h) + 40px)}.sp-index__title{margin-top:18px;font-family:var(--f-min);font-weight:600;font-size:clamp(1.7rem,3.2vw,3rem);line-height:1.45;letter-spacing:.08em;white-space:nowrap}.sp-index__title .line:nth-child(2){margin-left:1em}.sp-index__lead{margin-top:24px;max-width:24em;font-size:.94rem;line-height:2.1;color:var(--ink-2)}.sp-index__list li{position:relative;display:grid;grid-template-columns:clamp(3.4rem,6vw,5.6rem) minmax(0,1fr) auto;column-gap:clamp(14px,2.4vw,34px);align-items:baseline;padding:clamp(24px,3.2vw,42px) 0;border-bottom:1px solid var(--ink-line)}.sp-index__list li:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--ink);transform-origin:left;transition:transform 1.4s var(--ease-out)}.js .sp-index__list li:before{transform:scaleX(0)}.js .sp-index__list li.is-in:before{transform:scaleX(1)}.sp-index__list li>*{transition:opacity .9s var(--ease-out) .15s,transform 1.2s var(--ease-out) .15s}.js .sp-index__list li:not(.is-in)>*{opacity:0;transform:translateY(18px)}.sp-index__list .numeral{grid-row:1 / 3;font-size:clamp(2rem,3.4vw,3.2rem);color:var(--shu)}.sp-index__list h3{font-family:var(--f-min);font-weight:600;font-size:clamp(1.4rem,2.5vw,2.2rem);letter-spacing:.14em;line-height:1.4}.sp-index__list p{grid-column:2;margin-top:8px;font-size:.9rem;line-height:1.9;color:var(--ink-2)}.tag{grid-column:3;grid-row:1;align-self:center;padding:5px 12px 5px 14px;border:1px solid rgba(200,64,47,.55);font-family:var(--f-min);font-weight:600;font-size:.74rem;letter-spacing:.3em;color:var(--shu);white-space:nowrap}.sp-next{position:relative;background:var(--sumi-0);color:var(--kinu-0);padding:clamp(84px,11vw,170px) var(--gutter) clamp(70px,9vw,130px)}.sp-next__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(30px,6vw,100px);align-items:end}.sp-next__head .label{grid-column:1 / -1}.sp-next__title{font-family:var(--f-min);font-weight:600;font-size:clamp(2.3rem,5.4vw,5rem);line-height:1.26;letter-spacing:.08em}.sp-next__title .line:nth-child(2){margin-left:1.2em}.sp-next__lead{max-width:27em;padding-bottom:.8em;font-size:.94rem;line-height:2.1;color:var(--kinu-1)}.sp-samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(40px,6vw,84px);background:var(--line);border:1px solid var(--line)}.sp-samples li{background:var(--sumi-0)}.sp-samples a{position:relative;display:block;padding-bottom:18px;overflow:hidden}.sp-samples__fig{display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--sumi-0)}.sp-samples__fig canvas{display:block;width:100%;height:100%;transition:transform 1.2s var(--ease-out)}.sp-samples a:hover .sp-samples__fig canvas,.sp-samples a:focus-visible .sp-samples__fig canvas{transform:scale(1.06)}.sp-samples__no{position:absolute;left:16px;top:12px;font-size:1.3rem;color:var(--kin)}.sp-samples__name{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 0;font-family:var(--f-min);font-weight:600;font-size:.96rem;letter-spacing:.1em;line-height:1.5}.sp-samples__name .btn__arrow{width:22px;color:var(--kinu-2)}.sp-samples a:hover .btn__arrow{width:34px;color:var(--shu)}.sp-samples__code{display:flex;flex-wrap:wrap;padding:2px 16px 0;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.12em;color:var(--kinu-3)}.sp-samples__code i{font-style:normal;white-space:nowrap}.sp-samples__code i+i:before{content:"/";margin:0 .7em;opacity:.6}@supports (grid-template-rows: subgrid){.sp-samples li,.sp-samples a{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}.sp-samples__name{align-self:start}}.sp-next__cta{margin-top:clamp(34px,5vw,60px)}.js [data-reveal]{opacity:0;transform:translateY(26px)}.js [data-lines] .line>span,.js .sp-hero__title .line>span{transform:translateY(110%)}.js [data-intro]{opacity:0}@media(max-width:900px){.sp-index{grid-template-columns:minmax(0,1fr)}.sp-index__head{position:static}.sp-index__list li{grid-template-columns:2.6rem minmax(0,1fr) auto}.sp-index__list h3{font-size:min(1.4rem,calc((100vw - 170px) / 9.6));letter-spacing:.06em;white-space:nowrap}.sp-index__list p{grid-column:2 / 4;font-size:.86rem}.tag{padding:4px 8px 4px 10px;font-size:.66rem;letter-spacing:.2em}.sp-next__head{grid-template-columns:minmax(0,1fr)}.sp-next__lead{padding-bottom:0}.sp-samples__name{padding:10px 12px 0;font-size:.8rem;letter-spacing:.04em}.sp-samples__name .btn__arrow{display:none}.sp-samples__code{gap:0 .9em;padding:3px 12px 0;font-size:.58rem;letter-spacing:.02em}.sp-samples__code i+i:before{content:none}.sp-samples__no{left:12px;top:8px;font-size:1.1rem}}@media(orientation:portrait){.sp-hero{align-items:end;padding-top:calc(56vh + 16px);padding-top:calc(56svh + 16px);padding-bottom:30px}.sp-hero__stage{left:0;width:auto;bottom:auto;height:56vh;height:56svh}.sp-hero__stage canvas{-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 16%);mask-image:linear-gradient(0deg,transparent 0,#000 16%)}.sp-hero__combo{right:var(--gutter);bottom:6px}.sp-hero__combo .label{display:none}.sp-hero__combo-name{font-size:.86rem}.sp-hero__combo .link-line{margin-top:0;font-size:.72rem}.sp-hero__copy{width:100%}.sp-hero__title{font-size:clamp(2.9rem,14.6vw,6.4rem)}.sp-hero__title .line:nth-child(2){margin-left:.7em}.sp-hero__status{margin-top:20px;gap:18px}.sp-hero__text{font-size:.86rem;line-height:1.95}.seal{width:52px;height:98px;border-width:2px}.seal span{font-size:1.18rem}.sp-hero__tate{display:none}}@media(orientation:portrait)and (max-width:900px){.sp-samples{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-next__cta .btn{width:100%}}@media(orientation:portrait)and (min-width:700px){.sp-hero__title{font-size:clamp(6.4rem,min(13.4vw,10vh),9rem)}.sp-hero__text,.sp-hero__combo-name{font-size:.96rem}.sp-hero__combo .link-line{font-size:.76rem}}@media(orientation:portrait)and (min-width:901px){.sp-hero{padding-bottom:44px}.sp-hero__status{margin-top:30px;gap:28px}.sp-hero__text{font-size:1.02rem;line-height:2.05}.seal{width:66px;height:122px;border-width:3px}.seal span{font-size:1.5rem}}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (max-width:900px){:root{--ch: 1vh}@supports (height: 1svh){:root{--ch: 1svh}}.sp-hero{padding:calc(var(--bar-h) + 6px) var(--gutter) calc(12px + var(--inset-bottom))}.sp-hero__copy{width:min(54%,470px)}.sp-hero__stage{left:min(calc((100% - var(--gutter) * 2) * .54),470px);width:auto}.sp-hero__title{margin-top:clamp(4px,calc(var(--ch) * 1.6),12px);font-size:clamp(2.2rem,min(calc(var(--ch) * 15),8vw),4.8rem)}.sp-hero__title .line:nth-child(2){margin-left:.9em}.sp-hero__status{margin-top:clamp(8px,calc(var(--ch) * 3.4),20px);gap:16px}.sp-hero__text{font-size:clamp(.78rem,calc(var(--ch) * 3),.9rem);line-height:1.8}.seal{width:clamp(36px,calc(var(--ch) * 11.4),50px);height:clamp(66px,calc(var(--ch) * 21),94px);border-width:2px}.seal:before{inset:3px}.seal span{font-size:clamp(.86rem,calc(var(--ch) * 4.4),1.14rem)}.sp-hero__tate{display:none}.sp-hero__combo{bottom:calc(10px + var(--inset-bottom));gap:2px}.sp-hero__combo .label{display:none}.sp-hero__combo-name{font-size:.82rem}.sp-hero__combo .link-line{margin-top:0;font-size:.7rem}.sp-index{padding:clamp(60px,18vh,110px) var(--gutter) clamp(64px,20vh,120px)}.sp-next{padding:clamp(60px,18vh,110px) var(--gutter) clamp(56px,16vh,100px)}}@media(orientation:landscape)and (max-height:309px){.sp-hero__copy>.label{display:none}.sp-hero__title{margin-top:0}}@media(prefers-reduced-motion:reduce){.js [data-reveal],.js [data-intro]{opacity:1;transform:none}.js [data-lines] .line>span,.js .sp-hero__title .line>span{transform:none}.js .seal{opacity:1;animation:none}.js .sp-index__list li:before{transform:none}.js .sp-index__list li:not(.is-in)>*{opacity:1;transform:none}}
