h1,h2,h3,p{margin:0}:root{--ink:#1a211e;--paper:#fff;--accent:#cc2e39}body{background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}header{height:100px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cccfcd;gap:24px}a{text-underline-offset:5px}header a{text-decoration:none}header nav{display:flex;gap:30px}header nav a,header button,.button,.category-number,.hero-note,.hero-image>span,.visit>p{font-family:'Bebas Neue',sans-serif;font-size:19px;letter-spacing:.05em}.wordmark{font-family:'Archivo Black',sans-serif;font-size:29px;letter-spacing:-.04em}.wordmark span{font-family:'DM Sans';font-size:12px;vertical-align:top;margin-left:3px}button{cursor:pointer}header button{background:transparent;border:0;border-bottom:1px solid;padding:10px 0}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:670px;background:#0c0c0c;color:#fff}.hero-copy{padding:92px 8%;display:flex;flex-direction:column;align-items:flex-start}.hero h1,.hero h1 em{font-weight:400}.hero h1,h2{font-family:'Cormorant Garamond',serif;font-size:clamp(54px,5.5vw,88px);line-height:.98;letter-spacing:-.025em}.hero p{max-width:360px;margin:30px 0;line-height:1.6;color:#e0e0e0;font-size:17px}.button{display:inline-flex;gap:36px;justify-content:space-between;text-decoration:none;background:#fff;color:var(--ink);padding:15px 22px;border:1px solid #fff;border-radius:4px;align-items:center}.button span{font-family:'DM Sans'}.hero-note{margin-top:auto;padding-top:70px;color:#cccfcd;font-size:15px}.hero-image{position:relative;min-height:100%}.hero-image img{height:100%;width:100%;object-fit:cover;filter:grayscale(1)}.hero-image>span{position:absolute;right:25px;bottom:25px;background:white;color:var(--ink);padding:7px 12px;font-size:15px}.collection{padding:100px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2{font-size:64px}.section-head>p{font-size:17px;line-height:1.6}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.categories article{border-top:1px solid #1a211e;padding-top:20px}.category-number{font-size:16px;color:#606562}.categories h3{font-size:30px;font-weight:400;margin:36px 0 14px}.categories p{line-height:1.65;color:#606562;max-width:36ch}.categories button{display:flex;justify-content:space-between;width:100%;padding:28px 0 12px;border:0;border-bottom:1px solid #cccfcd;background:transparent;text-align:left;font-size:16px}.catalog-note{font-size:13px;color:#606562;margin-top:28px}.approach{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff}.approach-photo img{height:100%;min-height:590px;width:100%;object-fit:cover;object-position:30% center;filter:grayscale(1)}.approach>div:last-child{padding:80px 10%}.approach h2{font-size:61px}.approach p{max-width:43ch;line-height:1.65;margin-top:25px;color:#e0e0e0}.outline{background:transparent;color:#fff;margin-top:35px}.visit{padding:100px 5%}.visit>p{font-size:16px}.visit h2{margin:30px 0 40px;font-size:72px}.visit>div{display:flex;justify-content:space-between;align-items:center;gap:30px}.visit>div p{max-width:43ch;line-height:1.6}.dark{background:var(--ink);border-color:var(--ink);color:white}footer{margin:0 5%;padding:35px 0;border-top:1px solid #cccfcd;display:flex;align-items:center;justify-content:space-between;gap:25px}footer a{text-decoration:none}footer span{font-size:12px;color:#606562}.button:hover{background:#e0e0e0;color:var(--ink)}button:hover,nav a:hover{opacity:.75}::selection{background:#cc2e39;color:white}:focus-visible{outline:2px solid #cc2e39;outline-offset:6px}html{scrollbar-color:#606562 #eef1f0}@media(max-width:750px){header{height:auto;padding:25px 22px;flex-wrap:wrap;gap:20px}header .wordmark{font-size:25px}header nav{order:3;width:100%;justify-content:space-between;gap:10px}header nav a{font-size:16px}header button{font-size:16px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 25px}.hero h1{font-size:62px}.hero-note{padding-top:40px}.hero-image{height:390px}.collection,.visit{padding:65px 25px}.section-head{display:block}.section-head h2{font-size:57px}.section-head p{margin-top:25px}.categories{grid-template-columns:1fr;gap:40px;margin-top:35px}.categories h3{margin-top:22px}.approach{grid-template-columns:1fr}.approach-photo img{min-height:0;height:320px}.approach>div:last-child{padding:55px 25px}.approach h2{font-size:55px}.visit h2{font-size:57px}.visit>div{display:block}.visit .button{margin-top:25px}footer{flex-direction:column;align-items:start;margin:0 25px;padding:30px 0}.hero h1,h2{text-wrap:balance}}