.pilot-page{padding-top:102px;background:#fff}
.pilot-page .pilot-top{padding-bottom:25px}
.pilot-page .project-back{font-size:12px}
.board-sequence{width:min(100%,792px);margin:0 auto;background:#fff}
.board-pair{display:block}
.board-half{position:relative;width:100%;aspect-ratio:792/612;overflow:hidden;background:#fff}
.board-half img{display:block;width:200%;max-width:none;height:auto;margin:0;border:0;object-fit:unset}
.board-right img{transform:translateX(-50%)}
@media (max-width:792px){.board-sequence{width:100%}}

.interaction-story{width:100%}
.interaction-cover,.interaction-board{margin:0}
.interaction-cover,.interaction-board{width:min(100%,1600px);margin-inline:auto}
.interaction-cover img,.interaction-board img{display:block;width:100%;height:auto;border:0}
.interaction-board-wide{overflow-x:auto}
.interaction-board-wide img{width:195%;max-width:none}
.interaction-board-wide-wrap{position:relative;width:min(100%,1600px);margin-inline:auto}
.board-scroll-controls{position:absolute;inset:0;pointer-events:none}
.board-scroll-button{position:absolute;top:50%;display:grid;place-items:center;width:clamp(82px,9vw,116px);height:clamp(82px,9vw,116px);padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;opacity:.82;transition:opacity .22s,visibility .22s;transform:translateY(-50%);filter:drop-shadow(0 2px 5px #fff) drop-shadow(0 0 2px #fff)}
.board-scroll-button svg{display:block;width:76%;height:76%;fill:#ff9700;filter:drop-shadow(0 2px 2px rgba(126,65,0,.2))}
.board-scroll-left{left:clamp(8px,2vw,30px);animation:board-arrow-left 2.2s ease-in-out infinite}
.board-scroll-left svg{transform:rotate(180deg)}
.board-scroll-right{right:clamp(8px,2vw,30px);animation:board-arrow-right 2.2s ease-in-out infinite}
.board-scroll-button:hover{opacity:1;animation-play-state:paused}
.board-scroll-button.is-hidden{opacity:0;visibility:hidden;pointer-events:none;animation:none}
.board-scroll-button:focus-visible{outline:2px solid var(--project-accent,#bd7200);outline-offset:3px}
@keyframes board-arrow-left{50%{transform:translate(-6px,-50%);opacity:.95}}
@keyframes board-arrow-right{50%{transform:translate(6px,-50%);opacity:.95}}
@media(prefers-reduced-motion:reduce){.board-scroll-button{animation:none}}
.architecture-empty-cover{width:min(100%,1600px);aspect-ratio:16/9;margin:0 auto;background:#f0f0ed}
.interaction-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,110px);align-items:end;padding-top:clamp(64px,8vw,130px);padding-bottom:clamp(75px,9vw,150px)}
.interaction-intro-main h1{margin:28px 0 20px;font-size:clamp(54px,7vw,112px);line-height:.95;font-weight:400;letter-spacing:-.07em;overflow-wrap:break-word}
.interaction-intro-main h1 span{color:var(--project-accent)}
.interaction-subtitle{max-width:640px;margin:0;font-size:clamp(21px,2.5vw,36px);line-height:1.15;letter-spacing:-.045em}
.interaction-intro-detail p{max-width:640px;margin:0;font-size:clamp(16px,1.5vw,20px);line-height:1.52;letter-spacing:-.015em}
.interaction-intro-detail time{display:block;margin-top:35px;font-size:13px;letter-spacing:.01em;color:#777}
.interaction-boards{display:grid;gap:clamp(32px,5vw,80px);padding-bottom:clamp(80px,10vw,150px)}
@media(max-width:760px){.interaction-intro{grid-template-columns:1fr;gap:34px}.interaction-intro-main h1{margin:20px 0 16px}.interaction-intro-detail time{margin-top:25px}}