*{box-sizing:border-box}html{color:#292820;background:#f6f4ef;font-family:Arial,Helvetica,sans-serif}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}header{height:103px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcd8ce}.wordmark{font-size:28px;letter-spacing:7px;font-weight:600;color:inherit;text-decoration:none}.wordmark span{display:block;font-size:8px;letter-spacing:2.4px;margin-top:7px}.edition,.eyebrow{font-size:10px;letter-spacing:2px}main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(335px,1fr);max-width:1600px;margin:auto;min-height:760px}.viewer{position:relative;background:#e9e6df;min-height:760px;overflow:hidden}canvas{width:100%;height:100%;display:block;position:absolute;touch-action:none;outline-offset:-4px}.viewer-top,.viewer-bottom{position:absolute;left:34px;right:34px;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px;pointer-events:none}.viewer-top{top:28px}.viewer-top button{pointer-events:auto;border:0;background:none;font-size:11px;letter-spacing:0}.viewer-bottom{bottom:31px;letter-spacing:.5px;font-size:10px;color:#6f6c62}.viewer-bottom i{display:inline-block;width:5px;height:5px;background:#7d876d;border-radius:50%;margin:0 7px 1px 0}.views{position:absolute;bottom:76px;display:flex;left:50%;transform:translateX(-50%);padding:4px;background:#f8f6f0b5;border:1px solid #d1cec5;border-radius:24px}.views button{background:none;border:0;padding:9px 13px;font-size:10px;border-radius:20px}.views .active{background:#34392f;color:#fff}#loading{position:absolute;top:48%;width:100%;text-align:center;font-size:13px;color:#666}.details{padding:65px 13% 42px}.eyebrow{color:#78766a;font-size:9px}h1{font-family:Georgia,'Times New Roman',serif;font-size:49px;line-height:1.06;letter-spacing:-1.7px;font-weight:400;margin:24px 0}p.intro{font-size:13px;line-height:1.85;max-width:325px;color:#757267}.divider{height:1px;background:#dbd7cc;margin:30px 0}.colour-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#7e7a6d}h2{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:14px 0 20px}#swatches{display:flex;gap:13px}.swatch{height:33px;width:33px;flex:0 0 33px;border-radius:50%;border:1px solid #0002;position:relative;background:var(--colour)}.swatch[aria-pressed=true]:after{content:'';position:absolute;inset:-5px;border:1px solid #555a45;border-radius:50%}.swatch:hover{transform:translateY(-2px)}button:focus-visible,a:focus-visible{outline:2px solid #4d6646;outline-offset:5px}#finish{font-size:10px;color:#7f7a6d;margin:19px 0 30px}.lighting{font-size:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.lighting>span{color:#787367}.lighting>div{display:flex;border:1px solid #d5d0c4;padding:3px;border-radius:4px}.lighting button{font-size:9px;border:0;padding:6px 9px;background:transparent;border-radius:2px}.lighting button.active{background:#dfdfd3}.specs{margin-top:30px;border-top:1px solid #dcd8ce}.specs>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5e1d7;font-size:11px}.specs span{color:#888173}.specs b{font-weight:400}.note{font-size:10px;line-height:1.8;color:#979084;margin-top:26px}footer{padding:24px 5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;border-top:1px solid #dcd8ce;color:#8e897c}@media(min-width:1450px){.details{padding-top:85px}main,.viewer{min-height:830px}}@media(max-width:800px){header{height:80px;padding:0 23px}.wordmark{font-size:22px}.edition{font-size:8px;letter-spacing:1px}main{display:block;min-height:0}.viewer{height:470px;min-height:0}.viewer-top,.viewer-bottom{left:22px;right:22px}.viewer-top{top:20px}.viewer-bottom{bottom:19px;font-size:9px}.views{bottom:52px}.details{padding:38px 28px}.eyebrow{font-size:9px}h1{font-size:43px;margin-top:20px}h1 br{display:none}.intro{max-width:none}#swatches{gap:18px}.swatch{height:34px;width:34px;flex-basis:34px}.lighting{margin-top:25px}footer{padding:22px 25px;font-size:8px;letter-spacing:.5px}}@media(max-width:390px){.viewer{height:420px}.edition{max-width:96px;text-align:right;line-height:1.6}.viewer-top{font-size:8px}.views button{padding:8px 11px}#swatches{gap:16px}.details{padding:34px 25px}h1{font-size:40px}}