diff --git a/bitcoinbonds.html b/bitcoinbonds.html
index ceca47c..dcf5e22 100644
--- a/bitcoinbonds.html
+++ b/bitcoinbonds.html
@@ -45,14 +45,6 @@
             <svg class="icon sun-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"/></svg>
         </label>
     </header>
-    <section class="banner">
-        <p class="banner__text">
-            We are servicing current customers only. A new Blockchain-based version of Bitcoin Bonds will be available soon.
-        </p>
-        <button class="close-button" onclick="this.parentNode.remove()">
-            <svg class="icon icon-only close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>
-        </button>
-    </section>
     <div id="outlet_switcher" class="grid gap-1-5 hide">
         <div class="flex align-center">
             <svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
@@ -98,9 +90,9 @@
                 It offers full capital protection if Bitcoin prices fall below acquisition price.
             </p>
         </section>
-        <div class="rooms__header">
+        <header class="rooms__header">
             <h4 class="room__label">Rooms</h4>
-        </div>
+        </header>
         <section class="rooms-layout">
             <div id="expanding_tile" class="hide-completely"></div>
             <a class="room-tile room-tile--main" href="#performance_room">
@@ -242,110 +234,112 @@
                     directly on that FLO ID. Please drop your name and phone number along with FLO ID.
                 </p>
             </section>
+            <footer class="room-container__footer">
+                <h4>Related rooms</h4>
+                <div id="room_switcher"></div>
+            </footer>
         </section>
     </main>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
     <script src="js/components.js"></script>
     <script src="js/index.js"></script>
     <script>
+        const bitBondSerieses = [
+            {
+                series: 975,
+                startDate: 1485993600000
+            },
+            {
+                series: 1057,
+                startDate: 1486425600000
+            },
+            {
+                series: 1064,
+                startDate: 1487289600000
+            },
+            {
+                series: 1205,
+                startDate: 1488412800000
+            },
+            {
+                series: 1285,
+                startDate: 1488585600000
+            },
+            {
+                series: 2513,
+                startDate: 1496880000000
+            }
+        ]
+                
+        function getCurrentRates() {
+            let fetchData = api => new Promise((resolve, reject) => {
+                fetch(api).then(response => {
+                    if (response.ok)
+                        response.json().then(data => resolve(data))
+                    else
+                        reject(response)
+                }).catch(error => reject(error))
+            })
+            return new Promise((resolve, reject) => {
+                fetchData(`https://bitpay.com/api/rates`).then(result => {
+                    let BTC_USD, BTC_INR, USD_INR
+                    for (let i of result)
+                        i.code == "USD" ? BTC_USD = i.rate : i.code == "INR" ? BTC_INR = i.rate : null;
+                    USD_INR = BTC_INR / BTC_USD;
+                    resolve({
+                        BTC_USD,
+                        BTC_INR,
+                        USD_INR
+                    })
+                }).catch(error => reject(error))
+            })
+        }
+        let USD_current, BTC_current
+
+        getCurrentRates().then(async (rates) => {
+            USD_current = rates.USD_INR;
+            BTC_current = rates.BTC_USD;
+            renderAllSeries()
+        }).catch(error => console.error(error))
+        
+        function yrDiff(d1 = null, d2 = null) {
+            d1 = d1 ? new Date(d1) : new Date();
+            d2 = d2 ? new Date(d2) : new Date();
+            let tmp = Math.abs(d2 - d1)
+            tmp = Math.floor(tmp / (1000 * 60 * 60 * 24)); // find number of days
+            tmp = tmp / 365
+            //need to implement leap yr
+            return tmp
+        }
+        
+        function calcNetValue(BTC_base, startDate, minIpa, maxPeriod, cut, amount, USD_base) {
+            console.log(BTC_base, startDate, minIpa, maxPeriod, cut, amount, USD_base)
+            let gain, interest, net;
+            gain = (BTC_current - BTC_base) / BTC_base;
+            interest = Math.max(cut * gain, minIpa * Math.min(yrDiff(startDate), maxPeriod));
+            net = amount / USD_base;
+            net += net * interest;
+            const percentGain = (((net * USD_current) - amount) / amount) * 100
+            //console.info(gain, interest, net)
+            return [net * USD_current, percentGain];
+        }
+
         function renderAllSeries(){
             const frag = document.createDocumentFragment()
             getRef('bit_bond_series__container').innerHTML = ''
             bitBondSerieses.forEach((series, index) => {
-                frag.append(render.bitBondRow(series))
+                const [currentValue, percentGain] = calcNetValue(series.series, series.startDate, 0.13, 5, 0.5, 6400, 64)
+                const obj = {
+                    series: series.series,
+                    percentGain,
+                    timeElapsed: new Date().getFullYear() - new Date(series.startDate).getFullYear(),
+                    currentValue,
+                    percentGain: percentGain.toFixed(0)
+                }
+                frag.append(render.bitBondRow(obj))
             })
             getRef('bit_bond_series__container').append(frag)
         }
-        renderAllSeries()
-
-        let tile, tileParent, tileDimensions, tileParentDimensions
-        const animeInOptions = {
-            duration: 300,
-            fill: 'forwards',
-            easing: 'ease'
-        }
-        const animeOutOption = {
-            duration: 300,
-            fill: 'forwards',
-            easing: 'ease'
-        }
-
-        window.addEventListener('load', e => {
-            if(window.location.hash !== '')
-                showRoom(window.location.hash, false)
-        })
-
-        window.addEventListener('hashchange', e => {
-            showRoom(window.location.hash)
-        })
-        
-        function showRoom(roomId, animate = true){
-            if(roomId === '') return
-            pauseScrolling()
-            tile = document.querySelector(`[href="${roomId}"]`)
-            tileParent = tile.parentNode
-            tileDimensions = tile.getBoundingClientRect()
-            tileParentDimensions = tileParent.getBoundingClientRect()
-            getRef('expanding_tile').classList.remove('hide-completely')
-            if(animate){
-                getRef('expanding_tile').animate([
-                    {
-                        height: `${tileDimensions.height}px`,
-                        width: `${tileDimensions.width}px`,
-                        transform: `translate(${tileDimensions.left - tileParentDimensions.left}px, ${tileDimensions.top - tileParentDimensions.top - window.pageYOffset}px)`
-                    },
-                    {
-                        height: `${window.innerHeight}px`,
-                        width: `${document.querySelector('main').getBoundingClientRect().width}px`,
-                        transform: `translate(${- tileParentDimensions.left}px, ${- tileParentDimensions.top - window.pageYOffset}px)`
-                    },
-                ],
-                animeInOptions) 
-                .onfinish = () => {
-                    revealRoom()
-                }
-            }
-            else{
-                revealRoom()
-            }
-            function revealRoom(){
-                const roomContainer = document.querySelector('.room-container')
-                roomContainer.querySelectorAll('.room').forEach(child => child.classList.add('hide-completely'))
-                document.querySelector(roomId).classList.remove('hide-completely')
-                document.querySelector('.room-title').textContent = tile.querySelector('.room-tile__title').textContent
-                roomContainer.classList.remove('hide-completely')
-                roomContainer.animate(slideInDown, animeInOptions)
-                .onfinish = () => {
-                    getRef('expanding_tile').classList.add('hide-completely')
-                }
-            }
-        }
-
-        function hideRoom(){
-            history.replaceState(null, null, ' ');
-            const roomContainer = document.querySelector('.room-container')
-            roomContainer.animate(fadeOut, animeOutOption)
-            .onfinish = () => {
-                roomContainer.classList.add('hide-completely')
-            }
-            getRef('expanding_tile').classList.remove('hide-completely')
-            getRef('expanding_tile').animate([
-                {
-                    height: `${window.innerHeight}px`,
-                    width: `${document.querySelector('main').getBoundingClientRect().width}px`,
-                    transform: `translate(${- tileParentDimensions.left}px, ${- tileParentDimensions.top - window.pageYOffset}px)`
-                },
-                {
-                    height: `${tileDimensions.height}px`,
-                    width: `${tileDimensions.width}px`,
-                    transform: `translate(${tileDimensions.left - tileParentDimensions.left}px, ${tileDimensions.top - tileParentDimensions.top - window.pageYOffset}px)`
-                },
-            ], animeOutOption)
-            .onfinish = () => {
-                getRef('expanding_tile').classList.add('hide-completely')
-                resumeScrolling()
-            }
-        }
     </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/bob'sfund.html b/bob'sfund.html
index a36d1ba..57179f7 100644
--- a/bob'sfund.html
+++ b/bob'sfund.html
@@ -90,34 +90,36 @@
         </section>
         <div class="rooms__header">
             <h4 class="room__label">Rooms</h4>
-            <scroll-tab-header data-target="bob_fund_page_group">
-                <button class="room-button">
-                    <svg class="icon button__icon--left" xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>People</title><path d='M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M336 304c-65.17 0-127.84 32.37-143.54 95.41-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z' fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='32'/><path d='M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M206 306c-18.05-8.27-37.93-11.45-59-11.45-52 0-102.1 25.85-114.65 76.2-1.65 6.66 2.53 13.25 9.37 13.25H154' fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='32'/></svg>
-                    <span class="button__label">
-                        Performance
-                    </span>
-                </button>
-                <button class="room-button">
-                    <svg class="icon button__icon--left" xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>People</title><path d='M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M336 304c-65.17 0-127.84 32.37-143.54 95.41-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z' fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='32'/><path d='M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M206 306c-18.05-8.27-37.93-11.45-59-11.45-52 0-102.1 25.85-114.65 76.2-1.65 6.66 2.53 13.25 9.37 13.25H154' fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='32'/></svg>
-                    <span class="button__label">
-                        Product
-                    </span>
-                </button>
-                <button class="room-button">
-                    <svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>
-                    <span class="button__label">
-                        Purchase
-                    </span>
-                </button>
-            </scroll-tab-header>
         </div>
-        <scroll-tab-panels id="bob_fund_page_group">
-            <section class="grid">
-                <h3 class="h3 margin-bottom-1-5r">Investors</h3>
-                <div id="bob_fund_investors__container" class="grid series-container"></div>
+        <section class="rooms-layout">
+            <div id="expanding_tile" class="hide-completely"></div>
+            <a class="room-tile room-tile--main" href="#performance_room">
+                <div class="tile-content">
+                    <h4 class="room-tile__title">Performance</h4>
+                </div>
+            </a>
+            <a class="room-tile" href="#product_room">
+                <div class="tile-content">
+                    <h4 class="room-tile__title">Product</h4>
+                </div>
+            </a>
+            <a class="room-tile" href="#purchase_room">
+                <div class="tile-content">
+                    <h4 class="room-tile__title">Purchase</h4>
+                </div>
+            </a>
+        </section>
+        <section class="room-container hide-completely page-layout">
+            <header class="room-container__header">
+                <button class="grid flow-column gap-1 align-center" onclick="hideRoom()">
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M7.828 11H20v2H7.828l5.364 5.364-1.414 1.414L4 12l7.778-7.778 1.414 1.414z"/></svg>
+                    <h3 class="room-title"></h3>
+                </button>
+            </header>
+            <section id="performance_room" class="grid room">
+                <div id="bob_fund_investors__container" class="grid series-container series-container--bobs-fund"></div>
             </section>
-            <section class="grid">
-                <h3 class="h3 margin-bottom-1-5r">Product</h3>
+            <section id="product_room" class="grid room">
                 <p class="margin-bottom-3r">
                     Bobs Fund allows customers to take a direct share in Bitcoin and they are automatically guided into a
                     long term investment plan. Bitcoin is a long term investors paradise with supply artificially
@@ -145,25 +147,234 @@
                     collateral for DeFi products, and that gives us an additional earning stream.
                 </p>
             </section>
-            <section>
+            <section id="purchase_room" class="grid room">
                 <sm-button variant="primary">Buy here</sm-button>
             </section>
-        </scroll-tab-panels>
+        </section>
     </main>
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
     <script src="js/components.js"></script>
     <script src="js/index.js"></script>
     <script>
