*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#000;text-transform:lowercase;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-style:italic;line-height:1.45}h1,p,figure{margin:0}h1{font:inherit}a{color:inherit;text-decoration:none}a:hover,a:focus-visible{outline:none;text-decoration:underline}.portfolio{grid-template-columns:230px minmax(0,1fr);gap:18px;min-height:100vh;padding:12px;display:grid}.hierarchy{align-self:start;height:calc(100vh - 24px);position:sticky;top:12px}.indent-1{margin-left:18px}.hierarchy nav{flex-direction:column;align-items:flex-start;gap:3px;margin-top:28px;display:flex}.branch{flex-direction:column;align-items:flex-start;gap:3px;margin:1px 0 14px 18px;display:flex}.tree-item{flex-direction:column;align-items:flex-start;display:flex}.tree-item+.tree-item{margin-top:28px}.project-body{color:#777;white-space:normal;overflow-wrap:anywhere;width:760px;max-width:calc(100vw - 58px);margin-left:18px;display:block}.project-media{overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;width:calc(100vw - 66px);height:40vh;margin:31px 0 0 36px;overflow:auto hidden}.project-media:focus-visible{outline-offset:2px;outline:1px solid #000}.project-media-track{align-items:flex-start;gap:2px;width:max-content;min-width:100%;height:100%;display:flex}.media-shell{background:#d8d8d8;flex:none;height:100%;position:relative;overflow:hidden}.media-shell--medium{height:70%}.media-shell--small{height:50%}.media-placeholder,.media-asset{width:100%;height:100%;display:block;position:absolute;inset:0}.media-placeholder{background:#d8d8d8}.media-asset{object-fit:cover;opacity:0;transition:opacity .12s linear}.media-shell.is-loaded{background:0 0}.media-shell.is-loaded .media-asset{opacity:1}.media-shell.is-loaded .media-placeholder{visibility:hidden}.project-main-media,.mobile-masonry,.mobile-masonry-column{display:contents}@media (min-width:681px){#bhutan-treasury-company .mobile-masonry{flex:none;order:999;grid-template-rows:repeat(2,50%);grid-auto-columns:max-content;grid-auto-flow:column;width:max-content;height:100%;display:grid}#bhutan-treasury-company .mobile-masonry-column{display:contents}#bhutan-treasury-company .mobile-masonry .media-shell{height:100%}#hudi .mobile-masonry .media-shell{height:80%}}@media (max-width:680px){body{overflow-x:hidden}.portfolio{grid-template-columns:1fr;gap:56px;padding:10px}.hierarchy{height:auto;position:static}#work{margin-left:0}.project-body{width:calc(100vw - 56px);max-width:none}.project-media{overscroll-behavior-x:auto;scrollbar-width:none;width:100vw;height:auto;margin-left:-10px;overflow:hidden visible}.project-media-track{flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0;height:auto}.mobile-masonry{gap:0;width:100%;display:grid}.mobile-masonry--2{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-masonry--3{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-masonry-column{flex-direction:column;gap:0;min-width:0;display:flex}.media-shell{width:100%;height:auto}.media-shell--full,.media-shell--medium,.media-shell--small{height:auto}.mobile-masonry .media-shell{order:initial!important}.media-asset{object-fit:contain}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.media-asset{transition:none}}
