#commercialRoot{min-height:calc(100svh - 82px)}.commercial-intro{min-height:calc(100svh - 82px);position:relative;background:radial-gradient(ellipse at 80% 20%,#34557e38,transparent 65%)}.commercial-scene{position:absolute;inset:0 0 0 25%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 20%)}.commercial-scene img{width:100%;height:100%;object-fit:cover;object-position:center}.commercial-intro:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#020910 0%,transparent 18%),linear-gradient(90deg,#020910 0%,#0209109c 23%,transparent 48%)}.commercial-intro-copy{position:relative;z-index:1;padding:8vh 0 120px 4%;width:38%;min-width:340px}.commercial-number{display:flex;align-items:center;gap:18px;font-size:42px;font-style:italic}.commercial-number i{height:1px;width:80px;background:linear-gradient(90deg,#c5ddff,transparent)}#commercialHeading{white-space:pre-line;font:italic 500 clamp(52px,6.2vw,110px)/.94 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin:30px 0 20px;color:transparent;background:linear-gradient(155deg,#fff,#8aabe2 25%,#fff 50%,#7a9ace 75%,#eaf5ff);background-clip:text;-webkit-background-clip:text}#commercialSubtitle{font-size:clamp(24px,2.3vw,40px);font-weight:400;letter-spacing:.2em;margin:0 0 30px}#commercialBlurb{white-space:pre-line;line-height:1.8;font-size:clamp(15px,1.25vw,21px)}.enter-gallery{min-width:205px;border:1px solid #b6cbed;border-radius:40px;padding:16px 24px;background:#07132299;margin-top:24px;letter-spacing:.2em;box-shadow:inset 0 0 16px #afcaff13}.enter-gallery:after{content:' →';margin-left:25px}.enter-gallery:hover{background:#42638e4d;box-shadow:0 0 25px #85afff44}.commercial-gallery{position:relative;min-height:calc(100svh - 82px);background:radial-gradient(ellipse at 65% 38%,#28456d66,transparent 55%),repeating-linear-gradient(100deg,transparent 0 20%,#81b9f40b 24%,transparent 28%),linear-gradient(#030911,#0c1a2a 70%,#020810);padding-bottom:170px}.gallery-aside{position:absolute;z-index:4;left:3.3%;top:10%;width:17%;max-width:260px}.short-rule{display:block;width:60px;height:1px;background:linear-gradient(90deg,#d2e9ff,transparent);margin-bottom:24px}.gallery-aside h2{font-size:clamp(23px,2.1vw,36px);font-weight:400;letter-spacing:.1em;margin:0 0 10px}.gallery-aside>p{white-space:pre-line;font-size:14px;line-height:1.8}.gallery-aside #galleryEnglish{font-size:12px;margin-bottom:26px}#galleryCategories{font-size:12px;border-top:1px solid #7b9bbc55;padding-top:22px;margin-top:28px;line-height:1.8}.exhibition{position:relative;margin-left:22%;height:min(66vh,700px);min-height:490px;perspective:1400px;overflow:hidden}.orbital-ring{position:absolute;top:3%;left:3%;right:3%;height:170px;border:3px solid #b4d6ff77;border-radius:50%;box-shadow:0 0 15px #96c8ff44,inset 0 0 15px #b0d6ff33;transform:rotate(-4deg)}.exhibition:after{content:'';position:absolute;bottom:8%;left:1%;width:98%;height:75px;border-radius:50%;border:2px solid #92bcf455;box-shadow:0 0 28px #71a5e944,inset 0 0 28px #78adf333;pointer-events:none}.project-cards{position:absolute;inset:10% 0 12%;perspective:1300px;transform-style:preserve-3d}.project-card{--rx:0deg;--ry:0deg;position:absolute;left:50%;top:9%;width:clamp(200px,22vw,365px);height:94%;padding:0;border:1px solid #d3e8ffb3;background:#0c1625;text-align:left;border-radius:4px;overflow:hidden;transform:translateX(calc(-50% + var(--offset)*57%)) translateY(calc(abs(var(--offset))*22px)) rotateY(calc(var(--offset)*-12deg)) scale(calc(1 - min(abs(var(--offset)),3)*.105));z-index:calc(20 - abs(var(--offset)));box-shadow:0 0 10px #a9d4ff55,0 16px 42px #0009;transition:transform .6s cubic-bezier(.2,.75,.25,1),box-shadow .4s,filter .4s;filter:brightness(.7);transform-origin:50% 80%;cursor:pointer}.project-card.selected{filter:brightness(1);border-color:#e7f3ff;box-shadow:0 0 18px #a6d7ff66,0 20px 55px #000}.project-card:hover,.project-card:focus-visible{z-index:50;filter:brightness(1.12);transform:translateX(calc(-50% + var(--offset)*57%)) translateY(-35px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.045);box-shadow:-8px 0 22px #bbdcff55,8px 0 26px #d4c3ff44,0 30px 60px #000a}.project-card>img{width:100%;height:100%;object-fit:cover}.project-card:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,#e8f6ff44 35%,transparent 50%);transform:translateX(-140%);transition:transform .65s;pointer-events:none}.project-card:hover:after{transform:translateX(140%)}.card-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#03101bef 50%);padding:55px 20px 22px;display:flex;flex-direction:column;gap:10px}.card-number{font-size:26px;font-style:italic;color:#f0f6ff}.card-info strong{font-size:clamp(17px,1.5vw,25px);font-weight:400;letter-spacing:.05em}.card-info small{font-size:9px;letter-spacing:.07em;color:#c5d5e8}.card-arrow{position:absolute;right:14px;bottom:20px;border:1px solid #d4e6ff55;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}#galleryHint{position:absolute;bottom:-1%;left:0;right:0;text-align:center;font-size:12px;letter-spacing:.13em;color:#9eb7d3}.thumbnail-bar{position:relative;margin:5px 6% 0 24%;display:flex;align-items:center;gap:22px;z-index:5}.thumbnail-bar>button{border:1px solid #b7cee477;background:#08152388;border-radius:50%;width:42px;height:42px;font-size:23px;flex-shrink:0}#projectThumbs{display:flex;gap:20px;overflow:auto;padding:12px 3px 20px;scrollbar-width:thin;flex:1}.project-thumb{padding:0;border:0;background:none;flex:0 0 94px;text-align:left;opacity:.5;transition:opacity .3s,transform .3s}.project-thumb img{width:94px;height:62px;object-fit:cover;border:1px solid #8eb1d944;border-radius:5px}.project-thumb span{display:block;font-size:11px;font-style:italic;padding:8px 0;border-bottom:1px solid #8fb9ef22}.project-thumb.active{opacity:1;transform:translateY(-3px)}.project-thumb.active img{border-color:#dfedff;box-shadow:0 0 12px #9dc9ff66}.project-thumb.active span{border-color:#d6eaff;box-shadow:0 3px 5px -3px #fff}.commercial-detail{padding:30px 6% 120px;background:radial-gradient(ellipse at 15% 15%,#24436655,transparent 60%)}.detail-back{border:1px solid #8caed966;background:#071626;border-radius:30px;padding:12px 18px;margin-bottom:32px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}#detailMedia>img{width:100%;max-height:78vh;object-fit:contain;border:1px solid #7a9acb55;box-shadow:0 0 40px #77adf522}#detailMedia>video{width:100%;margin-top:24px}.detail-copy h2{font-size:clamp(28px,3.5vw,56px);font-weight:400;line-height:1.25;letter-spacing:.05em;margin:24px 0 12px}#detailEnglish{font-size:12px;letter-spacing:.15em;color:#8da7c9}.detail-copy dl{display:grid;grid-template-columns:110px 1fr;gap:15px;margin:35px 0;border-top:1px solid #819dc64d;border-bottom:1px solid #819dc64d;padding:24px 0;font-size:14px}.detail-copy dt{color:#829abb}.detail-copy dd{margin:0;white-space:pre-line}.detail-copy h3{font-size:18px;font-weight:400;margin-top:28px}.detail-copy>p{white-space:pre-line;line-height:1.9;font-size:15px;color:#b3c5dc}.detail-gallery{display:grid;gap:25px;margin-top:50px}.detail-gallery img{width:100%;max-height:1200px;object-fit:contain;background:#020811}.project-editor-group{border:1px solid #56739166;padding:14px;margin-top:20px;border-radius:10px}.project-editor-group summary{cursor:pointer;font-size:15px;color:#dceaff;line-height:1.7}.remove-project{border:1px solid #bc869266;color:#e8bfc9;background:none;padding:10px 15px;border-radius:7px;margin-top:20px}#commercialEditor{width:min(600px,94vw)}@media(max-width:1000px){.commercial-intro-copy{width:43%;min-width:300px}.gallery-aside{width:20%;left:3%;top:8%}.gallery-aside>p{font-size:12px}.exhibition{margin-left:24%;min-height:450px}.project-card{width:240px}.thumbnail-bar{margin-left:25%;gap:12px}.project-thumb,.project-thumb img{width:75px;flex-basis:75px}.project-thumb img{height:53px}}@media(max-width:700px){.commercial-intro{min-height:850px}.commercial-scene{inset:0 0 28% 0;mask-image:linear-gradient(#000 40%,transparent)}.commercial-scene img{object-position:52% center}.commercial-intro:after{background:linear-gradient(0deg,#020910 12%,transparent 80%)}.commercial-intro-copy{padding:330px 7% 110px;width:100%}.commercial-number{font-size:30px}#commercialHeading{font-size:62px;margin:20px 0}#commercialSubtitle{font-size:24px;margin-bottom:16px}#commercialBlurb{font-size:14px}.enter-gallery{margin-top:14px}.commercial-gallery{padding-bottom:100px}.gallery-aside{position:relative;width:auto;max-width:none;left:0;padding:35px 7% 0}.gallery-aside h2{font-size:28px}.gallery-aside #galleryEnglish{margin-bottom:14px}.gallery-aside #galleryBlurb{font-size:13px;max-width:90%;margin:12px 0}#galleryCategories{display:none}.short-rule{margin-bottom:15px}.exhibition{margin-left:0;min-height:470px;height:62vh}.project-card{width:240px}.thumbnail-bar{margin:12px 5% 35px;gap:8px}#projectThumbs{gap:12px}.thumbnail-bar>button{width:32px;height:32px;font-size:18px}.detail-grid{grid-template-columns:1fr;gap:30px}.commercial-detail{padding:25px 7% 115px}.detail-copy h2{font-size:32px}.card-info strong{font-size:20px}}@media(prefers-reduced-motion:reduce){.project-card,.project-card:hover,.project-card:focus-visible{transform:translateX(calc(-50% + var(--offset)*57%)) scale(calc(1 - min(abs(var(--offset)),3)*.105))}.project-card:after{display:none}}