:root{--bg: #c8c5b2;--ink: #22201a;--taupe: #6b6858;--pine: #2c554f}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background-color:var(--bg)}img{width:100%;height:100%;object-fit:cover}a{text-decoration:none;color:var(--ink);font-size:12.5px;font-weight:500;letter-spacing:.04em}nav{position:fixed;top:0;width:100%;padding:1.6em 1.8em;display:flex;align-items:baseline;z-index:5}nav .logo a{font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase}nav>div{flex:1}nav .nav-items{display:flex;gap:2.2em;justify-content:center}nav .nav-items a{color:var(--taupe);transition:color .25s ease}nav .nav-items a:hover{color:var(--ink)}nav .contact{display:flex;justify-content:flex-end}nav .contact a{color:var(--pine);font-weight:600}.container{display:flex;width:100vw;height:100vh;overflow:hidden}.items{width:100%;display:flex}.items-col{flex:1;display:flex}.item{position:relative;top:15vh;height:300px;flex:1;display:flex;flex-direction:column}.item-copy{padding:.5em;height:50px;display:flex;flex-direction:column;justify-content:center}.item-copy-wrapper{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.item-copy-wrapper p{position:relative;margin-bottom:.3em;line-height:110%}.item-copy-wrapper .item-name{font-weight:600;font-size:12px;letter-spacing:.02em;color:var(--ink)}.item-copy-wrapper .item-cat{font-weight:500;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--taupe)}.item-side .item-img{flex:1;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 0,0 0)}.items-col:nth-child(2){flex:0 0 300px;display:flex;justify-content:center}.item-main{position:relative;top:15vh;width:300px;height:450px;overflow:hidden}.item-main .item-img{overflow:hidden}.item-main .item-img img{transform:scale(.5);clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}.header{position:absolute;bottom:35%;transform-origin:center center;width:100%;display:flex}.header-item{position:relative;flex:1;display:flex;justify-content:center;transform:scale(.25)}.header-item-1{left:18vw}.header-item-2{right:18vw}.letter{flex:1;font-size:17vw;font-weight:300;letter-spacing:-.02em;color:var(--ink);display:flex;justify-content:center;align-items:center;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.letter-wrapper{position:relative}@media(max-width:900px){.item-side{display:none}.header{bottom:45%}.header-item{transform:scale(.5)}.header-item-1{left:14vw}.header-item-2{right:11vw}}@media(max-width:768px){nav{padding:1.3em 1.4em}nav .nav-items,nav .contact{display:none}nav .logo{flex:1}nav .logo a{font-size:14px;letter-spacing:.12em}.item-copy-wrapper .item-name{font-size:13px}.item-copy-wrapper .item-cat{font-size:11px}}