:root{--ivory:#f1ece4;--ink:#242721;--emerald:#103f35;--gold:#b79a69;--line:#cec6b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:14px/1.7 'Manrope',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:110px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:26px;letter-spacing:.28em;display:flex;align-items:center;gap:18px}.mark{position:relative;width:29px;height:39px;border:1px solid var(--gold);border-radius:0 25px 25px 0;display:inline-block}.mark:before{content:'';position:absolute;left:6px;bottom:0;width:11px;height:28px;border:1px solid var(--gold);border-radius:12px 12px 0 0}.mark:after{content:'';position:absolute;left:3px;top:0;height:37px;border-left:1px solid var(--gold)}nav{display:flex;align-items:center;gap:36px;font-size:12px}.contact{border-bottom:1px solid;padding-bottom:7px}.hero{padding:55px 5% 0}.hero-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px;gap:35px}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:10px}.hero h1{font:400 clamp(56px,6.6vw,108px)/.94 'Cormorant Garamond',serif;letter-spacing:-.045em;margin:22px 0 0}.hero h1 em{font-weight:400;color:var(--emerald)}.hero-intro{max-width:295px;font-size:12px;margin:0 0 5px}.hero-intro a{display:inline-block;margin-top:19px;border-bottom:1px solid var(--ink);padding:8px 0}.room{height:620px;overflow:hidden;position:relative}.room img{width:100%;height:112%;object-fit:cover;object-position:center 60%;transform:translateY(var(--shift,0px));will-change:transform}.room-caption{position:absolute;bottom:24px;left:30px;color:#fff;font-size:10px;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 5px #000}.caption{display:flex;justify-content:space-between;font-size:10px;padding:15px 0;border-bottom:1px solid var(--line);color:#66685d}.intro{max-width:1400px;margin:0 auto;padding:110px 9%;display:grid;grid-template-columns:1fr 1.45fr;gap:12%}h2{font:400 clamp(42px,4.8vw,72px)/1.06 'Cormorant Garamond',serif;letter-spacing:-.025em;margin:0}.intro p{margin:0 0 22px;max-width:500px}.intro .small{font-size:12px;color:#67695d}.experience{background:var(--emerald);color:var(--ivory);padding:82px 5%}.experience-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.experience-head p{max-width:330px;font-size:12px}.sequence{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #638274}.sequence article{padding:28px 32px 10px 0}.sequence article+article{border-left:1px solid #638274;padding-left:32px}.sequence span{font-size:10px;letter-spacing:.12em;color:#c5b18f}.sequence h3{font:400 30px 'Cormorant Garamond',serif;margin:17px 0 12px}.sequence p{font-size:12px;max-width:290px;opacity:.8}.materials{padding:100px 9%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.material-text p{max-width:420px;font-size:13px;margin-top:25px}.swatches{display:flex;gap:13px;margin-top:30px}.swatch{width:48px;height:48px;border-radius:50%;border:1px solid #c6bba9;cursor:pointer;outline-offset:5px;transition:transform .2s}.swatch:hover{transform:translateY(-4px)}.swatch[aria-pressed=true]{outline:1px solid var(--ink)}.swatch:nth-child(1){background:#d9cbb5}.swatch:nth-child(2){background:#113e35}.swatch:nth-child(3){background:#654833}.swatch:nth-child(4){background:#b49665}.material-art{height:470px;overflow:hidden;border-radius:48% 48% 0 0;position:relative}.material-art img{width:100%;height:100%;object-fit:cover;object-position:67% center;transform:scale(1.3)}#material-title{font:400 27px 'Cormorant Garamond',serif;margin-top:24px}#material-desc{min-height:50px;margin-top:5px;font-size:12px}.close{padding:85px 9%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:40px}.close p{max-width:315px}.button{display:inline-block;background:var(--emerald);color:var(--ivory);padding:18px 28px;min-height:48px;margin-top:12px;font-size:12px}.button:hover{background:#205346}footer{padding:32px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#64675d}.review-note{background:#e8e0d4;padding:20px 5%;font-size:11px;color:#5f6258}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}@media(min-width:1600px){.room{height:740px}}@media(max-width:700px){header{height:84px;padding:0 6%}.brand{font-size:20px;gap:12px}nav{gap:15px}nav a:not(.contact){display:none}.hero{padding:38px 6% 0}.hero-top{display:block;margin-bottom:28px}.hero h1{font-size:64px}.hero-intro{margin-top:25px;max-width:320px}.room{height:450px}.room img{object-position:60% center}.room-caption{left:16px;bottom:16px;font-size:8px}.caption{font-size:9px;gap:25px}.intro,.materials{grid-template-columns:1fr;padding:64px 7%;gap:30px}.experience{padding:60px 7%}.experience-head{display:block}.experience-head p{margin-top:22px}.sequence{grid-template-columns:1fr}.sequence article,.sequence article+article{border-left:0;border-bottom:1px solid #638274;padding:22px 0}.sequence p{max-width:100%}.material-art{height:390px;grid-row:1}.close{padding:60px 7%;display:block}.close>div+div{margin-top:28px}footer{gap:20px;flex-wrap:wrap}.review-note{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.room img{transform:none}.swatch{transition:none}}