+        const bobFund = [
+            {
+                investorName: 'Amit gupta',
+                invested: 20000,
+            },
+            {
+                investorName: 'Vijay sarda',
+                invested: 20000,
+            },
+            {
+                investorName: 'Vijesh Raikar',
+                invested: 20000,
+            },
+            {
+                investorName: 'Ajit Varshney',
+                invested: 20000,
+            },
+            {
+                investorName: 'barun Kumar',
+                invested: 10000,
+            },
+            {
+                investorName: 'Kunal Dikshit',
+                invested: 20000,
+            },
+            {
+                investorName: 'Sundeep Pandey',
+                invested: 20000,
+            },
+            {
+                investorName: 'Kusumakar Dwivedi',
+                invested: 20000,
+            },
+            {
+                investorName: 'Surojeet Sengupta',
+                invested: 20000,
+            },
+            {
+                investorName: 'Akash Srivastava',
+                invested: 20000,
+            },
+            {
+                investorName: 'V Jayaram',
+                invested: 20000,
+            },
+            {
+                investorName: 'Mayank Agrawal',
+                invested: 20000,
+            },
+            {
+                investorName: 'Bhaskar Bhowmik',
+                invested: 10000,
+            },
+            {
+                investorName: 'Rajesh Agrawal',
+                invested: 20000,
+            },
+            {
+                investorName: 'Chetan Kulkarni',
+                invested: 20000,
+            },
+            {
+                investorName: 'Amar More',
+                invested: 20000,
+            },
+            {
+                investorName: 'Navin Chandiramani',
+                invested: 20000,
+            },
+            {
+                investorName: 'Gopal Krishnamurthy',
+                invested: 20000,
+            },
+            {
+                investorName: 'Shivi',
+                invested: 20000,
+            },
+            {
+                investorName: 'Shankar RS',
+                invested: 20000,
+            },
+            {
+                investorName: 'Vikram Gupta',
+                invested: 20000,
+            },
+            {
+                investorName: 'Rohit Tripathy',
+                invested: 20000,
+            },
+            {
+                investorName: 'P. Unnikrishnan',
+                invested: 20000,
+            },
+            {
+                investorName: 'Arup Vithal',
+                invested: 20000,
+            },
+            {
+                investorName: 'Rahul Pundir',
+                invested: 20000,
+            },
+            {
+                investorName: 'Ankur Jain',
+                invested: 20000,
+            },
+            {
+                investorName: 'Pankaj Shete',
+                invested: 20000,
+            },
+            {
+                investorName: 'Sameer Nagpal',
+                invested: 20000,
+            },
+            {
+                investorName: 'George Abraham',
+                invested: 20000,
+            },
+            {
+                investorName: 'Samujjwal Ghosh',
+                invested: 20000,
+            },
+            {
+                investorName: 'Aniruddha Karnataki',
+                invested: 20000,
+            },
+            {
+                investorName: 'Mohammed Raffe Samathu',
+                invested: 20000,
+            },
+            {
+                investorName: 'Ruchir Gupta',
+                invested: 10000,
+            },
+            {
+                investorName: 'Santosh Nair',
+                invested: 20000,
+            },
+            {
+                investorName: 'Samit Arora',
+                invested: 20000,
+            },
+            {
+                investorName: 'Sumeet Doshi',
+                invested: 20000,
+            },
+            {
+                investorName: 'Pradeep Rao',
+                invested: 10000,
+            },
+            {
+                investorName: 'Gaurav Sadhir',
+                invested: 14000,
+            },
+            {
+                investorName: 'Sudhanshu Fadnis',
+                invested: 20000,
+            },
+            {
+                investorName: 'Natesh Rao',
+                invested: 20000,
+            },
+            {
+                investorName: 'Kapil Chaturvedi',
+                invested: 6000,
+            },
+        ]
+
+        function getCurrentRates() {
+            let fetchData = api => new Promise((resolve, reject) => {
+                fetch(api).then(response => {
+                    if (response.ok)
+                        response.json().then(data => resolve(data))
+                    else
+                        reject(response)
+                }).catch(error => reject(error))
+            })
+            return new Promise((resolve, reject) => {
+                fetchData(`https://bitpay.com/api/rates`).then(result => {
+                    let BTC_USD, BTC_INR, USD_INR
+                    for (let i of result)
+                        i.code == "USD" ? BTC_USD = i.rate : i.code == "INR" ? BTC_INR = i.rate : null;
+                    USD_INR = BTC_INR / BTC_USD;
+                    resolve({
+                        BTC_USD,
+                        BTC_INR,
+                        USD_INR
+                    })
+                }).catch(error => reject(error))
+            })
+        }
+        let USD_current, BTC_current
+        getCurrentRates().then(async (rates) => {
+            USD_current = rates.USD_INR;
+            BTC_current = rates.BTC_USD;
+            renderAllFundInvestors()
+        }).catch(error => console.error(error))
+
+        function calcNetValue(BTC_base, USD_base, amount, fee) {
+            let gain, interest, net;
+            gain = (BTC_current - BTC_base) / BTC_base;
+            interest = gain * (1 - fee)
+            net = amount / USD_base;
+            net += net * interest;
+            percentGain = (((net * USD_current) - amount) / amount) * 100
+            //console.info(gain, interest, net)
+            return [net * USD_current, percentGain.toFixed(0)];
+        }
         function renderAllFundInvestors(){
             const frag = document.createDocumentFragment()
             getRef('bob_fund_investors__container').innerHTML = ''
             bobFund.forEach(investor => {
-                frag.append(render.bobFundRow(investor))
+                let [currentValue, gain] = calcNetValue(2676.5, 64.46, investor.invested, 0)
+                currentValue = parseFloat(currentValue.toFixed(2))
+                timeElapsed = (new Date().getFullYear() - 2017)
+                frag.append(render.bobFundRow({...investor, currentValue, gain, timeElapsed}))
             })
             getRef('bob_fund_investors__container').append(frag)
         }
-        renderAllFundInvestors()
     </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
