@charset "UTF-8";

@font-face{font-family:GiccMi;src:url(fonts/misans-normal-20261101-r3.6543ce2379.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:GiccMi;src:url(fonts/misans-medium-20261101-r3.41fa63d248.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:GiccMi;src:url(fonts/misans-demibold-20261101-r3.2be4619b3c.woff2) format("woff2");font-weight:600 900;font-display:swap}
@font-face{font-family:GiccHarmony;src:url(fonts/harmony-medium-20261101-r3.2689babc87.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:GiccStatement;src:url(fonts/source-serif-bold.7f17631539.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:GiccCover;src:url(fonts/cover-original.b815058f22.woff2) format("woff2");font-weight:100 900;font-display:swap}


:root{--paper:#f7f7f5;--ivory:#eeeff1;--ink:#40413f;--gold:#938363;--gold-light:#c5b38a;--line:#ded6c6;--muted:#858580;--dark:#30322f;--page:520px;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;background:#dfe1e2;color:var(--ink);font-size:15px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h2{font-size:clamp(23px,6.1vw,29px);line-height:1.55;letter-spacing:.04em;font-weight:550;color:var(--gold)}h3{font-size:20px;line-height:1.6;font-weight:550;letter-spacing:.02em;color:var(--gold)}p{line-height:1.9}strong{font-weight:550}.brochure{position:relative;max-width:var(--page);margin:auto;min-height:100vh;background:var(--paper);box-shadow:0 0 60px #474a4b0a;overflow:clip}.content-pad{padding:42px 30px}.content-pad>p:not(.section-kicker){margin-top:20px}.content-pad>p+p{margin-top:12px}.section-kicker{font-size:10px;letter-spacing:.23em;color:#8b8a80;margin-bottom:20px;line-height:1.6}.section-kicker::before{content:"";display:inline-block;width:20px;height:1px;vertical-align:middle;background:var(--gold);margin-right:10px}.section-kicker.light{color:#c0baa9}.chapter{position:relative;scroll-margin-top:60px}.chapter+.chapter{border-top:1px solid #e8e4dc}.gold-rule{display:block;background:var(--gold-light);height:1px;width:48px;margin:22px auto}.english{font-size:9px;line-height:1.7;letter-spacing:.04em}.detail-label{font-size:11px;color:var(--muted);letter-spacing:.12em}.small-print{font-size:10px;line-height:1.7;color:#92928c}.full-figure{position:relative}.full-figure img{aspect-ratio:1.4;object-fit:cover}.full-figure figcaption{position:absolute;right:12px;bottom:10px;font-size:9px;color:white;text-shadow:0 1px 4px #000}.image-action{position:absolute;right:12px;bottom:12px;padding:7px 11px;background:#252824b8;color:white;font-size:10px;letter-spacing:.06em;backdrop-filter:blur(8px)}.desktop-identity{display:none}.topbar{position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(100%,var(--page));z-index:40;height:60px;padding:env(safe-area-inset-top,0px) 24px 0;display:flex;align-items:center;justify-content:space-between;background:#f7f7f5ed;backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.reading .topbar{opacity:1;visibility:visible}.wordmark{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;letter-spacing:1px;font-size:22px;color:#797260}.wordmark span{font-family:inherit;font-size:10px;letter-spacing:.06em;color:#74756e}.menu-button{width:38px;height:40px;display:grid;place-content:center;gap:6px}.menu-button span{height:1px;width:18px;background:var(--gold)}.reading-progress{position:absolute;bottom:0;left:0;height:1px;background:var(--gold);width:100%;transform:scaleX(0);transform-origin:left}
/* Two physical unfolds, driven by the reader's native scroll. */
.unfold{height:300svh;position:relative}.opening-stage{height:100svh;min-height:550px;position:sticky;top:0;isolation:isolate;overflow:hidden;perspective:1500px;background:var(--ivory)}.opening-story,.roof-spread,.cover{position:absolute;inset:0}.opening-story{background:#647284}.skyline-image{width:100%;height:100%;object-fit:cover;object-position:51% center}.skyline-shade{position:absolute;inset:0;background:linear-gradient(180deg,#37435005 20%,#1421331a 40%,#243142bf 100%)}.opening-statement{position:absolute;bottom:17%;left:20px;right:20px;text-align:center;color:white}.eyebrow{font-size:8px;letter-spacing:.14em;line-height:1.7;margin-bottom:28px;opacity:.8}.opening-statement h1{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:30px;line-height:1.6;font-weight:600;letter-spacing:.015em}.opening-statement h1 span{font-size:23px}.roof-half{position:absolute;top:0;bottom:0;width:50%;background:var(--paper);backface-visibility:hidden}.roof-left{left:0;transform-origin:left center}.roof-right{right:0;transform-origin:right center}.roof-image-window{position:absolute;top:0;left:0;width:100%;height:64%;overflow:hidden;background:#606e82}.roof-image-window img{position:absolute;width:200%;max-width:none;height:100%;object-fit:cover;object-position:center}.roof-left img{left:0}.roof-right img{left:-100%}.roof-copy{position:absolute;top:68%;left:18px;right:18px;text-align:center}.roof-copy h2{font-size:23px;line-height:1.7;margin:12px 0 0}.roof-copy p{font-size:13px;color:var(--gold)}.roof-copy .micro{font-size:7px;letter-spacing:.08em;color:#91918c}.roof-copy .gold-rule{margin:16px auto}.cover{background:linear-gradient(115deg,#eff0f3,#e8eaf0);transform-origin:left center;box-shadow:7px 0 35px #28323b22;backface-visibility:hidden}.cover-line{position:absolute;right:1%;bottom:2%;height:96%;width:53%;object-fit:fill;mix-blend-mode:multiply;opacity:.7}.cover-serial{position:absolute;left:9%;top:7%;font-size:8px;letter-spacing:.16em;line-height:1.7;color:#969998}.cover-title{position:absolute;left:9%;top:32%;width:61%;z-index:2}.cover-title h2{font-size:32px;letter-spacing:.12em;color:#797c7c;line-height:1.5;font-weight:400}.cover-title p{font-size:8px;letter-spacing:-.015em;color:#8f9291;margin-top:9px;white-space:nowrap}.cover-title small{font-size:7px;letter-spacing:0;color:#8e9291}.cover-title h2:last-child{margin-top:17px}.cover-vertical{position:absolute;right:7%;top:31%;writing-mode:vertical-rl;font-size:12px;letter-spacing:.4em;color:#8a8d8d}.cover-signature{position:absolute;left:9%;right:9%;bottom:14%;z-index:2}.cover-signature img{width:153px;mix-blend-mode:multiply;margin:0 0 14px -9px}.cover-signature p{font-size:11px;color:#828680;letter-spacing:.03em}.cover-signature small{display:block;margin-top:5px;font-size:6px;letter-spacing:-.02em;color:#969a96}.cover-edge{position:absolute;right:0;top:0;bottom:0;width:1px;background:#ffffff80}.unfold-control{position:absolute;z-index:8;bottom:35px;left:50%;transform:translateX(-50%);padding:14px 18px;display:flex;flex-direction:column;align-items:center;gap:13px;font-size:10px;letter-spacing:.16em;white-space:nowrap;color:#7b807b}.chevron{width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}.unfold-control.light{color:#fff}.opening-steps{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:8}.opening-steps i{display:block;width:3px;height:3px;background:#9a9d97;opacity:.3;border-radius:50%}.opening-steps i.active{opacity:1}.opening-steps.light i{background:white}.landmark-visual{height:680px;max-height:90svh;min-height:490px;position:relative;overflow:hidden}.landmark-visual>img{height:100%;object-fit:cover;object-position:58% center}.landmark-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f7f5d6 0%,#f7f7f588 38%,transparent 72%)}.landmark-title{position:absolute;left:30px;top:38px;z-index:1}.landmark-title h2{font-size:24px}.landmark-features{font-size:12px;line-height:2.05;color:#706d62;margin-top:28px}.image-caption{position:absolute;right:12px;bottom:10px;font-size:9px;color:#eee;z-index:2;text-shadow:0 1px 4px #000}.headquarter-brands{width:min(100%,310px);height:auto;margin:5px 0 29px}.headquarters-chapter{padding-bottom:0}.headquarters-chapter .full-figure img{aspect-ratio:1.65}.culture-chapter{background:linear-gradient(125deg,#3a3e3c,#292f30);color:#d9d8d0;overflow:hidden}.culture-chapter h2{color:#d5c5a2}.culture-chapter .content-pad{padding-bottom:5px}.sky-library{height:390px;position:relative;overflow:hidden}.sky-library>img{position:absolute;width:auto;height:390px;right:35px;bottom:-35px;filter:brightness(.95)}.sky-library-label{position:absolute;left:32px;top:20px;z-index:1}.floor-number{font-family:Georgia,"Times New Roman",serif;font-size:104px;font-weight:400;line-height:1.2;color:#ddd7c8;letter-spacing:-.07em}.floor-number small{font-family:Arial,sans-serif;font-size:24px;letter-spacing:0;margin-left:7px}.sky-library-label p{font-size:14px;letter-spacing:.12em}.floor-guide{width:170px;height:1px;background:linear-gradient(90deg,#bca779,#bca77900);margin-top:17px}.diagram-note{position:absolute;bottom:11px;left:32px;font-size:9px;color:#929b98}.culture-follow{position:relative;padding:22px 30px;border-top:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;gap:10px}.culture-follow>span{font-size:11px;color:#a6aba5}.text-button{font-size:12px;color:var(--gold);padding:8px 0;letter-spacing:.03em}.text-button.light{color:#d5c5a2}.text-button span{margin-left:8px}.transit-panel{margin:0 20px;padding:22px 16px 18px;background:#2e2d2b;color:#dedbd3}.route-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}.route-tabs button{font-size:22px;padding:8px 2px 9px;border:1px solid #777366;opacity:.5;color:#f2f0e8;position:relative}.route-tabs button small{font-size:8px;display:block;margin-top:4px;line-height:1.6;white-space:nowrap}.route-tabs button.active{opacity:1;border-color:var(--route-color,#22a593);box-shadow:inset 0 -2px 0 var(--route-color,#22a593)}.route-tabs [data-route="8"]{--route-color:#24a49c}.route-tabs [data-route="18"]{--route-color:#43679c}.route-tabs [data-route="28"]{--route-color:#bd667e}.route-tabs [data-route="19"]{--route-color:#8d719a}.map-button{position:relative;display:block;padding:0;width:100%;overflow:hidden}.map-button img{aspect-ratio:1.26;object-fit:cover}.route-note{font-size:12px;color:#c5b38a;margin-top:15px;min-height:23px}.planning-note{font-size:9px;color:#b6b1a4;margin-top:8px;line-height:1.7}.location-footnote{padding-top:22px;padding-bottom:36px}.architecture-chapter>.full-figure img{aspect-ratio:1.18;object-position:center}.certification{margin:28px 0;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.certification p{font-size:12px;color:#777463;display:flex;align-items:center;gap:18px}.certification p+p{margin-top:12px}.certification p span{font-family:Georgia,"PingFang SC",serif;font-size:25px;min-width:75px;color:var(--gold)}.service-line{display:flex;align-items:center;gap:21px}.service-line>img{width:64px;flex-shrink:0;mix-blend-mode:multiply}.service-line h3{font-size:15px}.service-line p{font-size:12px;margin-top:7px;line-height:1.85;color:#85847b}.shared-chapter{background:#343633;color:#cfcec6}.shared-chapter>.full-figure img{aspect-ratio:1.3}.shared-chapter h2{color:#e1dccf}.editorial-list{list-style:none;padding:0;margin:28px 0 0}.editorial-list li{padding:14px 0;border-top:1px solid #ffffff20;color:#c6b58e;font-size:15px;letter-spacing:.04em}.editorial-list li span{font-size:9px;color:#858b81;margin-right:20px}.elevator-composition{display:grid;grid-template-columns:44% 56%;gap:6px;overflow:hidden}.elevator-photo{height:100%;object-fit:cover;min-height:330px}.elevator-aside{padding-right:6px}.elevator-aside>img{aspect-ratio:1.1;object-fit:cover}.elevator-stat{padding:17px 24px}.elevator-stat b{font-family:Georgia,serif;font-size:63px;color:var(--gold);font-weight:400;line-height:1.1}.elevator-stat small{font-size:16px;margin-left:6px}.elevator-stat p{font-size:10px;color:#8b8a7e}.quiet-line{display:flex;align-items:center;gap:22px;padding:4px 0 7px}.quiet-line>span{font-family:Georgia,serif;font-size:36px;color:var(--gold)}.quiet-line h3{font-size:15px}.quiet-line p{font-size:12px;margin-top:5px;color:#969184}.lobby-visual{position:relative;height:610px;max-height:80svh;min-height:460px;overflow:hidden}.lobby-visual>img{height:100%;object-fit:cover;object-position:48% center}.lobby-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1f2429b3,transparent 65%)}.lobby-title{position:absolute;left:30px;bottom:35px;z-index:1;color:white}.lobby-title h2{color:white}.lobby-title h2 b{font-family:Georgia,serif;font-size:80px;letter-spacing:-.03em;line-height:1.2;font-weight:400}.lobby-title h2 small{font-size:22px;margin-left:4px}.lobby-title h2 span{display:block;font-size:22px;margin-top:8px}.garden-height{font-family:Georgia,serif;font-size:29px;font-weight:400}.amenities-chapter .content-pad h2{font-size:24px}.amenity-highlight{color:var(--gold);font-size:20px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-top:0!important}.air-line{display:flex;align-items:center;gap:28px;margin-top:27px}.air-line>b{font-family:Georgia,serif;font-size:57px;line-height:1.1;font-weight:400;color:var(--gold)}.air-line>b small{font-size:19px;margin-left:4px}.air-line h3{font-size:16px}.air-line p{font-size:12px;color:#8c8d82;margin-top:5px}.office-image{padding:0;width:100%;position:relative}.office-image img{aspect-ratio:1.52;object-fit:cover;object-position:38% center}.floor-planning{display:grid;grid-template-columns:1fr 120px;gap:18px;min-height:390px;padding-bottom:16px}.floor-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px}.floor-controls button{font-size:11px;border:1px solid #d8d7ce;min-height:37px;color:#8b887b}.floor-controls button.active{background:var(--gold);border-color:var(--gold);color:white}.floor-description{margin-top:26px;display:flex;flex-direction:column;gap:9px}.floor-description strong{font-size:20px;color:var(--gold)}.floor-description>span{font-size:11px;color:#99998b}.floor-tower{position:relative;height:330px}.floor-tower img{height:100%;width:100%;object-fit:contain}.floor-marker{position:absolute;left:9%;right:9%;top:4%;height:1px;background:var(--gold);box-shadow:0 0 0 3px #ae9a6733;transition:top .45s ease}.office-zones{padding-top:0;padding-bottom:20px;font-size:11px;color:#8d8a7d;line-height:1.8}.office-zones>p{margin-top:0!important}.standard-floor{padding-top:30px;padding-bottom:15px;background:#eeeee9}.standard-floor-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:16px}.standard-floor-title h3{font-size:13px}.standard-floor-title p{font-size:12px;color:var(--gold)}.standard-floor-title b{font-family:Georgia,serif;font-size:36px;font-weight:400}.floorplan-button{display:block;padding:0;position:relative;width:100%}.floorplan-button img{width:100%;mix-blend-mode:multiply}.parameters summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-size:15px;padding:0 0 17px;border-bottom:1px solid var(--line)}.parameters summary::-webkit-details-marker{display:none}.parameters[open] summary span{transform:rotate(45deg)}.parameters dl{margin:6px 0 20px}.parameters dl div{display:flex;gap:16px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e8e8e1;font-size:12px;line-height:1.5}.parameters dt{color:#939287}.parameters dd{margin:0;text-align:right}.parameters+.small-print{margin-top:16px!important}.leasing-agent{padding-top:32px;margin-top:32px;border-top:1px solid var(--line)}.leasing-agent>img{width:91px}.leasing-agent h3{font-size:13px}.leasing-agent p{font-size:11px}
/* Conversion remains at the end; the sandtable is never in the persistent controls. */
.contact-chapter{position:relative;background:linear-gradient(130deg,#eff0f2,#e6e8ed);padding:60px 30px 30px;overflow:hidden;isolation:isolate}.contact-watermark{position:absolute;left:-20px;top:295px;z-index:-1;font-family:Georgia,serif;font-size:220px;color:#747c8910;letter-spacing:-.07em}.contact-positioning{padding:0 0 44px}.contact-positioning p{font-size:14px;color:#777b79;letter-spacing:.1em;line-height:2.7}.contact-positioning p:nth-child(2){padding-left:41px}.contact-positioning p:nth-child(3){padding-left:82px}.contact-positioning b{font-weight:550;font-size:18px;margin-right:14px}.contact-main{text-align:center;padding:28px 16px;background:#ffffff88;border:1px solid #ffffff70;position:relative}.contact-main .section-kicker{margin-bottom:10px;font-size:11px;letter-spacing:.12em}.contact-main .section-kicker::before{display:none}.contact-main h2{font-size:25px}.contact-qr{width:164px;height:164px;margin:20px auto 13px;border:7px solid white}.qr-instruction{font-size:11px;color:#8b8b81;line-height:1.8}.contact-main .text-button{font-size:11px;margin-top:6px}.phone-block{margin-top:30px;padding:23px 0 20px;border-top:1px solid #c7c8c2;border-bottom:1px solid #c7c8c2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px}.phone-block>span{font-size:10px;color:#8b8d84;letter-spacing:.15em;grid-column:1/-1}.phone-block strong{font-size:27px;letter-spacing:.015em;color:#74796f;font-weight:500}.phone-block small{font-size:10px;color:#8b8d84}.contact-address{font-size:10px;line-height:1.8;color:#8a8d87;margin-top:17px}.sandtable-block{margin-top:40px;padding-top:22px;border-top:1px solid #d0d2cf;display:flex;align-items:center;justify-content:space-between;gap:15px}.sandtable-block h3{font-size:15px;margin-top:5px;color:#81857b}.sandtable-button{padding:10px 12px;border:1px solid #b9bcb4;font-size:11px;color:#85897e;white-space:nowrap}.contact-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:47px;padding-top:25px;border-top:1px solid #d0d2cf}.contact-bottom img{width:138px;mix-blend-mode:multiply}.contact-bottom button{font-size:10px;color:#8e9489}.contact-chapter>.small-print{margin-top:20px;font-size:8px}.floating-follow{position:fixed;z-index:35;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:max(17px,calc((100vw - var(--page))/2 + 17px));display:flex;align-items:center;gap:7px;padding:11px 14px;border:1px solid #c9c1af;border-radius:0;background:#f8f7f0ed;backdrop-filter:blur(12px);box-shadow:0 3px 15px #393c3610;color:#8c7d60;font-size:10px;letter-spacing:.05em;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility .3s}.floating-follow.visible{opacity:1;visibility:visible;transform:none}.follow-icon{font-size:15px;font-weight:300}
/* Accessible details and QR sheets. */
.modal{border:0;background:var(--paper);color:var(--ink);padding:35px 28px;width:min(90vw,430px);max-height:90svh;overflow:auto;box-shadow:0 20px 100px #0003}.modal::backdrop{background:#20272bd1;backdrop-filter:blur(5px)}.modal-close{position:absolute;top:8px;right:10px;font-size:28px;font-weight:200;line-height:1;width:40px;height:40px;color:#85877f}.modal h2{font-size:22px}.qr-modal{text-align:center}.qr-modal .section-kicker::before{display:none}.qr-modal>p:not(.section-kicker){font-size:12px;color:#929287;margin-top:8px}.qr-modal>img{width:min(100%,220px);margin:22px auto;background:white;padding:8px}.primary-button{display:block;width:100%;margin-top:22px;padding:14px 20px;background:var(--gold);color:white;font-size:13px;letter-spacing:.05em}.modal-return{display:block;margin:15px auto 0;padding:8px 18px;font-size:12px;color:#9a988c}.image-modal{width:min(96vw,1000px);padding:18px;overflow:hidden}.image-modal-top{position:relative;padding:0 40px 15px 0}.image-modal-top h2{font-size:15px}.image-modal-top .modal-close{right:-8px;top:-14px}.image-scroll{height:65svh;overflow:auto;background:#e5e5df;overscroll-behavior:contain}.image-scroll img{width:100%;max-width:none;min-width:100%;height:auto;min-height:100%;object-fit:contain;object-position:top left}.zoom-controls{display:flex;gap:22px;align-items:center;justify-content:center;margin-top:12px}.zoom-controls button{font-size:20px;width:36px;height:32px;border:1px solid #c9c3b4}.zoom-controls span{font-size:12px;color:#88897c;min-width:40px;text-align:center}.image-modal>p{font-size:10px;color:#95958d;text-align:center;margin-top:9px}.menu-modal h2{margin-bottom:20px}.menu-modal nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.menu-modal nav a{font-size:12px;padding:14px 0;border-bottom:1px solid var(--line);line-height:1.5;color:#777767}.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(10px);z-index:200;background:#343b34ee;color:#fff;padding:11px 20px;font-size:12px;opacity:0;visibility:hidden;transition:.2s;white-space:nowrap}.toast.visible{opacity:1;visibility:visible;transform:translateX(-50%)}[hidden]{display:none!important}.no-animation .unfold{height:auto}.no-animation .opening-stage{height:auto;min-height:0;position:relative}.no-animation .cover,.no-animation .roof-spread,.no-animation .opening-story{position:relative;height:100svh;min-height:550px}.no-animation .cover{order:0}.no-animation .opening-stage{display:flex;flex-direction:column}.no-animation .roof-spread{order:1}.no-animation .opening-story{order:2}.no-animation .unfold-control,.no-animation .opening-steps{display:none}
@media(min-width:1000px){.desktop-identity{display:block;position:fixed;top:21%;left:calc(50% - 458px);width:150px;color:#8e958f}.desktop-gicc{font-size:60px;font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.desktop-identity>p{font-size:11px;letter-spacing:.15em;margin-top:8px}.rail-line{height:1px;width:30px;background:#a5aa9c;margin:31px 0}.desktop-identity .rail-theme{font-size:24px;line-height:1.8;letter-spacing:.17em}.desktop-identity small{display:block;margin-top:50px;font-size:9px;letter-spacing:.08em;color:#969c94}}
@media(max-width:360px){.content-pad{padding:34px 23px}h2{font-size:23px}.cover-title h2{font-size:29px}.cover-title p{font-size:7px}.cover-title small{font-size:6px}.cover-signature small{font-size:5px}.opening-statement h1{font-size:27px}.opening-statement h1 span{font-size:21px}.roof-copy h2{font-size:21px}.roof-copy p{font-size:12px}.amenities-chapter .content-pad h2{font-size:21px}.floor-planning{grid-template-columns:1fr 95px;gap:10px}.contact-chapter{padding-left:23px;padding-right:23px}.phone-block strong{font-size:23px}.contact-positioning p{font-size:12px}.contact-positioning b{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Refined to keep the architectural crown intact on portrait screens. */
.cover{background:#e8eaf0}.cover-line,.cover-signature img,.contact-bottom img{mix-blend-mode:darken}.cover-line{width:58%}.roof-image-window{height:calc(min(100vw,520px)*1.05);max-height:62%}.roof-copy{top:auto;bottom:15%}.route-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.route-overlay path{fill:none;stroke-width:4;opacity:0;transition:opacity .3s;stroke-linecap:round;stroke-linejoin:round}.route-overlay path.active{opacity:.85}.route-overlay [data-map-route="8"]{stroke:#50c8b7}.route-overlay [data-map-route="18"]{stroke:#6aabf1}.route-overlay [data-map-route="28"]{stroke:#d58ba1}.route-overlay [data-map-route="19"]{stroke:#d0b2dd;stroke-dasharray:9 6}.planning-note{font-size:10px}.image-action{z-index:2}

.chapter{scroll-margin-top:0}.roof-spread{transform:translateZ(0)}.image-scroll img{min-height:0}.floor-controls button{white-space:nowrap;font-size:10px}.cover-title{width:63%}
/* Keep perspective local to the folding sheet. */
.opening-stage{perspective:none}.tapped-open .cover,.tapped-open .roof-half{transition:transform .55s ease,opacity .45s ease}.tapped-open .roof-copy,.tapped-open .opening-statement{transition:opacity .35s ease}

.opening-canvas{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}.no-animation .opening-canvas{height:auto;display:flex;flex-direction:column}.roof-spread{transform:none}
/* Clip transformed artwork without creating a focus-scrollable inner container. */
.opening-stage,.opening-canvas{overflow:clip}.opening-story{overflow:hidden}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}

/* Original editorial rhythm, with stable native scrolling and separated artwork. */
:root{--opening-height:100vh;font-family:GiccMi,"PingFang SC","Microsoft YaHei",sans-serif}
@supports(height:100svh){:root{--opening-height:100svh}}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%;scroll-padding-top:0}
h2,h3,strong{font-weight:500}
.brochure{overflow:visible}
.skip-reading{position:fixed;left:16px;top:-70px;z-index:300;padding:14px 20px;background:var(--paper)}
.skip-reading:focus{top:16px}
.topbar{height:64px;padding:0 18px;gap:12px;background:var(--paper);backdrop-filter:none;transition:none;border-bottom:1px solid var(--line)}
.wordmark{font-family:GiccHarmony,sans-serif;font-size:22px;flex:1;gap:10px}
.wordmark span{font-family:GiccMi,sans-serif;font-size:10px;letter-spacing:.03em}
.chapter-count{display:none}.menu-button{order:3;flex:0 0 32px;padding:0}
.floating-follow{position:static;order:2;display:none;transform:none;visibility:visible;opacity:1;box-shadow:none;backdrop-filter:none;background:none;padding:8px 0;border:0;font-size:10px;white-space:nowrap;transition:none}
.floating-follow.visible{display:flex}.floating-follow .follow-icon{display:none}
.image-action,.modal::backdrop{backdrop-filter:none}
.unfold{height:calc(var(--opening-height) * 3)}
.opening-stage{height:var(--opening-height);min-height:0;perspective:none}
.opening-active .cover,.opening-active .roof-half{will-change:transform}
.cover,.roof-half{backface-visibility:visible;box-shadow:none;transition:none}
.roof-copy,.opening-statement{transition:none}
.cover{background:#e8eaf0}
.cover-line{right:2%;bottom:11%;width:46%;height:81%;object-fit:contain;object-position:right bottom;mix-blend-mode:darken;opacity:.75}
.cover-gicc{position:absolute;left:8%;top:7%;font:500 44px/1 GiccHarmony,sans-serif;letter-spacing:.06em;color:#797f7f}
.cover-serial{left:8%;top:15%;font-size:7px;line-height:1.8;letter-spacing:.12em}
.cover-title{left:8%;top:31%;width:42%;z-index:1}
.cover-title h2{font-family:GiccCover,GiccMi,sans-serif;font-size:31px;font-weight:400;letter-spacing:.08em;white-space:nowrap}
.cover-title p{font-size:8px;line-height:1.6;white-space:normal;margin-top:12px;max-width:150px}
.cover-title small{display:block;font-size:8px;line-height:1.8;max-width:144px;margin-top:5px}
.cover-title h2:last-child{margin-top:20px}
.cover-vertical{right:3%;top:22%;font-size:10px;letter-spacing:.35em}
.cover-signature{left:8%;right:auto;width:42%;bottom:17%;z-index:1}
.cover-signature img{width:142px;max-width:100%;margin:0 0 13px -7px}
.cover-signature p{font-size:9px;line-height:1.8;letter-spacing:0}
.cover-signature small{font-size:6px;line-height:1.6;max-width:155px}
.unfold-control{bottom:34px;min-height:64px;color:#7b807b}
.opening-steps{bottom:20px}
.roof-image-window{height:min(calc(min(100vw,520px)*1.05),calc(var(--opening-height)*.52));max-height:none}
.roof-copy{top:min(calc(min(100vw,520px)*1.05),calc(var(--opening-height)*.52));bottom:100px;left:20px;right:20px;display:flex;flex-direction:column;justify-content:center}
.roof-copy h2{font-size:23px;line-height:1.65;margin-top:12px}
.roof-copy .micro{font-size:7px;line-height:1.7}
.roof-copy .gold-rule{margin:18px auto}.roof-copy p{font-size:12px}
.opening-story{background:var(--paper)}
.skyline-image{height:44%;object-fit:cover;object-position:50% center}
.skyline-shade{display:none}
.opening-statement{top:44%;bottom:104px;left:20px;right:20px;display:flex;flex-direction:column;justify-content:center;color:var(--ink)}
.opening-statement .eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:20px;color:#888a84}
.opening-statement h1{font-family:GiccStatement,"Songti SC",serif;font-size:27px;font-weight:700;line-height:1.6;letter-spacing:0}
.opening-statement h1 span{font-size:22px}
.opening-statement .english{font-size:8px;color:#9a9a91}
.opening-statement .gold-rule{margin:18px auto}
.landmark-title{position:static}.landmark-title h2{font-size:24px}
.landmark-features{display:grid;font-size:12px;line-height:2;margin-top:23px;color:#7e7b70}
.landmark-visual{height:auto;min-height:0;max-height:none;overflow:hidden}
.landmark-visual>img{height:auto;object-fit:contain}
.landmark-visual::after,.lobby-visual::after{display:none}
.sky-library{display:grid;grid-template-columns:1fr 125px;gap:16px;height:390px;padding:15px 30px 22px}
.sky-library-label{position:static;align-self:start;min-width:0}
.sky-library>img{position:static;height:345px;width:100%;object-fit:contain;object-position:right bottom;filter:none;align-self:end}
.floor-number{font-family:GiccHarmony,sans-serif;font-size:88px;letter-spacing:-.05em;white-space:nowrap}
.floor-number small{font-size:24px}.floor-guide{width:100%;max-width:120px}
.diagram-note{left:30px;bottom:24px}
.elevator-composition{grid-template-columns:44% 1fr}
.elevator-stat b,.quiet-line>span,.garden-height,.air-line>b,.standard-floor-title b{font-family:GiccHarmony,sans-serif}
.elevator-stat{padding:20px 19px}.quiet-line>span{font-size:33px}
.lobby-title{position:static;color:var(--gold)}
.lobby-title h2{color:var(--gold)}
.lobby-title h2 b{font-family:GiccHarmony,sans-serif;font-size:76px;line-height:1.2;letter-spacing:-.035em}
.lobby-title h2 span{font-size:23px;margin-top:8px}
.lobby-visual{height:auto;min-height:0;max-height:none}
.lobby-visual>img{height:auto;object-fit:contain}
.full-figure figcaption,.image-caption{font-size:8px}
.floor-planning{grid-template-columns:minmax(0,1fr) 110px}.floor-controls button{min-height:40px}
.contact-watermark{font-family:GiccHarmony,sans-serif}
.contact-positioning b{font-weight:500}
.contact-qr{height:auto;aspect-ratio:1}
.image-modal .image-scroll img{height:auto;min-height:0}
.compact-opening .opening-statement .eyebrow{display:none}
.compact-opening .opening-statement h1{font-size:25px}.compact-opening .opening-statement h1 span{font-size:21px}
.compact-opening .opening-statement .gold-rule{margin:13px auto}
.compact-opening .roof-copy h2{font-size:22px;margin-top:9px}.compact-opening .roof-copy .gold-rule{margin:12px auto}
.compact-opening .cover-title{top:30%}.compact-opening .cover-signature{bottom:17%}
html:not(.motion-ready) .unfold{height:auto}
html:not(.motion-ready) .opening-stage,html:not(.motion-ready) .opening-canvas{position:relative;height:auto;display:flex;flex-direction:column}
html:not(.motion-ready) .cover,html:not(.motion-ready) .roof-spread,html:not(.motion-ready) .opening-story{position:relative;height:var(--opening-height);min-height:600px}
html:not(.motion-ready) .cover{order:0}html:not(.motion-ready) .roof-spread{order:1}html:not(.motion-ready) .opening-story{order:2}
html:not(.motion-ready) .unfold-control,html:not(.motion-ready) .opening-steps{display:none}
@media(max-width:360px){.cover-title h2{font-size:28px}.sky-library{grid-template-columns:1fr 110px;padding-inline:23px}.floor-number{font-size:78px}.landmark-title h2,.amenities-chapter .content-pad h2{font-size:21px}.floor-planning{grid-template-columns:minmax(0,1fr) 95px}}

/* Quiet, explicit affordances. The image itself is never obscured by an action. */
:root{--action:#75664a;--action-wash:#eee9de;--action-border:#b4a382}
.menu-button{display:flex;align-items:center;justify-content:center;gap:6px;flex-basis:58px;width:58px;min-height:44px}
.menu-button .menu-glyph{display:grid;gap:5px;width:14px;height:auto;background:none}
.menu-glyph i{display:block;height:1px;width:14px;background:var(--action)}
.menu-button .menu-label{width:auto;height:auto;background:none;font-size:11px;letter-spacing:0;color:var(--action)}
.topbar{gap:10px;padding-inline:16px}.wordmark{gap:8px;min-width:0}
.wordmark span{font-size:9px;white-space:nowrap}.floating-follow{font-size:10px}
.image-action{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 16px;background:var(--action-wash);border:1px solid var(--action-border);color:var(--action);font-size:12px;letter-spacing:.025em;text-shadow:none;backdrop-filter:none}
.image-action>span:last-child{margin-left:auto}.action-icon{font-size:20px;line-height:1}.image-action>span:nth-child(2){margin-right:auto}
.map-button{overflow:visible}.map-button .route-overlay{height:auto;aspect-ratio:679/531}
.map-button .image-action{background:#46443c;color:#f3ecdb;border-color:#8d8065}
.office-image,.floorplan-button{display:block}
.interaction-hint{font-size:11px!important;line-height:1.7!important;color:#796c53;letter-spacing:.02em;margin-top:8px!important;margin-bottom:12px!important}
.interaction-hint.on-dark{color:#d2c6aa;margin:0 0 12px!important}
.floor-controls{margin-top:12px;gap:8px}.floor-controls button{min-height:44px;font-size:11px;color:#74684f;border-color:#bfb29a;background:#f0ede5}
.floor-controls button.active{background:var(--action);border-color:var(--action);color:#fff}
.floor-description{padding-top:16px;border-top:1px solid var(--line);margin-top:20px}
.floor-marker{transition:none}
.route-tabs button{opacity:1;color:#cfc6b4;min-height:60px}.route-tabs button.active{background:#4a4942;color:#fff}
.route-tabs button small{font-size:9px}
.parameters{border:1px solid var(--action-border);background:#f2efe8}
.parameters summary{padding:20px 16px;min-height:92px;gap:16px;border:0;color:var(--action);align-items:center}
.parameter-heading{display:block;min-width:0;font-size:16px;font-weight:500;line-height:1.5}
.parameter-heading small{display:block;font-size:10px;line-height:1.8;font-weight:400;color:#786f5e;margin-top:8px}
.parameter-action{display:flex;flex-direction:column;gap:6px;align-items:center;flex-shrink:0}
.parameter-action-label{font-size:11px;white-space:nowrap}.parameter-icon{display:grid;place-items:center;border:1px solid #a19171;width:30px;height:30px;border-radius:50%;font-size:20px;line-height:1}
.parameters[open] summary{border-bottom:1px solid #d3c8b4}.parameters[open] summary span{transform:none}
.parameters dl{margin:0;padding:8px 16px 16px;background:var(--paper)}
.parameters dl div{gap:12px}.parameters dt{color:#78776b}.parameters dd{color:#4c4c43}
.culture-follow .text-button{padding:10px 14px;border:1px solid #ac9c7c;min-height:44px}
.copy-account.text-button{padding:10px 14px;border:1px solid #b5a98f;min-height:44px;color:var(--action)}
.sandtable-button{min-height:44px;border-color:#a39b88;color:#70664f}
.modal-close{width:44px;height:44px}.modal-return{min-height:44px;border-bottom:1px solid #c8c0ad;color:var(--action)}
.zoom-controls button{width:44px;height:44px;background:var(--action-wash);border-color:var(--action-border)}
.zoom-controls button:disabled{opacity:.4;cursor:default}
.unfold-control{border:1px solid #b8b9b6;background:#f2f2f0d9;min-width:140px;min-height:48px;flex-direction:row;gap:12px;padding:12px 16px;font-size:11px;letter-spacing:.08em}
.unfold-control .chevron{transform:rotate(45deg);margin-top:-4px}
.parameters summary:active,.floor-controls button:active,.text-button:active,.sandtable-button:active{background:#e4ddce}
.culture-follow .text-button:active{background:#57574b}.image-action:active{background:#ded6c5}
/* Avoid repeated compositing of blended, transparent full-screen layers in WebKit. */
.cover,.roof-half{backface-visibility:visible;transform-style:flat;box-shadow:none}
.opening-stage,.opening-canvas{isolation:auto}
.opening-stage.opening-suspended .cover,.opening-stage.opening-suspended .roof-half{will-change:auto}
.opening-active .cover,.opening-active .roof-half{will-change:auto}
.cover.moving,.roof-half.moving{will-change:transform}
.brochure{box-shadow:none}
.full-figure,.landmark-visual,.lobby-visual{contain:paint}
@media(max-width:360px){.topbar{padding-inline:12px;gap:6px}.wordmark{gap:6px;font-size:20px}.menu-button{flex-basis:54px}.parameters summary{padding:16px 12px;gap:10px}.parameter-heading{font-size:15px}.parameter-heading small{font-size:9px}}

/* Client revision: a quiet unfolding cue, descriptive location, and physical address. */
.unfold-control{border:0;background:transparent;min-width:0;min-height:44px;padding:8px 10px;gap:9px;font-size:10px;letter-spacing:.04em;color:#7b807b;box-shadow:none}
.unfold-control .chevron{width:5px;height:5px;border-width:0 1px 1px 0;margin-top:-3px}
.project-positioning{color:#83795f;line-height:1.9}
.contact-address{font-size:11px;line-height:1.9}
.office-image{cursor:default}

/* Actual 38F photography: distinguish the bookshop information from the exhibition. */
.culture-chapter .culture-intro{padding-bottom:25px}
.bookshop-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bookshop-heading h2{font-size:clamp(21px,5.6vw,27px);letter-spacing:.02em}
.bookshop-floor{flex-shrink:0;font-size:24px;line-height:1;color:#c9c3b3;font-weight:400;letter-spacing:-.03em}
.bookshop-floor small{font-size:11px;margin-left:3px}
.exhibition-heading{margin-top:29px;padding-top:27px;border-top:1px solid #ffffff20}
.exhibition-heading h2{font-size:clamp(21px,5.6vw,27px);letter-spacing:.02em}
.exhibition-heading p{margin-top:10px;font-size:10px;letter-spacing:.08em;color:#b8bbb4}
.exhibition-photo img{aspect-ratio:3/4;object-fit:contain;height:auto}
.space-photo img{aspect-ratio:4/3;object-fit:contain;height:auto}
.space-photo figcaption{padding:10px 30px 0;font-size:10px;line-height:1.7;letter-spacing:.06em;color:#858580;text-align:right}
.headquarters-chapter .full-figure figcaption{font-size:10px}

/* Client-supplied renderings; fixed-size image switch keeps the reading position stable. */
.bookshop-panels{position:relative;aspect-ratio:1/1;background:#f7f7f5;margin-bottom:28px}
.bookshop-panel{position:absolute;inset:0}
.bookshop-panel[hidden]{display:none}
.bookshop-panel img{height:100%;width:100%;object-fit:cover;object-position:center}
.bookshop-sketch img{object-fit:contain}
.bookshop-panel figcaption{position:absolute;top:100%;left:0;right:0;padding:7px 30px;font-size:10px;line-height:1.6;text-align:right;letter-spacing:.04em;color:#b8bbb4}
.bookshop-controls{padding:8px 30px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}
.bookshop-tabs{display:flex;gap:23px}
.bookshop-tabs button{min-height:44px;padding:10px 0;font-size:12px;color:#b8bbb4;border-bottom:1px solid transparent}
.bookshop-tabs button[aria-selected="true"]{color:#e3d4b3;border-bottom-color:#c5b38a}
.bookshop-switch-hint{font-size:10px;color:#a6aba5;white-space:nowrap}
.culture-chapter .exhibition-intro{padding-top:31px;padding-bottom:25px}
.exhibition-intro .exhibition-heading{margin-top:0;padding-top:27px}
.north-lobby-visual img{aspect-ratio:3/4;object-fit:contain}
.north-lobby-visual figcaption{padding:10px 30px 0;font-size:10px;line-height:1.7;letter-spacing:.06em;color:#858580;text-align:right}

/* 1104: use the brochure's horizontal bilingual identity and supplied logo. */
.cover-gicc{top:5%;left:8%;width:80px;height:auto;line-height:1}
.cover-gicc img{width:100%;height:auto}
.cover-identity{position:absolute;left:8%;top:20%;width:48%;color:#797f7f;z-index:2}
.cover-name{font-size:12px;line-height:1.7;letter-spacing:.08em;white-space:nowrap}
.cover-identity .cover-serial{position:static;font-size:7px;line-height:1.7;letter-spacing:0;margin-top:3px}
.cover-title{top:34%}.compact-opening .cover-title{top:34%}
.cover-title h2:last-child{margin-top:18px}
.cover-line{right:1%;width:45%;opacity:.75}
.skyline-image{object-position:51% 66%}
/* The supplied perspective render has white wedges outside its image area.
   Crop the side margins in the page, preserving the complete tower vertically. */
.landmark-visual>img{width:123%;max-width:none;margin-left:-11.5%;height:auto}
.quiet-line>span{white-space:nowrap}.quiet-line>span small{font-size:14px;margin-left:4px}
.map-artwork{position:relative;display:block;line-height:0}
.map-button .map-artwork img{aspect-ratio:auto;height:auto;object-fit:contain}
.map-artwork .route-overlay{position:absolute;inset:0;width:100%;height:100%}
.office-scheme{position:relative;margin-top:16px}
.office-scheme img{height:auto;width:100%}
.office-scheme figcaption{position:absolute;bottom:12px;right:12px;background:#292f30bb;color:#fff;padding:4px 8px;font-size:9px}
/* Readable baseline before enhancement: no script/network failure can lock the cover. */
html:not(.motion-ready) .cover,html:not(.motion-ready) .roof-half,html:not(.motion-ready) .roof-spread,html:not(.motion-ready) .opening-story{transform:none!important;visibility:visible!important}
html:not(.motion-ready) .roof-copy,html:not(.motion-ready) .opening-statement{opacity:1!important;visibility:visible!important}
html:not(.motion-ready) .skip-reading{position:absolute;top:12px;left:auto;right:12px;font-size:11px;padding:8px;background:#f7f7f5dd}
html:not(.motion-ready) .topbar{position:sticky;top:0;left:0;transform:none;opacity:1;visibility:visible}
html:not(.motion-ready) .menu-button,html:not(.motion-ready) .floating-follow{display:none}
@media(max-width:360px){.cover-gicc{width:68px}.cover-name{font-size:11px}.cover-identity .cover-serial{font-size:6px}}

/* Keep mobile text metrics stable after WebView restoration / rotation. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0}.brochure{width:100%}
.elevator-aside,.service-line>div{min-width:0}
@media(max-height:500px) and (orientation:landscape){
 .cover-gicc{width:52px;top:3%}.cover-identity{top:21%}
 .cover-title{top:35%}.cover-title h2{font-size:23px}.cover-title h2:last-child{margin-top:4px}
 .cover-title p{font-size:7px;margin-top:4px}.cover-title small{font-size:7px;margin-top:1px}
 .cover-signature{left:55%;bottom:18%;width:40%}.cover-signature img{width:100px;margin-bottom:6px}
 .cover-signature p{font-size:8px}.cover-signature small{display:none}
 .roof-copy{bottom:55px}.roof-copy .micro,.roof-copy .gold-rule{display:none}
 .roof-copy h2{font-size:17px;margin-top:3px}.roof-copy p{font-size:10px}
 .opening-statement{bottom:55px}.opening-statement .eyebrow,.opening-statement .english,.opening-statement .gold-rule{display:none}
 .compact-opening .opening-statement h1{font-size:20px}.compact-opening .opening-statement h1 span{font-size:18px}
 .unfold-control{bottom:10px}.opening-steps{bottom:5px}
}