@keyframes gin{0%{opacity:0;transform:translate(8px,0);filter:drop-shadow(-4px 0 0 color-mix(in srgb,currentColor 55%,transparent)) drop-shadow(4px 0 0 color-mix(in srgb,currentColor 55%,transparent));clip-path:inset(0 0 55% 0)}10%{opacity:1;transform:translate(-6px,1px) skewX(6deg);clip-path:inset(35% 0 15% 0)}20%{opacity:.5;transform:translate(4px,-1px);clip-path:inset(0)}32%{opacity:1;transform:translate(-3px,0) skewX(-6deg);filter:drop-shadow(3px 0 0 color-mix(in srgb,currentColor 55%,transparent)) drop-shadow(-3px 0 0 color-mix(in srgb,currentColor 55%,transparent));clip-path:inset(50% 0 0 0)}44%{opacity:.7;transform:translate(4px,1px);clip-path:inset(10% 0 40% 0)}56%{opacity:1;transform:translate(-2px,0);filter:drop-shadow(-2px 0 0 color-mix(in srgb,currentColor 55%,transparent)) drop-shadow(2px 0 0 color-mix(in srgb,currentColor 55%,transparent));clip-path:inset(0)}70%{opacity:.85;transform:translate(1px,0)}84%{opacity:1;transform:none;filter:drop-shadow(1px 0 0 color-mix(in srgb,currentColor 55%,transparent)) drop-shadow(-1px 0 0 color-mix(in srgb,currentColor 55%,transparent))}100%{opacity:1;transform:none;filter:none;clip-path:inset(0)}}
.snk{font-size:calc(.8rem * var(--ns,1))}
.snk img{width:4.24em!important;height:auto!important;margin-right:.067em}
.menu a:not([aria-current]){color:#7d8b4f!important}
@media (max-width:700px){
.pg{height:auto!important;min-height:100vh;overflow:visible!important}
.snk,.menu{font-size:4.72vw!important}
.pg .dock,.mdock{right:9vw!important;bottom:9vw!important;gap:3.5vw!important}
.pg .dock{flex-direction:column-reverse!important}
.pg .dock::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-9vw;bottom:-9vw;width:44vw;height:44vw;background:radial-gradient(farthest-side at 100% 100%,rgba(18,2,0,.96) 0%,rgba(18,2,0,.88) 50%,rgba(18,2,0,0) 100%)}
.pg .dock::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-30vw;top:-24vw;right:-9vw;bottom:-9vw;background:radial-gradient(farthest-side at 100% 100%,rgba(18,2,0,.97) 0%,rgba(18,2,0,.94) 55%,rgba(18,2,0,0) 100%);opacity:0;transition:opacity .35s}
.pg .dock.open::before{opacity:1}.pg .dock.closing::before{opacity:0;transition-delay:.55s}
.pg .menu .home{display:inline-block!important}
.pg .menu a{opacity:0;pointer-events:none}
.pg .menu.open a{opacity:1;pointer-events:auto;animation:gin .9s steps(1,end) both}
.pg .menu.closing a{animation:gin .9s steps(1,end) reverse both}
.pg .menu a:nth-child(2){animation-delay:.05s}.pg .menu a:nth-child(3){animation-delay:.1s}.pg .menu a:nth-child(4){animation-delay:.15s}.pg .menu a:nth-child(5){animation-delay:.2s}.pg .menu a:nth-child(6){animation-delay:.25s}
.pg .tilt{transform:none!important}
.pg .art[data-on],.pg .th[data-on],.pg .tile[data-on] .art{filter:none!important}
.pg-home > div:first-child{display:none!important}
.pg-home::before,.pg-contact::before{content:"";position:fixed;left:0;right:0;top:-14vh;bottom:-14vh;z-index:0;pointer-events:none;background:#120200 url(ec7febc70f76c79ccded8fa7d2f73f97.jpg) 50% 50% / cover no-repeat}
.pg-contact{background:#120200!important}
.pg-contact main{position:relative;z-index:1;padding:13vw 9vw 0 0!important;gap:6vw!important}
.pg-contact main a{font-size:4.4vw!important}
.pg-about .banner,.pg-pc .banner{left:9vw;right:9vw;top:9vw;height:82vw;border-radius:12px}
.pg-about .below{display:block;padding:calc(9vw + 82vw + 9vw) 9vw 45vh}
.pg-about .stmts{align-items:flex-end;text-align:right;gap:1.6vw;font-size:3.5vw}
.pg-about .paras{width:62vw;margin-top:13vw;text-align:left;font-size:2.75vw;line-height:1.4}
.pg-pc .pc-below{padding:calc(9vw + 82vw + 9vw) 9vw 45vh}
.pg-pc .pc-title{font-size:10.6vw;margin:0 0 8vw}
.pg-pc .pc-text{width:62vw;font-size:2.75vw;line-height:1.4}
.pg-pc .pc-cta{white-space:normal}
.pg-works main{position:static!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:flex-start!important;align-content:flex-start!important;justify-content:flex-start!important;gap:6vw!important;padding:9vw 9vw 45vh!important}
.pg-works main > div{flex-direction:row-reverse!important;justify-content:flex-end;align-items:flex-start;gap:4vw!important}
.pg-works main > div > span{font-size:3vw!important;height:auto!important}
.pg-works .tile{width:41vw!important}.pg-works .tile:hover,.pg-works .tile:focus-visible{transform:none}
.pg-visuals main > div:first-child{position:sticky!important;top:0!important;z-index:10!important;width:82vw!important;height:82vw!important;margin:0!important;padding:9vw;background:#120200;box-sizing:content-box}
.pg-visuals main > div:first-child::after{content:"";position:absolute;left:0;right:0;top:100%;height:3vw;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);background:linear-gradient(rgba(18,2,0,.9),rgba(18,2,0,0))}
.pg-visuals .col{position:static!important;width:auto!important;padding:3vw 9vw 45vh!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:3vw!important;overflow:visible!important}
.pg-visuals .col h2{flex-basis:auto;margin:6vw 0 1vw!important;font-size:2.9vw!important;white-space:normal!important}
.pg-visuals .th,.pg-visuals .th:hover,.pg-visuals .th:focus-visible{width:26vw!important;height:26vw!important;transform:none!important;position:static!important;z-index:auto!important}
.pg-p3 main{display:grid!important;grid-template-columns:24vw minmax(0,1fr);column-gap:5vw;row-gap:0;padding:9vw 9vw 45vh!important;align-items:start}
.pg-p3 main > div:first-child{display:contents!important}
.pg-p3 main > div:first-child > *{grid-column:1!important;grid-row:auto!important;width:100%!important;height:auto!important;aspect-ratio:1;margin:0 0 3vw;position:relative}
.pg-p3 main > div:first-child > :nth-child(1){grid-column:1 / -1!important;order:-1;margin-bottom:6vw}
.pg-p3 main > div:nth-child(2){grid-column:2;grid-row:2 / span 40;display:block!important;width:auto!important;margin:0!important;font-size:2.75vw!important;line-height:1.45!important}
.pg-p3 main > div:nth-child(2) > div{display:block}
.pg-p1 main{display:grid!important;grid-template-columns:24vw minmax(0,1fr);column-gap:5vw;row-gap:0;padding:9vw 9vw 45vh!important;align-items:start}
.pg-p1 main > div:first-child{display:contents!important}
.pg-p1 main > div:first-child > *{grid-column:1!important;grid-row:auto!important;width:100%!important;height:auto!important;aspect-ratio:1;margin:0 0 3vw;position:relative}
.pg-p1 main > div:first-child > :nth-child(1){grid-column:1 / -1!important;order:-1;margin-bottom:6vw}
.pg-p1 main > div:nth-child(2){grid-column:2;grid-row:2 / span 40;display:block!important;width:auto!important;margin:0!important;font-size:2.75vw!important;line-height:1.45!important}
.pg-p1 main > div:nth-child(2) > div{display:block}
.pg-pcoord main{display:grid!important;grid-template-columns:24vw minmax(0,1fr);column-gap:5vw;row-gap:0;padding:9vw 9vw 45vh!important;align-items:start}
.pg-pcoord main > div:first-child{display:contents!important}
.pg-pcoord main > div:first-child > *{grid-column:1!important;grid-row:auto!important;width:100%!important;height:auto!important;aspect-ratio:1;margin:0 0 3vw;position:relative}
.pg-pcoord main > div:first-child > :nth-child(1){grid-column:1 / -1!important;order:-1;margin-bottom:6vw}
.pg-pcoord main > div:nth-child(2){grid-column:2;grid-row:2 / span 40;display:block!important;width:auto!important;margin:0!important;font-size:2.75vw!important;line-height:1.45!important}
.pg-pcoord main > div:nth-child(2) > div{display:block}
.pg-pcoord main > div:first-child > img{aspect-ratio:.475}
.pg-psoft main{display:grid!important;grid-template-columns:24vw minmax(0,1fr);column-gap:5vw;row-gap:0;padding:9vw 9vw 45vh!important;align-items:start}
.pg-psoft main > div:first-child,.pg-psoft main > div:first-child > div:first-child{display:contents!important}
.pg-psoft main > div:first-child > div:first-child > *,.pg-psoft main > div:first-child > img{grid-column:1!important;grid-row:auto!important;width:100%!important;height:auto!important;aspect-ratio:1;margin:0 0 3vw;position:relative}
.pg-psoft main > div:first-child > img{aspect-ratio:auto}
.pg-psoft main > div:first-child > div:first-child > :nth-child(5){grid-column:1 / -1!important;order:-1;margin-bottom:6vw}
.pg-psoft main > div:nth-child(2){grid-column:2;grid-row:2 / span 40;display:block!important;width:auto!important;margin:0!important;font-size:2.75vw!important;line-height:1.45!important}
.pg-psoft main > div:nth-child(2) > div{display:block}
}