@import "https://fonts.cdnfonts.com/css/pp-neue-montreal";
:root{--menu-color:#fff;--transition-color:#e4c9a6}*{box-sizing:border-box;margin:0;padding:0}img{object-fit:cover;width:100%;height:100%}body{background-color:#fff;font-family:Plus Jakarta Sans,sans-serif}body.is-loading{overflow:hidden}h1,h3,h5{letter-spacing:-.04em;font-weight:500;line-height:1.25}h1{font-size:clamp(2rem,4vw,6rem)}h3{font-size:clamp(1.5rem,2.5vw,3.5rem)}h5{font-size:clamp(1.25rem,2vw,2.75rem)}a.btn{color:#000;background-color:#e4c9a6;border-radius:.25rem;width:max-content;padding:1rem 2rem;font-weight:500;text-decoration:none}.landing-statement .btn{will-change:opacity;opacity:0}section{width:100%;height:100svh;position:relative;overflow:hidden}.preloader,.site-nav,.menu,.landing,.brand-logo{font-family:PP Neue Montreal,Plus Jakarta Sans,sans-serif}.preloader h1,.preloader p,.site-nav p,.site-nav a,.site-nav button,.landing h1,.landing h3,.landing p,.brand-logo p{text-transform:uppercase;letter-spacing:-.02em;font-weight:500;line-height:.85}.preloader h1,.landing-header h1{font-size:clamp(2.5rem,10vw,15rem)}.preloader{color:#fff;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path;z-index:100;background-color:#272d2d;flex-direction:column;justify-content:space-between;width:100%;height:100svh;padding:2.5rem;display:flex;position:fixed;top:0;left:0}.preloader-header{flex-direction:column;display:flex}.preloader-header-row{display:flex}.preloader-header-row:nth-child(2){justify-content:flex-end}.preloader-footer{justify-content:space-between;align-items:flex-end;display:flex}.preloader-header,.preloader-counter,.preloader-footer-copy{will-change:opacity}.site-nav{color:#fff;mix-blend-mode:difference;will-change:transform;z-index:20;justify-content:space-between;align-items:flex-start;width:100%;padding:2.5rem;display:flex;position:fixed;top:0;left:0}.nav-logo{will-change:opacity}.site-nav a{color:inherit;text-decoration:none}.nav-toggler{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.brand-logo{transform-origin:0 100%;will-change:transform, opacity;z-index:10;color:#fff;opacity:0;visibility:hidden;justify-content:center;align-items:center;width:6rem;display:flex;position:fixed;bottom:2rem;left:2rem;transform:translateY(0)scale(6)}.landing{background-color:#0f0f0f}.landing-inner{background-color:#fff;align-items:flex-end;width:100%;height:100%;padding:2.5rem;display:flex;position:relative;overflow:hidden}.landing-spotlight-gallery{will-change:transform;z-index:0;opacity:0;visibility:hidden;gap:1rem;width:calc(300% + 2rem);height:calc(300svh + 2rem);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.landing-spotlight-col{flex-direction:column;flex:1;gap:1rem;height:calc(300svh + 2rem);display:flex}.landing-spotlight-col .landing-spotlight-item{flex:1;position:relative;overflow:hidden}.landing-spotlight-col .landing-spotlight-item img{will-change:transform;position:relative;transform:scale(1.25)}.landing-header{flex-direction:column;width:100%;display:flex;position:relative}.landing-header-row{flex:1;align-items:center;width:100%;display:flex}.landing-header-row:first-child,.landing-header-row:nth-child(3){justify-content:flex-end}.landing-header-row:nth-child(2){gap:2.5rem}.landing-header-row h1{color:#fff;mix-blend-mode:difference;will-change:filter, opacity;position:relative}.landing-header-img{will-change:transform;z-index:110;flex-shrink:0;width:275px;height:150px;position:relative;overflow:hidden}.landing-header-img img{object-fit:cover;will-change:opacity, transform;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.landing-header-img img:first-child{opacity:1}.landing-statement{text-align:center;color:#fff;z-index:3;visibility:hidden;flex-direction:column;align-items:center;gap:2rem;width:45%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.statement-word{will-change:opacity}.landing-footer{z-index:3;position:absolute;bottom:2.5rem;left:2.5rem}.landing-footer p{color:#fff;mix-blend-mode:difference;will-change:transform, filter, opacity;opacity:0}.landing-word{will-change:transform;position:relative}.landing-overlay{opacity:0;will-change:opacity;pointer-events:none;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.connect{text-align:center;color:#fff;justify-content:center;align-items:center;display:flex}.studio{color:#0f0f0f;background-color:#e4c9a6;align-items:center;height:auto;min-height:100svh;margin-top:300svh;padding:8rem 2.5rem;display:flex;overflow:visible}.studio-inner{width:100%;max-width:1600px;margin:0 auto}.featured-products{--fp-ink:#0f0f0f;--fp-muted:#0f0f0f8c;--fp-rule:#0f0f0f40;--fp-card:#ffffff61}.featured-products-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3rem;display:flex}.featured-products-header p{color:var(--fp-muted);letter-spacing:.12em;font-size:.75rem}.featured-products-header h3{text-transform:uppercase;letter-spacing:-.02em;color:var(--fp-ink);font-family:PP Neue Montreal,sans-serif;font-size:clamp(2rem,5vw,4.5rem);font-weight:500;line-height:.9}.featured-products-separator{flex-direction:column;gap:2rem;display:flex}.featured-products-divider{background-color:var(--fp-rule);width:calc(100% - 5rem);height:1px;margin:3rem auto 1.5rem;position:relative}.featured-products-divider:before,.featured-products-divider:after{content:"";background-color:var(--fp-rule);width:1px;height:1.5rem;position:absolute;top:0}.featured-products-divider:before{left:0}.featured-products-divider:after{right:0}.featured-products-labels{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;width:100%;font-size:.75rem;display:flex}.featured-products-labels p,.featured-products-labels a{color:var(--fp-ink);text-decoration:none}.featured-products-labels a:hover{text-decoration:underline}.featured-products-list{grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem;display:grid}.product{flex-direction:column;width:100%;display:flex}.product-img{background-color:var(--fp-card);border-radius:.75rem .75rem 0 0;width:100%;padding:2rem;text-decoration:none;display:block;overflow:hidden}.product-img img{object-fit:contain;width:100%;height:auto}.product-info{background-color:var(--fp-card);border-radius:0 0 .75rem .75rem;padding:0 1rem 1rem}.product-info-wrapper{color:var(--fp-ink);justify-content:space-between;gap:1rem;padding:.5rem;font-size:.8rem;display:flex}.add-to-cart-btn{background-color:var(--fp-ink);color:#e4c9a6;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:.5rem;width:100%;margin-top:.5rem;padding:.75rem;font-family:inherit;font-size:clamp(.7rem,.9vw,.8rem);font-weight:500}.add-to-cart-btn[disabled]{cursor:not-allowed;opacity:.45}.copy-line{will-change:transform;position:relative}.connect{background-color:#ae927e}.menu{color:var(--menu-color);z-index:15;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;padding:8rem 2.5rem;display:flex;position:fixed;inset:0}.menu.is-menu-open{pointer-events:auto}.menu-bg{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:-1;opacity:0;background:#0003;position:absolute;inset:0}.menu-item{text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;color:inherit;cursor:pointer;align-items:center;font-size:5.5vw;font-weight:500;line-height:1.25;text-decoration:none;display:inline-flex}.item-index{letter-spacing:0;align-self:flex-start;margin-top:.25rem;margin-right:.25rem;font-size:.65rem;font-weight:500}.item-divider{background:var(--menu-color);transform-origin:50%;will-change:transform;width:2px;height:100%;margin:0 1.25rem;transform:rotate(20deg)scaleY(0)}.item-body{white-space:nowrap;width:0;display:inline-block;overflow:hidden}@media (max-width:1024px){.featured-products-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.featured-products-list{grid-template-columns:repeat(2,1fr)}.studio{padding:6rem 2rem}}@media (max-width:1000px){.landing-header-img{width:100px;height:50px}.landing-statement{width:100%;padding:2rem}.landing-footer{bottom:25svh}.brand-logo{transform:translateY(0)scale(2)}.menu{padding:8rem 2rem}.menu-item{font-size:2.5rem}.item-divider{margin:0 1rem}}.page{color:#fff;background-color:#0f0f0f;min-height:100svh;padding:10rem 2.5rem 6rem}.page-inner{flex-direction:column;align-items:flex-start;gap:2rem;max-width:1600px;margin:0 auto;display:flex}.page h1{text-transform:uppercase;letter-spacing:-.02em;font-family:PP Neue Montreal,sans-serif;font-size:clamp(2.5rem,7vw,8rem);font-weight:500;line-height:.9}.page-index{letter-spacing:.1em;text-transform:uppercase;opacity:.6;font-size:.75rem}@media (max-width:1000px){.page{padding:8rem 2rem 4rem}}.transition-grid{pointer-events:none;z-index:200;flex-direction:column;width:100%;height:100svh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.transition-block{background-color:var(--transition-color);transform-origin:0;will-change:transform;flex:1;width:100%;transform:scaleX(0)}.transition-text{pointer-events:none;z-index:201;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:fixed;top:0;left:0}.transition-text h1{text-transform:uppercase;letter-spacing:-.02em;color:#0f0f0f;font-family:PP Neue Montreal,sans-serif;font-size:clamp(1.5rem,3vw,4.5rem);font-weight:500;line-height:1}.transition-text .word{will-change:transform;transform:translateY(100%)}
