@property --dial-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
:root{--black:#090a0b;--charcoal:#111316;--steel:#23272b;--ivory:#f2eee4;--gold:#e0b85c;--gold2:#9b6d24;--red:#d64332;--line:rgba(242,238,228,.14);--muted:rgba(242,238,228,.62);--display:ui-serif,Georgia,"Times New Roman",serif;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ease:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.2,1.4,.4,1)}
body{background:var(--black);color:var(--ivory);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}header{position:sticky;z-index:70;top:0;background:rgba(9,10,11,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px) saturate(1.2)}.nav{display:flex;align-items:center;gap:2rem;min-height:74px}.logo{display:grid;grid-template-columns:40px auto;grid-template-rows:auto auto;align-items:center;column-gap:.75rem}.logo>span{grid-row:1/3;display:grid;place-items:center;width:40px;aspect-ratio:1;border:1px solid rgba(224,184,92,.55);border-radius:50%;color:var(--gold);font:italic 700 1.35rem/1 var(--display);box-shadow:inset 0 0 18px rgba(224,184,92,.08)}.logo strong{align-self:end;font:700 .95rem/1 var(--display)}.logo small{align-self:start;color:var(--muted);font-size:.51rem;letter-spacing:.12em;text-transform:uppercase}.nav nav{display:flex;gap:1.6rem;margin-left:auto}.nav nav a{color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;transition:color 180ms ease}.nav nav a:hover{color:var(--gold)}.call{padding:.64rem 1rem;border:1px solid rgba(224,184,92,.4);border-radius:2px;color:var(--gold);font-size:.74rem;font-weight:800;transition:background 220ms ease,color 220ms ease,transform 300ms var(--spring)}.call:hover{background:var(--gold);color:var(--black);transform:translateY(-2px)}
.hero{position:relative;isolation:isolate;min-height:min(880px,calc(100svh - 126px));display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 74% 42%,#20252a 0%,#111316 26%,#090a0b 63%)}.hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,black 55%,black)}.beam{position:absolute;z-index:-1;width:55rem;height:14rem;right:-12rem;top:4%;background:linear-gradient(90deg,transparent,rgba(224,184,92,.09),transparent);filter:blur(18px);transform:rotate(-24deg);mix-blend-mode:screen;animation:beam-sweep 8s var(--ease) infinite}.grain{position:absolute;inset:0;z-index:-1;opacity:.13;background:repeating-radial-gradient(circle at 30% 40%,transparent 0 2px,rgba(255,255,255,.05) 3px 4px);background-size:10px 10px;mix-blend-mode:soft-light}.hero-grid{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:clamp(3rem,6vw,6rem);padding-block:clamp(5rem,11vh,8rem)}.hero-copy{animation:copy-forge 1s .08s var(--ease) both}.eyebrow{margin:0 0 1.15rem;color:var(--gold);font-size:.65rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.hero h1{max-width:9ch;margin:0;font:600 clamp(4.2rem,8vw,8.2rem)/.82 var(--display);letter-spacing:-.07em}.hero h1 em{color:var(--gold);font-style:italic;font-weight:400}.lede{max-width:34rem;margin:1.6rem 0 2rem;color:var(--muted);font-size:clamp(1rem,1.45vw,1.17rem)}.actions{display:flex;flex-wrap:wrap;gap:.7rem}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.85rem 1.25rem;overflow:hidden;border:1px solid transparent;border-radius:2px;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;transition:transform 280ms var(--spring),box-shadow 280ms ease,background 220ms ease}.button::after{content:"";position:absolute;inset:-100% -20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);transform:translateX(-80%) rotate(16deg);transition:transform 650ms var(--ease)}.button:hover::after{transform:translateX(80%) rotate(16deg)}.button:hover{transform:translateY(-3px)}.button:active{transform:scale(.97)}.gold{background:linear-gradient(135deg,#f2d687,var(--gold) 55%,#b87e28);color:#19130a;box-shadow:0 16px 45px rgba(224,184,92,.14)}.gold:hover{box-shadow:0 20px 55px rgba(224,184,92,.25)}.outline{border-color:var(--line);background:rgba(255,255,255,.025)}.proof{display:flex;align-items:center;gap:1rem;margin-top:2.3rem}.proof>strong{font:600 2.5rem/1 var(--display);color:var(--gold)}.proof>span{color:var(--gold);font-size:.72rem;letter-spacing:.12em}.proof small{display:block;margin-top:.2rem;color:var(--muted);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}
.instrument{position:relative;min-height:570px;perspective:1300px;animation:dial-arrive 1.3s .25s var(--ease) both}.dial-shadow{position:absolute;width:70%;height:18%;left:17%;bottom:3%;border-radius:50%;background:#000;filter:blur(32px);opacity:.8;transform:rotate(-5deg)}
/* The dial is a CSS-only 3D object; preserve-3d separates glass, hands, and face. */
.dial{position:absolute;left:13%;top:8%;width:76%;aspect-ratio:1;border:1px solid #51452e;border-radius:50%;background:radial-gradient(circle at 38% 31%,#32373b 0%,#1a1d20 38%,#090a0b 68%,#17191c 69% 73%,#070809 74%);box-shadow:inset 0 0 0 8px #121416,inset 0 0 0 10px #5a4828,inset 0 0 55px #000,0 45px 95px rgba(0,0,0,.65),0 0 70px rgba(224,184,92,.07);transform:rotateY(-13deg) rotateX(8deg);transform-style:preserve-3d;transition:transform 900ms var(--ease),box-shadow 500ms ease}.instrument:hover .dial{transform:rotateY(5deg) rotateX(-3deg) translateY(-8px);box-shadow:inset 0 0 0 8px #121416,inset 0 0 0 10px #725b32,inset 0 0 55px #000,0 55px 110px rgba(0,0,0,.72),0 0 90px rgba(224,184,92,.14)}.dial::before{content:"";position:absolute;inset:11%;border:1px solid rgba(224,184,92,.3);border-radius:50%;background:repeating-conic-gradient(from var(--dial-angle),rgba(224,184,92,.28) 0 .4deg,transparent .4deg 6deg);mask-image:radial-gradient(transparent 0 80%,black 80%);animation:dial-calibrate 18s linear infinite}.dial-copy{position:absolute;z-index:2;inset:24%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:translateZ(24px)}.dial-copy small{color:var(--gold);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase}.dial-copy strong{margin:.8rem 0;font:500 clamp(2.2rem,4vw,3.7rem)/.85 var(--display);letter-spacing:-.055em}.dial-copy span{color:var(--muted);font-size:.53rem;letter-spacing:.15em;text-transform:uppercase}.dial-glass{position:absolute;z-index:6;inset:2%;border-radius:50%;background:linear-gradient(125deg,rgba(255,255,255,.16),transparent 26% 64%,rgba(255,255,255,.04));box-shadow:inset 12px 14px 32px rgba(255,255,255,.04);transform:translateZ(48px);pointer-events:none}.hand{position:absolute;z-index:4;left:50%;top:50%;height:2px;background:var(--gold);transform-origin:0 50%;box-shadow:0 0 12px rgba(224,184,92,.4);transform:translateZ(38px)}.hand-hour{width:25%;animation:hand-hour 32s linear infinite}.hand-minute{width:36%;height:1px;animation:hand-minute 11s linear infinite}.pin{position:absolute;z-index:5;width:16px;aspect-ratio:1;left:calc(50% - 8px);top:calc(50% - 8px);border:4px solid var(--gold);border-radius:50%;background:#111;box-shadow:0 0 20px rgba(224,184,92,.45);transform:translateZ(42px)}.tick{position:absolute;z-index:2;width:2px;height:12px;left:calc(50% - 1px);top:4%;background:var(--gold);transform-origin:1px 200px}.t2{transform:rotate(30deg)}.t3{transform:rotate(60deg)}.t4{transform:rotate(90deg)}.t5{transform:rotate(120deg)}.t6{transform:rotate(150deg)}.t7{transform:rotate(180deg)}.t8{transform:rotate(210deg)}.t9{transform:rotate(240deg)}.t10{transform:rotate(270deg)}.t11{transform:rotate(300deg)}.t12{transform:rotate(330deg)}.instrument-tag{position:absolute;z-index:8;display:flex;align-items:center;gap:.55rem;padding:.72rem .9rem;border:1px solid var(--line);background:rgba(17,19,22,.72);box-shadow:0 14px 35px rgba(0,0,0,.38);backdrop-filter:blur(12px);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;animation:tag-float 4.5s ease-in-out infinite}.instrument-tag b{color:var(--gold)}.tag-a{left:1%;top:26%}.tag-b{right:0;top:36%;animation-delay:-1.5s}.tag-c{left:9%;bottom:14%;animation-delay:-3s}.hero-footer{position:absolute;left:0;right:0;bottom:0;border-top:1px solid var(--line);background:rgba(0,0,0,.12)}.hero-footer .shell{display:flex;align-items:center;gap:1rem;min-height:50px;color:var(--muted);font-size:.59rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-footer i{height:1px;flex:1;background:linear-gradient(90deg,var(--gold),transparent)}.hero-footer b{color:var(--ivory);font-weight:700}
.craft{padding:clamp(6rem,11vw,10rem) 0;background:var(--ivory);color:#17181a}.section-head{display:grid;grid-template-columns:.65fr 1.25fr .7fr;align-items:end;gap:2rem;margin-bottom:4rem}.section-head .eyebrow{color:#946816}.section-head h2,.process h2,.visit h2{margin:0;font:600 clamp(3.2rem,6vw,6.2rem)/.87 var(--display);letter-spacing:-.06em}.section-head>p:last-child{margin:0;color:rgba(23,24,26,.62)}.craft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;perspective:1200px}.craft-card{position:relative;min-height:520px;display:flex;flex-direction:column;padding:1.5rem;overflow:hidden;border:1px solid rgba(23,24,26,.16);background:#e9e5da;transition:transform 600ms var(--ease),box-shadow 500ms ease}.craft-card:hover{transform:translateY(-14px) rotateX(2deg) rotateY(-1.5deg);box-shadow:0 35px 80px rgba(33,27,18,.18)}.number{font-size:.58rem;font-weight:850;letter-spacing:.14em}.object{position:relative;height:210px;margin:1rem 0 1.5rem;transition:transform 700ms var(--spring)}.craft-card:hover .object{transform:scale(1.05) rotate(-3deg)}.shoe-object i{position:absolute;width:72%;height:30%;left:14%;top:42%;border-radius:90% 35% 28% 40%;background:linear-gradient(145deg,#3d261c,#110d0b);box-shadow:inset -8px -10px 18px rgba(0,0,0,.42),0 22px 25px rgba(31,20,13,.2);transform:rotate(-8deg)}.shoe-object i::after{content:"";position:absolute;left:6%;right:2%;bottom:-9px;height:12px;border-radius:50%;background:#af8139;box-shadow:0 5px 0 #4b321b}.shoe-object span{position:absolute;width:45%;height:22%;left:28%;top:32%;border-radius:70% 60% 20% 10%;background:#24150f;transform:rotate(-8deg)}.ring-object i{position:absolute;width:42%;aspect-ratio:1;left:29%;top:19%;border:18px solid #bd8d34;border-radius:50%;box-shadow:inset 0 0 12px rgba(255,255,255,.45),0 20px 30px rgba(89,55,12,.2)}.ring-object span{position:absolute;width:31%;aspect-ratio:1;left:34.5%;top:8%;background:linear-gradient(135deg,#fff,#8fd8ff 36%,#fff 64%,#8879d9);clip-path:polygon(50% 0,90% 28%,76% 82%,50% 100%,24% 82%,10% 28%);filter:drop-shadow(0 15px 13px rgba(82,93,136,.28));animation:gem-glint 4s ease-in-out infinite}.watch-object i{position:absolute;width:46%;aspect-ratio:1;left:27%;top:20%;border:10px solid #8a652b;border-radius:50%;background:radial-gradient(circle,#202428,#101113);box-shadow:0 19px 28px rgba(0,0,0,.22)}.watch-object i::before{content:"";position:absolute;width:2px;height:34%;left:50%;top:18%;background:var(--gold);transform-origin:bottom;transform:rotate(38deg)}.watch-object i::after{content:"";position:absolute;width:30%;height:2px;left:50%;top:50%;background:var(--gold);transform-origin:left;transform:rotate(145deg)}.watch-object span{position:absolute;width:20%;height:80%;left:40%;top:-5%;border-radius:4px;background:repeating-linear-gradient(#77582a 0 12px,#5f441f 13px 16px);z-index:-1}.craft-card h3{margin:auto 0 .65rem;font:600 2.15rem/1 var(--display);letter-spacing:-.04em}.craft-card p{margin:0 0 1.4rem;color:rgba(23,24,26,.65);font-size:.86rem}.craft-card a{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(23,24,26,.18);font-size:.69rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.craft-card a span{transition:transform 300ms var(--spring)}.craft-card a:hover span{transform:rotate(45deg)}
.process{padding:clamp(6rem,11vw,10rem) 0;background:#121417}.process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,9vw,9rem)}.process-title>p:last-child{max-width:28rem;color:var(--muted)}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:.55fr 1fr;gap:2rem;padding:1.6rem 0;border-top:1px solid var(--line);transition:padding 300ms var(--ease),background 300ms ease}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li:hover{padding-inline:1rem;background:rgba(224,184,92,.04)}.steps li div{display:flex;gap:1rem;align-items:baseline}.steps li span{color:var(--gold);font-size:.6rem}.steps li b{font:500 2.1rem/1 var(--display)}.steps li p{margin:0;color:var(--muted);font-size:.85rem}.statement{padding:4.5rem 0;background:var(--gold);color:#1a140b}.statement .shell{display:flex;justify-content:space-between;align-items:end;gap:2rem}.statement p{max-width:14ch;margin:0;font:600 clamp(2.7rem,5vw,5rem)/.9 var(--display);letter-spacing:-.055em}.statement span{font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.visit{padding:clamp(6rem,11vw,10rem) 0;background:#08090a}.visit-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.map-panel,.visit-copy{min-height:470px;border:1px solid var(--line)}.map-panel{position:relative;overflow:hidden;background:#15181b}.map-grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(224,184,92,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(224,184,92,.15) 1px,transparent 1px);background-size:48px 48px;transform:perspective(600px) rotateX(58deg) rotateZ(-24deg);animation:map-flow 12s linear infinite}.map-grid::before,.map-grid::after{content:"";position:absolute;background:var(--gold);opacity:.38}.map-grid::before{width:2px;inset:-10% auto -10% 46%;transform:rotate(27deg);box-shadow:170px 0 rgba(224,184,92,.25),-210px 0 rgba(224,184,92,.2)}.map-grid::after{height:2px;inset:57% -10% auto;transform:rotate(-11deg);box-shadow:0 130px rgba(224,184,92,.22),0 -170px rgba(224,184,92,.18)}.map-pin{position:absolute;left:50%;top:43%;width:27px;aspect-ratio:1;border-radius:50% 50% 50% 0;background:var(--red);box-shadow:0 0 0 10px rgba(214,67,50,.12),0 15px 30px rgba(0,0,0,.5);transform:rotate(-45deg);animation:pin-pulse 3.2s ease-in-out infinite}.map-pin i{position:absolute;inset:8px;border-radius:50%;background:#fff}.map-label{position:absolute;left:calc(50% + 34px);top:39%;display:flex;flex-direction:column;padding:.65rem .8rem;border:1px solid var(--line);background:rgba(9,10,11,.8);backdrop-filter:blur(10px)}.map-label b{font:600 1rem/1 var(--display)}.map-label small{color:var(--muted);font-size:.52rem;text-transform:uppercase;letter-spacing:.1em}.visit-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem);background:linear-gradient(145deg,#17191c,#0d0e10)}.visit h2{font-size:clamp(3.3rem,6vw,5.8rem)}address{margin:1.5rem 0 2rem;color:var(--muted);font-style:normal}.visit-copy .button{align-self:flex-start}.phone-link{display:flex;flex-direction:column;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line);font:500 1.55rem/1 var(--display)}.phone-link span{margin-top:.4rem;color:var(--gold);font:800 .6rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
footer{padding:3rem 0 2rem;background:#050606;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:2rem}.footer-grid>div{display:flex;flex-direction:column;gap:.35rem}.footer-grid>div b{color:var(--gold);font-size:.58rem;letter-spacing:.13em;text-transform:uppercase}.footer-grid>div a{font-size:.78rem}.sticky-call{background:var(--gold);color:#17110a}
@keyframes beam-sweep{0%,100%{transform:translateX(-15%) rotate(-24deg);opacity:.2}50%{transform:translateX(18%) rotate(-24deg);opacity:.7}}@keyframes copy-forge{from{opacity:0;transform:translate3d(-38px,22px,0) skewX(-2deg)}to{opacity:1;transform:none}}@keyframes dial-arrive{from{opacity:0;transform:translate3d(60px,30px,0) rotate(5deg)}to{opacity:1;transform:none}}@keyframes dial-calibrate{to{--dial-angle:360deg}}@keyframes hand-hour{to{transform:translateZ(38px) rotate(360deg)}}@keyframes hand-minute{to{transform:translateZ(38px) rotate(360deg)}}@keyframes tag-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gem-glint{0%,100%{filter:drop-shadow(0 15px 13px rgba(82,93,136,.28)) brightness(.9)}45%,55%{filter:drop-shadow(0 15px 19px rgba(82,93,136,.42)) brightness(1.35)}}@keyframes map-flow{to{background-position:48px 48px}}@keyframes pin-pulse{0%,100%{box-shadow:0 0 0 8px rgba(214,67,50,.12),0 15px 30px rgba(0,0,0,.5);transform:rotate(-45deg) translate(0,0)}50%{box-shadow:0 0 0 18px rgba(214,67,50,0),0 20px 35px rgba(0,0,0,.5);transform:rotate(-45deg) translate(5px,-5px)}}
@media(max-width:900px){.nav nav{display:none}.call{margin-left:auto}.hero-grid,.process-grid{grid-template-columns:1fr}.hero-grid{padding-top:5rem}.instrument{max-width:600px;width:100%;margin-inline:auto}.section-head{grid-template-columns:1fr}.craft-grid{grid-template-columns:1fr 1fr}.craft-card:last-child{grid-column:1/-1}.process-title{max-width:38rem}}
@media(max-width:620px){.call{display:none}.hero h1{font-size:clamp(3.8rem,19vw,6rem)}.instrument{min-height:430px}.tick{transform-origin:1px 150px}.instrument-tag{font-size:.54rem}.tag-a{left:-2%}.tag-b{right:-2%}.section-head h2,.process h2,.visit h2{font-size:clamp(3rem,15vw,5rem)}.craft-grid,.visit-grid,.footer-grid{grid-template-columns:1fr}.craft-card:last-child{grid-column:auto}.craft-card{min-height:470px}.steps li{grid-template-columns:1fr;gap:.7rem}.statement .shell{display:block}.statement span{display:block;margin-top:1.5rem}.map-panel,.visit-copy{min-height:400px}.hero-footer b{display:none}}