@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Gilda+Display&display=swap";:root{--ink:#1c241f;--cream:#eee9df;--sand:#d6c9b5;--rust:#a74e31;--line:#1c241f2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-weight:300}.grain{pointer-events:none;z-index:50;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.logo{letter-spacing:.18em;align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.logo i{color:var(--rust);font-family:Gilda Display;font-size:20px;font-weight:400}header{border-bottom:1px solid var(--line);z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:82px;padding:0 4vw;display:grid;position:absolute}nav{gap:34px;font-size:12px;display:flex}nav a{position:relative}nav a:after{content:"";background:var(--ink);width:0;height:1px;transition:all .3s;position:absolute;bottom:-5px;left:0}nav a:hover:after{width:100%}.actions{justify-self:end;align-items:center;gap:16px;display:flex}.actions button{padding:4px;position:relative}.actions small{background:var(--rust);color:#fff;border-radius:50%;place-items:center;width:14px;height:14px;font-size:8px;display:grid;position:absolute;top:-5px;right:-5px}.mobile{display:none}.hero{background:radial-gradient(circle at 16% 30%,#f8f4ec 0,#0000 34%),linear-gradient(135deg,#e9e1d5,#cdbda5);grid-template-columns:44% 56%;min-height:94vh;display:grid}.hero-copy{padding:168px 4vw 80px 7vw;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:500}.hero h1,.manifesto h2,.section-head h2,.trade h2,.modal-copy h2{letter-spacing:-.045em;margin:38px 0;font:400 clamp(57px,6vw,105px)/.9 Gilda Display}.hero h1 em,.manifesto em,.trade em,.modal-copy em{color:var(--rust);font-weight:400}.intro{max-width:350px;font-size:15px;line-height:1.7}.round-link{border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;border-radius:50%;justify-content:center;align-items:center;gap:14px;width:112px;height:112px;margin-top:55px;font-size:11px;transition:all .35s;display:flex}.round-link:hover{background:var(--ink);color:var(--cream);transform:rotate(-8deg)}.round-link svg{width:15px}.hero-image{height:94vh;position:relative;overflow:hidden}.hero-image:after{content:"";background:linear-gradient(90deg,#1c241f1f,#0000 45%);position:absolute;inset:0}.hero-image>img{object-fit:cover;filter:saturate(.75)sepia(.08);width:100%;height:100%}.vertical{z-index:2;writing-mode:vertical-rl;color:#fff;text-transform:uppercase;letter-spacing:.25em;font-size:9px;position:absolute;top:130px;right:25px}.float-card{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eee9dfeb;flex-direction:column;gap:6px;min-width:280px;padding:25px 35px;display:flex;position:absolute;bottom:0;left:0}.float-card small{letter-spacing:.15em;font-size:9px}.float-card strong{font:20px Gilda Display}.float-card span{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.manifesto{color:#e9e4da;text-align:center;background:#202a24;flex-direction:column;align-items:center;min-height:610px;padding:120px 7vw;display:flex}.manifesto>p{text-transform:uppercase;letter-spacing:.24em;font-size:10px}.manifesto h2{margin:45px 0 90px;font-size:clamp(52px,6.5vw,95px)}.manifesto h2 em{color:#c98668}.values{text-align:left;text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #ffffff38;grid-template-columns:repeat(3,1fr);width:100%;max-width:1100px;padding-top:25px;font-size:12px;display:grid}.values span{gap:25px;display:flex}.values b{color:#c98668;font-weight:400}.catalogue{background:#f2eee6;padding:130px 4vw 160px}.section-head{justify-content:space-between;align-items:end;margin-bottom:70px;display:flex}.section-head h2{margin:18px 0 0;font-size:clamp(55px,6vw,84px)}.filters{gap:8px;display:flex}.filters button{border:1px solid var(--line);border-radius:50px;padding:9px 17px;font-size:11px}.filters button.active,.filters button:hover{background:var(--ink);color:#fff}.grid{grid-template-columns:repeat(12,1fr);gap:26px;display:grid}.product{cursor:pointer;grid-column:span 4}.photo{background:var(--tone);height:560px;position:relative;overflow:hidden}.photo img{object-fit:cover;filter:saturate(.75);width:100%;height:100%;transition:all .8s cubic-bezier(.2,.7,.2,1)}.product:hover img{filter:saturate();transform:scale(1.045)}.photo .num,.photo .tag{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-transform:uppercase;letter-spacing:.14em;background:#f0ece4e0;padding:8px 11px;font-size:9px;position:absolute;top:17px}.photo .num{left:17px}.photo .tag{right:17px}.photo>button{background:var(--cream);border-radius:50%;place-items:center;width:48px;height:48px;transition:all .3s;display:grid;position:absolute;bottom:18px;right:18px}.product:hover .photo>button{background:var(--rust);color:#fff;transform:rotate(45deg)}.product-info{border-bottom:1px solid var(--line);justify-content:space-between;padding:17px 2px 45px;display:flex}.product-info h3{margin:0 0 3px;font:23px Gilda Display}.product-info p{text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:11px}.product-info>div:last-child{text-align:right;text-transform:uppercase;letter-spacing:.1em;flex-direction:column;gap:5px;font-size:10px;display:flex}.trade{background:var(--sand);justify-content:space-between;align-items:end;padding:110px 7vw;display:flex}.trade h2{margin:25px 0 0;font-size:clamp(55px,6vw,88px)}.trade button,.primary{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:25px;padding:15px 0;font-size:10px;display:flex}.trade button svg,.primary svg{width:18px}footer{color:#ddd8ce;background:#18201b;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:30px;padding:60px 4vw 35px;font-size:11px;display:grid}footer>div{gap:22px;display:flex}footer small{opacity:.6}.modal{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1411d1;place-items:center;padding:4vw;display:grid;position:fixed;inset:0}.modal-card{background:var(--cream);grid-template-columns:55% 45%;width:min(1120px,100%);height:min(760px,90vh);animation:.45s rise;display:grid;position:relative}.close{z-index:3;background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:18px;right:18px}.modal-photo{overflow:hidden}.modal-photo img{object-fit:cover;filter:saturate(.75);width:100%;height:100%}.modal-copy{padding:70px 55px;position:relative}.modal-copy h2{margin:35px 0;font-size:56px}.modal-copy>p:not(.eyebrow){font-size:14px;line-height:1.7}dl{margin:38px 0}dl div{border-top:1px solid var(--line);justify-content:space-between;padding:13px 0;font-size:11px;display:flex}dt{text-transform:uppercase;letter-spacing:.12em}dd{margin:0}.pager{display:flex;position:absolute;bottom:30px;right:35px}.pager button{border:1px solid var(--line);width:45px;height:45px}.toast{z-index:120;background:var(--ink);color:#fff;align-items:center;gap:10px;padding:14px 23px;font-size:12px;transition:all .35s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%,90px)}.toast svg{color:#c98668;width:15px}.toast.show{transform:translate(-50%)}.menu{display:none}@keyframes rise{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media (width<=900px){header{grid-template-columns:1fr auto}header nav,.actions>button:not(.mobile){display:none}.mobile{display:block!important}.hero{grid-template-columns:1fr;padding-top:82px}.hero-copy{padding:70px 7vw 55px}.hero h1{font-size:67px}.hero-image{height:65vh}.manifesto{padding:90px 6vw}.values{gap:25px}.section-head{flex-direction:column;align-items:start;gap:35px}.filters{flex-wrap:wrap}.product{grid-column:span 6}.product:nth-child(2),.product:nth-child(5){transform:none}.photo{height:480px}.trade{flex-direction:column;align-items:start;gap:55px}footer{grid-template-columns:1fr 1fr}.modal-card{grid-template-columns:1fr;height:92vh;overflow:auto}.modal-photo{height:48vh}.modal-copy{padding:45px 28px}.pager{margin-top:40px;position:static}.menu{z-index:110;background:var(--ink);color:var(--cream);flex-direction:column;gap:30px;padding:100px 8vw;display:flex;position:fixed;inset:0}.menu>a{font:50px Gilda Display}.menu>button{color:#fff;position:absolute;top:25px;right:25px}}@media (width<=600px){.hero h1{font-size:54px}.hero-copy{padding-top:55px}.hero-image{height:58vh}.float-card{padding:18px 22px}.manifesto{min-height:auto}.manifesto h2{font-size:49px}.values{grid-template-columns:1fr;gap:22px}.catalogue{padding:90px 5vw 100px}.section-head h2{font-size:52px}.grid{gap:14px}.product{grid-column:span 12}.photo{height:120vw}.product-info{padding-bottom:25px}.trade{padding:80px 6vw}.trade h2{font-size:48px}footer{grid-template-columns:1fr;align-items:start}.modal{padding:0}.modal-card{height:100vh}.modal-copy h2{font-size:44px}}.photo .crop-image,.modal-photo .crop-image{filter:saturate(.82);background-repeat:no-repeat;background-size:auto 225%;width:100%;height:100%;transition:all .8s cubic-bezier(.2,.7,.2,1)}.product:hover .crop-image{filter:saturate();transform:scale(1.045)}.grid{align-items:start}.product:nth-child(2),.product:nth-child(5){transform:none}.photo{aspect-ratio:4/5;height:auto!important}.product-info{align-items:flex-start;min-height:102px}.product-info>div:first-child{max-width:65%}.product-info>div:last-child{min-width:32%}