index 61a3231..4e635cc 100644
--- a/css/main.css
+++ b/css/main.css
@@ -19,6 +19,7 @@ body {
   --background-color: #F6f6f6;
   --error-color: red;
   --green: #007936;
+  --banner-color: #1E88E5;
   --font-weight-factor: 1;
   color: rgba(var(--text-color), 1);
   height: calc(100%);
@@ -33,6 +34,7 @@ body[data-theme=dark] {
   --foreground-color: 20, 20, 20;
   --background-color: #0a0a0a;
   --error-color: rgb(255, 106, 106);
+  --banner-color: #0166be;
   --font-weight-factor: 0.9;
 }
 body[data-theme=dark] #outlet_switcher {
@@ -422,7 +424,7 @@ ol[type="1"] {
   gap: 1rem;
   padding: 0.2rem 0 0.2rem 1rem;
   align-items: center;
-  background-color: #1E88E5;
+  background-color: var(--banner-color);
   grid-template-columns: 1fr auto;
 }
 .banner .close-icon {
@@ -721,28 +723,9 @@ ol[type="1"] {
 
 .floor__header {
   position: relative;
-  /*     position: sticky;
-      top: 0;
-      z-index: 8; */
   padding: 0.5rem 0;
   transform: translateY(-0.1rem);
   background: var(--background-color);
-  /*     &::before{
-          content: '';
-          position: absolute;
-          left: -1%;
-          width: 1%;
-          height: 100%;
-          background: var(--background-color);
-      }
-      &::after{
-          content: '';
-          position: absolute;
-          right: -1%;
-          width: 1%;
-          height: 100%;
-          background: var(--background-color);
-      } */
 }
 
 .floor__num {
@@ -778,7 +761,7 @@ ol[type="1"] {
 }
 
 .outlet__title {
-  line-height: 1.1;
+  line-height: 1.2;
   max-width: 18ch;
   font-size: 1.8rem;
   margin-bottom: 1rem;
@@ -811,12 +794,13 @@ ol[type="1"] {
   font-weight: 900;
   -webkit-text-stroke: 1rem var(--accent-color);
   -webkit-text-fill-color: rgba(var(--foreground-color), 1);
+  margin: 0 0.5rem;
 }
 .outlet-preview__number::after {
   content: attr(data-number);
   position: absolute;
   line-height: 1;
-  font-size: 8rem;
+  font-size: 1em;
   font-weight: 900;
   -webkit-text-stroke: 0;
   color: rgba(var(--foreground-color), 1);
@@ -829,7 +813,7 @@ ol[type="1"] {
 }
 
 .value {
-  font-size: 1.3rem;
+  font-size: 1.1rem;
 }
 
 .series-container {
@@ -889,9 +873,8 @@ sm-carousel {
 }
 
 .percent-gain {
-  font-weight: calc(500 * var(--font-weight-factor));
-  color: var(--green);
   margin-right: 0.5em;
+  font-weight: calc(500 * var(--font-weight-factor));
 }
 
 .percent-gain,
@@ -906,30 +889,16 @@ sm-carousel {
 .person-card {
   position: relative;
   gap: 1rem;
-  grid-template-columns: 1fr;
-  /*     &--small{
-          grid-template-areas: 'img .' 'para para';
-          .person__image{
-              width: 4rem;
-              height: 4rem;
-              border-radius: 50%;
-          }
-      }
-      &--big{
-          grid-template-areas: 'img .' 'img para';
-      } */
-}
-.person-card--intern {
   text-align: center;
   justify-items: center;
+  align-content: flex-start;
+  grid-template-columns: 1fr;
 }
 
 .person__image {
   width: 100%;
   height: auto;
   border-radius: 0.5rem;
-}
-.person__image--intern {
   height: 10rem;
   width: 10rem;
   object-position: top;
@@ -938,6 +907,7 @@ sm-carousel {
 
 .person__name {
   font-size: 1.1rem;
+  text-transform: capitalize;
 }
 
 .investor__bio {
@@ -1095,14 +1065,6 @@ scroll-tab-panels > [active] {
   margin-right: 0.5rem;
   padding-right: 1.5rem;
 }
-.room__label::after {
-  content: "";
-  position: absolute;
-  height: 150%;
-  width: 0.1rem;
-  right: 0;
-  background-color: rgba(var(--text-color), 0.5);
-}
 
 .room-button {
   position: relative;
@@ -1135,16 +1097,6 @@ scroll-tab-panels > [active] {
   height: max-content;
 }
 
-.phase {
-  grid-template-columns: 4rem 1fr;
-}
-.phase:not(:last-of-type) .phase__description {
-  padding-bottom: 1.5rem;
-}
-.phase:last-of-type .progress-bar__line {
-  height: 0;
-}
-
 .progress-bar__circle,
 .progress-bar__line {
   position: absolute;
@@ -1167,21 +1119,10 @@ scroll-tab-panels > [active] {
   background: rgba(var(--text-color), 0.9);
 }
 
-.phase__date {
-  margin-top: 0.3rem;
-}
-
-.phase__description {
-  margin-top: 1rem;
-}
-
-.masonry-layout {
-  columns: 2;
-  column-gap: 1rem;
-}
-.masonry-layout > * {
-  margin-bottom: 3rem;
-  page-break-inside: avoid;
+.people-grid {
+  display: grid;
+  gap: 3rem 1.5rem;
+  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
 }
 
 .rooms-layout {
@@ -1199,6 +1140,7 @@ scroll-tab-panels > [active] {
   transition: transform 0.3s;
   background-color: rgba(var(--foreground-color), 1);
   box-shadow: 0 1rem 3rem -1rem rgba(0, 0, 0, 0.2);
+  -webkit-tap-highlight-color: transparent;
 }
 .room-tile--main {
   padding-top: 100%;
@@ -1242,6 +1184,9 @@ scroll-tab-panels > [active] {
 }
 
 .room-container__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
   position: sticky;
   top: 0;
   z-index: 2;
@@ -1249,6 +1194,33 @@ scroll-tab-panels > [active] {
   padding: 1rem 0;
 }
 
+.room-container__footer {
+  position: sticky;
+  display: grid;
+  gap: 1rem;
+  grid-auto-flow: column;
+  justify-content: flex-start;
+  align-items: center;
+  bottom: 0;
+  z-index: 2;
+  margin-top: auto;
+  padding: 0.5rem;
+  background-color: inherit;
+}
+
+#room_switcher {
+  display: grid;
+  gap: 1rem;
+  grid-auto-flow: column;
+  justify-content: flex-start;
+}
+
+.room-shortcut {
+  padding: 0.5em 0.8rem;
+  border-radius: 0.3rem;
+  background-color: rgba(var(--text-color), 0.06);
+}
+
 @media only screen and (max-width: 640px) {
   .hide-on-mobile {
     display: none;
@@ -1260,12 +1232,14 @@ scroll-tab-panels > [active] {
 
   .outlet-preview__number-container {
     grid-row: 1/2;
-    text-align: right;
-    justify-content: right;
   }
 
   .outlet-preview__number::after {
-    right: 0;
+    left: 0;
+  }
+
+  .outlet-preview__number {
+    font-size: 5rem;
   }
 
   #outlet_switcher {
@@ -1386,7 +1360,7 @@ scroll-tab-panels > [active] {
     box-shadow: 0 4rem 3rem -2rem rgba(0, 0, 0, 0.06);
   }
   .outlet-preview:nth-of-type(even) {
-    grid-template-columns: 1fr 1.2fr;
+    grid-template-columns: 1fr 2fr;
   }
   .outlet-preview:nth-of-type(even) .outlet-preview__info {
     grid-column: 2/3;
@@ -1410,20 +1384,6 @@ scroll-tab-panels > [active] {
     grid-auto-flow: column;
   }
 
-  /*     .carousel-holder{
-          align-self: flex-start;
-          transform: translateY(-2rem);
-          z-index: 1;
-          border-radius: 0.5rem;
-          &--left{
-              grid-row: 1/2;
-              grid-column: 1/2;
-              box-shadow: 1px 0.1rem 0.1rem rgba(0, 0, 0, 0.06), -2rem 5rem 4rem -2rem rgba(0, 0, 0, 0.2);  
-          }
-          &--right{
-              box-shadow: 1px 0.1rem 0.1rem rgba(0, 0, 0, 0.06), 2rem 5rem 4rem -2rem rgba(0, 0, 0, 0.2);
-          }
-      } */
   .outlet-preview__carousel {
     padding: 2rem 2rem 5rem 2rem;
   }
@@ -1440,11 +1400,6 @@ scroll-tab-panels > [active] {
     grid-template-columns: auto 1fr;
   }
 
-  .masonry-layout {
-    columns: 3;
-    column-gap: 2rem;
-  }
-
   .rooms-layout {
     grid-template-rows: 1fr 1fr;
   }
@@ -1452,6 +1407,10 @@ scroll-tab-panels > [active] {
   .room-container__header {
     padding: 1.5rem 0;
   }
+
+  .people-grid {
+    gap: 5rem 3rem;
+  }
 }
 @media only screen and (min-width: 1280px) {
   #home_page, .page,
@@ -1466,10 +1425,6 @@ scroll-tab-panels > [active] {
     width: 100%;
   }
 
-  .masonry-layout {
-    columns: 4;
-  }
-
   .rooms-layout {
     grid-template-columns: repeat(3, 1fr);
     grid-auto-flow: column;
diff --git a/css/main.min.css b/css/main.min.css
index dd17c9d..2e77bce 100644
--- a/css/main.min.css
+++ b/css/main.min.css
@@ -1 +1 @@
-a,button{color:inherit}.bit-bond-series__row,.flow-column{grid-auto-flow:column}.pos-relative,button{position:relative}.interact,.theme-switcher,button{-webkit-tap-highlight-color:transparent;cursor:pointer}* :not(ol){padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto Slab",serif}.button__icon--left,.margin-right-0-5{margin-right:.5rem}:root{font-size:clamp(1rem,1.2vmax,3rem)}body{--accent-color:#E72C37;--light-shade:rgba(var(--text-color), 0.06);--text-color:17,17,17;--text-color-light:100,100,100;--foreground-color:255,255,255;--background-color:#F6f6f6;--error-color:red;--green:#007936;--font-weight-factor:1;color:rgba(var(--text-color),1);height:calc(100%);background:var(--background-color)}body[data-theme=dark]{--accent-color:#ff3949;--green:#13ff5a;--text-color:240,240,240;--text-color-light:170,170,170;--foreground-color:20,20,20;--background-color:#0a0a0a;--error-color:rgb(255, 106, 106);--font-weight-factor:0.9}body[data-theme=dark] #outlet_switcher{background:linear-gradient(rgba(var(--text-color),.06),rgba(var(--text-color),.06)),rgba(var(--foreground-color),1)}body[data-theme=dark] .outlet-preview{box-shadow:0 4rem 3rem -2rem rgba(0,0,0,.3)}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize,.floor_list__header,.outlet__title{text-transform:capitalize}p{font-weight:calc(400 * var(--font-weight-factor));max-width:70ch;line-height:1.6}img{object-fit:cover}a{text-decoration:none}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color),1) inset}p a{color:var(--accent-color)}button{overflow:hidden;display:inline-flex;align-items:center;border:none;background:0 0;outline:0;font-weight:calc(500 * var(--font-weight-factor))}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--accent-color);color:rgba(var(--foreground-color),1)}.button--primary .icon{fill:rgba(var(--foreground-color),1)}button:focus-visible{outline:solid rgba(var(--text-color),1)}sm-input,sm-textarea{--border-radius:0.2rem;--background:rgba(var(--text-color), 0.06)}sm-button{--border-radius:0.2rem}sm-tab-header{align-self:flex-start}ul{list-style:none}ol[type="1"]{display:grid;gap:2rem}.accent-color{color:var(--accent-color)}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.button__icon--right,.margin-left-0-5{margin-left:.5rem}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5r{margin-bottom:.5rem}.margin-bottom-1r{margin-bottom:1rem}.margin-bottom-1-5r{margin-bottom:1.5rem}.margin-bottom-2r{margin-bottom:2rem}.margin-bottom-3r{margin-bottom:3rem}.margin-bottom-4r{margin-bottom:4rem}.hide{opacity:0;pointer-events:none}.hide-completely{display:none!important}.no-transformations{transform:none!important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(var(--text-color),.16);pointer-events:none}.interact{position:relative;overflow:hidden}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color),.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-.5rem}.button__label{font-size:1rem}.button__icon{height:1.1rem;width:1.1rem}.color-0-9{color:rgba(var(--text-color),.9)}.color-0-8{color:rgba(var(--text-color),.8)}.color-0-7{color:rgba(var(--text-color),.7)}.color-0-3,.floor__num{color:rgba(var(--text-color),.3)}.weight-400{font-weight:calc(400 * var(--font-weight-factor))}.intern__level,.outlet_switcher__button,.percent-gain,.room-button,.room__label,.weight-500{font-weight:calc(500 * var(--font-weight-factor))}.weight-700{font-weight:calc(700 * var(--font-weight-factor))}.weight-900{font-weight:calc(900 * var(--font-weight-factor))}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;width:100%}.banner{display:grid;gap:1rem;padding:.2rem 0 .2rem 1rem;align-items:center;background-color:#1E88E5;grid-template-columns:1fr auto}.banner .close-icon{fill:#fff;width:2.2rem;height:2.2rem}.banner__text{max-width:unset;font-size:.9rem;color:#fff}#elevator_popup{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:15;grid-template-rows:auto 1fr;background:rgba(var(--foreground-color),1)}.elevator__header,.floor_list__header{position:sticky;background:rgba(var(--foreground-color),1);z-index:1}.elevator__header{top:0;padding:1.2rem 1.5rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;justify-content:flex-start;width:100%}#floor_list{align-content:flex-start;padding:0 1.5rem 4rem;gap:2rem;overflow-y:auto;transform-origin:top}.floor_list__item{display:grid;gap:1.5rem;transform-origin:top}.floor_list__item:last-of-type{padding-bottom:25vh}.floor_list__header{top:0;padding-bottom:.5rem}.outlet-list{gap:2rem;counter-reset:outlet-counter}.floor-list__outlet{display:flex;align-items:center}.floor-list__outlet::before{content:"";width:.4rem;height:1.5rem;margin-right:.5rem;background-color:var(--accent-color)}.outlet-list__item{display:grid;user-select:none;width:min(50ch,100%);counter-increment:outlet-counter}.outlet-list__item .outlet-title::before{content:counter(outlet-counter) ". "}.outlet-list__item .icon{fill:var(--accent-color);flex-shrink:0}.outlet-title{font-size:1.2rem;font-weight:calc(700 * var(--font-weight-factor));margin-bottom:.5rem}.floor__button,.floor__num{font-weight:calc(900 * var(--font-weight-factor))}.outlet-brief{color:rgba(var(--text-color),.8)}.popup__header__close{padding:.5rem;cursor:pointer}.floor__button{padding:.5rem 0;flex-direction:column;text-align:left;align-items:flex-start;border-radius:.2rem;font-size:1.5rem;background:rgba(var(--foreground-color),1)}.floor__button--active{background:rgba(var(--text-color),.2);box-shadow:0 0 0 .4rem rgba(var(--text-color),1) inset}.floor-name{margin-top:.2rem;font-size:.8rem}.elevator__floor-line{flex:1;height:.1rem;margin-left:2rem;background-color:var(--accent-color)}#main_header{position:relative;padding:1rem;grid-template-columns:repeat(3,1fr)}#elevator_button{justify-self:flex-start;margin-left:-1rem}#elevator_button .icon{width:1.7rem;height:1.7rem}#main_header__logo{height:1.8rem;width:1.8rem}.theme-switcher{position:relative;justify-self:flex-end;width:1.5rem;height:1.5rem}.theme-switcher .icon{position:absolute;transition:transform .6s}.theme-switcher__checkbox{display:none}.theme-switcher__checkbox:checked~.moon-icon{transform:scale(0) rotate(90deg)}.theme-switcher__checkbox:not(:checked)~.sun-icon{transform:scale(0) rotate(-90deg)}.page,.page-layout{position:relative;display:grid;grid-template-columns:1rem 1fr 1rem}#floor_line_map,#home_page{grid-template-columns:2rem 1fr}.page-layout>*,.page>*{grid-column:2/3}.tag{background:var(--accent-color);padding:.4rem .6rem}#home_page{will-change:scroll-position;overflow-y:auto;max-height:calc(100vh - 5.2rem);scroll-behavior:smooth}#floor_line_map{position:sticky;top:1rem;height:40vh;z-index:10;grid-column:1/2}.line-map{height:100%}.line-map__circle{position:absolute;border-radius:1rem;width:1rem;height:1rem;margin-top:-.7rem;background:rgba(var(--foreground-color),1);border:.2rem solid var(--accent-color);transition:transform .1s linear;z-index:5}.floor-label,.room-tile{transition:transform .3s}.line-map__bar{position:relative;width:.1rem;height:100%;border-radius:1rem;background:var(--accent-color)}.line-map__bar::after{position:absolute;content:"";bottom:0;left:50%;transform:translateX(-50%);width:.7rem;height:.2rem;background-color:var(--accent-color)}.floor-label{position:absolute;display:flex;align-items:center;left:.2rem;margin-top:-1rem;user-select:none}.floor-circle{position:relative;border-radius:1rem;padding:.8rem}.floor-circle::after{content:"";position:absolute;padding:.3rem;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--text-color),1);border-radius:1rem}.floor-title,sm-carousel{background:rgba(var(--foreground-color),1)}.floor-title{opacity:.5;font-size:.9rem;white-space:nowrap;padding:.4rem .6rem;margin-left:1rem;border-radius:.2rem;transition:box-shadow .3s,opacity .3s}#floor_container{width:calc(100% - 1rem)}.floor{padding-bottom:3rem;width:100%}.floor__header{position:relative;padding:.5rem 0;transform:translateY(-.1rem);background:var(--background-color)}.bit-bond-series__row,.bob-fund__row,.outlet-preview,.starter{background-color:rgba(var(--foreground-color),1)}.floor__num{display:flex;align-items:center;font-size:1.8rem}.floor__title{font-size:1.3rem;font-weight:calc(700 * var(--font-weight-factor))}.outlet__title,.svg-outlet-title{font-weight:calc(900 * var(--font-weight-factor))}.big-icon{height:2rem;width:2rem}.outlets-container{margin:1rem 0;gap:1.5rem}.outlet-preview{position:relative;display:grid;padding:1rem;align-items:center;border-radius:.7rem}.outlet__title{line-height:1.1;max-width:18ch;font-size:1.8rem;margin-bottom:1rem}.svg-outlet-title{height:4rem;margin-bottom:1.5rem;fill:rgba(var(--text-color),1)}.outlet__description{color:rgba(var(--text-color),.8)}.outlet-preview__button{padding:.5rem 0;justify-self:flex-start;color:var(--accent-color);font-weight:calc(700 * var(--font-weight-factor))}.outlet-preview__number{position:relative;line-height:1;font-size:8rem;font-weight:900;-webkit-text-stroke:1rem var(--accent-color);-webkit-text-fill-color:rgba(var(--foreground-color),1)}.outlet-preview__number::after{content:attr(data-number);position:absolute;line-height:1;font-size:8rem;font-weight:900;-webkit-text-stroke:0;color:rgba(var(--foreground-color),1)}.label,.person-card,.room__label,sm-carousel{position:relative}.label{font-size:.8rem;margin-bottom:.3rem}.value{font-size:1.3rem}.series-container{gap:1.5rem;padding-bottom:1.5rem;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}.series-container .bit-bond-series__row,.series-container .bob-fund__row{padding:1.5rem}sm-carousel{height:100%;border-radius:.5rem;padding:1.5rem 1.5rem 4rem;--arrow-left:1.5rem;--arrow-right:1.5rem;--arrow-fill:rgba(var(--text-color), 1);--arrow-background:transparent;--arrow-box-shadow:none;--arrow-bottom:-3.5rem;--indicator-bottom:-2.5rem;--active-indicator-color:var(--accent-color)}.bit-bond-series__row,.bob-fund__row,.person-card{min-width:100%}.bob-fund__row .grid{align-content:flex-start}.bit-bond-series__row,.bob-fund__row{gap:1rem;border-radius:.5rem;align-items:flex-start;box-shadow:0 .5rem 1rem -.5rem rgba(0,0,0,.1)}.up-arrow{height:1em;width:1em;fill:var(--green);margin-right:.1em}.percent-gain{color:var(--green);margin-right:.5em}.percent-gain,.time-elapsed{font-size:.8rem}.time-elapsed{color:rgba(var(--text-color),.8)}.person-card{gap:1rem;grid-template-columns:1fr}.person-card--intern{text-align:center;justify-items:center}.person__image{width:100%;height:auto;border-radius:.5rem}.person__image--intern{height:10rem;width:10rem;object-position:top;border-radius:50%}.person__name{font-size:1.1rem}.investor__bio,.investor__contribution{font-size:.85rem}.investor__bio{margin-top:.5rem}.intern-flo-id{margin-top:.3rem;font-size:.75rem}.intern__project{margin-top:.5rem}.intern__level{position:absolute;cursor:pointer;font-size:.8rem;border-radius:.2rem;margin-bottom:.3rem;padding:.3rem .5rem;justify-self:flex-end;box-shadow:0 .1rem .2rem rgba(0,0,0,.2)}.motivated{color:#000;background-color:#FFCA28}.passionate{color:#000;background-color:#00E676}#intern_level_popup{--width:min(48rem, 100%)}.table{display:grid;gap:1rem;grid-template-columns:6rem 1fr}.table p{font-size:.9rem;color:rgba(var(--text-color),.9)}#outlet_switcher{position:absolute;top:0;padding:1rem;border-radius:.3rem;background:rgba(var(--foreground-color),1);box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);z-index:2}.outlet_switcher__floor{overflow-x:auto}.outlet_switcher__button{display:flex;align-items:center;font-size:1rem;padding:.4rem 0;flex-shrink:0}.outlet-label,.rooms__header{align-items:center;display:flex}.outlet_switcher__button--active{color:var(--accent-color)!important}.outlet_switcher__button:not(:last-of-type)::after{content:"";position:relative;width:4vw;height:.1rem;margin:0 .5rem;background:var(--accent-color)}.outlet-label{justify-self:flex-start;color:var(--accent-color);margin-bottom:.5rem;font-size:1rem}.outlet-label .icon{fill:var(--accent-color);margin-right:.5rem}scroll-tab-header{--padding:0.5rem 0;--border-radius:0.3rem;--background:transparent}scroll-tab-panels{--gap:1.5rem;--background:transparent;margin-bottom:6rem}scroll-tab-panels>*{opacity:.4;flex-shrink:0;min-width:100%;transition:opacity .6s;align-self:start}scroll-tab-panels>[active]{opacity:1}.auto-grid-layout{justify-content:flex-start;overflow-x:auto}.grid-2{grid-template-columns:auto 1fr}.rooms__header{position:sticky;top:0;z-index:1;margin-bottom:1.5rem;background:var(--background-color);box-shadow:0 1rem 1rem -1rem rgba(0,0,0,.2)}.room__label{display:flex;align-items:center;margin-right:.5rem;padding-right:1.5rem}.room__label::after{content:"";position:absolute;height:150%;width:.1rem;right:0;background-color:rgba(var(--text-color),.5)}.room-button{position:relative;opacity:.6;flex-shrink:0;border-radius:0;font-size:1.1rem;transition:opacity .3s,background-color .3s;padding:.6rem .8rem}.room-button:not(:last-of-type)::after{content:"";height:.1rem;width:4rem;margin-left:1rem;align-self:center;background:var(--accent-color)}.room-button[active]{opacity:1;color:var(--accent-color)}.room-button[active] .icon{fill:var(--accent-color)}#ico_page__carousel{width:min(36rem,100%);height:max-content}.phase{grid-template-columns:4rem 1fr}.phase:not(:last-of-type) .phase__description{padding-bottom:1.5rem}.phase:last-of-type .progress-bar__line{height:0}.progress-bar__circle,.progress-bar__line{position:absolute;margin-top:1rem;left:50%;transform:translateX(-50%)}.progress-bar__circle{padding:.4rem;background:rgba(var(--foreground-color),1);border:rgba(var(--text-color),1) solid;border-radius:50%;z-index:1}.progress-bar__line{height:100%;width:.1rem;background:rgba(var(--text-color),.9)}#expanding_tile,.room-tile{border-radius:.5rem;background-color:rgba(var(--foreground-color),1)}.phase__date{margin-top:.3rem}.phase__description{margin-top:1rem}.masonry-layout{columns:2;column-gap:1rem}.masonry-layout>*{margin-bottom:3rem;page-break-inside:avoid}.rooms-layout{position:relative;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.room-tile{display:flex;position:relative;box-shadow:0 1rem 3rem -1rem rgba(0,0,0,.2)}.room-tile--main{padding-top:100%;grid-row:span 2}.room-tile--main .tile-content{position:absolute;top:0}.room-tile .tile-content{padding:1rem}.room-tile:active{transform:scale(.95)}.room-tile:focus-visible{outline:auto}#expanding_tile{position:fixed;z-index:5}.room-container{position:fixed;top:0;bottom:0;left:0;right:0;z-index:6;overflow-y:auto;background-color:var(--background-color);align-content:flex-start}.room{padding-bottom:4rem}.room-container__header{position:sticky;top:0;z-index:2;background-color:inherit;padding:1rem 0}@media only screen and (max-width:640px){.hide-on-mobile{display:none}.outlet-preview{gap:1.5rem}.outlet-preview__number-container{grid-row:1/2;text-align:right;justify-content:right}.outlet-preview__number::after{right:0}#outlet_switcher{width:calc(100% - 2rem)}.outlet-hero-section{margin-top:2rem}.series-container{gap:1rem}.outlet-list__item .icon{margin-left:auto}.rooms__header{flex-direction:column;align-items:flex-start}.rooms__header scroll-tab-header{width:calc(100vw - 2rem)}.room-tile{padding-top:100%}.room-tile--main{grid-column:span 2}.room-tile .tile-content{top:0;position:absolute}}@media only screen and (min-width:640px){#home_page,.page,.page-layout{grid-template-columns:1fr 90vw 1fr}.h1{font-size:4rem}.h2{font-size:2.5rem}.h3{font-size:1.5rem}.h4{font-size:1.1rem}#main_header{padding:1.2rem 2rem}#floor_list{gap:8vw;padding:0 8vw 4rem}.floor_list__item{position:relative;grid-template-columns:1fr 1fr;align-items:center;justify-content:center}.floor_list__item .floor_list__header{display:grid}.floor_list__item:not(:last-of-type){padding-bottom:8vw}.floor_list__item:not(:last-of-type)::after{content:"";position:absolute;width:24rem;height:.2rem;bottom:0;background-color:var(--accent-color);justify-self:center}.floor_list__item:nth-of-type(odd) .floor_list__header{text-align:right;grid-column:2/3;grid-row:1/2}.floor_list__item:nth-of-type(odd) .outlet-list{grid-row:1/2;grid-column:1/2}.floor__header::before{left:-10%;width:10%}.floor__header::after{right:-10%;width:10%}.outlets-container{gap:1.5rem}.outlet-preview{gap:1rem;padding:5rem 4rem;grid-template-columns:1.2fr 1fr;border:1px solid rgba(0,0,0,.2);box-shadow:0 4rem 3rem -2rem rgba(0,0,0,.06)}.outlet-preview:nth-of-type(even){grid-template-columns:1fr 1.2fr}.outlet-preview:nth-of-type(even) .outlet-preview__info{grid-column:2/3}.outlet-preview:nth-of-type(even) .outlet-preview__number-container{grid-column:1/2;grid-row:1/2}.outlet-preview:nth-of-type(even) .outlet-preview__number::after{left:0}.outlet-preview:nth-of-type(odd) .outlet-preview__number-container{margin-left:auto;text-align:right}.outlet-preview:nth-of-type(odd) .outlet-preview__number::after{right:0}.bit-bond-series__row{grid-auto-flow:column}.outlet-preview__carousel{padding:2rem 2rem 5rem}#outlet_switcher{padding:1rem 1.5rem}.outlet-hero-section{margin-top:4rem}.auto-grid-layout{grid-template-columns:auto 1fr}.masonry-layout{columns:3;column-gap:2rem}.rooms-layout{grid-template-rows:1fr 1fr}.room-container__header{padding:1.5rem 0}}@media only screen and (min-width:1280px){#home_page,.page,.page-layout{grid-template-columns:1fr 85vw 1fr}.grid-3{justify-content:center}.grid-3>.grid{width:100%}.masonry-layout{columns:4}.rooms-layout{grid-template-columns:repeat(3,1fr);grid-auto-flow:column}}@media (any-hover:hover){.outlet-list__item .icon,.page-link:hover .icon{fill:var(--accent-color)}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color),.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color),.5)}.page-link{cursor:pointer;transition:color .3s}.page-link:hover{color:var(--accent-color)}.floor__button:hover{background:var(--background-color)}.outlet-list__item .icon{opacity:0;transform-origin:left;transform:translateX(-.5rem);transition:opacity .3s,transform .3s}.outlet-list__item:hover .icon{opacity:1;transform:translateX(0)}.intern__level{transition:transform .3s}.intern__level:hover{transform:scale(1.1)}}
\ No newline at end of file
+a,button{color:inherit}.pos-relative,button{position:relative}.interact,.room-tile,.theme-switcher,button{-webkit-tap-highlight-color:transparent}* :not(ol){padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto Slab",serif}.button__icon--left,.margin-right-0-5{margin-right:.5rem}:root{font-size:clamp(1rem,1.2vmax,3rem)}body{--accent-color:#E72C37;--light-shade:rgba(var(--text-color), 0.06);--text-color:17,17,17;--text-color-light:100,100,100;--foreground-color:255,255,255;--background-color:#F6f6f6;--error-color:red;--green:#007936;--banner-color:#1E88E5;--font-weight-factor:1;color:rgba(var(--text-color),1);height:calc(100%);background:var(--background-color)}body[data-theme=dark]{--accent-color:#ff3949;--green:#13ff5a;--text-color:240,240,240;--text-color-light:170,170,170;--foreground-color:20,20,20;--background-color:#0a0a0a;--error-color:rgb(255, 106, 106);--banner-color:#0166be;--font-weight-factor:0.9}body[data-theme=dark] #outlet_switcher{background:linear-gradient(rgba(var(--text-color),.06),rgba(var(--text-color),.06)),rgba(var(--foreground-color),1)}body[data-theme=dark] .outlet-preview{box-shadow:0 4rem 3rem -2rem rgba(0,0,0,.3)}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize,.floor_list__header,.outlet__title,.person__name{text-transform:capitalize}p{font-weight:calc(400 * var(--font-weight-factor));max-width:70ch;line-height:1.6}img{object-fit:cover}a{text-decoration:none}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color),1) inset}p a{color:var(--accent-color)}button{overflow:hidden;display:inline-flex;align-items:center;border:none;background:0 0;cursor:pointer;outline:0;font-weight:calc(500 * var(--font-weight-factor))}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--accent-color);color:rgba(var(--foreground-color),1)}.button--primary .icon{fill:rgba(var(--foreground-color),1)}button:focus-visible{outline:solid rgba(var(--text-color),1)}sm-input,sm-textarea{--border-radius:0.2rem;--background:rgba(var(--text-color), 0.06)}sm-button{--border-radius:0.2rem}sm-tab-header{align-self:flex-start}ul{list-style:none}ol[type="1"]{display:grid;gap:2rem}.accent-color{color:var(--accent-color)}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center,.popup__header{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.button__icon--right,.margin-left-0-5{margin-left:.5rem}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5r{margin-bottom:.5rem}.margin-bottom-1r{margin-bottom:1rem}.margin-bottom-1-5r{margin-bottom:1.5rem}.margin-bottom-2r{margin-bottom:2rem}.margin-bottom-3r{margin-bottom:3rem}.margin-bottom-4r{margin-bottom:4rem}.hide{opacity:0;pointer-events:none}.hide-completely{display:none!important}.no-transformations{transform:none!important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(var(--text-color),.16);pointer-events:none}.interact{position:relative;overflow:hidden;cursor:pointer}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color),.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-.5rem}.button__label{font-size:1rem}.button__icon{height:1.1rem;width:1.1rem}.color-0-9{color:rgba(var(--text-color),.9)}.color-0-8{color:rgba(var(--text-color),.8)}.color-0-7{color:rgba(var(--text-color),.7)}.color-0-3,.floor__num{color:rgba(var(--text-color),.3)}.weight-400{font-weight:calc(400 * var(--font-weight-factor))}.weight-500{font-weight:calc(500 * var(--font-weight-factor))}.outlet-title,.weight-700{font-weight:calc(700 * var(--font-weight-factor))}.weight-900{font-weight:calc(900 * var(--font-weight-factor))}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem;width:100%}.banner{display:grid;gap:1rem;padding:.2rem 0 .2rem 1rem;align-items:center;background-color:var(--banner-color);grid-template-columns:1fr auto}.banner .close-icon{fill:#fff;width:2.2rem;height:2.2rem}.banner__text{max-width:unset;font-size:.9rem;color:#fff}#elevator_popup{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:15;grid-template-rows:auto 1fr;background:rgba(var(--foreground-color),1)}.elevator__header,.floor_list__header{position:sticky;background:rgba(var(--foreground-color),1);top:0}.elevator__header{padding:1.2rem 1.5rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;justify-content:flex-start;width:100%;z-index:1}#floor_list{align-content:flex-start;padding:0 1.5rem 4rem;gap:2rem;overflow-y:auto;transform-origin:top}.floor_list__item{display:grid;gap:1.5rem;transform-origin:top}.floor_list__item:last-of-type{padding-bottom:25vh}.floor_list__header{padding-bottom:.5rem;z-index:1}.outlet-list{gap:2rem;counter-reset:outlet-counter}.floor-list__outlet{display:flex;align-items:center}.floor-list__outlet::before{content:"";width:.4rem;height:1.5rem;margin-right:.5rem;background-color:var(--accent-color)}.outlet-list__item{display:grid;user-select:none;width:min(50ch,100%);counter-increment:outlet-counter}.outlet-list__item .outlet-title::before{content:counter(outlet-counter) ". "}.outlet-list__item .icon{fill:var(--accent-color);flex-shrink:0}.outlet-title{font-size:1.2rem;margin-bottom:.5rem}.floor__button,.floor__num,.outlet__title,.svg-outlet-title{font-weight:calc(900 * var(--font-weight-factor))}.outlet-brief{color:rgba(var(--text-color),.8)}.popup__header__close{padding:.5rem;cursor:pointer}.floor__button{padding:.5rem 0;flex-direction:column;text-align:left;align-items:flex-start;border-radius:.2rem;font-size:1.5rem;background:rgba(var(--foreground-color),1)}.floor__button--active{background:rgba(var(--text-color),.2);box-shadow:0 0 0 .4rem rgba(var(--text-color),1) inset}.floor-name{margin-top:.2rem;font-size:.8rem}.elevator__floor-line{flex:1;height:.1rem;margin-left:2rem;background-color:var(--accent-color)}#main_header{position:relative;padding:1rem;grid-template-columns:repeat(3,1fr)}#elevator_button{justify-self:flex-start;margin-left:-1rem}#elevator_button .icon{width:1.7rem;height:1.7rem}#main_header__logo{height:1.8rem;width:1.8rem}.theme-switcher{position:relative;justify-self:flex-end;width:1.5rem;height:1.5rem;cursor:pointer}.theme-switcher .icon{position:absolute;transition:transform .6s}.theme-switcher__checkbox{display:none}.theme-switcher__checkbox:checked~.moon-icon{transform:scale(0) rotate(90deg)}.theme-switcher__checkbox:not(:checked)~.sun-icon{transform:scale(0) rotate(-90deg)}.page,.page-layout{position:relative;display:grid;grid-template-columns:1rem 1fr 1rem}#floor_line_map,#home_page{grid-template-columns:2rem 1fr}.page-layout>*,.page>*{grid-column:2/3}.tag{background:var(--accent-color);padding:.4rem .6rem}#home_page{will-change:scroll-position;overflow-y:auto;max-height:calc(100vh - 5.2rem);scroll-behavior:smooth}#floor_line_map{position:sticky;top:1rem;height:40vh;z-index:10;grid-column:1/2}.line-map{height:100%}.line-map__circle{position:absolute;border-radius:1rem;width:1rem;height:1rem;margin-top:-.7rem;background:rgba(var(--foreground-color),1);border:.2rem solid var(--accent-color);transition:transform .1s linear;z-index:5}.floor-label,.room-tile{transition:transform .3s}.line-map__bar{position:relative;width:.1rem;height:100%;border-radius:1rem;background:var(--accent-color)}.line-map__bar::after{position:absolute;content:"";bottom:0;left:50%;transform:translateX(-50%);width:.7rem;height:.2rem;background-color:var(--accent-color)}.floor-label{position:absolute;display:flex;align-items:center;left:.2rem;margin-top:-1rem;user-select:none}.floor-circle{position:relative;border-radius:1rem;padding:.8rem}.floor-circle::after{content:"";position:absolute;padding:.3rem;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--text-color),1);border-radius:1rem}.floor-title{opacity:.5;font-size:.9rem;white-space:nowrap;padding:.4rem .6rem;margin-left:1rem;border-radius:.2rem;background:rgba(var(--foreground-color),1);transition:box-shadow .3s,opacity .3s}#floor_container{width:calc(100% - 1rem)}.floor{padding-bottom:3rem;width:100%}.floor__header{position:relative;padding:.5rem 0;transform:translateY(-.1rem);background:var(--background-color)}.bit-bond-series__row,.bob-fund__row,.outlet-preview,.starter{background-color:rgba(var(--foreground-color),1)}.floor__num{display:flex;align-items:center;font-size:1.8rem}.floor__title{font-size:1.3rem;font-weight:calc(700 * var(--font-weight-factor))}.big-icon{height:2rem;width:2rem}.outlets-container{margin:1rem 0;gap:1.5rem}.outlet-preview{position:relative;display:grid;padding:1rem;align-items:center;border-radius:.7rem}.outlet__title{line-height:1.2;max-width:18ch;font-size:1.8rem;margin-bottom:1rem}.svg-outlet-title{height:4rem;margin-bottom:1.5rem;fill:rgba(var(--text-color),1)}.outlet__description{color:rgba(var(--text-color),.8)}.outlet-preview__button{padding:.5rem 0;justify-self:flex-start;color:var(--accent-color);font-weight:calc(700 * var(--font-weight-factor))}.outlet-preview__number{position:relative;line-height:1;font-size:8rem;font-weight:900;-webkit-text-stroke:1rem var(--accent-color);-webkit-text-fill-color:rgba(var(--foreground-color),1);margin:0 .5rem}.outlet-preview__number::after{content:attr(data-number);position:absolute;line-height:1;font-size:1em;font-weight:900;-webkit-text-stroke:0;color:rgba(var(--foreground-color),1)}.label,.person-card,sm-carousel{position:relative}.intern__level,.outlet_switcher__button,.percent-gain{font-weight:calc(500 * var(--font-weight-factor))}.label{font-size:.8rem;margin-bottom:.3rem}.value{font-size:1.1rem}.series-container{gap:1.5rem;padding-bottom:1.5rem;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}.series-container .bit-bond-series__row,.series-container .bob-fund__row{padding:1.5rem}sm-carousel{height:100%;border-radius:.5rem;padding:1.5rem 1.5rem 4rem;background:rgba(var(--foreground-color),1);--arrow-left:1.5rem;--arrow-right:1.5rem;--arrow-fill:rgba(var(--text-color), 1);--arrow-background:transparent;--arrow-box-shadow:none;--arrow-bottom:-3.5rem;--indicator-bottom:-2.5rem;--active-indicator-color:var(--accent-color)}.bit-bond-series__row,.bob-fund__row,.person-card{min-width:100%}.bit-bond-series__row{grid-auto-flow:column}.bob-fund__row .grid{align-content:flex-start}.bit-bond-series__row,.bob-fund__row{gap:1rem;border-radius:.5rem;align-items:flex-start;box-shadow:0 .5rem 1rem -.5rem rgba(0,0,0,.1)}.up-arrow{height:1em;width:1em;fill:var(--green);margin-right:.1em}.outlet-label .icon,.room-button[active] .icon{fill:var(--accent-color)}.percent-gain{margin-right:.5em}.percent-gain,.time-elapsed{font-size:.8rem}.time-elapsed{color:rgba(var(--text-color),.8)}.person-card{gap:1rem;text-align:center;justify-items:center;align-content:flex-start;grid-template-columns:1fr}.person__image{height:10rem;width:10rem;object-position:top;border-radius:50%}.person__name{font-size:1.1rem}.investor__bio,.investor__contribution{font-size:.85rem}.investor__bio{margin-top:.5rem}.intern-flo-id{margin-top:.3rem;font-size:.75rem}.intern__project{margin-top:.5rem}.intern__level{position:absolute;cursor:pointer;font-size:.8rem;border-radius:.2rem;margin-bottom:.3rem;padding:.3rem .5rem;justify-self:flex-end;box-shadow:0 .1rem .2rem rgba(0,0,0,.2)}.motivated{color:#000;background-color:#FFCA28}.passionate{color:#000;background-color:#00E676}#intern_level_popup{--width:min(48rem, 100%)}.table{display:grid;gap:1rem;grid-template-columns:6rem 1fr}.table p{font-size:.9rem;color:rgba(var(--text-color),.9)}#outlet_switcher{position:absolute;top:0;padding:1rem;border-radius:.3rem;background:rgba(var(--foreground-color),1);box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);z-index:2}.outlet_switcher__floor{overflow-x:auto}.outlet_switcher__button{display:flex;align-items:center;font-size:1rem;padding:.4rem 0;flex-shrink:0}.outlet_switcher__button--active{color:var(--accent-color)!important}.outlet_switcher__button:not(:last-of-type)::after{content:"";position:relative;width:4vw;height:.1rem;margin:0 .5rem;background:var(--accent-color)}.outlet-label{display:flex;align-items:center;justify-self:flex-start;color:var(--accent-color);margin-bottom:.5rem;font-size:1rem}.outlet-label .icon{margin-right:.5rem}scroll-tab-header{--padding:0.5rem 0;--border-radius:0.3rem;--background:transparent}scroll-tab-panels{--gap:1.5rem;--background:transparent;margin-bottom:6rem}scroll-tab-panels>*{opacity:.4;flex-shrink:0;min-width:100%;transition:opacity .6s;align-self:start}scroll-tab-panels>[active]{opacity:1}.auto-grid-layout{justify-content:flex-start;overflow-x:auto}.grid-2{grid-template-columns:auto 1fr}.rooms__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;margin-bottom:1.5rem;background:var(--background-color);box-shadow:0 1rem 1rem -1rem rgba(0,0,0,.2)}.room-button,.room__label{position:relative;font-weight:calc(500 * var(--font-weight-factor))}.room__label{display:flex;align-items:center;margin-right:.5rem;padding-right:1.5rem}.room-button{opacity:.6;flex-shrink:0;border-radius:0;font-size:1.1rem;transition:opacity .3s,background-color .3s;padding:.6rem .8rem}.room-button:not(:last-of-type)::after{content:"";height:.1rem;width:4rem;margin-left:1rem;align-self:center;background:var(--accent-color)}.room-button[active]{opacity:1;color:var(--accent-color)}#ico_page__carousel{width:min(36rem,100%);height:max-content}.progress-bar__circle,.progress-bar__line{position:absolute;margin-top:1rem;left:50%;transform:translateX(-50%)}.progress-bar__circle{padding:.4rem;background:rgba(var(--foreground-color),1);border:rgba(var(--text-color),1) solid;border-radius:50%;z-index:1}.progress-bar__line{height:100%;width:.1rem;background:rgba(var(--text-color),.9)}#expanding_tile,.room-tile{border-radius:.5rem;background-color:rgba(var(--foreground-color),1)}.people-grid{display:grid;gap:3rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.rooms-layout{position:relative;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.room-tile{display:flex;position:relative;box-shadow:0 1rem 3rem -1rem rgba(0,0,0,.2)}.room-tile--main{padding-top:100%;grid-row:span 2}.room-tile--main .tile-content{position:absolute;top:0}.room-tile .tile-content{padding:1rem}.room-tile:active{transform:scale(.95)}.room-tile:focus-visible{outline:auto}#expanding_tile{position:fixed;z-index:5}.room-container{position:fixed;top:0;bottom:0;left:0;right:0;z-index:6;overflow-y:auto;background-color:var(--background-color);align-content:flex-start}.room-container__footer,.room-container__header{position:sticky;z-index:2;background-color:inherit}.room{padding-bottom:4rem}.room-container__header{display:flex;align-items:center;justify-content:space-between;top:0;padding:1rem 0}#room_switcher,.room-container__footer{display:grid;gap:1rem;grid-auto-flow:column}.room-container__footer{justify-content:flex-start;align-items:center;bottom:0;margin-top:auto;padding:.5rem}#room_switcher{justify-content:flex-start}.room-shortcut{padding:.5em .8rem;border-radius:.3rem;background-color:rgba(var(--text-color),.06)}@media only screen and (max-width:640px){.hide-on-mobile{display:none}.outlet-preview{gap:1.5rem}.outlet-preview__number-container{grid-row:1/2}.outlet-preview__number::after{left:0}.outlet-preview__number{font-size:5rem}#outlet_switcher{width:calc(100% - 2rem)}.outlet-hero-section{margin-top:2rem}.series-container{gap:1rem}.outlet-list__item .icon{margin-left:auto}.rooms__header{flex-direction:column;align-items:flex-start}.rooms__header scroll-tab-header{width:calc(100vw - 2rem)}.room-tile{padding-top:100%}.room-tile--main{grid-column:span 2}.room-tile .tile-content{top:0;position:absolute}}@media only screen and (min-width:640px){#home_page,.page,.page-layout{grid-template-columns:1fr 90vw 1fr}.h1{font-size:4rem}.h2{font-size:2.5rem}.h3{font-size:1.5rem}.h4{font-size:1.1rem}#main_header{padding:1.2rem 2rem}#floor_list{gap:8vw;padding:0 8vw 4rem}.floor_list__item{position:relative;grid-template-columns:1fr 1fr;align-items:center;justify-content:center}.floor_list__item .floor_list__header{display:grid}.floor_list__item:not(:last-of-type){padding-bottom:8vw}.floor_list__item:not(:last-of-type)::after{content:"";position:absolute;width:24rem;height:.2rem;bottom:0;background-color:var(--accent-color);justify-self:center}.floor_list__item:nth-of-type(odd) .floor_list__header{text-align:right;grid-column:2/3;grid-row:1/2}.floor_list__item:nth-of-type(odd) .outlet-list{grid-row:1/2;grid-column:1/2}.floor__header::before{left:-10%;width:10%}.floor__header::after{right:-10%;width:10%}.outlets-container{gap:1.5rem}.outlet-preview{gap:1rem;padding:5rem 4rem;grid-template-columns:1.2fr 1fr;border:1px solid rgba(0,0,0,.2);box-shadow:0 4rem 3rem -2rem rgba(0,0,0,.06)}.outlet-preview:nth-of-type(even){grid-template-columns:1fr 2fr}.outlet-preview:nth-of-type(even) .outlet-preview__info{grid-column:2/3}.outlet-preview:nth-of-type(even) .outlet-preview__number-container{grid-column:1/2;grid-row:1/2}.outlet-preview:nth-of-type(even) .outlet-preview__number::after{left:0}.outlet-preview:nth-of-type(odd) .outlet-preview__number-container{margin-left:auto;text-align:right}.outlet-preview:nth-of-type(odd) .outlet-preview__number::after{right:0}.bit-bond-series__row{grid-auto-flow:column}.outlet-preview__carousel{padding:2rem 2rem 5rem}#outlet_switcher{padding:1rem 1.5rem}.outlet-hero-section{margin-top:4rem}.auto-grid-layout{grid-template-columns:auto 1fr}.rooms-layout{grid-template-rows:1fr 1fr}.room-container__header{padding:1.5rem 0}.people-grid{gap:5rem 3rem}}@media only screen and (min-width:1280px){#home_page,.page,.page-layout{grid-template-columns:1fr 85vw 1fr}.grid-3{justify-content:center}.grid-3>.grid{width:100%}.rooms-layout{grid-template-columns:repeat(3,1fr);grid-auto-flow:column}}@media (any-hover:hover){.outlet-list__item .icon,.page-link:hover .icon{fill:var(--accent-color)}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color),.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color),.5)}.page-link{cursor:pointer;transition:color .3s}.page-link:hover{color:var(--accent-color)}.floor__button:hover{background:var(--background-color)}.outlet-list__item .icon{opacity:0;transform-origin:left;transform:translateX(-.5rem);transition:opacity .3s,transform .3s}.outlet-list__item:hover .icon{opacity:1;transform:translateX(0)}.intern__level{transition:transform .3s}.intern__level:hover{transform:scale(1.1)}}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index b16a4de..5ea688b 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -17,6 +17,7 @@ body {
     --background-color: #F6f6f6;
     --error-color: red;
     --green: #007936;
+    --banner-color: #1E88E5;
     --font-weight-factor: 1;
     color: rgba(var(--text-color), 1);
     height: calc(100%);
@@ -30,6 +31,7 @@ body[data-theme='dark']{
     --foreground-color: 20, 20, 20;
     --background-color: #0a0a0a;
     --error-color: rgb(255, 106, 106);
+    --banner-color: #0166be;
     --font-weight-factor: 0.9;
     #outlet_switcher{
         background: linear-gradient(rgba(var(--text-color), 0.06), rgba(var(--text-color), 0.06)), rgba(var(--foreground-color), 1);
@@ -353,7 +355,7 @@ ol[type="1"]{
     gap: 1rem;
     padding: 0.2rem 0 0.2rem 1rem;
     align-items: center;
-    background-color: #1E88E5;
+    background-color: var(--banner-color);
     grid-template-columns: 1fr auto;
     .close-icon{
         fill: white;
@@ -599,7 +601,6 @@ ol[type="1"]{
     transition: transform 0.3s;
 }
 .floor-circle{
-    // position: absolute;
     position: relative;
     border-radius: 1rem;
     padding: 0.8rem;
@@ -636,28 +637,9 @@ ol[type="1"]{
 
 .floor__header{
     position: relative;
-/*     position: sticky;
-    top: 0;
-    z-index: 8; */
     padding: 0.5rem 0;
     transform: translateY(-0.1rem);
     background: var(--background-color);
-/*     &::before{
-        content: '';
-        position: absolute;
-        left: -1%;
-        width: 1%;
-        height: 100%;
-        background: var(--background-color);
-    }
-    &::after{
-        content: '';
-        position: absolute;
-        right: -1%;
-        width: 1%;
-        height: 100%;
-        background: var(--background-color);
-    } */
 }
 
 .floor__num{
@@ -692,7 +674,7 @@ ol[type="1"]{
     background-color: rgba(var(--foreground-color), 1);
 }
 .outlet__title{
-    line-height: 1.1;
+    line-height: 1.2;
     max-width: 18ch;
     font-size: 1.8rem;
     margin-bottom: 1rem;
@@ -722,11 +704,12 @@ ol[type="1"]{
     font-weight: 900;
     -webkit-text-stroke: 1rem var(--accent-color);
     -webkit-text-fill-color: rgba(var(--foreground-color), 1);
+    margin: 0 0.5rem;
     &::after{
         content: attr(data-number);
         position: absolute;
         line-height: 1;
-        font-size: 8rem;
+        font-size: 1em;
         font-weight: 900;
         -webkit-text-stroke: 0;
         color: rgba(var(--foreground-color), 1);
@@ -739,7 +722,7 @@ ol[type="1"]{
     margin-bottom: 0.3rem;
 }
 .value{
-    font-size: 1.3rem;
+    font-size: 1.1rem;
 }
 
 .series-container{
@@ -799,9 +782,8 @@ sm-carousel{
     margin-right: 0.1em;
 }
 .percent-gain{
-    font-weight: calc(500 * var(--font-weight-factor));
-    color: var(--green);
     margin-right: 0.5em;
+    font-weight: calc(500 * var(--font-weight-factor));
 }
 .percent-gain,
 .time-elapsed{
@@ -815,41 +797,23 @@ sm-carousel{
 .person-card{
     position: relative;
     gap: 1rem;
-    // text-align: center;
+    text-align: center;
+    justify-items: center;
+    align-content: flex-start;
     grid-template-columns: 1fr;
-/*     &--small{
-        grid-template-areas: 'img .' 'para para';
-        .person__image{
-            width: 4rem;
-            height: 4rem;
-            border-radius: 50%;
-        }
-    }
-    &--big{
-        grid-template-areas: 'img .' 'img para';
-    } */
-    &--intern{
-        text-align: center;
-        justify-items: center;
-    }
-}
-.investor-card__overlay{
-    // position: absolute;
-    // background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,1));
 }
 .person__image{
     width: 100%;
     height: auto;
     border-radius: 0.5rem;
-    &--intern{
-        height: 10rem;
-        width: 10rem;
-        object-position: top;
-        border-radius: 50%;
-    }
+    height: 10rem;
+    width: 10rem;
+    object-position: top;
+    border-radius: 50%;
 }
 .person__name{
     font-size: 1.1rem;
+    text-transform: capitalize;
 }
 .investor__bio{
     font-size: 0.85rem;
@@ -989,14 +953,6 @@ scroll-tab-panels{
     font-weight: calc(500 * var(--font-weight-factor));
     margin-right: 0.5rem;
     padding-right: 1.5rem;
-    &::after{
-        content: '';
-        position: absolute;
-        height: 150%;
-        width: 0.1rem;
-        right: 0;
-        background-color: rgba(var(--text-color), 0.5);
-    }
 }
 .room-button{
     position: relative;
@@ -1029,22 +985,6 @@ scroll-tab-panels{
     width: min(36rem ,100%);
     height: max-content;
 }
-
-
-
-.phase{
-    grid-template-columns: 4rem 1fr;
-    &:not(:last-of-type){
-        .phase__description{
-            padding-bottom: 1.5rem;
-        }
-    } 
-    &:last-of-type{
-        .progress-bar__line{
-            height: 0;
-        }
-    }
-}
 .progress-bar__circle,
 .progress-bar__line{
     position: absolute;
@@ -1064,20 +1004,11 @@ scroll-tab-panels{
     width: 0.1rem;
     background: rgba(var(--text-color), 0.9);
 }
-.phase__date{
-    margin-top: 0.3rem;
-}
-.phase__description{
-    margin-top: 1rem;
-}
 
-.masonry-layout{
-    columns: 2;
-    column-gap: 1rem;
-    & > * {
-        margin-bottom: 3rem;
-        page-break-inside: avoid;
-    }
+.people-grid{
+    display: grid;
+    gap: 3rem 1.5rem;
+    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
 }
 
 .rooms-layout{
@@ -1094,6 +1025,7 @@ scroll-tab-panels{
     transition: transform 0.3s;
     background-color: rgba(var(--foreground-color), 1);
     box-shadow: 0 1rem 3rem -1rem rgba(0, 0, 0, 0.2);
+    -webkit-tap-highlight-color: transparent;
     &--main{
         padding-top: 100%;
         grid-row: span 2;
@@ -1135,6 +1067,9 @@ scroll-tab-panels{
 }
 
 .room-container__header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
     position: sticky;
     top: 0;
     z-index: 2;
@@ -1142,6 +1077,32 @@ scroll-tab-panels{
     padding: 1rem 0;
 }
 
+.room-container__footer{
+    position: sticky;
+    display: grid;
+    gap: 1rem;
+    grid-auto-flow: column;
+    justify-content: flex-start;
+    align-items: center;
+    bottom: 0;
+    z-index: 2;
+    margin-top: auto;
+    padding: 0.5rem;
+    background-color: inherit;
+}
+#room_switcher{
+    display: grid;
+    gap: 1rem;
+    grid-auto-flow: column;
+    justify-content: flex-start;
+}
+
+.room-shortcut{
+    padding: 0.5em 0.8rem;
+    border-radius: 0.3rem;
+    background-color: rgba(var(--text-color), 0.06);
+}
+
 @media only screen and (max-width: 640px) {
     .hide-on-mobile{
         display: none;
@@ -1151,11 +1112,12 @@ scroll-tab-panels{
     }
     .outlet-preview__number-container{
         grid-row: 1/2;
-        text-align: right;
-        justify-content: right;
     }
     .outlet-preview__number::after{
-        right: 0;
+        left: 0;
+    }
+    .outlet-preview__number{
+        font-size: 5rem;
     }
     #outlet_switcher{
         width: calc(100% - 2rem);
@@ -1266,7 +1228,7 @@ scroll-tab-panels{
         border: 1px solid rgba(0, 0, 0, 0.2);
         box-shadow: 0 4rem 3rem -2rem rgba(0, 0, 0, 0.06);
         &:nth-of-type(even){
-            grid-template-columns: 1fr 1.2fr;
+            grid-template-columns: 1fr 2fr;
             .outlet-preview__info{
                 grid-column: 2/3;
             } 
@@ -1291,20 +1253,6 @@ scroll-tab-panels{
     .bit-bond-series__row{
         grid-auto-flow: column;
     }
-/*     .carousel-holder{
-        align-self: flex-start;
-        transform: translateY(-2rem);
-        z-index: 1;
-        border-radius: 0.5rem;
-        &--left{
-            grid-row: 1/2;
-            grid-column: 1/2;
-            box-shadow: 1px 0.1rem 0.1rem rgba(0, 0, 0, 0.06), -2rem 5rem 4rem -2rem rgba(0, 0, 0, 0.2);  
-        }
-        &--right{
-            box-shadow: 1px 0.1rem 0.1rem rgba(0, 0, 0, 0.06), 2rem 5rem 4rem -2rem rgba(0, 0, 0, 0.2);
-        }
-    } */
     .outlet-preview__carousel{
         padding: 2rem 2rem 5rem 2rem;
     }
@@ -1317,16 +1265,15 @@ scroll-tab-panels{
     .auto-grid-layout{
         grid-template-columns: auto 1fr;
     }
-    .masonry-layout{
-        columns: 3;
-        column-gap: 2rem;
-    }
     .rooms-layout{
         grid-template-rows: 1fr 1fr;
     }
     .room-container__header{
         padding: 1.5rem 0;
     }
+    .people-grid{
+        gap: 5rem 3rem;
+    }
 }
 @media only screen and (min-width: 1280px) {
     #home_page, .page,
@@ -1339,9 +1286,6 @@ scroll-tab-panels{
             width: 100%;
         }
     }
-    .masonry-layout{
-        columns: 4;
-    }
     .rooms-layout{
         grid-template-columns: repeat(3, 1fr);
         grid-auto-flow: column;
diff --git a/ico.html b/ico.html
index bd1d543..d8bad57 100644
--- a/ico.html
+++ b/ico.html
@@ -38,7 +38,7 @@
                     <p class="investor__bio color-0-8"></p>
                 </div>
                 <div class="grid investor__contribution-container">
-                    <h4 class="label color-0-8 weight-500">Contribution</h4>
+                    <!-- <h4 class="label color-0-8 weight-500">Contribution</h4> -->
                     <p class="investor__contribution"></p>
                 </div>
             </div>
@@ -136,7 +136,7 @@
             <section class="grid carousel-container">
                 <h3 class="h3 margin-bottom-1-5r">Contributing Investors</h3>
                 <!-- <sm-carousel id="ico_investors" indicator autoplay></sm-carousel> -->
-                <section id="ico_investors" class="masonry-layout"></section>
+                <section id="ico_investors" class="people-grid"></section>
             </section>
             <section>
                 <h3 class="h3 margin-bottom-1-5r">Product</h3>
diff --git a/internshipblockchaincontract.html b/internshipblockchaincontract.html
index 4539b16..c16df7d 100644
--- a/internshipblockchaincontract.html
+++ b/internshipblockchaincontract.html
@@ -149,7 +149,7 @@
         <scroll-tab-panels id="ico_page_group">
             <section class="grid carousel-container">
                 <h3 class="h3 margin-bottom-3r justify-self-center">Meet our interns</h3>
-                <section id="interns_container" class="masonry-layout"></section>
+                <section id="interns_container" class="people-grid"></section>
             </section>
             <section>
                 <h3 class="h3 margin-bottom-1-5r">Projects</h3>
diff --git a/js/index.js b/js/index.js
index 092fbeb..924cf7e 100644
--- a/js/index.js
+++ b/js/index.js
@@ -166,6 +166,8 @@ window.addEventListener("load", () => {
       createRipple(e, e.target.closest("button, sm-button, .interact"));
     }
   });
+  if (window.location.hash !== '')
+    showRoom(window.location.hash, false)
 });
 function createRipple(event, target) {
   const circle = document.createElement("span");
@@ -239,7 +241,8 @@ const siteMap = [
         brief: `Bondholders get a minimum guarantee of 13% interest per annum during the lock-in period or 50% of all Bitcoin price gains whichever is higher. It offers full capital protection if
         Bitcoin prices fall below acquisition price.`,
         isSold: true,
-        buyUrl: `purchase_room`
+        buyUrl: `purchase_room`,
+        status: `We are servicing current customers only. A new Blockchain-based version of Bitcoin Bonds will be available soon.`
       },
       {
         name: `Bob's Fund`,
@@ -248,155 +251,100 @@ const siteMap = [
         isSold: true,
         buyUrl: `purchase_room`
       },
-      {
-        name: "Initial Coin Offering",
-        url: "ico",
-        brief: `The Initial Coin Offering (ICO) of RanchiMall was launched in 2017. It was envisioned to sell 21 million tokens over 14 phases over 3 years.`,
-        isSold: true,
-        buyUrl: `purchase_room`
-      },
-    ],
-  },
-  {
-    floor: "Blockchain Contracts",
-    brief: `Blockchain Contracts are one of RanchiMall's flagship innovations.
-      We believe each blockchain contract will be transformational in its area and will add
-      tremendously to our enterprise value.`,
-    outlets: [
-      {
-        name: "Incorporation Blockchain Contract",
-        url: "incorporationblockchaincontract",
-        brief: `RanchiMall is incorporated on the blockchain and structured as Incorporation Blockchain Contract. Incorporation Blockchain Contract owns all the other blockchain contracts of RanchiMall.`
-      },
-      {
-        name: `Internship Blockchain Contract`,
-        url: `internshipblockchaincontract`,
-        brief: `Internship Blockchain Contract tokenizes all our internship initiatives. This is owned by Incorporation Blockchain Contract.`
-      },
-      {
-        name: "FLO Blockchain Contract",
-        url: "floblockchaincontract",
-        brief: `FLO Blockchain contract consists of all projects RanchiMall performs on FLO Blockchain (previously called Florincoin).`
-      }
-    ],
-  },
-  {
-    floor: 'Blockchain Apps',
-    brief: ``,
-    outlets: [
-      {
-        name: "Web Wallet",
-        brief: `Purely web-based blockchain wallet.`,
-        url: 'webwallet'
-      },
-      {
-        name: `FLO Messenger`,
-        url: `flomessenger`,
-      },
-      {
-        name: "Content Collaboration",
-        brief: `A way for anonymous users across the Internet to collaborate and create beautiful articles.`,
-        url: "contentcollaboration",
-      },
-      {
-        name: "Ranchimall Times",
-        brief: `Article publication platform of RanchiMall`,
-        url: "ranchimalltimes",
-      },
-    ],
-  },
-  {
-    floor: 'Experimental Ideas',
-    brief: ``,
-    outlets: [
-      {
-        name: "Blockchain Cloud",
-        url: "blockchaincloud",
-      },
-      {
-        name: `UPI On Blockchain`,
-        url: `upionblockchain`,
-      },
-      {
-        name: "E-Commerce On Blockchain",
-        url: "e-commerceonblockchain"
-      }
-    ],
-  },
-  {
-    floor: 'Statistics and Administration',
-    brief: ``,
-    outlets: [
-      {
-        name: "Incorporation",
-        url: "incorporation",
-      },
-      {
-        name: `Team`,
-        url: `team`,
-      },
-      {
-        name: "Operational Statistic",
-        url: "operationalstatistic",
-      }
+      /*       {
+              name: "Initial Coin Offering",
+              url: "ico",
+              brief: `The Initial Coin Offering (ICO) of RanchiMall was launched in 2017. It was envisioned to sell 21 million tokens over 14 phases over 3 years.`,
+              isSold: true,
+              buyUrl: `purchase_room`
+            }, */
     ],
   },
+  /*   {
+      floor: "Blockchain Contracts",
+      brief: `Blockchain Contracts are one of RanchiMall's flagship innovations.
+        We believe each blockchain contract will be transformational in its area and will add
+        tremendously to our enterprise value.`,
+      outlets: [
+        {
+          name: "Incorporation Blockchain Contract",
+          url: "incorporationblockchaincontract",
+          brief: `RanchiMall is incorporated on the blockchain and structured as Incorporation Blockchain Contract. Incorporation Blockchain Contract owns all the other blockchain contracts of RanchiMall.`
+        },
+        {
+          name: `Internship Blockchain Contract`,
+          url: `internshipblockchaincontract`,
+          brief: `Internship Blockchain Contract tokenizes all our internship initiatives. This is owned by Incorporation Blockchain Contract.`
+        },
+        {
+          name: "FLO Blockchain Contract",
+          url: "floblockchaincontract",
+          brief: `FLO Blockchain contract consists of all projects RanchiMall performs on FLO Blockchain (previously called Florincoin).`
+        }
+      ],
+    },
+    {
+      floor: 'Blockchain Apps',
+      brief: ``,
+      outlets: [
+        {
+          name: "Web Wallet",
+          brief: `Purely web-based blockchain wallet.`,
+          url: 'webwallet'
+        },
+        {
+          name: `FLO Messenger`,
+          url: `flomessenger`,
+        },
+        {
+          name: "Content Collaboration",
+          brief: `A way for anonymous users across the Internet to collaborate and create beautiful articles.`,
+          url: "contentcollaboration",
+        },
+        {
+          name: "Ranchimall Times",
+          brief: `Article publication platform of RanchiMall`,
+          url: "ranchimalltimes",
+        },
+      ],
+    },
+    {
+      floor: 'Experimental Ideas',
+      brief: ``,
+      outlets: [
+        {
+          name: "Blockchain Cloud",
+          url: "blockchaincloud",
+        },
+        {
+          name: `UPI On Blockchain`,
+          url: `upionblockchain`,
+        },
+        {
+          name: "E-Commerce On Blockchain",
+          url: "e-commerceonblockchain"
+        }
+      ],
+    },
+    {
+      floor: 'Statistics and Administration',
+      brief: ``,
+      outlets: [
+        {
+          name: "Incorporation",
+          url: "incorporation",
+        },
+        {
+          name: `Team`,
+          url: `team`,
+        },
+        {
+          name: "Operational Statistic",
+          url: "operationalstatistic",
+        }
+      ],
+    }, */
 ];
-
-const bitBondSerieses = [
-  {
-      series: '$975',
-      currentValue: '$XXXXX',
-      timeElapsed: '2 years'
-  },
-  {
-      series: '$1057',
-      currentValue: '$XXXXX',
-      timeElapsed: '2 years'
-  },
-  {
-      series: '$1064',
-      currentValue: '$XXXXX',
-      timeElapsed: '2 years'
-  },
-  {
-      series: '$1205',
-      currentValue: '$XXXXX',
-      timeElapsed: '2 years'
-  },
-  {
-      series: '$1285',
-      currentValue: '$XXXXX',
-      timeElapsed: '2 years'
-  },
-  {
-      series: '$2513',
-      currentValue: '$XXXXX',
-      timeElapsed: '2 years'
-  },
-]
-
-const bobFund = [
-  {
-      investorName: 'John Doe',
-      invested: '₹20000',
-      currentValue: '$XXXXX',
-      timeElapsed: '2years'
-  },
-  {
-      investorName: 'Jane Doe',
-      invested: '₹10000',
-      currentValue: '$XXXXX',
-      timeElapsed: '2years'
-  },
-  {
-      investorName: 'james Doe',
-      invested: '₹15000',
-      currentValue: '$XXXXX',
-      timeElapsed: '2years'
-  },
-]
-
 // templates
 
 const bitBondRowTemplate = document.createElement('template')
@@ -411,7 +359,7 @@ bitBondRowTemplate.innerHTML = `
         <h3 class="value current-value"></h3>
         <div class="flex align-center">
             <svg class="icon up-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M13 7.828V20h-2V7.828l-5.364 5.364-1.414-1.414L12 4l7.778 7.778-1.414 1.414L13 7.828z"/></svg>
-            <span class="percent-gain">2000%</span>
+            <span class="percent-gain"></span>
             <span class="time-elapsed"></span>
         </div>
     </div>
@@ -422,7 +370,6 @@ const bobsFundRowTemplate = document.createElement('template')
 bobsFundRowTemplate.innerHTML = `
 <div class="bob-fund__row grid">
     <div class="grid">
-        <h5 class="label color-0-8 weight-500">Investor</h5>
         <h3 class="value person__name"></h3>
     </div>
     <div class="flex">
@@ -432,10 +379,10 @@ bobsFundRowTemplate.innerHTML = `
         </div>
         <div class="grid justify-right text-align-right">
             <h4 class="label color-0-8 weight-500">Current value</h4>
-            <h3 class="value current-value"></h3>
+            <h3 class="value current-value" style="color: var(--green)"></h3>
             <div class="flex align-center">
               <svg class="icon up-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M13 7.828V20h-2V7.828l-5.364 5.364-1.414-1.414L12 4l7.778 7.778-1.414 1.414L13 7.828z"/></svg>
-              <span class="percent-gain">2000%</span>
+              <span class="percent-gain"></span>
               <span class="time-elapsed"></span>
           </div>
         </div>
@@ -473,20 +420,22 @@ outletListitemTemplate.innerHTML = `
 
 const render = {
   bitBondRow(obj) {
-    const { series, currentValue, timeElapsed } = obj;
+    const { series, currentValue, timeElapsed, percentGain } = obj;
     const row = bitBondRowTemplate.content.cloneNode(true);
-    row.querySelector(".original-value").textContent = series;
-    row.querySelector(".current-value").textContent = currentValue;
-    row.querySelector(".time-elapsed").textContent = `In last ${timeElapsed}`;
+    row.querySelector(".original-value").textContent = series.toLocaleString(`en-US`, { style: 'currency', currency: 'USD' });
+    row.querySelector(".current-value").textContent = currentValue.toLocaleString(`en-US`, { style: 'currency', currency: 'USD' });
+    row.querySelector(".time-elapsed").textContent = `In last ${timeElapsed} years`;
+    row.querySelector(".percent-gain").textContent = `${percentGain}%`;
     return row;
   },
   bobFundRow(obj) {
-    const { investorName, invested, currentValue, timeElapsed } = obj;
+    const { investorName, invested, currentValue, timeElapsed, gain } = obj;
     const row = bobsFundRowTemplate.content.cloneNode(true);
     row.querySelector(".person__name").textContent = investorName;
-    row.querySelector(".original-value").textContent = invested;
-    row.querySelector(".current-value").textContent = currentValue;
-    row.querySelector(".time-elapsed").textContent = `In last ${timeElapsed}`;
+    row.querySelector(".original-value").textContent = `${invested.toLocaleString(`en-US`, { style: 'currency', currency: 'INR' })}`;
+    row.querySelector(".current-value").textContent = `${currentValue.toLocaleString(`en-US`, { style: 'currency', currency: 'INR' })}`;
+    row.querySelector(".percent-gain").textContent = `${gain}%`;
+    row.querySelector(".time-elapsed").textContent = `In last ${timeElapsed} years`;
     return row;
   },
   icoInvestorRow(obj, options) {
@@ -569,6 +518,17 @@ const render = {
     button.href = url
     button.textContent = name
     return button;
+  },
+  statusBanner(bannerMsg) {
+    const banner = document.createElement('section')
+    banner.classList.add('banner')
+    banner.innerHTML = `
+      <p class="banner__text">${bannerMsg}</p>
+      <button class="close-button" onclick="this.parentNode.remove()">
+          <svg class="icon icon-only close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>
+      </button>
+    `
+    return banner
   }
 };
 
@@ -789,19 +749,22 @@ function renderFloorOutlets(floorObj, activeOutlet) {
   getRef('outlet_switcher__floor_num').textContent = floor
   let floorNum = -1
   let outletNum = -1
-  for (let i = 0; i < siteMap.length; i++){
+  for (let i = 0; i < siteMap.length; i++) {
     if (siteMap[i].floor === floor) {
-      floorNum = i      
+      floorNum = i
       break
     }
   }
-  for (let i = 0; i < outlets.length; i++){
+  for (let i = 0; i < outlets.length; i++) {
     if (outlets[i].url === activeOutlet) {
-      outletNum = i      
+      outletNum = i
       break
     }
   }
   document.querySelector('.outlet-label__name').textContent = floorNum > -1 ? `Floor ${floorNum + 1} outlet ${outletNum + 1}` : ''
+  if (outlets[outletNum].hasOwnProperty('status')) {
+    getRef('main_header').after(render.statusBanner(outlets[outletNum].status))
+  }
 }
 
 let isSiteMapOpen = false;
@@ -854,3 +817,116 @@ function resumeScrolling() {
   getRef("elevator_popup").classList.add("hide-completely");
 }
 
+
+let tile, tileParent, tileDimensions, tileParentDimensions
+const animeInOptions = {
+  duration: 300,
+  fill: 'forwards',
+  easing: 'ease'
+}
+const animeOutOption = {
+  duration: 300,
+  fill: 'forwards',
+  easing: 'ease'
+}
+
+window.addEventListener('hashchange', e => {
+  showRoom(window.location.hash, true)
+  if (allRooms.length) {
+    renderRoomShorcuts()
+  }
+})
+
+let isRoomOpen = false
+
+function showRoom(roomId, animate = false) {
+  if (roomId === '') return
+  pauseScrolling()
+  tile = document.querySelector(`[href="${roomId}"]`)
+  tileParent = tile.parentNode
+  tileDimensions = tile.getBoundingClientRect()
+  tileParentDimensions = tileParent.getBoundingClientRect()
+  getRef('expanding_tile').classList.remove('hide-completely')
+  if (animate && !isRoomOpen) {
+    getRef('expanding_tile').animate([
+      {
+        height: `${tileDimensions.height}px`,
+        width: `${tileDimensions.width}px`,
+        transform: `translate(${tileDimensions.left - tileParentDimensions.left}px, ${tileDimensions.top - tileParentDimensions.top - window.pageYOffset}px)`
+      },
+      {
+        height: `${window.innerHeight}px`,
+        width: `${document.querySelector('main').getBoundingClientRect().width}px`,
+        transform: `translate(${- tileParentDimensions.left}px, ${- tileParentDimensions.top - window.pageYOffset}px)`
+      },
+    ],
+      animeInOptions)
+      .onfinish = () => {
+        revealRoom(animate)
+      }
+  }
+  else {
+    revealRoom(animate)
+  }
+  function revealRoom(animate) {
+    const roomContainer = document.querySelector('.room-container')
+    roomContainer.querySelectorAll('.room').forEach(child => child.classList.add('hide-completely'))
+    document.querySelector(roomId).classList.remove('hide-completely')
+    document.querySelector('.room-title').textContent = tile.querySelector('.room-tile__title').textContent
+    roomContainer.classList.remove('hide-completely')
+    if (animate && !isRoomOpen) {
+      roomContainer.animate(slideInDown, animeInOptions)
+      .onfinish = () => {
+        getRef('expanding_tile').classList.add('hide-completely')
+      }
+    }
+    isRoomOpen = true
+  }
+}
+
+function hideRoom() {
+  history.replaceState(null, null, ' ');
+  const roomContainer = document.querySelector('.room-container')
+  roomContainer.animate(fadeOut, animeOutOption)
+    .onfinish = () => {
+      roomContainer.classList.add('hide-completely')
+    }
+  getRef('expanding_tile').classList.remove('hide-completely')
+  getRef('expanding_tile').animate([
+    {
+      height: `${window.innerHeight}px`,
+      width: `${document.querySelector('main').getBoundingClientRect().width}px`,
+      transform: `translate(${- tileParentDimensions.left}px, ${- tileParentDimensions.top - window.pageYOffset}px)`
+    },
+    {
+      height: `${tileDimensions.height}px`,
+      width: `${tileDimensions.width}px`,
+      transform: `translate(${tileDimensions.left - tileParentDimensions.left}px, ${tileDimensions.top - tileParentDimensions.top - window.pageYOffset}px)`
+    },
+  ], animeOutOption)
+    .onfinish = () => {
+      getRef('expanding_tile').classList.add('hide-completely')
+      resumeScrolling()
+      isRoomOpen = false
+    }
+}
+
+const allRooms = document.querySelectorAll('.room-tile')
+
+function renderRoomShorcuts() {
+  getRef('room_switcher').innerHTML = ''
+  const frag = document.createDocumentFragment()
+  allRooms.forEach(room => {
+    if (room.href.split('#').pop() !== window.location.hash.split('#').pop()) {
+      const clone = room.cloneNode(true)
+      clone.classList.remove('room-tile', 'room-tile--main')
+      clone.classList.add('room-shortcut')
+      frag.append(clone)
+    }
+  })
+  getRef('room_switcher').append(frag)
+}
+
+if (allRooms.length) {
+  renderRoomShorcuts()
+}
\ No newline at end of file