@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--gold:#e6bf72;--text:#f6f5f2;--muted:#b5b6c0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#070912;color:var(--text);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}canvas,.shade{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}canvas{z-index:-2}.shade{z-index:-1;background:linear-gradient(90deg,rgba(7,9,18,.75),transparent 75%),linear-gradient(0deg,#07091220,#07091215)}header{max-width:1400px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:13px}.brand img{width:56px;height:56px;border-radius:50%;object-fit:cover}.brand span{font-size:17px;letter-spacing:1.5px;font-weight:700}.brand b{color:var(--gold)}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#b9bcc8}nav{display:flex;gap:35px;font-size:14px}nav a:hover,.text-link:hover{color:var(--gold)}.nav-visit{border-bottom:1px solid var(--gold)}main{max-width:1400px;margin:auto}.hero{padding:75px 5% 25px;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;min-height:740px}.eyebrow{font-size:12px;letter-spacing:2.5px;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow span{width:22px;height:1px;background:var(--gold)}h1{font:800 clamp(65px,7.8vw,112px)/.98 'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:-1px;margin:25px 0}h1 em{font-style:normal;color:var(--gold)}.intro{color:var(--muted);font-size:17px;margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:15px 23px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:14px;font-weight:700;border:1px solid #ffffff35;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 6px 24px #e6bf7225}.gold{background:var(--gold);color:#11121a;border-color:var(--gold)}.outline{background:#121521b0;backdrop-filter:blur(12px)}.walk{font-size:11px;letter-spacing:1.7px;color:#bbbcc5;margin-top:27px}.walk span{padding:0 10px;color:var(--gold)}.hero-image{position:relative;height:525px;border:1px solid #ffffff30;border-radius:2px;box-shadow:18px 18px 0 -1px #0c101b,18px 18px 0 0 #e6bf7240;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center 64%}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060810f0,transparent 60%)}.image-caption{position:absolute;bottom:25px;left:25px;z-index:1}.image-caption span{font-size:10px;letter-spacing:2px;color:var(--gold)}.image-caption b{display:block;font:600 32px 'Barlow Condensed',Impact,sans-serif}.image-tag{position:absolute;top:20px;left:20px;background:#090b12b0;border:1px solid #ffffff35;padding:7px 12px;font-size:10px;letter-spacing:1.5px;backdrop-filter:blur(10px)}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:35px;padding-top:20px;font-size:11px;letter-spacing:2px;color:#969aa9}.hero-foot button{color:#c8cbd5;background:none;border:0;font-size:12px;cursor:pointer;letter-spacing:0}.hero-foot button span{color:var(--gold);margin-left:10px}.craft{padding:100px 5%}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:10px 60px;align-items:end}.section-heading .eyebrow{grid-column:1/-1}h2{font:600 clamp(42px,4.5vw,64px)/1.07 'Barlow Condensed',Impact,sans-serif;margin:10px 0 25px}.section-heading>p:last-child{color:var(--muted);max-width:390px;margin-bottom:25px}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border:1px solid #ffffff22;background:#0b0f1dd9;backdrop-filter:blur(16px)}article{padding:32px;border-right:1px solid #ffffff22;transition:background .3s}article:last-child{border:0}article:hover{background:#1a2036}.number{font-size:13px;color:var(--gold)}h3{font:600 31px 'Barlow Condensed',Impact,sans-serif;margin:30px 0 12px}article p{color:var(--muted);font-size:15px;min-height:55px}.service-label{font-size:10px;letter-spacing:2px;color:#868b9b}.shop{text-align:center;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:75px 5%;background:#10132285}.shop .eyebrow{justify-content:center}.shop h2{font-size:clamp(50px,5.5vw,76px)}.shop p:not(.eyebrow){color:var(--muted)}.text-link{font-size:14px;display:inline-block;margin-top:20px;border-bottom:1px solid var(--gold);padding-bottom:7px}.visit{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:100px 5%}.visit-intro{font-size:22px}address{font-style:normal;color:var(--muted);margin-bottom:28px}.visit-panel{padding:35px;border:1px solid #e6bf7240;background:linear-gradient(135deg,#1c2135da,#0a0e1c);align-self:center}.panel-label{font-size:11px;letter-spacing:2px;color:var(--gold)}.visit-panel h3{font-size:38px;margin:20px 0}.visit-panel p{color:var(--muted);font-size:15px}footer{max-width:1260px;margin:auto;border-top:1px solid #ffffff22;padding:25px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9297a7}footer>span{color:white;letter-spacing:1px;font-weight:700}footer small{display:block;color:var(--gold);font-size:10px;letter-spacing:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}@media(max-width:800px){header{padding:18px 6%}.brand span{font-size:13px}.brand small{font-size:8px}.brand img{width:46px;height:46px}nav{gap:16px}nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;padding:55px 6% 25px;gap:35px;min-height:0}h1{font-size:80px}.intro{font-size:16px}.hero-image{height:380px;margin-right:15px}.hero-foot{margin-top:5px;font-size:9px;letter-spacing:1px;gap:10px}.craft{padding:65px 6%}.section-heading{grid-template-columns:1fr;gap:0}.section-heading>p:last-child{max-width:100%}.services{grid-template-columns:1fr}article{border-right:0;border-bottom:1px solid #ffffff22;padding:25px}article h3{margin-top:12px}article p{min-height:0}.shop{padding:60px 6%}.visit{grid-template-columns:1fr;padding:65px 6%;gap:35px}.visit-panel h3{font-size:34px}footer{margin:0 6%;flex-wrap:wrap;gap:15px}footer p{width:100%;order:3;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Glossy gel surfaces and sculpted lettering */
:root{--gold:#f1ca83;--muted:#c2c7d4}
body{background:#070912}
header{position:relative;margin-top:18px;width:90%;padding:18px 24px;border:1px solid #dbe6ff24;border-radius:24px;background:linear-gradient(135deg,#edf3ff12,#10182899 48%,#080e1bcc);box-shadow:inset 0 1px 0 #ffffff24,0 14px 40px #00000035;backdrop-filter:blur(22px)}
.brand img{box-shadow:0 2px 1px #ffffff45,inset 0 1px 0 white,0 8px 20px #0008;border:1px solid #ffffff45}
.brand span{letter-spacing:.5px;text-shadow:0 1px 0 #fff5,0 3px 0 #273140,0 5px 8px #0009}.brand small{font-size:12px;letter-spacing:1.3px;text-shadow:none}
nav a{padding:8px 12px;border-radius:12px;transition:background .2s,box-shadow .2s}.nav-visit{border:1px solid #f1ca8350;background:linear-gradient(180deg,#f1ca8323,#f1ca8307);box-shadow:inset 0 1px 0 #fff3}nav a:hover{background:#ffffff12;box-shadow:inset 0 1px 0 #ffffff20}
h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(58px,6.4vw,92px);font-weight:700;line-height:1.06;text-transform:none;letter-spacing:-.055em;margin:24px 0 30px;position:relative;color:#eaf1ff;background:linear-gradient(180deg,#ffffff 0%,#e9f4ff 18%,#95a8c3 41%,#f8fcff 48%,#d8e6f8 59%,#8397b4 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #ffffff90) drop-shadow(0 3px 0 #586a88) drop-shadow(0 6px 0 #24334c) drop-shadow(0 15px 12px #0009)}
h1 em{display:inline-block;background:linear-gradient(180deg,#fff4d9 0%,#ffe9b5 22%,#c08a3f 42%,#fff0c9 49%,#f5cf8b 63%,#b77a34 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
h2,h3,.image-caption b{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-.045em;font-weight:700}h2{font-size:clamp(36px,4vw,56px);line-height:1.13;color:#e7effc;text-shadow:0 1px 0 #fff8,0 2px 0 #798aa7,0 4px 0 #26334b,0 10px 18px #0008}h3{font-size:26px;line-height:1.2;text-shadow:0 1px 0 #fff4,0 3px 0 #27334a,0 6px 10px #0006}
.button{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;padding:16px 25px;min-height:54px;box-shadow:inset 0 1px 0 #ffffff85,inset 0 -3px 4px #0005,0 5px 0 #070b14,0 12px 24px #0005;transition:transform .2s,box-shadow .2s,filter .2s}
.button:before{content:'';position:absolute;z-index:-1;inset:2px 4px auto;height:46%;border-radius:15px 15px 35% 35%;background:linear-gradient(180deg,#ffffff60,#ffffff06);pointer-events:none}
.gold{color:#241706;border:1px solid #ffedc8a0;background:linear-gradient(180deg,#fce5b5 0%,#edc77f 48%,#d7a95f 51%,#e6c083 100%);text-shadow:0 1px 0 #fff7}
.outline{border:1px solid #d2e2ff45;background:linear-gradient(180deg,#6d7d9945 0%,#1f2c425c 48%,#101a2ab5 51%,#26365088 100%);backdrop-filter:blur(20px);text-shadow:0 2px 3px #0008}
.button:hover{transform:translateY(-4px);filter:brightness(1.12);box-shadow:inset 0 1px 0 #ffffff90,inset 0 -2px 4px #0004,0 7px 0 #070b14,0 18px 32px #e6bf7225}.button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff8,0 2px 0 #070b14,0 5px 12px #0004}
.hero-image{border-radius:32px;border:1px solid #dceaff55;box-shadow:inset 0 1px 0 #ffffff80,0 8px 0 #172032,0 10px 0 #e6bf7240,0 28px 65px #0008;transform:perspective(1200px) rotateY(-3deg)}.hero-image:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 2px 1px #ffffff90,inset 2px 0 2px #ffffff35;background:linear-gradient(135deg,#fff2,transparent 35%,transparent 75%,#fff1)}
.image-tag{border-radius:12px;font-size:12px;letter-spacing:1px;background:linear-gradient(180deg,#354057b0,#101827c0);box-shadow:inset 0 1px 0 #fff5,0 6px 18px #0005}.image-caption b{font-size:28px;text-shadow:0 2px 4px #000}.image-caption span{font-size:12px}
.eyebrow{font-size:14px;letter-spacing:1.8px}.walk{font-size:12px}.hero-foot{font-size:12px}.hero-foot button{border-radius:12px;border:1px solid #ffffff25;padding:9px 14px;background:linear-gradient(180deg,#ffffff18,#ffffff04);box-shadow:inset 0 1px 0 #ffffff25}
.services{gap:18px;border:0;background:none;backdrop-filter:none}.services article{position:relative;overflow:hidden;border-radius:26px;border:1px solid #d9e7ff28;background:linear-gradient(145deg,#5c70852b,#172132a6 42%,#0b1221e8 70%);box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #0008,0 8px 0 #060a13,0 20px 36px #0005;backdrop-filter:blur(20px);transition:transform .25s,box-shadow .25s}.services article:before{content:'';position:absolute;left:12px;right:12px;top:2px;height:70px;border-radius:20px 20px 50% 50%;background:linear-gradient(180deg,#ffffff0e,transparent);pointer-events:none}.services article:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 #ffffff55,0 8px 0 #060a13,0 24px 40px #e6bf7218}.number{display:inline-flex;padding:7px 12px;border-radius:12px;background:linear-gradient(180deg,#f1ca8325,#f1ca8306);border:1px solid #f1ca8330;box-shadow:inset 0 1px 0 #fff3}.service-label{font-size:12px;letter-spacing:1.3px;color:#a6b1c5}
.shop{margin:0 5%;border:1px solid #ffffff24;border-radius:32px;background:linear-gradient(120deg,#b9d4ff10,#0e162799,#f1ca8308);box-shadow:inset 0 1px 0 #fff3,0 22px 55px #0004;backdrop-filter:blur(18px)}.shop h2{font-size:clamp(40px,5vw,64px)}
.visit-panel{border-radius:28px;border:1px solid #f1ca8345;background:linear-gradient(145deg,#b4c8ea20,#1d283dbb 40%,#0b1323ee);box-shadow:inset 0 1px 0 #fff5,inset 0 -2px 1px #0005,0 9px 0 #060b14,0 24px 45px #0006;backdrop-filter:blur(20px)}.visit-panel h3{font-size:clamp(26px,3vw,38px);overflow-wrap:anywhere}.panel-label{font-size:12px}
@media(max-width:800px){header{width:88%;padding:14px 16px;border-radius:20px;margin-top:14px}.brand span{font-size:12px}.brand small{font-size:10px;letter-spacing:.4px}.brand img{width:42px;height:42px}.brand{gap:9px}nav{gap:0}nav a{font-size:12px;padding:8px 9px}.hero{padding-top:48px}h1{font-size:clamp(49px,11.5vw,80px);letter-spacing:-.055em}.hero-image{height:390px;margin-right:0;transform:none;border-radius:26px}.hero-foot{align-items:center;flex-wrap:wrap;font-size:12px;letter-spacing:.7px;gap:18px}.hero-foot button{font-size:12px}.services{gap:18px}.services article{padding:28px}.shop{margin:0 6%;padding:50px 7%;border-radius:26px}.visit-panel{padding:28px}.eyebrow{font-size:12px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){.button:hover,.services article:hover{transform:none}}

/* Floating brand mark, illuminated by the interactive ceiling lights. */
body{isolation:isolate}
.background-logo{position:fixed;inset:0;z-index:-1;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden}
.background-logo img{width:min(76vw,900px);height:auto;border-radius:50%;opacity:calc(.075 + var(--logo-light,0)*.13);mix-blend-mode:screen;filter:drop-shadow(0 0 35px #f1ca8360) drop-shadow(0 0 85px #9ecaff40);animation:logo-drift 24s ease-in-out infinite;will-change:transform;transition:opacity .2s}
.logo-tile{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eaf0fc20,#182338b0 45%,#f1ca8320);padding:20px;box-shadow:inset 0 1px 0 #fff8,0 8px 0 #172032,0 10px 0 #e6bf7240,0 28px 65px #0008,0 0 calc(12px + var(--logo-light,0)*34px) #e6bf7240}
.logo-tile>img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:20px;filter:drop-shadow(0 10px 18px #0005)}
.logo-tile:after{display:none}
@keyframes logo-drift{0%,100%{transform:translate(7%,-4%) rotate(-6deg) scale(.95)}33%{transform:translate(-9%,7%) rotate(4deg) scale(1.02)}66%{transform:translate(4%,10%) rotate(-2deg) scale(.98)}}
@media(max-width:800px){.background-logo img{width:110vw;max-width:none}.logo-tile{height:380px;padding:14px}.logo-tile>img{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.background-logo img{animation:none;transition:none}}

/* Logo moons: a draggable foreground moon and a bright constellation. */
.background-logo{display:block}
.background-logo img{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);object-fit:cover;border-radius:50%;opacity:calc(.22 + var(--logo-light,0)*.16);mix-blend-mode:screen;filter:drop-shadow(0 0 12px #b7d9ff80);animation:small-moon-drift 28s ease-in-out infinite;animation-delay:var(--delay)}
.logo-tile{width:min(100%,480px);height:auto;aspect-ratio:1;border-radius:50%;padding:0;justify-self:center;overflow:hidden;cursor:grab;touch-action:none;user-select:none;transform:rotate(var(--moon-angle,0deg));border:1px solid #f1f7ffc0;background:#e9eef8;box-shadow:inset 0 0 20px #ffffff90,0 0 25px #d7eaff70,0 0 70px #bdd9ff30,0 18px 45px #0008}
.logo-tile>img{width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scale(1.19);pointer-events:none;filter:none}
.logo-tile:before{border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff4,transparent 42%,#111a3830 77%,#0b12244d);box-shadow:inset -12px -18px 35px #0b163c55,inset 5px 7px 18px #fff8}
.logo-tile.spinning{cursor:grabbing}.logo-tile:focus-visible{outline:3px solid var(--gold);outline-offset:8px}
@keyframes small-moon-drift{0%,100%{transform:translate(-10px,-10px) rotate(-8deg)}50%{transform:translate(24px,28px) rotate(12deg)}}
@media(max-width:800px){.logo-tile{width:min(100%,380px);height:auto;margin:12px 0}.background-logo img{width:calc(var(--size)*.7);height:calc(var(--size)*.7)}}
@media(prefers-reduced-motion:reduce){.background-logo img{animation:none}}

/* Counterclockwise hero moon; clockwise background moons. */
.background-logo img{opacity:calc(.38 + var(--logo-light,0)*.2);filter:drop-shadow(0 0 16px #c8e6ffa0);animation:background-spin-right 32s linear infinite;animation-delay:var(--delay)}
@keyframes background-spin-right{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.background-logo img{animation:none}}

/* High-tech dimensional glass, luminous rails, and orbital brand stage. */
:root{--cyan:#82e8ff;--muted:#c4d0e4}
body{background:radial-gradient(ellipse at 75% 15%,#152c49 0%,transparent 44%),radial-gradient(ellipse at 15% 70%,#1a2140 0%,transparent 45%),#060b16}
.shade{background:linear-gradient(90deg,#060b1690,transparent 85%),linear-gradient(0deg,#060b1620,#060b1615)}
header{border-color:#a6e9ff40;background:linear-gradient(160deg,#aecfff20,#111c31e0 35%,#070e1acc);box-shadow:inset 0 1px 0 #fff6,inset 0 -1px 0 #82e8ff30,0 8px 0 #030812,0 20px 55px #0007,0 0 25px #82e8ff12}
header:after{content:'';position:absolute;left:8%;right:8%;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,#82e8ff,#f1ca83,transparent);box-shadow:0 0 14px #82e8ff90}
.hero{gap:60px;perspective:1400px}.hero-copy{position:relative;z-index:1}.eyebrow{color:#b2eaff}.eyebrow span{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
h1{background-image:linear-gradient(180deg,#fff 0%,#d6f7ff 23%,#6e96bd 42%,#f5feff 49%,#bbe3ff 64%,#5779a7 100%);filter:drop-shadow(0 1px 0 #fff9) drop-shadow(0 3px 0 #587696) drop-shadow(0 6px 0 #243d60) drop-shadow(0 9px 0 #102139) drop-shadow(0 20px 16px #0008)}
h2{color:#e0f4ff;text-shadow:0 1px 0 #fff8,0 3px 0 #516d8c,0 5px 0 #1a2d48,0 12px 18px #0008}
.holo-stage{position:relative;display:grid;place-items:center;min-width:0;padding:44px 24px;isolation:isolate;perspective:1000px}
.holo-stage:before{content:'';position:absolute;inset:10%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#82e8ff25,transparent 66%);filter:blur(18px)}
.holo-stage:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:28px;border:1px solid #82e8ff70;border-radius:50%;background:radial-gradient(ellipse,#82e8ff60,transparent 70%);box-shadow:0 0 30px #82e8ff55;transform:rotateX(60deg)}
.orbit{position:absolute;pointer-events:none;border-radius:50%;border:1px solid #82e8ff70;box-shadow:0 0 12px #82e8ff35,inset 0 0 12px #82e8ff20;z-index:-1}
.orbit-one{inset:5% -1%;border-top:3px solid #bcf5ff;border-bottom:3px solid #f1ca83a0;transform:rotate(-24deg) rotateX(52deg);animation:orbit-roll 20s linear infinite}
.orbit-two{inset:1% 3%;border:1px dashed #c8eaff65;transform:rotate(30deg) rotateY(52deg)}
.logo-tile{width:min(100%,430px);box-shadow:inset 0 0 20px #fff9,0 0 0 6px #a5d9ff0a,0 0 0 7px #b8eaff50,0 0 32px #b8eaff75,0 0 90px #82e8ff30,0 30px 60px #0009}
.services{gap:24px}.services article{border-radius:22px;border-color:#9ccfff45;background:linear-gradient(145deg,#90c2ed25,#14243ee0 38%,#091321f0 72%);box-shadow:inset 0 2px 0 #d8f4ff60,inset 2px 0 0 #c6e6ff14,0 10px 0 #030914,0 11px 0 #82e8ff35,0 28px 50px #0007;transform:perspective(1000px) rotateX(3deg)}
.services article:after{content:'';position:absolute;left:28px;right:28px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#82e8ff,transparent);box-shadow:0 0 16px #82e8ff}
.services article:hover{transform:perspective(1000px) rotateX(0deg) translateY(-8px);box-shadow:inset 0 2px 0 #e0f8ff80,0 12px 0 #030914,0 13px 0 #82e8ff60,0 30px 50px #82e8ff15}
.number{color:#bef1ff;border-color:#82e8ff50;background:linear-gradient(180deg,#82e8ff25,#82e8ff08);box-shadow:inset 0 1px 0 #fff5,0 0 16px #82e8ff12}
.outline{border-color:#a6d9ff65;background:linear-gradient(180deg,#80bbdf40,#1c3554b0 48%,#0a152acc 51%,#23436799)}
.button:hover{box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 4px #0004,0 7px 0 #050b16,0 18px 32px #82e8ff25}.gold:hover{box-shadow:inset 0 1px 0 #fff9,0 7px 0 #080b12,0 18px 32px #f1ca8335}
.shop{position:relative;overflow:hidden;border-color:#a4d9ff40;background:linear-gradient(125deg,#89c9ff20,#111d33d0 45%,#070f20d9);box-shadow:inset 0 2px 0 #ddf5ff40,0 10px 0 #030915,0 11px 0 #82e8ff30,0 25px 55px #0006}
.shop:before{content:'';position:absolute;left:8%;right:8%;top:0;height:2px;background:linear-gradient(90deg,transparent,#82e8ff,transparent);box-shadow:0 0 20px #82e8ff}
.visit-panel{border-color:#acd9ff60;background:linear-gradient(145deg,#aed7ff28,#1a304adb 40%,#0a1425ee);box-shadow:inset 0 2px 0 #e4f5ff65,0 10px 0 #030812,0 11px 0 #82e8ff40,0 28px 45px #0007}
.text-link{border-color:#82e8ff}.hero-foot{border-color:#82e8ff35}.hero-foot button{border-color:#82e8ff45;box-shadow:inset 0 1px 0 #d6f7ff40,0 0 20px #82e8ff10}
@keyframes orbit-roll{from{transform:rotate(-24deg) rotateX(52deg) rotateZ(0)}to{transform:rotate(-24deg) rotateX(52deg) rotateZ(360deg)}}
@media(max-width:800px){.hero{gap:32px}.holo-stage{padding:34px 20px;margin:0 5%}.logo-tile{width:100%;margin:8px 0}.orbit-one{inset:5% -6%}.services article{transform:none}.services{gap:24px}.shop{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.orbit{animation:none}.services article:hover{transform:none}}

/* Spanish haircut inspiration strip with native bidirectional swiping. */
.hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.hero-copy{min-width:0}
.hair-gallery{margin:24px 0 30px}.hair-gallery-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.hair-gallery-head h1{font-size:clamp(28px,3.4vw,48px);letter-spacing:-.04em;margin:0;line-height:1.2;filter:drop-shadow(0 2px 0 #364f70) drop-shadow(0 5px 7px #0006)}.hair-gallery-head>span{font-size:12px;letter-spacing:1.2px;color:#b0d8e9}.hair-controls{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.hair-controls p{margin:0;font-size:14px;color:#bbcee4}.hair-controls button{width:42px;height:42px;border-radius:50%;font-size:28px;line-height:1;color:#e2f8ff;background:linear-gradient(145deg,#86baff40,#101d34);border:1px solid #9ae6ff70;box-shadow:inset 0 1px 0 #fff6,0 4px 0 #040c18;cursor:pointer}.hair-controls button:hover{background:#2b4566}.hair-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#82e8ff75 #102037; padding:4px 2px 16px}.hair-card{flex:0 0 64%;margin:0;border-radius:22px;overflow:hidden;scroll-snap-align:start;border:1px solid #9ad9ff60;background:#101d31;box-shadow:inset 0 1px 0 #fff5,0 7px 0 #040b15;max-width:330px}.hair-photo{height:auto;aspect-ratio:1;background-image:url('assets/haircut-inspiration.png');background-size:300% 200%;background-position:calc(var(--col)*50%) calc(var(--row)*100%)}.hair-card figcaption{padding:14px 18px;font-size:16px;font-weight:700;background:linear-gradient(180deg,#2b49615c,#0c1629);border-top:1px solid #82e8ff40}.hair-track:focus-visible,.hair-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}.hair-gallery-head h1{font-size:clamp(28px,7.5vw,40px)}.hair-gallery-head>span{font-size:12px;letter-spacing:.5px}.hair-card{flex-basis:76%}.hair-gallery{margin-bottom:24px}}

.hair-photo-more{background-image:url('assets/haircut-inspiration-more.png')}

/* Compact haircut cards and a real storefront entry to Street View. */
.hair-photo-american{background-image:url('assets/haircut-american.png')}
.hair-card{flex:0 0 38%;max-width:210px;border-radius:18px}.hair-card figcaption{font-size:14px;padding:11px 12px;min-height:46px}.hair-track{gap:12px}.hair-controls button{min-width:44px;min-height:44px}
.storefront-brand{padding:8px 12px 8px 8px;border-radius:16px;border:1px solid #82e8ff45;background:linear-gradient(145deg,#abd9ff15,#09152790);box-shadow:inset 0 1px 0 #fff4,0 4px 0 #040a16;transition:box-shadow .2s}
.storefront-brand:hover{box-shadow:inset 0 1px 0 #fff6,0 4px 0 #040a16,0 0 25px #82e8ff30}.storefront-brand img{width:122px;height:68px;object-fit:cover;border-radius:11px;object-position:60% 50%}.storefront-brand small{color:#bcecff;font-size:12px;letter-spacing:.2px;margin-top:5px}
@media(max-width:800px){header{width:92%;padding:12px;flex-wrap:wrap;gap:14px}.storefront-brand{flex:1;gap:12px;padding:7px}.storefront-brand img{width:90px;height:60px}.storefront-brand span{font-size:12px}.storefront-brand small{font-size:12px;line-height:1.35}.hair-card{flex-basis:45%;max-width:190px}.hair-card figcaption{font-size:14px;line-height:1.35}header nav{margin-left:auto}.hair-gallery-head{flex-wrap:wrap;gap:8px}}

/* Storefront photo fills the entire business-name tile. */
.storefront-brand{position:relative;isolation:isolate;overflow:hidden;width:420px;min-height:150px;padding:22px;align-items:flex-end;background:#101829;border-radius:18px}
.storefront-brand img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;border:0;border-radius:0;object-fit:cover;object-position:center 48%;box-shadow:none}
.storefront-brand:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#030812ed 0%,#03081285 42%,#03081208 80%)}
.storefront-brand span{font-size:18px;color:#fff;text-shadow:0 2px 8px #000;letter-spacing:.6px}.storefront-brand small{font-size:12px;color:#d4f4ff;text-shadow:0 1px 4px #000}
@media(max-width:800px){.storefront-brand{width:100%;flex-basis:100%;min-height:180px;padding:20px}.storefront-brand img{width:100%;height:100%}.storefront-brand span{font-size:17px}.storefront-brand small{font-size:12px}header nav{margin-left:auto}}

/* Compact glass bubble button with the storefront inside. */
.storefront-brand{width:auto;max-width:420px;min-height:86px;height:86px;padding:14px 24px;align-items:center;border-radius:44px;border:1px solid #d6f3ffb0;box-shadow:inset 0 3px 3px #fff9,inset 0 -5px 9px #01091990,inset 3px 0 5px #d6f6ff50,0 5px 0 #030b18,0 9px 0 #82e8ff20,0 15px 25px #0006;transform:translateY(0)}
.storefront-brand img{border-radius:inherit;object-position:center 48%}.storefront-brand:before{border-radius:inherit;background:linear-gradient(90deg,#030812b0,#03081265),linear-gradient(180deg,#ffffff45,transparent 38%,#03081260)}
.storefront-brand:after{content:'';position:absolute;top:3px;left:15px;right:15px;height:39%;border-radius:40px 40px 50% 50%;background:linear-gradient(180deg,#ffffff75,#ffffff08);pointer-events:none}
.storefront-brand span{font-size:16px;position:relative;z-index:1;letter-spacing:.5px}.storefront-brand small{font-size:12px;margin-top:3px;line-height:1.35}
.storefront-brand:hover{transform:translateY(-2px);box-shadow:inset 0 3px 3px #fffb,inset 0 -5px 9px #01091990,0 7px 0 #030b18,0 18px 30px #82e8ff30}.storefront-brand:active{transform:translateY(3px);box-shadow:inset 0 2px 3px #fff8,inset 0 -3px 7px #0006,0 2px 0 #030b18}
@media(max-width:800px){header{flex-wrap:nowrap;gap:10px;padding:12px}.storefront-brand{flex:1 1 auto;min-width:0;max-width:none;width:auto;min-height:74px;height:74px;padding:12px 18px;border-radius:38px}.storefront-brand span{font-size:12px;letter-spacing:.2px}.storefront-brand small{font-size:12px}header nav{flex-shrink:0}header nav a{padding:8px 6px}}
@media(prefers-reduced-motion:reduce){.storefront-brand:hover,.storefront-brand:active{transform:none}}

/* One square storefront header, with its glass finish on the outer tile. */
header{border-radius:0;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,#030812b0,#03081255),url('assets/storefront.jpg') center 48%/cover;box-shadow:inset 0 3px 3px #ffffff80,inset 0 -5px 9px #01091990,inset 2px 0 3px #d6f6ff40,0 7px 0 #030b18,0 12px 26px #0006}
header:before{content:'';position:absolute;inset:2px 2px auto;height:43%;z-index:-1;background:linear-gradient(180deg,#ffffff50,#ffffff05);pointer-events:none}
header:after{left:0;right:0;bottom:0}
.storefront-brand{position:static;isolation:auto;overflow:visible;width:auto;max-width:none;min-height:86px;height:86px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
.storefront-brand img,.storefront-brand:before,.storefront-brand:after{display:none}
.storefront-brand:hover,.storefront-brand:active{transform:none;box-shadow:none}.storefront-brand span{text-shadow:0 2px 6px #000,0 0 15px #000}.storefront-brand small{text-shadow:0 2px 6px #000}
header nav{position:relative;z-index:1}header nav a{background:#08132280;backdrop-filter:blur(12px);border-radius:0;border:1px solid #d9edff40;box-shadow:inset 0 1px 0 #ffffff35}
@media(max-width:800px){header{padding:12px 18px;border-radius:0}.storefront-brand{min-height:74px;height:74px;padding:0;border-radius:0}header nav a{border-radius:0;padding:10px}}

/* Matching glass tile with an endless, draggable logo ribbon. */
.logo-ribbon-tile{position:relative;isolation:isolate;width:90%;margin:20px auto 0;box-sizing:border-box;border:1px solid #bbd7e380;border-radius:0;overflow:hidden;background:linear-gradient(135deg,#243244e8,#071221f0 65%);box-shadow:inset 0 3px 3px #ffffff80,inset 0 -5px 9px #01091990,inset 2px 0 3px #d6f6ff40,0 7px 0 #030b18,0 12px 26px #0006}
.logo-ribbon-tile:before{content:'';position:absolute;inset:2px 2px auto;height:43%;z-index:2;background:linear-gradient(180deg,#ffffff40,#ffffff00);pointer-events:none}
.logo-ribbon-tile:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#78eaff,#ffe2a2,transparent);box-shadow:0 0 12px #78eaff;pointer-events:none}
.logo-ribbon-window{height:114px;overflow:hidden;cursor:grab;touch-action:pan-y;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.logo-ribbon-window:active{cursor:grabbing}.logo-ribbon-window:focus-visible{outline:2px solid #89eaff;outline-offset:-5px}
.logo-ribbon-track{display:flex;width:max-content;height:100%;will-change:transform}.logo-ribbon-group{display:flex;align-items:center;gap:34px;padding:0 17px;flex:none}
.logo-ribbon-group img{width:88px;height:88px;object-fit:cover;border-radius:50%;border:1px solid #e9e2b7;box-shadow:0 0 12px #a5edff70,0 5px 9px #0009;user-select:none;pointer-events:none}
.ribbon-pause{position:absolute;right:9px;bottom:8px;z-index:3;width:30px;height:30px;border:1px solid #ccefff60;border-radius:0;color:#e7faff;background:#081322b0;cursor:pointer;font-size:16px}
@media(max-width:800px){.logo-ribbon-tile{width:92%;margin-top:18px}.logo-ribbon-window{height:100px}.logo-ribbon-group{gap:26px;padding:0 13px}.logo-ribbon-group img{width:76px;height:76px}}

/* One uninterrupted printed ribbon, without individual medallions. */
.logo-ribbon-window{mask-image:none;background:#fff}
.logo-ribbon-group{gap:0;padding:0;height:100%;background:#fff}
.ribbon-logo{display:block;flex:none;width:180px;height:100%;background:#fff url('assets/logo.jpeg') center 51% / 170% auto no-repeat}
@media(max-width:800px){.logo-ribbon-group{gap:0;padding:0}.ribbon-logo{width:158px}}

/* Hairstyles take the ribbon's place beneath the storefront. */
.hairstyle-ribbon{position:relative;width:90%;margin:20px auto 0;padding:14px 18px 18px;box-sizing:border-box;border:1px solid #bbd7e380;border-radius:0;background:linear-gradient(135deg,#243244d9,#071221e8 65%);box-shadow:inset 0 3px 3px #ffffff60,inset 0 -5px 9px #01091990,0 7px 0 #030b18,0 12px 26px #0006}
.hairstyle-ribbon .hair-controls{margin:0 0 12px}.hairstyle-ribbon .hair-track{scroll-snap-type:none;scrollbar-width:none}.hairstyle-ribbon .hair-track::-webkit-scrollbar{display:none}.hairstyle-ribbon .hair-card{flex:0 0 180px;max-width:180px}.hairstyle-ribbon .hair-track{cursor:grab;touch-action:pan-x pan-y}.hairstyle-ribbon .hair-track:active{cursor:grabbing}
@media(max-width:800px){.hairstyle-ribbon{width:92%;padding:12px;margin-top:18px}.hairstyle-ribbon .hair-card{flex-basis:43%;max-width:190px}}

.hairstyle-ribbon .hair-controls{gap:12px}.hair-controls p{flex:1;text-align:center}.hair-card[role=button]{cursor:pointer}.hair-card[role=button]:focus-visible{outline:2px solid #ffe2a2;outline-offset:2px}
.style-viewer{padding:24px;border:1px solid #a5eaff90;border-radius:24px;color:#eef8ff;background:linear-gradient(145deg,#263d55,#07101f);width:min(480px,88vw);max-height:92dvh;overflow:auto;box-shadow:inset 0 2px 2px #ffffff60,0 24px 90px #000b,0 0 45px #5adfff30;perspective:1000px}
.style-viewer::backdrop{background:#020815c9;backdrop-filter:blur(12px)}.style-viewer-open{overflow:hidden}.style-close{display:block;margin:0 0 12px auto;border:1px solid #b3ebff80;color:#fff;background:#13263b;border-radius:50%;width:44px;height:44px;font-size:28px;cursor:pointer}.style-deck{position:relative;border:1px solid #b7e9ff80;border-radius:20px;box-shadow:0 8px 0 #040c18,0 18px 30px #0008;touch-action:none;cursor:grab}.style-large-photo{aspect-ratio:1;border-radius:20px;background-repeat:no-repeat}.style-viewer h2{font-size:24px;margin:20px 0 12px;text-align:center}.style-viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.style-viewer-controls span{font-size:14px;color:#b7d9ed}.style-viewer-controls button{width:48px;height:48px;border-radius:50%;border:1px solid #a5eaff90;background:linear-gradient(145deg,#4e7691,#0b182a);color:white;font-size:28px;cursor:pointer}
@media(max-height:650px){.style-large-photo{max-height:55dvh;aspect-ratio:1}.style-deck{width:min(100%,55dvh);margin:auto}.style-viewer{padding:14px}.style-viewer h2{margin:14px 0 8px}}

#choose-chair{font-family:inherit;font-size:inherit;cursor:pointer}.chair-picker-open{overflow:hidden}.chair-picker{width:min(820px,94vw);max-height:90dvh;box-sizing:border-box;padding:24px;border-radius:24px;border:1px solid #a0ddff90;background:radial-gradient(ellipse at top,#244460,#081423 65%);color:#edf8ff;box-shadow:inset 0 2px 2px #fff6,0 20px 90px #000b,0 0 35px #50dfff25}.chair-picker::backdrop{background:#030917cf;backdrop-filter:blur(10px)}.chair-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.chair-top h2{font-size:28px;margin:0}.chair-close{flex:none;width:44px;height:44px;border:1px solid #b4e7ff70;border-radius:50%;background:#142b42;color:white;font-size:28px;cursor:pointer}.chair-preview{font-size:14px;color:#c2d7e6;line-height:1.5}.chair-date-label{display:flex;align-items:center;gap:12px;color:#d4eafb;font-size:16px;margin:16px 0 20px}.chair-date-label input{font:inherit;color:#edf8ff;background:#10273b;border:1px solid #a0dfff60;border-radius:12px;padding:10px;color-scheme:dark}.barber-spheres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 10px}.barber-choice{display:flex;flex-direction:column;align-items:center;gap:7px;background:none;color:#edf8ff;border:0;font:inherit;cursor:pointer;padding:4px}.barber-ball,.branch-barber-sphere{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;font-size:26px;font-weight:700;border:1px solid #a6e8ff;background:radial-gradient(circle at 30% 22%,#dcf8ff,#729cbe 18%,#203e5d 50%,#060e1e 85%);box-shadow:inset 2px 3px 6px #fff8,inset -6px -9px 14px #0008,0 8px 12px #0008,0 0 12px #4cdfff35}.barber-choice strong{font-size:15px}.barber-choice small{font-size:12px;color:#b6cfe0}.barber-choice[aria-pressed=true] .barber-ball{border-color:#ffe9a4;box-shadow:inset 2px 3px 6px #fff8,0 0 22px #f7d175a0}.barber-branch{margin-top:26px;padding-top:22px;border-top:1px solid #91dcff40}.branch-root{display:flex;justify-content:center;align-items:center;gap:18px}.branch-root h3{margin:0;font-size:22px}.branch-root p{font-size:14px;margin:7px 0;color:#b6d4e7}.barber-phone a{color:#d7edff}.branch-capacity{color:#ead59d!important}.queue-guide{position:relative;text-align:center;font-size:14px;color:#c5dce9;margin:0;padding:32px 0 16px}.queue-guide:before{content:'';position:absolute;top:0;left:50%;width:1px;height:24px;background:#96dfff;box-shadow:0 0 8px #7adfff}.client-spheres{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 8px;padding-top:18px;border-top:1px solid #91dfff60}.client-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;color:#d9eefb;cursor:pointer;font:inherit}.client-choice:before{content:'';position:absolute;top:-18px;height:17px;width:1px;background:#78c5ec70}.client-ball{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;font-size:19px;font-weight:700;border:1px solid #8addff;background:radial-gradient(circle at 30% 20%,#d8f7ff,#5192b3 23%,#163950 65%,#071521);box-shadow:inset -4px -5px 8px #0007,0 4px 8px #0006}.client-choice small{font-size:12px}.client-choice[aria-pressed=true] .client-ball{background:radial-gradient(circle at 30% 20%,#fff9dc,#f4ce79 28%,#9d702e 70%,#463018);color:#20180d;border-color:#fff1b8;box-shadow:0 0 20px #f7cf7a80}.chair-selection{font-size:15px;line-height:1.6;text-align:center;padding:14px;background:#0a1d2b;border:1px solid #91dfff30;border-radius:14px;margin:20px 0 0}.barber-choice:focus-visible,.client-choice:focus-visible{outline:2px solid #ffe1a0;outline-offset:3px;border-radius:12px}
@media(max-width:600px){.chair-picker{padding:16px}.chair-top h2{font-size:24px}.barber-spheres{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 6px}.barber-ball{width:66px;height:66px;font-size:22px}.barber-choice strong{font-size:14px}.barber-choice small{font-size:12px}.client-ball{width:43px;height:43px}.client-choice small{font-size:12px}}

/* A matching in-page glass tile immediately below the hairstyles. */
.chair-picker{display:block;position:relative;width:90%;max-height:none;margin:20px auto 0;padding:18px;overflow:visible;border-radius:0;scroll-margin-top:20px;background:linear-gradient(135deg,#243244d9,#071221e8 65%);border:1px solid #bbd7e380;box-shadow:inset 0 3px 3px #ffffff60,inset 0 -5px 9px #01091990,0 7px 0 #030b18,0 12px 26px #0006}
.chair-picker .chair-top h2{font-size:24px}.chair-slide-controls{display:flex;gap:10px}.chair-slide-controls button{width:44px;height:44px;border-radius:50%;font-size:28px;line-height:1;color:#e2f8ff;background:linear-gradient(145deg,#86baff40,#101d34);border:1px solid #9ae6ff70;box-shadow:inset 0 1px 0 #fff6,0 4px 0 #040c18;cursor:pointer}.chair-picker .barber-spheres{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#82e8ff75 #102037;padding:8px 2px 16px}.barber-choice{flex:0 0 150px;border:1px solid #9ad9ff60;border-radius:18px;padding:16px 10px;background:linear-gradient(145deg,#28435980,#0c172a);scroll-snap-align:start;box-shadow:inset 0 1px 0 #fff5,0 6px 0 #040b15}.chair-picker .chair-preview{margin:10px 0;font-size:14px}.chair-picker .chair-date-label{margin:12px 0}.chair-picker .barber-branch{overflow:hidden}.chair-picker .barber-branch[hidden]{display:none}.chair-picker .barber-spheres:focus-visible{outline:2px solid #ffe1a0;outline-offset:3px}
@media(max-width:800px){.chair-picker{width:92%;padding:12px;margin-top:18px}.chair-picker .chair-top h2{font-size:22px}.chair-picker .barber-choice{flex-basis:130px}.chair-picker .barber-spheres{gap:12px}}

/* Glossy square portrait and customer tiles. */
.barber-choice{position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(155deg,#45617a,#142c43 45%,#091625);box-shadow:inset 0 2px 3px #fff7,inset 0 -4px 7px #020a14b0,0 6px 0 #030b18,0 10px 18px #0005}
.barber-choice:before,.client-choice:after{content:'';position:absolute;inset:2px 2px auto;height:33%;background:linear-gradient(180deg,#ffffff35,transparent);border-radius:10px 10px 0 0;pointer-events:none;z-index:1}
.barber-ball,.branch-barber-sphere{position:relative;width:100%;height:auto;aspect-ratio:1;border-radius:9px;overflow:hidden;background:#13263b;box-shadow:inset 0 2px 3px #fff7,0 5px 9px #0006}.barber-ball img,.branch-barber-sphere img{width:100%;height:100%;object-fit:cover}.barber-photo-label{position:absolute;bottom:0;left:0;right:0;padding:6px 3px;background:#071322d9;font-size:12px;color:#c4deec;text-align:center}.branch-barber-sphere{width:90px;flex:none}
.client-spheres{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 10px}.client-choice{position:relative;padding:12px 8px;border:1px solid #9bdcff70;border-radius:12px;background:linear-gradient(155deg,#42617b,#142d43 45%,#0a1828);box-shadow:inset 0 2px 3px #fff6,inset 0 -4px 8px #030b1590,0 5px 0 #030b18;min-width:0;gap:7px}.client-ball{width:44px;height:38px;border-radius:8px;background:linear-gradient(150deg,#8ebacf,#294e6a);border:1px solid #b9eaff70;font-size:19px;box-shadow:inset 0 1px 2px #fff7,0 3px 6px #0005}.client-choice strong{font-size:13px}.customer-tile-name{font-size:13px;overflow-wrap:anywhere}.client-choice .customer-whatsapp{font-size:12px;color:#c6dfdd}.customer-number{font-size:12px;color:#adc6db;overflow-wrap:anywhere}.client-choice[aria-pressed=true]{border-color:#ffe7a5;box-shadow:inset 0 2px 3px #fff6,0 0 18px #f6cf7540,0 5px 0 #030b18}.client-choice[aria-pressed=true] .client-ball{border-radius:8px}
.customer-preview-form{margin-top:24px;padding:16px;background:#0c2032;border:1px solid #90dfff50;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.customer-preview-form[hidden]{display:none}.customer-preview-form h4{grid-column:1/-1;margin:0;font-size:17px}.customer-preview-form label{display:flex;flex-direction:column;gap:8px;font-size:14px}.customer-preview-form input{min-width:0;width:100%;box-sizing:border-box;padding:12px;color:#eff8ff;background:#081725;border:1px solid #94dbff70;border-radius:9px;font:inherit}.customer-preview-form button{grid-column:1/-1;padding:12px;background:linear-gradient(180deg,#ffe7ab,#c99a4e);color:#251b0a;font:inherit;font-weight:700;border:1px solid #fff0c5;border-radius:10px;cursor:pointer;box-shadow:inset 0 2px 2px #fff9,0 4px 0 #322410}.customer-preview-form small{grid-column:1/-1;font-size:13px;color:#b1ccde}
@media(max-width:650px){.client-spheres{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.client-choice{padding:10px 5px}.customer-preview-form{grid-template-columns:1fr}.barber-ball{width:100%;height:auto}.branch-barber-sphere{width:76px}.barber-choice strong{font-size:14px}}

.ad-gallery{min-width:0;border:1px solid #bbd7e380;border-radius:0;background:linear-gradient(135deg,#243244d9,#071221e8 65%);box-shadow:inset 0 3px 3px #ffffff60,inset 0 -5px 9px #01091990,0 7px 0 #030b18,0 12px 26px #0006;padding:14px 0;overflow:hidden}.ad-controls{display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:12px}.ad-controls h2{font-size:22px;margin:0}.ad-controls button,.ad-viewer-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #9ae6ff70;color:#e2f8ff;font-size:28px;background:linear-gradient(145deg,#86baff40,#101d34);box-shadow:inset 0 1px 0 #fff6,0 4px 0 #040c18;cursor:pointer}.ad-track{position:relative;display:flex;align-items:center;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:35px 22%;scrollbar-width:none;overscroll-behavior-x:contain;perspective:1000px}.ad-track::-webkit-scrollbar{display:none}.ad-card{position:relative;flex:0 0 100%;aspect-ratio:1;padding:0;border-radius:18px;overflow:hidden;border:1px solid #9ad9ff70;background:#101d31;scroll-snap-align:center;transform:scale(.84) rotateY(-7deg);opacity:.65;transition:transform .35s,opacity .35s,box-shadow .35s;cursor:pointer;box-shadow:inset 0 1px 0 #fff5,0 7px 0 #040b15}.ad-card.ad-centered{transform:scale(1.08) rotateY(0);opacity:1;z-index:1;box-shadow:0 0 22px #74deff50,0 10px 18px #0008}.ad-card img{display:block;width:100%;height:100%;object-fit:cover}.ad-card:after{content:'';position:absolute;inset:1px 1px auto;height:27%;background:linear-gradient(180deg,#ffffff35,transparent);pointer-events:none}.ad-footer{display:flex;align-items:center;justify-content:center;gap:14px;color:#bcd9ea;font-size:14px}.ad-play{width:34px;height:34px;border-radius:10px;border:1px solid #b4e7ff60;background:#142b42;color:white;cursor:pointer}.ad-view-open{overflow:hidden}.ad-viewer{width:min(760px,94vw);max-height:94dvh;padding:14px;border:1px solid #a0ddff90;border-radius:22px;color:#edf8ff;background:linear-gradient(145deg,#263d55,#07101f);box-shadow:inset 0 2px 2px #fff6,0 24px 90px #000b}.ad-viewer::backdrop{background:#030917d9;backdrop-filter:blur(12px)}.ad-close{display:block;margin:0 0 10px auto;width:44px;height:44px;border:1px solid #b4e7ff70;border-radius:50%;background:#142b42;color:white;font-size:28px;cursor:pointer}.ad-viewer>img{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain;border-radius:12px;touch-action:pan-y;user-select:none}.ad-viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.ad-view-title{font-size:16px}.ad-card:focus-visible,.ad-track:focus-visible{outline:2px solid #ffe1a0;outline-offset:3px}@media(prefers-reduced-motion:reduce){.ad-card{transition:none}}

.logo-instagram-hint{display:block;position:relative;z-index:3;margin:24px 0 0;text-align:center;font-size:16px;line-height:1.5;color:#cef2ff;text-decoration:none;text-shadow:0 2px 5px #000;max-width:300px}.logo-instagram-hint:hover{text-decoration:underline;color:#ffe6a6}.logo-instagram-hint:focus-visible{outline:2px solid #ffe1a0;outline-offset:6px}.holo-stage{grid-template-rows:auto auto}

.logo-instagram-hint{display:flex;align-items:center;justify-content:center;gap:12px;max-width:340px}.instagram-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:white;background:radial-gradient(circle at 28% 110%,#ffd66b,#ef6654 40%,#c8359b 67%,#6358cf);box-shadow:inset 0 2px 3px #fff7,0 4px 0 #301646,0 0 18px #e55db63d}.instagram-icon svg{width:27px;height:27px}.shop-qr-tile{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:28px;border:1px solid #bbd7e380;border-radius:0;background:linear-gradient(135deg,#243244d9,#071221e8 65%);box-shadow:inset 0 3px 3px #ffffff60,inset 0 -5px 9px #01091990,0 7px 0 #030b18,0 12px 26px #0006}.shop-qr-tile h2{font-size:clamp(28px,4vw,48px);margin:12px 0 20px}.shop-qr-copy address{font-style:normal;font-size:18px;line-height:1.6;color:#e0eff7}.shop-qr-copy>p:not(.eyebrow){font-size:16px;line-height:1.6}.shop-qr-image{display:flex;flex-direction:column;align-items:center;gap:12px;flex:0 0 240px;text-decoration:none;color:#d4edfa;font-size:14px}.shop-qr-image img{display:block;width:100%;height:auto;background:white;border:10px solid white;box-sizing:border-box;border-radius:10px;box-shadow:0 8px 20px #0007}.shop-qr-image:focus-visible{outline:2px solid #ffe1a0;outline-offset:6px}@media(max-width:650px){.shop-qr-tile{flex-direction:column;padding:22px;align-items:flex-start}.shop-qr-image{flex:auto;width:min(260px,100%);align-self:center}}

/* Compact QR card, sized closely around the existing code. */
.shop-qr-tile{width:272px;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:16px;margin-left:auto;margin-right:auto;align-items:center}.shop-qr-copy{width:100%;text-align:center}.shop-qr-copy .eyebrow{font-size:14px;letter-spacing:1px;margin:0}.shop-qr-image{flex:none;width:240px;max-width:100%;gap:10px}.shop-qr-image img{border-width:6px}.barber-choice strong{text-align:center}
@media(max-width:650px){.shop-qr-tile{padding:16px;width:272px;align-items:center}.shop-qr-image{width:240px;flex:none}}

.services article .service-price{font-size:44px;font-weight:700;line-height:1.2;color:#ffe2a1;margin:20px 0 26px;text-shadow:0 2px 0 #654c27,0 5px 12px #0008}


.services article h3,.services article .service-label{font-weight:900;text-transform:uppercase}
.services article .bill-art{width:100%;aspect-ratio:4.5;margin:22px 0 12px;background-image:url('assets/glossy-bills.png');background-size:100% 300%;background-repeat:no-repeat;border-radius:10px;filter:drop-shadow(0 8px 8px #0008)}
.services article:nth-child(1) .bill-art{background-position:center top}
.services article:nth-child(2) .bill-art{background-position:center center}
.services article:nth-child(3) .bill-art{background-position:center bottom}
.services article .service-price{font-weight:900;margin:8px 0 20px}

/* Customer booking: one clear action, with staff access in their own apps. */
#chairs.customer-booking{width:90%;max-width:1200px;margin:28px auto;padding:36px 40px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:32px}
#chairs .booking-eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#ebc780}
#chairs.customer-booking h2{font-size:clamp(28px,4vw,46px);line-height:1.12;margin:12px 0;text-shadow:none;letter-spacing:-1px}
#chairs.customer-booking p{font-size:16px;line-height:1.6;margin:0;color:#c6d9e8}
#chairs .booking-details{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:20px 0 0;list-style:none;color:#b5cadd;font-size:13px}
#chairs.customer-booking>.button{flex:none;display:flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:18px 26px;font-size:15px;white-space:nowrap;border-radius:16px}
@media(max-width:700px){#chairs.customer-booking{width:92%;padding:26px 22px;align-items:stretch;flex-direction:column;gap:24px}#chairs.customer-booking>.button{width:100%;white-space:normal}#chairs .booking-details{gap:8px 14px}}