#screen-portfolio{overflow:hidden}.portfolio-root{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;padding:max(18px,env(safe-area-inset-top)) 14px calc(82px + env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden}.portfolio-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}.portfolio-title-wrap{min-width:0;flex:1 1 auto}.portfolio-title-wrap .screen-kicker{display:block;margin-bottom:5px;font-size:10px;line-height:1.1;font-weight:900;letter-spacing:.12em}.portfolio-title-wrap h1{margin:0;font-size:clamp(28px,8vw,36px)!important;line-height:.98;letter-spacing:-.045em}.portfolio-title-wrap p{margin:6px 0 0;max-width:300px;color:#30465b;font-size:14px!important;line-height:1.3}.portfolio-logo{width:58px;max-width:18vw;height:auto;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(47,210,255,.18))}.portfolio-main{display:grid;grid-template-rows:minmax(0,1fr);align-content:stretch;min-height:0;padding-top:8px}.research-overview{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:10px;border:1px solid rgba(16,42,67,.14);border-radius:18px;background:linear-gradient(145deg,rgba(47,210,255,.08),rgba(61,61,234,.065),rgba(243,16,186,.055));box-shadow:0 16px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}.research-overview-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.research-overview h2{margin:0;font-size:19px!important;line-height:1.05;letter-spacing:-.025em;color:#102a43}.research-count{flex:0 0 auto;padding:5px 7px;border:1px solid rgba(47,210,255,.24);border-radius:999px;color:var(--cyan);font-size:9px!important;line-height:1;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.research-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:6px;min-height:0;overflow:hidden}.research-work{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px;min-width:0;min-height:0;padding:7px;border:1px solid rgba(16,42,67,.14);border-radius:12px;background:rgba(5,8,16,.22);color:inherit;text-decoration:none;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}.research-work:active{transform:scale(.985)}.research-work:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.research-work-number{flex:0 0 auto;color:var(--cyan);font-size:10px!important;line-height:1.2;font-weight:900;letter-spacing:.04em}.research-work-copy{min-width:0;overflow:hidden}.research-work-copy strong,.research-work-copy small{display:block}.research-work-copy strong{color:#102a43;font-size:12px!important;line-height:1.16;font-weight:800;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.research-work-copy small{margin-top:3px;color:#526b82;font-size:9px!important;line-height:1.1;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.portfolio-note,.portfolio-footer{display:none}@media(max-width:360px){.portfolio-root{padding-inline:11px;padding-top:14px;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.portfolio-title-wrap h1{font-size:27px!important}.portfolio-title-wrap p{font-size:13px!important}.portfolio-logo{width:52px}.research-overview{padding:8px;border-radius:16px}.research-overview h2{font-size:17px!important}.research-count{font-size:8px!important;padding:4px 6px}.research-work-grid{gap:5px}.research-work{padding:6px;gap:5px;border-radius:10px}.research-work-number{font-size:9px!important}.research-work-copy strong{font-size:10.5px!important;line-height:1.12;-webkit-line-clamp:4}.research-work-copy small{font-size:8px!important}}@media(prefers-reduced-motion:reduce){.portfolio-logo,.research-work{filter:none;transition:none}}