/* Seven distinct art directions. Shared motion is intentionally small and optional. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
[data-motion-hero]{--motion-y:0px;--pointer-x:0px;--pointer-y:0px;position:relative}
.motion-line{display:block;overflow:clip;padding-bottom:.11em;margin-bottom:-.11em}
.motion-line>span{display:block;animation:atelier-line 1.15s var(--motion-ease) both;animation-delay:calc(var(--line-index,0)*.12s)}
@keyframes atelier-line{from{transform:translateY(110%) rotate(2deg)}to{transform:translateY(0) rotate(0)}}
@keyframes atelier-breathe{0%,100%{transform:scale(1.015)}50%{transform:scale(1.07)}}
@keyframes atelier-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes atelier-spin{to{rotate:360deg}}
@keyframes atelier-track{to{transform:translateX(-50%)}}
@keyframes atelier-dash{to{stroke-dashoffset:-300}}
@keyframes atelier-wave{0%,100%{scale:1 .25}50%{scale:1 1}}
.motion-toggle{position:absolute;right:24px;bottom:18px;z-index:8;background:#fffdf0e8;color:#17251f;border:1px solid #162d2326;border-radius:20px;padding:8px 13px;font:10px/1.3 system-ui;cursor:pointer;backdrop-filter:blur(8px)}
.motion-toggle:focus-visible,[data-photo-select]:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
.motion-paused [data-photo]{transition:none!important}
.atelier-eyebrow{font:500 10px/1.5 'DM Sans',sans-serif;letter-spacing:2px;text-transform:uppercase}
.atelier-rail{display:flex;justify-content:space-between;align-items:center;gap:24px;font:10px/1.5 'DM Sans',sans-serif;letter-spacing:1px;border-top:1px solid currentColor;padding-top:18px}
.atelier-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 23px;border:1px solid currentColor;font:600 12px/1.5 'DM Sans',sans-serif;text-decoration:none}
.atelier-link span{font-size:20px;font-weight:400}
.atelier-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;padding:90px 6%;overflow:hidden}
.atelier-story h2{font-weight:400;font-size:clamp(34px,4.6vw,68px);line-height:1.08;letter-spacing:-1.8px;margin:20px 0}
.atelier-story p{max-width:440px;font:14px/1.9 'DM Sans',sans-serif;opacity:.78}
.atelier-story .story-photo{position:relative;overflow:hidden;aspect-ratio:1.5}
.story-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--motion-ease)}
.story-photo:hover img{transform:scale(1.045)}
.atelier-wordmark{font-size:clamp(80px,17vw,250px);line-height:.8;letter-spacing:-.07em;white-space:nowrap;overflow:hidden;user-select:none;pointer-events:none}
.photo-deck{position:relative;overflow:hidden;isolation:isolate}
.photo-deck [data-photo]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease;animation:atelier-breathe 18s ease-in-out infinite;z-index:0}
.photo-deck [data-photo].is-active{opacity:1;z-index:1}
.deck-controls{position:absolute;bottom:24px;left:24px;right:24px;z-index:5;display:flex;gap:8px}
.deck-controls button{min-height:40px;flex:1;border:1px solid #fff8;background:#132b2733;backdrop-filter:blur(10px);color:#fff;padding:8px 12px;text-align:left;font:11px 'DM Sans',sans-serif;cursor:pointer;transition:background .3s}
.deck-controls button[aria-pressed=true]{background:#fff;color:#18352d}
/* LUMINA — porcelain, editorial type and a photographic lightbox. */
body[data-atelier=dental]{--mint:#344c54;--text:#233c43;--bg:#f8f7f2;--card:#fffdf7;background:#f8f7f2}
[data-atelier=dental] .nav{position:relative;top:auto;padding:20px 4%;background:#f8f7f2}
[data-atelier=dental] .nav-inner{max-width:none;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}
[data-atelier=dental] .hero{padding:30px 4% 55px;background:#f8f7f2;overflow:hidden}
[data-atelier=dental] .hero:before{display:none}
[data-atelier=dental] .hero-grid{max-width:1440px;grid-template-columns:1fr 1fr;gap:5%;align-items:center}
[data-atelier=dental] .hero h1{font:400 clamp(55px,6.9vw,106px)/.98 'Instrument Serif',Georgia,serif;letter-spacing:-3px;margin:25px 0}
[data-atelier=dental] .hero h1 em{font-weight:400;color:#758d88}
[data-atelier=dental] .hero .lead{font-size:14px;line-height:1.85;max-width:375px}
[data-atelier=dental] .hero-cta{margin-top:30px;gap:12px;flex-wrap:wrap}
[data-atelier=dental] .btn{border-radius:0;font-size:11px;padding:15px 19px}
[data-atelier=dental] .btn-primary{background:#233f45}
[data-atelier=dental] .hero-visual{aspect-ratio:.94;max-height:680px;position:relative;margin:0}
.lumina-lightbox{height:100%;border-radius:42% 42% 2px 2px;background:#d3dedb}
.lumina-lightbox:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid #324d4917;border-radius:inherit}
.lumina-caption{display:flex;justify-content:space-between;margin-top:12px;font:9px 'Manrope',sans-serif;letter-spacing:1px}
.lumina-seal{position:absolute;top:24%;left:-35px;z-index:4;width:76px;height:76px;background:#f8f7f2;border-radius:50%;display:grid;place-items:center;border:1px solid #ccdad2}
.lumina-seal svg{width:48px;height:48px;animation:atelier-spin 28s linear infinite}
.lumina-line{margin-top:32px;padding-top:18px;border-top:1px solid #ccd6cf;display:flex;gap:25px;font-size:10px;color:#637d77}
[data-atelier=dental] .stats,[data-atelier=dental] .stat,[data-atelier=dental] .tile,[data-atelier=dental] .member,[data-atelier=dental] .quote,[data-atelier=dental] .booking{border-radius:3px}
[data-atelier=dental] .light{border-radius:0;background:#e7eddf}
[data-atelier=dental] .tile{transition:transform .6s var(--motion-ease),box-shadow .6s;border-color:#d6ded4}
[data-atelier=dental] .tile:hover{transform:translateY(-6px)}
[data-atelier=dental] .marquee{background:#e8eee5;border-color:#d4dfd1}
[data-atelier=dental] .atelier-story{background:#213e42;color:#f5f3e8;padding-block:100px}
[data-atelier=dental] .atelier-story h2{font-family:'Instrument Serif',Georgia,serif}
[data-atelier=dental] .atelier-story .story-photo{border-radius:2px 100px 2px 2px}
[data-atelier=dental] .giant{background:linear-gradient(#a6b7ad,#e5ece7);background-clip:text}
/* AURORA — human scale, aubergine and soft chartreuse, a real portrait. */
body[data-atelier=medica]{--bg:#f7f5f0;--ink:#302a3f;--ink-2:#655e6f;--muted:#756a7a;--accent:#524265;--accent-deep:#392d49;--accent-soft:#eee8f2;--line:#e3dce4;--surface-2:#f0ecef;--ancho:1320px}
[data-atelier=medica] .cabecera{background:#f7f5f0f0;border-bottom:1px solid #dcd5e1}
[data-atelier=medica] .marca{color:#42334e}
[data-atelier=medica] .portada{padding:30px 0 55px;background:#f7f5f0;overflow:hidden}
[data-atelier=medica] .portada .envoltura{grid-template-columns:1.03fr .97fr;gap:6%;align-items:center}
[data-atelier=medica] .portada h1{font-size:clamp(48px,5.8vw,85px);letter-spacing:-3.8px;line-height:1.02;font-weight:500;margin-top:24px}
[data-atelier=medica] .portada h1 em{font-style:normal;color:#907798}
[data-atelier=medica] .portada .bajada{font-size:16px;max-width:420px;line-height:1.8}
[data-atelier=medica] .portada .ceja{background:transparent;padding:0;color:#766381;font-size:10px;letter-spacing:2px}
.aurora-portrait{position:relative;height:580px;border-radius:8px 150px 8px 8px;background:#e9e0e5;overflow:hidden;isolation:isolate}
.aurora-portrait>img{width:100%;height:100%;object-fit:cover;object-position:center 20%;animation:atelier-breathe 20s ease-in-out infinite}
.aurora-portrait:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#36243c99);pointer-events:none}
.aurora-orbit{position:absolute;inset:32px;border:1px solid #ffffff6b;border-radius:50%;z-index:2;pointer-events:none}
.aurora-orbit:before{content:'+';position:absolute;top:12%;left:8%;color:#fff;font-size:30px;font-weight:300}
.aurora-care{position:absolute;z-index:3;left:28px;bottom:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff}
.aurora-care span{font-size:10px;letter-spacing:1px}.aurora-care strong{font-size:23px;display:block;font-weight:400;margin-top:6px}
.aurora-care a{width:48px;height:48px;border-radius:50%;background:#e6ebc3;color:#42344b;display:grid;place-items:center;font-size:26px}
.aurora-note{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:11px;color:#786881}
.aurora-note i{width:7px;height:7px;background:#928375;border-radius:50%;box-shadow:0 0 0 6px #e9e6da}
.aurora-booking{padding:70px 0 95px;background:#e8edcd;scroll-margin-top:100px}
.aurora-booking>.envoltura{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}
.aurora-booking h2{font-size:clamp(36px,4vw,60px);font-weight:500;letter-spacing:-2px;line-height:1.06;margin:23px 0}
.aurora-booking p{max-width:390px;font-size:15px;line-height:1.8}
.aurora-booking .reservador{width:100%;margin:0;box-shadow:0 20px 60px #49572b0f;border:0;border-radius:8px}
.aurora-booking .reservador h2{font-size:24px;letter-spacing:-.5px;margin:0}
.aurora-booking .reservador p{font-size:11px}
.aurora-process{display:flex;gap:10px;margin-top:35px;align-items:center;font-size:11px}.aurora-process b{width:30px;height:30px;border:1px solid #918fa0;border-radius:50%;display:grid;place-items:center;font-weight:400}.aurora-process i{height:1px;width:25px;background:#9d9e8d}
[data-atelier=medica] .confianza{background:#eee8f1;border:0}
[data-atelier=medica] .especialidades{gap:0;border-top:1px solid var(--line)}
[data-atelier=medica] .esp{border:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line);background:transparent;padding:34px;transition:background .3s,transform .4s}
[data-atelier=medica] .esp:hover{background:#ede8ef;transform:translateY(-4px)}
[data-atelier=medica] .medico{border-radius:3px;background:#eee9ed;box-shadow:none}
[data-atelier=medica] .medico .avatar{width:100%;height:210px;border-radius:0;margin-bottom:20px;background:#d7cbdc;overflow:hidden}
[data-atelier=medica] .medico .avatar img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .6s}
[data-atelier=medica] .medico:hover .avatar img{transform:scale(1.05)}
/* RAYÉN — butter yellow, ink green, and a playful photographic silhouette. */
body[data-atelier=veterinaria]{--crema:#fffdf2;--tinta:#263e31;--tinta-2:#596857;--suave:#6b755e;--naranja:#2d5944;--naranja-oscuro:#203e30;--naranja-vivo:#71863c;--naranja-suave:#ebefd5;--verde:#2b5542;--linea:#dce2ca;--linea-fuerte:#bcc9a5;--ancho:1320px}
[data-atelier=veterinaria] .portada{background:#f5edb8;padding:50px 0 75px;overflow:hidden}
[data-atelier=veterinaria] .portada .envoltura{grid-template-columns:1.07fr .93fr;gap:6%}
[data-atelier=veterinaria] .portada h1{font-size:clamp(48px,5.7vw,86px);letter-spacing:-3px;line-height:1.02}
[data-atelier=veterinaria] .portada h1 em{font-style:normal;color:#748243}
[data-atelier=veterinaria] .portada .bajada{font-size:16px;line-height:1.8;max-width:450px}
[data-atelier=veterinaria] .ceja{background:transparent;padding:0;border-radius:0;font-size:10px;letter-spacing:2px}
[data-atelier=veterinaria] .escena{aspect-ratio:.92;border-radius:46% 46% 8px 8px;box-shadow:none;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .7s var(--motion-ease)}
[data-atelier=veterinaria] .escena-foto{animation:atelier-breathe 18s ease-in-out infinite}
[data-atelier=veterinaria] .tarjeta-flota.arriba{top:45%;right:15px;border-radius:50px;padding:10px 14px;animation:atelier-float 7s ease-in-out infinite}
[data-atelier=veterinaria] .tarjeta-flota.abajo{left:20px;bottom:20px;border-radius:5px;padding:12px 15px}
[data-atelier=veterinaria] .tarjeta-flota b{font-size:12px}[data-atelier=veterinaria] .tarjeta-flota span{font-size:10px}
[data-atelier=veterinaria] .portada-pie{border-color:#c6ca94;gap:30px}
[data-atelier=veterinaria] .portada-pie b{font-size:26px}[data-atelier=veterinaria] .portada-pie span{font-size:11px}
.rayen-seal{position:absolute;right:2%;top:25px;z-index:3;width:110px;height:110px;background:#f5edb8;color:#2d5944;border-radius:50%;border:1px dashed #6c793a;display:grid;place-content:center;text-align:center;rotate:12deg;animation:atelier-float 6s ease-in-out infinite}
.rayen-seal b{font-size:29px;line-height:1.3}.rayen-seal span{font-size:9px;line-height:1.5;letter-spacing:1px;text-transform:uppercase}
[data-atelier=veterinaria] .serv{box-shadow:none;border:1px solid #dce2ca;border-radius:5px;transition:background .3s,transform .4s}
[data-atelier=veterinaria] .serv:hover{background:#f3edbf;transform:translateY(-5px)}
[data-atelier=veterinaria] .plan{border-radius:80px 80px 8px 8px;text-align:center;padding-top:55px;box-shadow:none}
[data-atelier=veterinaria] .plan.destacado{background:#e9efdc}
[data-atelier=veterinaria] .banda-urgencia{background:#2b5542}
.rayen-ribbon{padding:22px 0;overflow:hidden;background:#f5edb8;border-top:1px solid #bec39b;color:#415633}
.rayen-ribbon>div{display:flex;width:max-content;animation:atelier-track 35s linear infinite}
.rayen-ribbon span{padding-right:65px;white-space:nowrap;font:600 20px 'Bricolage Grotesque',sans-serif}.rayen-ribbon i{font-style:normal;padding-right:30px}
/* ÑIELOL — quieter typography, large plates and a menu like a journal. */
[data-atelier=restoran] .portada{min-height:740px;height:min(900px,calc(100svh - 40px));padding-top:150px;padding-bottom:90px}
[data-atelier=restoran] .portada h1{font-size:clamp(56px,6.8vw,102px);line-height:1.02;max-width:650px;letter-spacing:-4px}
[data-atelier=restoran] .portada h1 em{color:#dfb076}
[data-atelier=restoran] .portada .bajada{font-size:14px;max-width:395px;line-height:1.9}
[data-atelier=restoran] .portada-foto{transform:translateY(var(--motion-y)) scale(1.04)}
[data-atelier=restoran] .portada-foto img{animation:atelier-breathe 22s ease-in-out infinite;object-position:75% 50%}
[data-atelier=restoran] .portada:before{background:linear-gradient(90deg,#11100dee 0%,#11100db3 28%,#11100d11 70%),linear-gradient(0deg,#11100d88,transparent 30%)}
[data-atelier=restoran] .portada-datos{margin-top:30px;max-width:490px;padding-top:20px}
[data-atelier=restoran] .portada-datos svg{width:21px}
[data-atelier=restoran] .portada-datos span,[data-atelier=restoran] .portada-datos b{font-size:10px}
.nielol-index{position:absolute;right:4%;top:140px;z-index:3;font:10px var(--sans);letter-spacing:2px;writing-mode:vertical-rl;color:#e3ceaa}
.nielol-stamp{position:absolute;right:7%;bottom:100px;border:1px solid #d9ba8980;width:108px;height:108px;border-radius:50%;display:grid;place-content:center;text-align:center;color:#f1dfbf;rotate:12deg;backdrop-filter:blur(5px)}
.nielol-stamp b{font:italic 25px var(--serif)}.nielol-stamp span{font-size:8px;letter-spacing:2px;margin-top:5px}
.nielol-manifesto{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;padding:85px 6%;background:#e9e0ce;color:#282b1e;align-items:center}
.nielol-manifesto>span{font:11px var(--sans);letter-spacing:2px;align-self:start;padding-top:15px}
.nielol-manifesto h2{font:400 clamp(36px,4.4vw,66px)/1.1 var(--serif);letter-spacing:-2px}
.nielol-manifesto em{color:#8c6d3b;font-weight:400}
[data-atelier=restoran] .plato-carta{transition:background .3s,transform .4s}
[data-atelier=restoran] .plato-carta:hover{background:#e0c39109;transform:translateX(5px)}
[data-atelier=restoran] .historia-fotos img{transition:transform 1s var(--motion-ease)}
[data-atelier=restoran] .historia-fotos:hover img{transform:scale(1.03)}
/* TORQUE — technical typography and a hand-drawn moving instrument. */
[data-atelier=torque] .hero{min-height:650px;max-height:900px;height:calc(100svh - 125px)}
[data-atelier=torque] .hero-content{padding:55px 6% 115px}
[data-atelier=torque] .hero h1{font-size:clamp(92px,10.7vw,158px);letter-spacing:-3px;line-height:.86;margin-top:25px;max-width:900px}
[data-atelier=torque] .hero h1 i{color:#ff6b39}
[data-atelier=torque] .hero-photo{animation:atelier-breathe 20s ease-in-out infinite;object-position:68% center}
[data-atelier=torque] .hero-shade{background:linear-gradient(90deg,#090c0ff0,#0a0b0e50 70%,#0a0b0e11),linear-gradient(0deg,#090c0fdd,transparent 50%)}
[data-atelier=torque] .hero-lower{margin-top:30px;gap:35px}
[data-atelier=torque] .hero-lower p{font-size:12px;line-height:1.8}
[data-atelier=torque] .hero-bottom{right:220px}
[data-atelier=torque] .hero-bottom>span:nth-child(2){display:none}
.torque-instrument{position:absolute;right:5%;top:23%;width:210px;color:#ff7b48;opacity:.9;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .6s}
.torque-instrument svg{width:100%;height:auto;overflow:visible}
.torque-instrument .needle{transform-origin:100px 100px;animation:torque-rev 7s cubic-bezier(.4,0,.2,1) infinite}
@keyframes torque-rev{0%,100%{rotate:-30deg}32%{rotate:55deg}50%{rotate:10deg}75%{rotate:40deg}}
.torque-instrument>div{display:flex;justify-content:space-between;border-top:1px solid #ff754566;padding-top:12px;font:8px monospace;letter-spacing:1px}
.torque-signal{display:flex;gap:3px;align-items:center;height:16px}.torque-signal i{height:15px;width:3px;background:#ff7545;animation:atelier-wave 1.4s ease-in-out infinite;animation-delay:calc(var(--i)*.15s)}
[data-atelier=torque] .strip{padding:18px 6%;font-size:25px;background:#ff6b39}
[data-atelier=torque] .service{transition:background .4s,border-color .4s,transform .5s}
[data-atelier=torque] .service:hover{transform:translateY(-6px);border-color:#ff7545;background:#242622}
[data-atelier=torque] .service:not(.featured){background:linear-gradient(130deg,#242725,#131615)}
[data-atelier=torque] .method-image{overflow:hidden}
[data-atelier=torque] .method-image img{transition:transform 1s var(--motion-ease)}
[data-atelier=torque] .method-image:hover img{transform:scale(1.045)}
.torque-banner{padding:55px 6%;border-block:1px solid #ffffff26;display:flex;align-items:center;justify-content:space-between;gap:40px;background:#1c211e}
.torque-banner h2{font:600 clamp(40px,6.3vw,90px)/.95 'Barlow Condensed',sans-serif;letter-spacing:-1.5px;margin:0}.torque-banner h2 span{color:#ff7545}
.torque-banner p{font-size:11px;line-height:1.8;max-width:230px;color:#abb5a9}
/* HÁBITAT — architectural index, generous white space and changing light. */
body[data-atelier=habitat]{--bg:#f4f1e9;--green:#3d493d}
[data-atelier=habitat] .site-header{height:85px;border-bottom:1px solid #d7d8ce}
[data-atelier=habitat] .hero{height:calc(100svh - 125px);min-height:660px;max-height:900px}
[data-atelier=habitat] .hero .photo-deck{position:absolute;inset:0;z-index:-3}
[data-atelier=habitat] .hero-overlay{background:linear-gradient(90deg,#19221bea 0%,#19251a88 40%,#1b271c11 80%),linear-gradient(0deg,#14201890,transparent 50%)}
[data-atelier=habitat] .hero-content{padding:90px 7% 160px}
[data-atelier=habitat] .hero h1{font-size:clamp(69px,8.7vw,128px);line-height:.94;letter-spacing:-3px;max-width:870px}
[data-atelier=habitat] .hero h1 em{color:#ece5d3}
[data-atelier=habitat] .hero-content p{font-size:12px;line-height:1.9}
[data-atelier=habitat] .hero .light-button{border-radius:0;background:#e9e4d7}
.habitat-scenes{position:absolute;right:6%;bottom:105px;z-index:6;display:flex;gap:8px;max-width:440px;width:40%}
.habitat-scenes button{padding:12px 0;border:0;border-top:1px solid #ffffff55;background:none;color:#ffffffb3;font:10px 'DM Sans';cursor:pointer;flex:1;text-align:left;min-height:42px}
.habitat-scenes button[aria-pressed=true]{color:#fff;border-top:2px solid #fff}
.habitat-scenes button span{display:block;font:20px 'Instrument Serif';margin-top:8px}
[data-atelier=habitat] .hero-bottom{right:230px;bottom:22px}
.habitat-outline{position:absolute;right:7%;top:80px;width:110px;height:150px;z-index:3;pointer-events:none;color:#ffffff70}
.habitat-outline svg{width:100%;height:100%;stroke-dasharray:300;animation:atelier-dash 30s linear infinite}
[data-atelier=habitat] .property-grid{gap:50px 24px}
[data-atelier=habitat] .property-image{height:340px}
[data-atelier=habitat] .property-card:nth-child(3n+2){padding-top:55px}
[data-atelier=habitat] .property-card:nth-child(3n+2) .property-image{height:285px}
[data-atelier=habitat] .philosophy{border-block:1px solid #d6d8cd}
.habitat-journal{background:#e4e5d8;border-block:1px solid #cdd1bc;padding:70px 6%;display:flex;align-items:end;justify-content:space-between;gap:30px}
.habitat-journal h2{font:400 clamp(36px,4.8vw,69px)/1.06 'Instrument Serif',serif;margin:18px 0 0;letter-spacing:-1.4px}
.habitat-journal p{font-size:12px;line-height:1.8;max-width:250px}
/* EL CORTE — a graphic identity with cobalt ink and a sculptural red pole. */
body[data-atelier=barberia]{background:#efece6;color:#171b27}
[data-atelier=barberia] .bh{height:auto;min-height:760px;background:#efece6;overflow:hidden;isolation:isolate;padding-bottom:30px}
[data-atelier=barberia] .bh-nav{position:relative;z-index:10;padding:24px 5%;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #1d233923}
[data-atelier=barberia] .bh-logo{display:flex;align-items:center;gap:12px;width:auto;color:#24399a;font:bold 24px 'Space Grotesk Variable',sans-serif;letter-spacing:-1px;white-space:nowrap}
[data-atelier=barberia] .bh-logo svg{width:24px;height:24px}
[data-atelier=barberia] .bh-links{display:flex;gap:27px;font-size:12px;list-style:none}
[data-atelier=barberia] .bh-btn--nav{font-size:11px;padding:13px 18px}
[data-atelier=barberia] .bh-cuerpo{position:relative;padding:70px 5% 70px;max-width:none;width:65%;z-index:4}
[data-atelier=barberia] .bh-ante{font:10px 'Space Grotesk Variable',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#5a6275;margin-bottom:30px}
[data-atelier=barberia] .bh-titulo{font:600 clamp(75px,9.8vw,143px)/.87 'Space Grotesk Variable',sans-serif;letter-spacing:-8px;color:#213895;margin:0 0 28px}
[data-atelier=barberia] .bh-titulo em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #213895}
[data-atelier=barberia] .bh-bajada{max-width:355px;font-size:14px;line-height:1.9;color:#5e6471;margin-bottom:25px}
[data-atelier=barberia] .bh-btn{border-radius:0;min-height:48px;font-size:12px;gap:25px}
[data-atelier=barberia] .bh-btn--negro{background:#233994;border-color:#233994;color:#fff}
[data-atelier=barberia] .bh-btn--borde{color:#24378a;border:1px solid #8992bb}
[data-atelier=barberia] .bh-rasgos{border-top:1px solid #b8becd;padding-top:24px;margin-top:34px;gap:20px;max-width:600px;font-size:10px}
[data-atelier=barberia] .bh-arte{position:absolute;inset:80px 0 0 auto;width:46%;height:auto;z-index:1;overflow:hidden}
[data-atelier=barberia] .bh-arte>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;animation:atelier-breathe 20s ease-in-out infinite}
[data-atelier=barberia] .bh-giro{display:none}
.corte-ticket{position:absolute;right:5%;bottom:70px;z-index:5;background:#e4ff75;color:#1e302c;border:1px dashed #708541;rotate:7deg;padding:20px 25px;animation:atelier-float 6s ease-in-out infinite}
.corte-ticket span{display:block;font:9px 'Space Grotesk Variable',sans-serif;letter-spacing:1px}.corte-ticket strong{display:block;font:500 28px 'Space Grotesk Variable',sans-serif;margin:6px 0}.corte-ticket a{font-size:10px;border-bottom:1px solid currentColor}
.corte-band{background:#233994;color:#f7f3e7;overflow:hidden;padding:23px 0}
.corte-band>div{width:max-content;display:flex;animation:atelier-track 30s linear infinite}
.corte-band span{font:500 35px 'Space Grotesk Variable',sans-serif;letter-spacing:-1px;white-space:nowrap;padding-right:50px}
[data-atelier=barberia] .bc{background:#f5f2ec}
[data-atelier=barberia] .bc-titulo{color:#233994}
[data-atelier=barberia] .ag-sec{border-top:1px solid #b7bdca;background:#efece6}
[data-atelier=barberia] .ag-sec-title{color:#233994;letter-spacing:-2px}
[data-atelier=barberia] .bb{background:#e5e5dc}
/* Responsive choreography: composition first, motion second. */
@media(max-width:1000px){
 [data-atelier=dental] .hero-grid{grid-template-columns:1fr 1fr;gap:5%}[data-atelier=dental] .hero h1{font-size:65px}
 [data-atelier=medica] .portada .envoltura,[data-atelier=veterinaria] .portada .envoltura{grid-template-columns:1fr 1fr;gap:4%}
 .aurora-portrait{height:500px}.aurora-care{left:20px;right:20px}.aurora-care strong{font-size:18px}
 .torque-instrument{width:150px;right:5%;top:32%}
 [data-atelier=barberia] .bh-titulo{letter-spacing:-5px;font-size:100px}[data-atelier=barberia] .bh-links{gap:15px;font-size:11px}
 [data-atelier=habitat] .hero h1{font-size:90px}[data-atelier=habitat] .property-image{height:280px}
}
@media(max-width:700px){
 .atelier-story{grid-template-columns:1fr;padding:55px 6%;gap:30px}.atelier-story h2{letter-spacing:-1px}.atelier-story .story-photo{order:-1}
 .motion-toggle{right:16px;bottom:12px;font-size:9px;padding:7px 10px}
 [data-atelier=dental] .nav{padding:18px 5%}[data-atelier=dental] .hero{padding:15px 5% 55px}[data-atelier=dental] .hero-grid{grid-template-columns:1fr;gap:35px}[data-atelier=dental] .hero h1{font-size:clamp(60px,13.7vw,85px);letter-spacing:-2px}
 [data-atelier=dental] .hero-visual{aspect-ratio:1.05;max-height:none;margin-left:12px}.lumina-seal{width:60px;height:60px;left:-20px}.lumina-seal svg{width:35px}.lumina-line{margin-top:22px}.lumina-caption{font-size:8px}.deck-controls{bottom:20px;left:15px;right:15px}.deck-controls button{font-size:10px;padding:8px}
 [data-atelier=medica] .portada{padding:25px 0 55px}[data-atelier=medica] .portada .envoltura{grid-template-columns:1fr;gap:35px}[data-atelier=medica] .portada h1{font-size:clamp(49px,12.7vw,74px);letter-spacing:-2.6px}[data-atelier=medica] .portada .bajada{font-size:15px}.aurora-portrait{height:400px;border-radius:5px 100px 5px 5px}.aurora-portrait>img{object-position:center 25%}.aurora-note{margin-top:22px}.aurora-booking{padding:50px 0}.aurora-booking>.envoltura{grid-template-columns:1fr;gap:30px}.aurora-booking h2{font-size:42px}.aurora-booking .reservador{padding:22px}
 [data-atelier=veterinaria] .portada{padding:30px 0 55px}[data-atelier=veterinaria] .portada .envoltura{grid-template-columns:1fr;gap:40px}[data-atelier=veterinaria] .portada h1{font-size:clamp(48px,12vw,70px);letter-spacing:-2px}[data-atelier=veterinaria] .portada .bajada{font-size:15px}[data-atelier=veterinaria] .escena{aspect-ratio:1.1;max-width:none}.rayen-seal{top:auto;bottom:70px;right:5%;width:90px;height:90px}.rayen-seal b{font-size:22px}[data-atelier=veterinaria] .tarjeta-flota.arriba{display:none}[data-atelier=veterinaria] .tarjeta-flota.abajo{display:flex;font-size:10px;bottom:18px;left:15px;max-width:200px}
 [data-atelier=restoran] .portada{height:auto;min-height:780px;padding:150px 0 90px}[data-atelier=restoran] .portada h1{font-size:clamp(52px,12.2vw,78px);letter-spacing:-2.2px}[data-atelier=restoran] .portada:before{background:linear-gradient(90deg,#11100dec,#11100d66),linear-gradient(0deg,#11100d,transparent 60%)}.nielol-index{display:none}.nielol-stamp{width:80px;height:80px;right:6%;bottom:80px}.nielol-stamp b{font-size:20px}.nielol-stamp span{font-size:6px}[data-atelier=restoran] .portada-datos{max-width:calc(100% - 85px);flex-wrap:wrap;gap:16px;margin-top:30px}[data-atelier=restoran] .portada-datos li{flex:1 1 100px}.nielol-manifesto{grid-template-columns:1fr;padding:45px 6%;gap:25px}.nielol-manifesto h2{font-size:38px;letter-spacing:-1px}
 [data-atelier=torque] .hero{height:auto;min-height:760px;max-height:none}[data-atelier=torque] .hero-content{padding:45px 6% 165px}[data-atelier=torque] .hero h1{font-size:clamp(84px,20vw,124px);line-height:.89;letter-spacing:-2px}[data-atelier=torque] .hero-lower{margin-top:30px;gap:24px}[data-atelier=torque] .hero-bottom{right:170px;bottom:26px}.torque-instrument{width:110px;right:7%;top:auto;bottom:90px;opacity:.8}.torque-instrument>div{font-size:6px}.torque-banner{display:block;padding:45px 6%}.torque-banner p{margin-top:25px}.torque-banner h2{font-size:50px}
 [data-atelier=habitat] .hero{height:auto;min-height:780px;max-height:none}[data-atelier=habitat] .hero-content{padding:70px 6% 225px}[data-atelier=habitat] .hero h1{font-size:clamp(57px,13.9vw,82px);line-height:.98;letter-spacing:-1.8px}.habitat-scenes{left:6%;right:6%;width:auto;max-width:none;bottom:100px}.habitat-outline{top:25px;right:6%;width:50px;height:70px;opacity:.5}[data-atelier=habitat] .hero-bottom{right:165px;left:6%;font-size:7px}[data-atelier=habitat] .hero-bottom>span:nth-child(2){display:none}[data-atelier=habitat] .property-card:nth-child(n){padding-top:0}[data-atelier=habitat] .property-card:nth-child(n) .property-image{height:320px}.habitat-journal{display:block;padding:45px 6%}.habitat-journal p{margin-top:25px}
 [data-atelier=barberia] .bh{min-height:0;padding-bottom:60px}[data-atelier=barberia] .bh-nav{padding:20px 5%}[data-atelier=barberia] .bh-logo{font-size:22px}[data-atelier=barberia] .bh-links{display:none}[data-atelier=barberia] .bh-cuerpo{padding:45px 5% 0;width:100%}[data-atelier=barberia] .bh-titulo{font-size:clamp(74px,19vw,125px);letter-spacing:-5px;max-width:none}[data-atelier=barberia] .bh-bajada{font-size:13px;max-width:310px}[data-atelier=barberia] .bh-arte{position:relative;inset:auto;margin:35px 5% 0;width:90%;height:390px;border-radius:4px;order:2}[data-atelier=barberia] .bh-cuerpo{order:1}[data-atelier=barberia] .bh{display:flex;flex-direction:column}[data-atelier=barberia] .bh-nav{order:0}[data-atelier=barberia] .bh-arte>img{object-position:center 52%;width:100%;height:100%}[data-atelier=barberia] .bh-rasgos{display:none}.corte-ticket{bottom:90px;right:7%;padding:16px 18px}.corte-ticket strong{font-size:25px}.corte-band span{font-size:25px}.corte-band{padding:17px 0}
}
@media(prefers-reduced-motion:reduce){
 [data-atelier] *,[data-atelier] *:before,[data-atelier] *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
 .motion-line>span{transform:none!important}.motion-toggle{display:none}
}
/* Keep the primary composition anchored to the editorial grid. */
[data-atelier=barberia] .bh-cuerpo{margin:0}
.motion-hero-away *, .motion-hero-away *::before,.motion-hero-away *::after{animation-play-state:paused!important}
[data-atelier] .experience-guide{padding:8px 4%!important;gap:10px;font-size:11px!important}
[data-atelier] .experience-guide a,[data-atelier] .experience-guide button{min-height:34px;padding:6px 10px}
[data-atelier] .experience-note{font-size:10px!important;padding:6px 4%!important}
@media(max-width:700px){
 [data-atelier] .experience-guide{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:8px 12px!important}
 [data-atelier] .experience-label,[data-atelier] .experience-steps{display:none}
 [data-atelier] .experience-guide a,[data-atelier] .experience-guide button{justify-content:center;font-size:10px!important;padding:7px 5px;min-height:36px}
 [data-atelier] .experience-guide>a:last-of-type{margin-left:0}
 [data-atelier] .experience-status{grid-column:1/-1}
 [data-atelier] .experience-note{text-align:center;padding:6px 12px!important}
}
@media(max-width:700px){
 [data-atelier=restoran] .portada-foto,[data-atelier=restoran] .portada:before{inset:0;height:100%}
 [data-atelier=restoran] .portada-foto img{object-position:65% center}
 [data-atelier=restoran] .portada:before{background:linear-gradient(90deg,#11100dea,#11100d55),linear-gradient(0deg,#11100df0,transparent 65%)}
}