@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#111210;--paper:#eeeDE5;--yellow:#f8df22;--line:#ffffff24;--muted:#aaaDA3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.wordmark{font:900 34px/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px}.wordmark span{display:block;font:600 9px/2 'DM Sans',sans-serif;letter-spacing:2px}nav{display:flex;gap:36px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:19px 24px;background:var(--yellow);color:#111;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#fff063;transform:translateY(-3px)}.button.small{padding:14px 20px}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;padding:65px 5% 24px;position:relative}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;background:var(--yellow);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(72px,8vw,124px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:32px 0 25px}em{font-style:normal;color:var(--yellow)}.intro{font-size:14px;color:var(--muted);line-height:1.8}.actions{display:flex;align-items:center;gap:28px;margin:30px 0 50px}.hero-bottom{display:flex;gap:40px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px;background:radial-gradient(ellipse at 50% 45%,#b3a0221d,transparent 64%)}.coin{width:355px;height:355px;border-radius:50%;background:#000;border:2px solid #e8d124;box-shadow:5px 4px #a38d13,10px 8px #74610a,15px 12px #342e0e,20px 18px 25px #0009,0 0 100px #f8df2220;transform:rotateY(-25deg) rotateX(15deg) rotateZ(-12deg);animation:float 7s ease-in-out infinite;overflow:hidden}.logo-crop{position:absolute;inset:8%;border-radius:50%;background:url('assets/marca.png') 50% 39.2%/224% auto}.orbit{position:absolute;width:460px;height:460px;border:1px solid #e6d74730;border-radius:50%;transform:rotateX(65deg) rotateZ(-30deg)}.orbit-two{width:540px;height:540px;transform:rotateY(65deg) rotateZ(30deg);border-style:dashed}.floating-tag{position:absolute;padding:12px 15px;font-size:8px;letter-spacing:2px;background:#22231de0;border:1px solid #ffffff20;box-shadow:0 10px 30px #0007}.tag-one{top:15%;right:0;transform:rotate(8deg)}.tag-two{bottom:18%;left:4%;transform:rotate(-8deg);color:var(--yellow)}.art-number{position:absolute;bottom:22px;right:0;font-size:9px;letter-spacing:2px;color:var(--muted)}.ticker{display:flex;align-items:center;justify-content:space-around;gap:30px;overflow:hidden;white-space:nowrap;background:var(--yellow);color:#151610;padding:17px 0;font:700 23px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}.ticker b{font-size:28px}.section{padding:90px 5%;border-bottom:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.section-top>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7}h2{font:700 clamp(44px,5.7vw,82px)/.97 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin-bottom:38px}h2>span{color:#8d9187}.team{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.barber{color:inherit;background:transparent;border:0;border-bottom:1px solid var(--line);padding:0;text-align:left;cursor:pointer;transition:transform .3s}.barber:hover{transform:translateY(-7px)}.portrait{aspect-ratio:1/1.05;position:relative;overflow:hidden;background:#272a23;filter:grayscale(1);transition:filter .3s}.barber:hover .portrait{filter:grayscale(0)}.portrait-photo{position:absolute;inset:0;background-repeat:no-repeat;background-size:782.26% auto}.portrait .initials{height:100%;display:grid;place-items:center;font:700 90px 'Barlow Condensed',Impact;color:var(--yellow);background:radial-gradient(ellipse,#46452c,#1c1e18)}.barber-num{position:absolute;top:12px;left:12px;font-size:9px;background:#111b;padding:5px 7px}.barber-caption{padding:18px 0;display:flex;justify-content:space-between;align-items:center}.barber-caption strong{display:block;font-size:17px}.barber-caption small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.barber-caption>b{font-size:22px;color:var(--yellow)}.note{font-size:11px;color:var(--muted);line-height:1.6;margin:22px 0 0}.gallery-section{background:#e7e8df;color:#171914}.gallery-section h2>span{color:#74786b}.gallery-section .note{color:#64695e}.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.gallery figure{margin:0}.gallery figure:nth-child(2){padding-top:60px}.cut{aspect-ratio:278/370;background-repeat:no-repeat;transition:transform .3s}.cut:hover{transform:scale(1.02)}.cut-one{background-image:url('assets/cortes.png');background-size:688.85% auto;background-position:49.6% 7.3%}.cut-two{background-image:url('assets/instagram.png');background-size:687% auto;background-position:67.1% 100%}.cut-three{background-image:url('assets/cortes.png');background-size:688.85% auto;background-position:84% 67.4%}figcaption{font-size:10px;font-weight:700;letter-spacing:1.2px;margin-top:16px}.services{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.muted{color:var(--muted);font-size:14px;line-height:1.8}.service{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;border-bottom:1px solid var(--line);font-size:16px}.service small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.service strong{white-space:nowrap;color:var(--yellow);font-size:17px}summary{cursor:pointer;padding:24px 0;color:var(--yellow);font-size:13px;list-style:none}summary span{float:right}.club{background:#191b15}.club-intro{color:var(--muted);font-size:14px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.plan{padding:30px;border:1px solid #ffffff25;display:flex;flex-direction:column}.plan>p:first-child{font-size:9px;letter-spacing:1.6px}.plan h3{font:600 28px/1.1 'Barlow Condensed',Impact;min-height:62px;margin:18px 0}.price{font:600 57px 'Barlow Condensed',Impact;margin-bottom:16px}.price span{font-size:30px}.plan>p{font-size:12px}.plan ul{padding-left:17px;font-size:12px;line-height:2;flex:1;min-height:60px}.featured{background:var(--yellow);color:#171914}.featured .button{background:#171914;color:var(--yellow)}.secondary{background:transparent;border:1px solid #ffffff50;color:var(--paper)}.extra-plans{display:flex;gap:40px;margin-top:30px;font-size:12px;color:var(--muted)}.visit h2{font-size:clamp(60px,10vw,140px)}.visit-bottom{display:flex;justify-content:space-between;align-items:end}.visit-bottom p{font-size:14px;line-height:1.9}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 5%;color:var(--muted)}footer p,footer>span{font-size:10px}dialog{background:#191c16;color:var(--paper);border:1px solid #f8df2250;padding:45px;max-width:580px;width:calc(100% - 30px);max-height:90vh}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog h2{font-size:55px;margin:25px 0}dialog>p{line-height:1.7;font-size:13px}dialog h3{margin-top:25px}.close{position:absolute;right:15px;top:12px;background:none;color:var(--paper);border:0;padding:10px;cursor:pointer;font-size:20px}.portfolio-empty{display:flex;align-items:center;gap:25px;border:1px dashed #ffffff35;padding:25px;color:var(--muted)}.portfolio-empty span{font-size:45px;color:var(--yellow)}.portfolio-empty p{margin:0;font-size:14px;line-height:1.7}dialog .button{display:flex;margin-top:30px}dialog .text-link{display:inline-block;margin-top:18px}:focus-visible{outline:3px solid #e6aefb;outline-offset:5px}@keyframes float{50%{transform:translateY(-20px) rotateY(-15deg) rotateX(8deg) rotateZ(-6deg)}}@media(max-width:850px){header{height:82px}nav{gap:18px}.hero{grid-template-columns:1fr 1fr;min-height:600px}h1{font-size:77px}.coin{width:260px;height:260px}.orbit{width:310px;height:310px}.orbit-two{width:370px;height:370px}.actions{align-items:start;flex-direction:column;gap:18px}.team{grid-template-columns:repeat(3,1fr)}.plans{gap:12px}.plan{padding:20px}.plan .button{padding:15px 12px;font-size:11px}.services{gap:30px}}@media(max-width:600px){header{padding:0 6%}nav{display:none}.wordmark{font-size:30px}.button.small{font-size:11px;padding:12px}.hero{padding:40px 6% 26px;grid-template-columns:1fr}.hero-copy{z-index:1}h1{font-size:83px;margin-top:26px}.intro{font-size:13px}.hero .actions{flex-direction:row;align-items:center;gap:20px;margin-bottom:30px}.hero .actions .button{font-size:11px;padding:17px;gap:12px}.hero .text-link{font-size:11px}.hero-art{height:360px;grid-row:2;margin:10px -5% 0}.coin{width:250px;height:250px}.tag-one{top:10%;right:5%}.tag-two{bottom:12%;left:5%}.art-number{bottom:0;right:6%}.hero-bottom{font-size:8px;gap:22px}.section{padding:58px 6%}.section-top{gap:20px}.section-top>p:not(.eyebrow){display:none}.eyebrow{font-size:9px;letter-spacing:1.4px}h2{font-size:52px}.team{grid-template-columns:repeat(2,1fr);gap:20px 12px}.barber-caption strong{font-size:14px}.barber-caption small{font-size:9px}.gallery{gap:12px;grid-template-columns:1fr 1fr}.gallery figure:nth-child(2){padding-top:35px}.gallery figure:last-child{display:none}.gallery-section .section-top{flex-wrap:wrap}.services{display:block}.service-menu{margin-top:30px}.plans{grid-template-columns:1fr}.plan{padding:28px}.plan h3{min-height:0}.plan ul{min-height:0}.featured{order:-1}.extra-plans{flex-direction:column;gap:16px}.visit h2{font-size:76px}.visit-bottom{display:block}.visit-bottom .button{margin-top:30px}footer{gap:20px;flex-wrap:wrap}footer>span{display:none}dialog{padding:35px 25px}dialog h2{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.cut-two{aspect-ratio:280/324;background-size:682.14% auto;background-position:67.05% 100%}
#equipe h2 > span{color:var(--yellow)}