/* A spatial interface made from real project surfaces. No autoplay or scroll capture. */
.project-gallery{background:#0d1013;color:#f1f2f2;padding-top:56px;padding-bottom:39px;overflow:hidden}
.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.gallery-heading .mono{color:#84909c}.gallery-heading h2{font-size:clamp(32px,3.5vw,54px);letter-spacing:-.045em;line-height:1.2;margin-top:13px}.gallery-heading>p{font-size:1rem;line-height:1.6;color:#a6afb7;text-align:right;word-break:keep-all}
.gallery-stage{position:relative;height:clamp(320px,35vw,520px);perspective:1400px;perspective-origin:50% 44%;transform-style:preserve-3d;touch-action:pan-y;user-select:none;cursor:grab;outline-offset:-7px!important}
.gallery-stage.is-dragging{cursor:grabbing}.gallery-card{position:absolute;left:50%;top:50%;width:min(64%,640px);aspect-ratio:16/9;transform-style:preserve-3d;transform:translate3d(calc(-50% + var(--card-x,0px)),-50%,var(--card-z,0px)) rotateY(var(--card-rotate,0deg));opacity:0;visibility:hidden;transition:transform .68s cubic-bezier(.22,.72,.12,1),opacity .5s,visibility .5s;will-change:transform;backface-visibility:hidden;pointer-events:none}
.gallery-card.is-visible{visibility:visible;opacity:.52;pointer-events:auto}.gallery-card.is-current{opacity:1}.gallery-card-surface{width:100%;height:100%;border:1px solid #65707b;border-radius:7px;overflow:hidden;box-shadow:0 22px 65px #0009;background:#101014;backface-visibility:hidden}.gallery-card.is-current .gallery-card-surface{border-color:#c0cad3;box-shadow:0 26px 75px #000b}.gallery-card-surface>img{height:100%;width:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.gallery-card-select{position:absolute;inset:0;width:100%;height:100%;border-radius:7px;padding:0;background:transparent;cursor:inherit}.gallery-card.is-current .gallery-card-select{cursor:pointer}.gallery-card-select:focus-visible{outline:3px solid #d7e1eb;outline-offset:7px}
.gallery-detail{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:60px;align-items:end;border-top:1px solid #46505b;padding-top:25px;position:relative}.gallery-detail>div{min-width:0}.gallery-detail .mono{color:#a0abb5;font-size:.75rem}#gallery-kind{display:block;font-size:.875rem;color:#b0bac3;line-height:1.6}#gallery-title{font-size:clamp(31px,4.5vw,62px);letter-spacing:-.045em;line-height:1.2;margin-top:9px}#gallery-description{font-size:1rem;line-height:1.85;color:#aab5be;max-width:740px;margin-top:15px;min-height:60px;word-break:keep-all}.gallery-actions>a{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #7f8a94;padding:12px 0;margin-top:10px;font-size:.9375rem}.gallery-actions>a>span:last-child{font-size:1.4rem}.gallery-actions>a:hover{color:#bbc9d6}.gallery-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.gallery-navigation button{border:1px solid #68737d;width:42px;height:42px;font-size:1.1rem;border-radius:50%;line-height:1}.gallery-navigation button:hover{color:#111;background:#dae1e6;border-color:#dae1e6}.gallery-project-index{display:flex;flex-wrap:wrap;gap:10px 25px;border-top:1px solid #343d47;margin-top:31px;padding-top:22px}.gallery-project-index button{font-size:.875rem;line-height:1.6;color:#81909c;padding:4px 0 7px;border-bottom:1px solid transparent}.gallery-project-index button[aria-pressed=true]{color:#fff;border-color:#d2dbe2}.gallery-project-index button:hover{color:#dbe1e7}.gallery-instruction{font-size:.75rem;color:#71818f;margin-top:18px}
.gallery-product{height:100%;padding:clamp(15px,2.3vw,34px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.gallery-product>.mono{font-size:.75rem}.gallery-product>strong{font-size:clamp(35px,5vw,76px);font-weight:500;line-height:1.06;letter-spacing:-.055em}.gallery-voco{background:#edeaf3;color:#29212f}.gallery-voco>strong{font-size:clamp(80px,12.5vw,178px);font-weight:750;letter-spacing:-.085em;line-height:.85}.gallery-voco-flow{display:flex;gap:12px;border-top:1px solid #bab3c3;padding-top:14px;margin-top:5px}.gallery-voco-flow>span{font-size:clamp(12px,1.4vw,18px);flex:1;line-height:1.4}.gallery-product-note{color:#69737d;font-size:.75rem;line-height:1.6}.gallery-voco .gallery-product-note{color:#797184;margin-top:13px}.gallery-gcc{background:#e5e6e0;color:#253231}.gallery-japan{background:#ededeb;color:#20292d}.gallery-japan>strong{color:#a43d39}.gallery-operating-flow{display:flex;gap:13px;align-items:center;border-top:1px solid #aab0aa;padding-top:14px;line-height:1.7}.gallery-operating-flow>span{font-size:clamp(12px,1.2vw,16px)}.gallery-operating-flow>span[aria-hidden]{color:#7d8b83}.gallery-finance{height:100%;overflow:hidden;background:#e3e8ec;padding:22px 27px 0;color:#516471}.gallery-finance>.mono{font-size:.75rem;display:block;margin-bottom:17px}.gallery-finance .product-window{transform:none;margin:0;box-shadow:none;border-color:#b7c5cd}.gallery-finance .product-layout{display:block;min-height:0}.gallery-finance .product-sidebar,.gallery-finance .product-graph,.gallery-finance .product-bottom,.gallery-finance .product-add,.gallery-finance .product-heading small{display:none}.gallery-finance .product-main{padding:23px}.gallery-finance .window-bar{padding:12px 20px}.gallery-finance .product-heading h3{font-size:1.25rem;margin:0}.gallery-finance .product-stats{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.gallery-finance .product-stats>div:first-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.gallery-finance .product-stats strong{font-size:1.6rem;margin:0}.gallery-finance .product-stats small{font-size:.75rem}.gallery-finance .product-stats>div{padding-top:12px}.gallery-finance .window-brand{font-size:.75rem}
.love-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center;padding-top:61px;padding-bottom:69px}.love-intro>div>.mono{color:#777}.love-intro h1{font-size:clamp(38px,5vw,76px);letter-spacing:-.055em;line-height:1.17;word-break:keep-all;margin-top:25px}.love-intro p{font-size:1.0625rem;line-height:1.9;color:#666;max-width:600px;margin-top:23px;word-break:keep-all}.love-intro figure{margin:0}.love-intro img{aspect-ratio:16/9;object-fit:contain;width:100%;background:#121015}.love-intro figcaption{font-size:.75rem;color:#777;line-height:1.7;margin-top:12px}.love-journey{padding-top:50px;padding-bottom:61px;border-top:1px solid #bcbcb9}.love-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;margin-top:43px}.love-steps article{border-top:1px solid #bcbcb9;padding-top:20px;min-width:0}.love-steps .mono{color:#777}.love-steps h3{font-size:1.35rem;letter-spacing:-.03em;line-height:1.4;margin-top:16px}.love-steps p{font-size:1rem;color:#666;line-height:1.85;margin-top:15px;word-break:keep-all}.love-stack{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:53px;padding-bottom:57px;background:#e6e7e4}.love-stack h2{font-size:clamp(29px,3.5vw,49px);line-height:1.3;letter-spacing:-.045em;word-break:keep-all}.love-stack p{font-size:1rem;line-height:1.9;color:#666;word-break:keep-all}.love-disciplines{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.75rem;line-height:1.7;margin-top:25px;color:#5e6a65}
@media(min-width:1900px){.gallery-stage{height:560px}}
@media(max-width:1050px){.gallery-stage{height:420px}.gallery-card{width:72%}.gallery-detail{grid-template-columns:1fr 235px;gap:35px}.gallery-finance{padding:17px 20px 0}.gallery-finance>.mono{margin-bottom:12px}.gallery-finance .product-main{padding:16px 20px}.gallery-finance .product-stats{gap:11px;margin-top:15px}.gallery-finance .product-stats strong{font-size:1.35rem}.gallery-finance .product-heading h3{font-size:1.1rem}.gallery-finance .window-bar{padding:9px 17px}.gallery-product>.mono{font-size:.75rem}.love-steps{grid-template-columns:1fr 1fr;gap:30px}.love-intro{gap:5%}.love-intro h1{font-size:clamp(38px,5vw,60px)}}
@media(max-width:760px){.project-gallery{padding-top:35px;padding-bottom:28px}.gallery-heading{align-items:center;gap:20px}.gallery-heading h2{font-size:33px;margin-top:10px}.gallery-heading>p{font-size:.875rem;max-width:145px}.gallery-stage{height:clamp(235px,70vw,425px);margin-left:-12px;margin-right:-12px;perspective:1000px}.gallery-card{width:85%;max-width:600px}.gallery-detail{display:block;padding-top:21px}.gallery-detail #gallery-kind{font-size:.875rem}#gallery-title{font-size:35px;margin-top:9px}#gallery-description{font-size:1rem;min-height:0;line-height:1.85;margin-top:15px}.gallery-actions{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;margin-top:23px}.gallery-actions>#gallery-meta{display:none}.gallery-actions>a{margin:0;gap:19px;padding-top:9px;padding-bottom:9px}.gallery-navigation{gap:13px;margin:0}.gallery-navigation button{width:35px;height:35px}.gallery-navigation .mono{font-size:.75rem}.gallery-project-index{flex-wrap:nowrap;overflow-x:auto;gap:22px;margin-top:26px;padding-top:17px;scrollbar-width:thin}.gallery-project-index button{white-space:nowrap;flex-shrink:0;font-size:.875rem}.gallery-instruction{margin-top:14px;font-size:.75rem}.gallery-product{padding:17px 19px}.gallery-product>.mono{font-size:.75rem}.gallery-product>strong{font-size:clamp(34px,9vw,62px)}.gallery-voco>strong{font-size:clamp(75px,24vw,140px)}.gallery-voco-flow{padding-top:9px;gap:8px;margin-top:0}.gallery-voco-flow>span,.gallery-operating-flow>span{font-size:.875rem}.gallery-operating-flow{gap:10px;padding-top:10px}.gallery-product-note{display:none}.gallery-finance{padding:14px 17px 0}.gallery-finance>.mono{font-size:.75rem;margin-bottom:11px}.gallery-finance .product-main{padding:14px 16px}.gallery-finance .window-bar{padding:9px 13px}.gallery-finance .window-bar>span:not(:first-child){display:none}.gallery-finance .product-stats{gap:10px;margin-top:13px}.gallery-finance .product-stats strong{font-size:1.25rem}.gallery-finance .product-stats>div{padding-top:9px}.gallery-finance .product-heading h3{font-size:1.05rem}.gallery-finance .product-stats small{font-size:.75rem}.love-intro{display:block;padding-top:34px;padding-bottom:36px}.love-intro h1{font-size:clamp(39px,9vw,61px);margin-top:22px}.love-intro p{font-size:1rem;margin-top:21px}.love-intro figure{margin-top:30px}.love-journey{padding-top:34px;padding-bottom:36px}.love-steps{grid-template-columns:1fr 1fr;gap:25px 23px;margin-top:29px}.love-steps h3{font-size:1.2rem;word-break:keep-all}.love-steps p{font-size:.9375rem}.love-stack{display:block;padding-top:35px;padding-bottom:39px}.love-stack h2{font-size:32px;margin-bottom:23px}}
@media(max-width:400px){.gallery-heading>p{display:none}.gallery-stage{height:237px}.gallery-actions{display:flex;justify-content:space-between;gap:15px}.gallery-actions>a{font-size:.875rem;gap:15px}.gallery-navigation{gap:8px}.gallery-finance .product-heading{display:none}.gallery-finance .product-stats{margin-top:0}.gallery-finance .product-stats strong{font-size:1.1rem}.gallery-finance .product-stats small{font-size:.75rem}.gallery-finance .window-bar{padding:8px 12px}.gallery-finance>.mono{font-size:.75rem;margin-bottom:9px}.gallery-product>.mono{font-size:.75rem}.gallery-operating-flow>span,.gallery-voco-flow>span{font-size:.75rem}.love-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gallery-card{transition:none}}
.motion-paused .gallery-card{transition:none}