:root{--paper:#deded9;--ink:#141715;--muted:#646a65;--edge:#babfb7;--accent:#407f94;font-family:Arial,'Malgun Gothic',sans-serif;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;background:var(--ink);color:var(--paper);padding:16px;z-index:20}.skip:focus{top:12px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{max-width:1700px;margin:auto;padding:0 40px}.nav{display:flex;justify-content:space-between;align-items:center;height:74px;font-size:11px;letter-spacing:.065em;text-transform:uppercase}.nav-links{display:flex;gap:26px;align-items:center}.nav a:hover{opacity:.55}.small-logo{width:122px;height:auto;display:block}.logo-stage{padding:8px 0 37px;border-bottom:1px solid var(--edge)}.logo-stage img{display:block;width:100%;height:auto}.studio-slogan{max-width:46ch;margin:22px auto 0;text-align:center;font-size:clamp(16px,1.65vw,24px);font-weight:400;line-height:1.5;letter-spacing:-.015em;text-wrap:balance}.index-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.06em;padding:28px 0 18px}.index-bar span:last-child{color:var(--muted)}.portfolio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.portfolio.single{grid-template-columns:1fr}.project{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.project-image{position:relative;background:#203539;aspect-ratio:2.56;overflow:hidden;border-radius:2px}.project-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project:hover .project-image>img{transform:scale(1.028)}.open-icon{position:absolute;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#e9ede6e8;color:#151c18;font-size:32px;font-weight:400;transition:background .2s,transform .25s}.project:hover .open-icon{background:#fff;transform:rotate(8deg)}.project-meta{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:19px 0 22px;border-bottom:1px solid var(--edge)}.project-meta h2{font-size:clamp(22px,2.1vw,33px);letter-spacing:-.045em;font-weight:500;margin:0}.meta-tags{display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.state{display:flex;align-items:center;gap:8px}.state:before{content:'';width:5px;height:5px;display:block;border-radius:50%;background:#53969f}.contact{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:154px;padding:44px 0 37px}.contact-label{font-size:10px;letter-spacing:.11em}.mail{display:flex;gap:18px;align-items:center;font-size:clamp(15px,2vw,26px);letter-spacing:-.035em;overflow-wrap:anywhere}.mail span{font-size:29px;transition:transform .2s}.mail:hover span{transform:translate(3px,-3px)}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--edge);padding:19px 0 24px;font-size:10px;color:var(--muted)}footer a:hover{color:var(--ink)}dialog{width:min(1120px,calc(100% - 48px));max-height:calc(100dvh - 48px);border:0;background:#151b19;color:#e8eee6;padding:0;border-radius:3px;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#101714b8;backdrop-filter:blur(7px)}dialog[open]{animation:open .28s cubic-bezier(.2,.7,.2,1)}.dialog-head{padding:28px 32px 24px;display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid #344039}.dialog-head h2{font-size:35px;font-weight:500;letter-spacing:-.035em;margin:0}.dialog-head .meta-tags{color:#a7b7af;margin-top:13px}.close{width:44px;height:44px;display:grid;place-items:center;padding:0;background:transparent;border:1px solid #5c6a60;border-radius:50%;font-size:27px;color:#e8eee6;cursor:pointer;flex-shrink:0}.close:hover{background:#39453b}.shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:20px 18px;padding:28px 32px}.shot{margin:0;min-width:0}.shot img{width:100%;height:auto;display:block;aspect-ratio:35/29;object-fit:contain;image-rendering:pixelated;background:#253832;border-radius:2px}.shot figcaption{font-size:11px;line-height:1.4;letter-spacing:.065em;padding-top:12px;color:#aebdb3}.detail-note{font-size:10px;color:#a8b7ad;padding:0 32px 28px;line-height:1.6}.standalone{padding:35px 0 0}.standalone .dialog-head{color:var(--ink);border-bottom:1px solid var(--edge);padding-inline:0}.standalone .meta-tags{color:var(--muted)}.standalone .shots{padding-inline:0}.standalone .shot figcaption{color:var(--muted)}.standalone .detail-note{padding-inline:0;color:var(--muted)}.back{font-size:11px;color:var(--muted);display:inline-flex;gap:15px;align-items:center}.support-stage{min-height:62vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:30px}.support-stage>img{width:min(520px,100%);height:auto}.support-stage .mail{font-size:clamp(19px,3.4vw,44px)}.support-stage p{font-size:13px;margin:0;color:var(--muted)}@keyframes open{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:1750px){.logo-stage{padding-top:14px}.project-image{aspect-ratio:2.8}}@media(max-width:760px){.shell{padding:0 22px}.nav{height:64px;font-size:10px}.nav-links{gap:18px}.small-logo{width:100px}.logo-stage{padding:20px 0 28px}.index-bar{padding:24px 0 14px;font-size:10px}.portfolio{grid-template-columns:1fr}.project-image{aspect-ratio:1.4}.project-image>img{object-position:57% center}.open-icon{width:43px;height:43px;right:16px;bottom:16px;font-size:26px}.project-meta{align-items:start;padding:16px 0 20px;gap:15px}.project-meta h2{font-size:24px}.meta-tags{font-size:9px;gap:12px;padding-top:5px}.meta-tags .platform{display:none}.contact{display:block;min-height:0;padding:34px 0}.mail{font-size:18px;margin-top:17px;gap:14px}.mail span{font-size:25px}footer{font-size:9px;padding:18px 0 23px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.dialog-head{padding:22px 20px}.dialog-head h2{font-size:27px}.dialog-head .meta-tags{display:flex;padding-top:0}.dialog-head .platform{display:inline}.shots{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 20px;gap:20px 14px}.detail-note{padding:0 20px 23px;font-size:10px}.standalone{padding-top:25px}.support-stage{min-height:58vh;gap:24px}.support-stage .mail{font-size:19px;margin:0}.support-stage p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.project:hover .project-image>img{transform:none}}