@font-face{font-family:Pacifico;src:url(pacifico.ttf) format('truetype');font-display:swap}*{box-sizing:border-box}:root{--turn:0deg;--ink:#28252a}body{margin:0;background:#e7e5e9;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.page{width:min(100%,420px);margin:0 auto;padding:28px 24px 32px}.telephone{position:relative;aspect-ratio:1;width:100%;--turn:0deg;margin:0 auto 24px}.rotor{position:absolute;inset:0;transform:rotate(var(--turn));transition:transform 850ms cubic-bezier(.2,.7,.18,1)}.plate{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,#3a373c,#f4f0f0 12%,#9b989f 18%,#e6e0e2 27%,#fff3ed 42%,#84727a 54%,#252329 64%,#c8c6cc 78%,#464349 90%,#dfdee2);background-image:url(chrome-disc.png);background-size:100% 100%;box-shadow:inset 0 0 0 2px #79757d,inset 0 0 0 4px #d8d6db,0 2px 4px #3c33344a}.dial-centre{position:absolute;inset:28%;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#eee8d9,#d8cdb9);border:4px solid #292329;box-shadow:0 0 0 2px #e0d4c2,0 0 0 4px #746062,inset 0 0 0 2px #a69780;display:flex;align-items:center;justify-content:center;pointer-events:none}.centre-arc{position:absolute;inset:0;width:100%;height:100%;font-family:Arial,sans-serif;font-size:11px;letter-spacing:1.4px;fill:#362c2c}h1{font-family:Pacifico,'Brush Script MT',cursive;font-size:clamp(26px,8.5vw,36px);line-height:1.14;font-weight:400;letter-spacing:-.045em;text-align:center;margin:10px 0 0;transform:rotate(-8deg);color:#201b20}.dial-link{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:18%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 28%,#f7f4f0 0,#e1dedc 65%,#9b9498 90%);border:2px solid #635e62;box-shadow:0 0 0 2px #e5e0de,0 0 0 3px #797175,inset 0 0 0 2px #d6cec9,inset 1px 3px 4px #83788070,2px 3px 4px #28202a70;display:grid;place-items:center;text-decoration:none;color:#665246;transition:box-shadow .25s,background .25s}.icon{width:54%;height:54%;display:block;transform:rotate(calc(-1 * var(--turn)));transition:transform 850ms cubic-bezier(.2,.7,.18,1)}.icon svg{width:100%;height:100%;display:block}.dial-link:nth-of-type(8),.dial-link:nth-of-type(9){color:#29242c}.dial-link.is-active{background:#fff5e3;box-shadow:0 0 0 2px #fcf3e7,0 0 0 4px #574451,inset 1px 2px 4px #9b8a7840,0 0 15px #f9e2c7}.finger-stop{position:absolute;width:17%;height:11%;right:1%;bottom:20%;transform:rotate(-34deg);border-radius:6% 12% 45% 15%;border:1px solid #7b6670;background:linear-gradient(160deg,#e8dbde 0%,#faf5f1 19%,#a58c97 34%,#4a2d3b 55%,#b29a9f 70%,#20171f 94%);box-shadow:inset 0 0 0 2px #d4c5c4,2px 3px 3px #291d3460;pointer-events:none}nav{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:12px}.link-row{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:56px;padding:15px 18px;background:#fff;border-radius:16px;color:var(--ink);text-decoration:none;transition:background .2s,box-shadow .2s}.row-copy{display:flex;flex-direction:column;gap:5px}.row-title{font-size:14px;line-height:1.45;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.row-sub{font-size:13px;line-height:1.45;color:#69616c;max-width:220px}.row-arrow{font-size:13px;color:#777078;flex-shrink:0}.link-row:hover .row-title,.link-row.is-active .row-title{text-decoration:underline;text-underline-offset:3px}.link-row.is-active .row-arrow{color:#28252a}footer{text-align:center;margin:27px auto 0;width:90%;color:#777078}footer p{font-family:Georgia,serif;font-style:italic;font-size:12px;line-height:1.5;margin-bottom:15px}footer span{font-size:8px;line-height:1.5;display:block}.skip-link{position:absolute;left:12px;top:-100px;background:#242027;color:white;padding:12px;z-index:5}.skip-link:focus{top:12px}a:focus-visible{outline:2px solid #6d4966;outline-offset:5px}.dial-link:focus-visible{outline-offset:6px}@media(min-width:700px){.page{padding-top:35px}.telephone{margin-bottom:28px}}@media(max-width:350px){.page{padding:20px 16px}h1{font-size:28px}nav{width:100%}.row-title{font-size:13px}}@media(prefers-reduced-motion:reduce){.rotor,.icon{transition:none}}
.telephone{overflow:clip}
.dial-link[data-index="4"] .icon{width:74%;height:74%}.icon img{display:block;width:100%;height:100%;object-fit:contain}

.dial-link[data-index="0"] .icon{width:61%;height:61%}.dial-link[data-index="1"] .icon,.dial-link[data-index="2"] .icon{width:66%;height:78%;display:grid;place-items:center}.mini-book{position:relative;display:block;height:100%;width:70%;border-radius:1px 2px 2px 1px;box-shadow:2px 1px 0 #d7cebb,3px 2px 2px #32293366;transform:perspective(100px) rotateY(-9deg) rotate(-5deg);background:#ece5d7}.mini-book img{width:100%;height:100%;object-fit:fill;border-radius:1px 2px 2px 1px}.mini-book:after{content:"";position:absolute;inset:0 auto 0 0;width:10%;background:linear-gradient(90deg,#0005,#fff2,#0002);pointer-events:none}
.dial-link[data-index="1"] .icon,.dial-link[data-index="2"] .icon{height:62%}
.dial-link[data-index="1"] .icon,.dial-link[data-index="2"] .icon{height:54%}
.dial-link[data-index="1"] .mini-book,.dial-link[data-index="2"] .mini-book{width:62%}

.link-row:hover,.link-row.is-active{background:#faf8fb;box-shadow:0 3px 12px #28252a10}

.intro-text{margin:0 auto 24px;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:1.5;letter-spacing:-.02em;color:#28252a}
@media(max-width:350px){.intro-text{font-size:14px}}

.row-arrow{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center}.row-arrow svg{display:block;width:100%;height:100%}

.dial-link[data-index="0"] .icon{width:64%;height:64%;display:grid;place-items:center}.dial-link[data-index="0"] .icon svg{width:100%;height:100%}