.page-width{padding-left:calc(50% - 450px);padding-right:calc(50% - 450px)}@media only screen and (max-width: 980px){.page-width{padding-left:40px;padding-right:40px}}@media only screen and (max-width: 512px){.page-width{padding-left:20px;padding-right:20px}}html,body{font-family:"Avenir Next","Avenir",Helvetica,Arial,sans-serif;margin:0}header{background-color:#f5f5f5;border-bottom:1px solid white;box-sizing:border-box;height:64px;position:fixed;width:100%;z-index:10}header div{display:flex;justify-content:space-between}header div a{color:#666;font-size:17px;font-weight:400;text-decoration:none}header div a.logo{min-width:68px}header div img{height:42px;margin-top:9.5px}header div nav{display:inline-block;margin-left:-32px;vertical-align:top}header div nav ul{display:flex;justify-content:start;list-style:none;margin:20px 0;padding:0}header div nav ul li{margin:0 20px;position:relative}header div nav ul li.active::after{border-bottom:1px solid #8F4B3D;bottom:-6px;content:'';left:0;position:absolute;width:20px}header div a.link{margin:20px 0;min-width:68px;text-align:right}footer{background-color:#f5f5f5;color:#8c8c8c;font-size:16px}footer p{left:50%;position:relative;transform:translateX(-50%);padding:80px 0 30px;margin:0;max-width:390px;text-align:center}footer a{color:inherit;text-decoration:none}footer div{left:50%;position:relative;transform:translateX(-50%);display:flex;max-width:274px;padding-bottom:66px;vertical-align:top}footer div img{height:40px;width:32px}footer div span{margin-left:16px;margin-top:9px}main{padding-top:64px}#hero{align-items:center;background-color:#f5f5f5;display:flex;height:calc(100vh - 64px);justify-content:space-between;position:relative}#hero .text-container{max-width:450px}#hero h1{color:#a6a6a6;font:600 75px -apple-system-ui-serif,ui-serif,Georgia,serif;line-height:1;margin:0}#hero h1 span{transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;-webkit-transform-origin:left top;display:inline-block;font-size:29px;margin:64px -8px -64px 0;vertical-align:top}#hero h5{color:#8f4b3d;font-size:20px;font-weight:500;margin-top:20px}#hero h5::before{border-bottom:1.5px solid #8f4b3d;content:'';display:inline-block;margin-right:14px;margin-top:13px;vertical-align:top;width:30px}#hero #images-container{bottom:-1px;display:inline-block;height:calc(100vh - 94px);margin-right:calc(50% - 450px);position:fixed;right:0}#hero img{display:inline-block;object-fit:cover}#hero #hero-image{height:100%;margin-bottom:100%;object-position:left top;width:calc(371/667 * (100vh - 94px))}#hero #design-image{bottom:0;height:0;left:0;object-position:left bottom;position:absolute;width:100%}#hero::after{background:url(../images/scroll-indicator.svg) no-repeat;bottom:30px;content:"";height:84px;position:absolute;width:9px}section h2{text-shadow:-1px 0 #595959,0 1px #595959,1px 0 #595959,0 -1px #595959;text-shadow:-1px 0 #595959,0 1px #595959,1px 0 #595959,0 -1px #595959;color:white;font:400 100px -apple-system-ui-serif,ui-serif,Georgia,serif}section p{color:#8c8c8c;font-size:16px}section .section-header{padding-top:120px}section .section-header h2{margin:0;text-align:center}section .section-header p{margin:5px auto 90px;max-width:530px;text-align:center}#design{display:flex;justify-content:space-between;padding-bottom:150px;padding-top:150px}#design .text-container{max-width:330px}#design h2{margin:68px 0 0;position:relative}#design h2::after{border-bottom:1.5px solid #8f4b3d;bottom:0;content:'';display:inline-block;left:0;position:absolute;width:123px}#design p{margin-top:60px}#design img{display:inline-block;height:calc(100vh - 94px);visibility:hidden}#materials{background-color:#f5f5f5;padding-bottom:140px}#materials .section-header h2{color:#f5f5f5}#materials .material{display:flex;justify-content:space-between;margin-bottom:28px}#materials .material img{height:240px;margin-bottom:-100%;margin-left:85px;object-fit:contain;width:330px}#materials .material #rhodium{z-index:3}#materials .material #stainless-steel{z-index:2}#materials .material #rosewood{z-index:1}#materials .material .text-container{padding:0 55px 0 35px;width:calc(50% - 90px)}#materials .material h3{color:#262626;font:500 24px -apple-system-ui-serif,ui-serif,Georgia,serif;margin:0}#materials .material p{margin:9px 0 0}#gallery{background-color:#f5f5f5;padding-bottom:120px}#gallery .section-header h2{color:#f5f5f5}
